body.primary:has(.marketing-hero){--marketing-background: linear-gradient(rgb(0 0 0 / 14%), rgb(0 0 0 / 14%)), var(--primary-gradiant);--body-primary-color: var(--marketing-background)}body.primary:has(.marketing-hero) header#header>div{background:var(--marketing-background)}#content .marketing-hero{--base: var(--primary-oposite);--button-text: var(--primary-oposite);color:var(--primary-oposite);background:var(--marketing-background)}:is(#content .marketing-hero)>section{padding-block:64px;max-width:1280px}:is(#content .marketing-hero) .marketing-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}:is(:is(#content .marketing-hero) .marketing-hero-grid)>*{min-width:0}:is(#content .marketing-hero) h1{font-family:var(--font-family-heading);font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.15;letter-spacing:-.03em;text-align:left;margin-bottom:24px;text-wrap:balance}:is(#content .marketing-hero) p{font-size:var(--font-size-18);line-height:1.75;margin-bottom:20px}:is(#content .marketing-hero) .marketing-lead{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.4}:is(#content .marketing-hero) .marketing-hero-image{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}:is(#content .marketing-hero) .marketing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}:is(:is(#content .marketing-hero) .marketing-actions) .btn{height:auto;min-height:48px;padding:12px 20px;gap:10px;white-space:normal;font-weight:500}:is(:is(#content .marketing-hero) .marketing-actions) .btn-primary{color:#0f5dd6;background:#fff}:is(#content .marketing-hero) .marketing-small{font-size:var(--font-size-14);margin:20px 0 0}:is(#content .marketing-hero) a:not(.btn){color:inherit;text-decoration:underline;text-underline-offset:3px}:is(#content .marketing-hero) a:focus-visible{outline:3px solid currentColor;outline-offset:5px}@media (max-width: 900px){:is(#content .marketing-hero) .marketing-hero-grid{grid-template-columns:1fr;gap:32px}:is(#content .marketing-hero) .marketing-hero-image{max-width:700px}}@media (max-width: 640px){:is(#content .marketing-hero)>section{padding-block:40px}:is(#content .marketing-hero) .marketing-actions{flex-direction:column}}body:has(.marketing-hero) #footer #sub-news:not(:hover){color:var(--primary-text)}body#canvastera-concept{--concept-line: #dce5f0;--concept-tint: #eef5ff;--concept-green: #e0f6ea}.concept-page{background:var(--background-white);--base: var(--base-original);--button-text: var(--button-text-original);color:var(--base-original);font-size:var(--font-size-18);line-height:1.7}.concept-page [hidden]{display:none!important}.concept-page section{max-width:1200px}.concept-page .concept-section{padding-block:88px}.concept-page h1{font-size:clamp(2.6rem,4.4vw,4.4rem);line-height:1.15;letter-spacing:-.035em;text-wrap:balance;margin-bottom:24px}.concept-page h2{font-size:clamp(2rem,3vw,2.85rem);line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.concept-page h3{font-size:var(--font-size-24);line-height:1.4}.concept-page p{line-height:1.75}.concept-page a:not(.btn){color:var(--primary-text);text-underline-offset:4px}.concept-page a:not(.btn):hover{text-decoration:underline}.concept-page>:not(.marketing-hero) .btn{height:auto;min-height:48px;padding:12px 18px;white-space:normal;line-height:1.4;gap:10px}.concept-page>:not(.marketing-hero) .btn-primary{background:var(--primary-text);border-color:var(--primary-text);color:#fff}.concept-page>:not(.marketing-hero) .btn-bordered{border-color:var(--primary-text);color:var(--primary-text)}.concept-page>:not(.marketing-hero) .btn:disabled{background:var(--button-disabled-background);color:var(--text-color-gray);border-color:var(--concept-line);cursor:default}.concept-page :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--primary-text);outline-offset:5px}.concept-page [id]{scroll-margin-top:150px}.concept-page figure,.concept-page blockquote{margin:0}.concept-page small,.concept-page .concept-small{font-size:var(--font-size-14);line-height:1.65}.concept-page mark{background:var(--concept-green);color:var(--base-original);padding-inline:3px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.concept-grid>*,.concept-comparison>*,.concept-roles>*{min-width:0}.concept-actions{display:flex;flex-wrap:wrap;gap:12px}.concept-editor-note{position:static;margin-top:20px;margin-left:auto;width:-moz-fit-content;width:fit-content;max-width:100%;box-sizing:border-box;background:#fff;padding:18px 24px;border:1px solid var(--concept-line);box-shadow:var(--box-shadow);border-radius:var(--border-radius);display:flex;align-items:center;gap:15px}.concept-editor-note>span{color:var(--primary-text);font-size:2rem}.concept-editor-note strong{color:var(--base-original)}.concept-editor-note small{display:block;color:var(--text-color-gray)}.concept-statement{font-size:var(--font-size-24);font-family:var(--font-family-body);font-weight:700;color:var(--primary-text);margin-bottom:0}.concept-section-intro{max-width:750px;margin:0 auto 40px;text-align:center}.concept-section-intro p{color:var(--text-color-gray)}.concept-tint{background:var(--concept-tint)}.concept-loop{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:24px;text-align:center;margin-bottom:32px}.concept-loop li{position:relative}.concept-loop li:not(:last-child):after{content:"→";position:absolute;top:24px;right:-24px;font-size:2rem;color:var(--primary-text)}.concept-loop li>span{display:grid;place-items:center;margin:0 auto 20px;width:70px;height:70px;background:#fff;border:1px solid var(--concept-line);border-radius:var(--border-radius);font-size:2.5rem;color:var(--primary-text)}.concept-loop p{color:var(--text-color-gray)}.concept-loop-details{max-width:750px;margin:32px auto;padding:20px 24px;border:1px solid var(--concept-line);border-radius:var(--border-radius);background:#fff}.concept-loop-details summary{cursor:pointer;font-weight:600;color:var(--primary-text)}.concept-loop-details p{margin:20px 0 0}.concept-story{border:1px solid var(--concept-line);border-radius:var(--border-radius);overflow:clip}.concept-story-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--concept-tint)}.concept-story-tabs button{padding:20px 12px;background:transparent;color:var(--base-original);border:0;border-bottom:3px solid transparent;cursor:pointer;min-height:70px}.concept-story-tabs button[aria-selected=true]{border-color:var(--primary-text);background:#fff;color:var(--primary-text)}.concept-story-tabs strong,.concept-story-tabs span{display:block}.concept-story-tabs span{font-size:var(--font-size-14);margin-top:4px}.concept-story-tabs button:focus-visible{outline-offset:-5px}.concept-story-panels{padding:40px}.concept-story-panels .concept-grid{gap:40px;min-height:380px}.concept-ai-role{border-left:3px solid var(--primary-text);padding-left:18px;font-size:var(--font-size-14)}.concept-ai-role strong{display:block}.concept-demo{background:var(--concept-tint);padding:30px;border-radius:var(--border-radius)}.concept-paper,.concept-poster{background:#fff;border:1px solid var(--concept-line);box-shadow:var(--box-shadow);padding:24px;border-radius:var(--border-radius)}:is(.concept-paper,.concept-poster) h4{font-size:var(--font-size-20);line-height:1.5}:is(.concept-paper,.concept-poster) p{font-size:var(--font-size-14)}:is(.concept-paper,.concept-poster) p:last-child{margin-bottom:0}.concept-idea-cloud{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.concept-idea-cloud span{padding:9px 14px;border-radius:var(--border-radius-small);background:var(--concept-green);transform:rotate(-2deg);font-size:var(--font-size-14)}.concept-idea-cloud span:nth-child(2n){background:var(--concept-tint);transform:rotate(2deg)}.concept-plant{display:flex;align-items:center;justify-content:space-around;gap:12px;font-size:2rem;margin:16px 0;text-align:center}.concept-plant small{display:block}.concept-plant .concept-leaf{display:flex;flex-shrink:0}.concept-recording{display:flex;align-items:center;gap:12px;background:var(--concept-tint);padding:12px;border-radius:var(--border-radius-small);font-size:var(--font-size-14)}.concept-recording>span:last-child{margin-left:auto}.concept-coach{background:#e5edff;border-left:3px solid var(--primary-text)}.concept-coach p:last-child{margin-bottom:0}blockquote.concept-coach{padding:20px;margin-top:16px;border-radius:var(--border-radius-small);font-size:var(--font-size-14)}.concept-reflection{margin-top:20px;font-size:var(--font-size-14)}.concept-reflection p{margin:0}.concept-revision{color:#12613f}.concept-story-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;border-top:1px solid var(--concept-line);padding:20px 30px}.concept-story-footer>p{font-size:var(--font-size-14);color:var(--text-color-gray);margin:0;flex:1}.concept-comparison,.concept-roles,.concept-partner-types{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.concept-card{padding:30px;border:1px solid var(--concept-line);border-radius:var(--border-radius);background:#fff}.concept-card blockquote{font-family:var(--font-family-heading);font-size:var(--font-size-20);line-height:1.7}.concept-comparison+.concept-small{margin-top:20px}.concept-ai-timing{display:grid;grid-template-columns:1fr 2fr;gap:12px}.concept-ai-timing dt{font-weight:700}.concept-ai-timing dd{margin:0}.concept-research-note{max-width:750px;margin:30px auto 0;text-align:center;color:var(--text-color-gray)}.concept-preview-notice{padding:18px 24px;background:var(--concept-tint);border:1px solid var(--concept-line);border-radius:var(--border-radius-small);font-size:var(--font-size-14)}.concept-role-icon{display:grid;place-items:center;background:var(--concept-tint);width:52px;height:52px;color:var(--primary-text);font-size:2rem;border-radius:var(--border-radius);margin-bottom:24px}.concept-roles .concept-card{display:flex;flex-direction:column}:is(.concept-roles .concept-card) p{flex:1}:is(.concept-roles .concept-card) small{display:block;color:var(--text-color-gray);margin-top:16px}.concept-partnership{background:var(--concept-tint)}.concept-coordinator{padding:36px;border-radius:var(--border-radius);border:2px solid var(--primary-text);background:#fff}.concept-coordinator small{display:block;margin-top:16px;color:var(--text-color-gray)}.concept-partner-types{padding-block:40px;border-bottom:1px solid var(--concept-line)}.concept-partner-types article{display:flex;flex-direction:column}.concept-partner-types p{flex:1}.concept-partner-detail{align-items:start;margin-top:40px}.concept-programme{padding:24px;border:1px solid var(--concept-line);border-radius:var(--border-radius);margin:30px 0}.concept-programme summary{cursor:pointer;font-weight:700}.concept-programme p{margin-top:20px}#concept-survey .btn[data-survey-close]{flex-shrink:0;white-space:nowrap}#concept-survey{min-width:0;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;color:var(--base-original)}#concept-survey [hidden]{display:none!important}#concept-survey .concept-survey-header{display:flex;gap:20px;align-items:start;justify-content:space-between}#concept-survey h2{font-size:var(--font-size-28);line-height:1.4}#concept-survey .concept-survey-controls{display:flex;gap:20px;justify-content:space-between;margin-top:24px}#concept-survey .btn{min-height:44px;height:auto;white-space:normal;padding:10px 16px}#concept-survey .btn:disabled{color:var(--text-color-gray);background:var(--button-disabled-background);border-color:var(--concept-line);cursor:default}#concept-survey fieldset{border:0;padding:0;margin:0;min-width:0}#concept-survey legend{font-family:var(--font-family-heading);font-size:var(--font-size-24);line-height:1.5;margin-bottom:16px}#concept-survey .concept-survey-option{display:flex;gap:14px;align-items:center;padding:12px 16px;border:1px solid #bccbdd;border-radius:var(--border-radius-small);margin:10px 0;min-height:24px;cursor:pointer;line-height:1.5}#concept-survey .concept-survey-option:has(input:checked){background:#eef5ff;border-color:var(--primary-text)}#concept-survey input[type=radio],#concept-survey input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;margin:0;width:20px;height:20px;flex-shrink:0;accent-color:var(--primary-text)}#concept-survey :is(input,select,textarea):not([type=radio],[type=checkbox]){display:block;box-sizing:border-box;width:100%;margin:12px 0;padding:12px;border:1px solid #bccbdd;border-radius:var(--border-radius-small);background:#fff;color:var(--base-original);font-size:1rem}#concept-survey :focus-visible{outline:3px solid var(--primary-text);outline-offset:3px}#concept-survey #survey-progress{color:var(--text-color-gray);font-size:var(--font-size-14)}@media (max-width: 1000px){.concept-grid{gap:32px}.concept-card{padding:24px}}@media (max-width: 900px){.concept-grid{grid-template-columns:1fr}.concept-page .concept-section{padding-block:56px}.concept-editor{max-width:700px;margin:20px auto 0}.concept-roles,.concept-comparison,.concept-partner-types{grid-template-columns:1fr}.concept-roles .concept-card{display:grid;grid-template-columns:64px 1fr;-moz-column-gap:20px;column-gap:20px}:is(.concept-roles .concept-card) .concept-role-icon{grid-row:span 4}:is(.concept-roles .concept-card) p,:is(.concept-roles .concept-card) .btn,:is(.concept-roles .concept-card) small{grid-column:2}.concept-story-panels .concept-grid{min-height:0}.concept-story-panels .concept-demo{grid-row:1}}@media (max-width: 600px){.concept-story-footer .concept-actions .btn{white-space:nowrap;font-size:1rem;padding-inline:8px}.concept-plant{gap:6px;font-size:1.3rem}.concept-plant-illustration{width:60px;height:auto}.concept-loop{grid-template-columns:1fr 1fr;row-gap:32px}.concept-loop li:after{display:none}.concept-editor-note{position:static;margin-top:24px;padding:16px}.concept-editor{padding-bottom:0}.concept-actions{flex-direction:column}.concept-story-tabs{grid-template-columns:1fr 1fr}.concept-story-tabs button{padding:12px 8px}.concept-story-panels{padding:20px}.concept-demo{padding:16px}.concept-story-footer{display:block;padding:20px}.concept-story-footer>p{margin-bottom:16px}.concept-story-footer .concept-actions{flex-direction:row}:is(.concept-story-footer .concept-actions) button{flex:1}.concept-roles .concept-card{display:flex}.concept-ai-timing{grid-template-columns:1fr}.concept-ai-timing dd{margin-bottom:12px}.concept-coordinator{padding:24px}#concept-survey>div{padding:20px}}@media (prefers-reduced-motion: reduce){#concept-survey{animation:none}#concept-survey::backdrop{transition:none}}.concept-next{--base: white;color:#fff;background:var(--marketing-background)}.concept-next>section{max-width:1280px;padding-block:72px}.concept-next h2{max-width:780px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.2;margin-bottom:20px}.concept-next h3{line-height:1.35;margin-bottom:12px}.concept-next .concept-next-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}:is(.concept-next .concept-next-blocks) article{border-top:1px solid rgb(255 255 255 / 35%);padding-top:24px}:is(.concept-next .concept-next-blocks) p{color:#fff;margin-bottom:0}@media (max-width: 900px){.concept-next .concept-next-blocks{gap:20px}}@media (max-width: 640px){.concept-next>section{padding-block:44px}.concept-next .concept-next-blocks{grid-template-columns:1fr;gap:32px}}.concept-page>.marketing-hero{font-size:1rem}#concept-survey #survey-error{padding:14px;border-left:3px solid var(--danger);background:#fff2ef;color:var(--base-original)}#concept-survey #survey-summary{max-height:280px;overflow-y:auto;padding:4px}#concept-survey #survey-summary dt{font-weight:700;margin-top:16px}#concept-survey #survey-summary dd{margin:4px 0 16px}#concept-survey #survey-success{padding:20px 0}@media (max-width: 540px){#concept-survey .concept-survey-header{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}:is(#concept-survey .concept-survey-header) [data-survey-close]{grid-row:1;justify-self:end}:is(#concept-survey .concept-survey-header) h2{grid-row:2;margin-bottom:16px}}#concept-survey a:hover{color:#000}#concept-survey [data-survey-previous]{flex-shrink:0;white-space:nowrap}@media (max-width: 540px){#concept-survey .concept-survey-controls{gap:12px}:is(#concept-survey .concept-survey-controls) .btn{font-size:16px;padding:10px 12px}}
