.canvas-hero{isolation:isolate;color:#fff;background:#06192c;place-items:center;min-height:clamp(510px,42vw,650px);display:grid;position:relative;overflow:hidden}.canvas-hero-art{z-index:-1;background:50%/contain no-repeat;position:absolute;inset:0}.canvas-hero-content{text-align:center;flex-direction:column;align-items:center;padding-block:4.2rem 3.5rem;display:flex}.canvas-eyebrow{color:#b8e6ff;font:600 .76rem/1.4 var(--sans);letter-spacing:.27em;text-transform:uppercase;margin:0 0 1.6rem}.canvas-hero h1{color:#fff;text-shadow:0 2px 18px #030e1e40;max-width:11.5ch;margin:0 auto 1.45rem;font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1.08}.canvas-title-desktop{display:none}@media (width>=1100px){.canvas-title-desktop{white-space:nowrap;display:block}.canvas-title-fluid{display:none}.canvas-hero h1{max-width:none;font-size:clamp(3.1rem,4vw,4rem);transform:translate(-2rem)}.canvas-hero-content>p:not(.canvas-eyebrow){transform:translate(2.2rem)}}.canvas-hero-content>p:not(.canvas-eyebrow){color:#e3edf7;max-width:40ch;margin:0;font-size:clamp(1.02rem,1.35vw,1.18rem);line-height:1.5}.canvas-hero-link{color:#fff;border-bottom:0;flex-direction:column;align-items:center;gap:.6rem;margin-top:clamp(2.5rem,5vw,4.5rem);font-size:.96rem;text-decoration:none;display:inline-flex}.canvas-hero-link svg{color:#51d6ff;width:26px;height:26px;transition:transform .25s var(--ease)}.canvas-hero-link:hover svg{transform:translateY(5px)}.canvas-how{color:#0a1c2f;background:#e8f1f9;padding:clamp(3.5rem,6vw,5.4rem) 0 clamp(3.2rem,5vw,4.7rem);scroll-margin-top:78px}.canvas-how h2{color:#0a1c2f;text-align:center;max-width:30ch;margin:0 auto clamp(2rem,4vw,3rem);font-size:clamp(1.8rem,2.5vw,2.5rem)}.canvas-route{border-bottom:1px solid #bfd0df;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,3vw,3rem);margin:0;padding:0 0 clamp(2.5rem,4vw,3.6rem);list-style:none;display:grid}.canvas-route li{align-items:flex-start;gap:.9rem;min-width:0;display:flex}.canvas-route-number{color:#17446c;border:1.5px solid #1568c8;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.canvas-route h3{color:#0a1c2f;margin:.1rem 0 .35rem;font-size:1.02rem}.canvas-route p{color:#425b70;margin:0;font-size:.9rem;line-height:1.55}.canvas-explainer{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,6vw,5rem);padding-top:clamp(2.5rem,4vw,3.5rem);display:grid}.canvas-explainer h3{color:#0a1c2f;font-family:var(--serif);margin:0 0 .8rem;font-size:clamp(1.32rem,1.7vw,1.65rem);line-height:1.25}.canvas-skill-explainer>p{color:#425b70;max-width:62ch;margin:0 0 1.5rem;font-size:.98rem;line-height:1.62}.canvas-example{border-top:1px solid #bfd0df;border-bottom:1px solid #bfd0df}.canvas-example summary{color:#17446c;cursor:pointer;padding:.85rem 0;font-size:.93rem;font-weight:600}.canvas-example-body{grid-template-columns:1fr 1fr;gap:1.4rem;padding:.35rem 0 1.25rem;display:grid}.canvas-example-body h4{color:#17446c;font:700 .86rem/1.35 var(--sans);margin:0 0 .35rem}.canvas-example-body p{color:#425b70;margin:0;font-size:.88rem;line-height:1.55}.canvas-outcomes{border-left:1px solid #bfd0df;padding-left:clamp(1.5rem,3vw,2.7rem)}.canvas-outcomes ul{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.canvas-outcomes li{color:#425b70;padding-left:1.35rem;font-size:.93rem;line-height:1.55;position:relative}.canvas-outcomes li:before{content:"";background:#0659d9;border-radius:50%;width:7px;height:7px;position:absolute;top:.55rem;left:0}.canvas-how{color:#c1d9ea;background:#10314f}.canvas-how h2,.canvas-route h3,.canvas-explainer h3,.canvas-example summary,.canvas-example-body h4{color:#cbddeb}.canvas-route h3{font-size:1.12rem;line-height:1.4}.canvas-route p,.canvas-skill-explainer>p,.canvas-example-body p,.canvas-outcomes li{color:#c1d9ea}.canvas-route-number{color:#fff;border-color:#8fabc1}.canvas-route{border-bottom:2px solid #8fabc1}.canvas-outcomes{border-left-color:#fff3}.canvas-example{border-color:#fff3}.canvas-example summary{font-size:1rem;line-height:1.55}.canvas-example-body h4{font-size:1rem;line-height:1.4}.canvas-example-body p{font-size:1rem;line-height:1.65}.canvas-example summary:focus-visible{outline-offset:4px;outline:2px solid #51d6ff}.canvas-outcomes li:before{background:#fff}.canvas-ready{color:#fff;background:#071a2e;padding:clamp(3rem,5vw,4.5rem) 0}.canvas-ready-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.canvas-ready h2{color:#fff;margin:0 0 .8rem;font-size:clamp(1.5rem,2vw,2rem)}.canvas-ready p{color:#c1d9ea;max-width:68ch;margin:0;font-size:.95rem;line-height:1.62}.canvas-start-row{flex-direction:column;align-items:center;gap:.65rem;display:flex}.canvas-start-row .button{min-width:230px}.canvas-start-row .canvas-confidential{color:#a9c0d2;text-align:center;font-size:.8rem}.canvas-ready h2{color:#cbddeb}.canvas-stage{background:var(--navy);color:var(--ink);padding:clamp(1.5rem,4vw,3rem) 0 clamp(3rem,7vw,5rem)}.canvas-stage .wrap{max-width:820px}.canvas-card.wide,.canvas-stage .wrap:has(.canvas-card.wide){max-width:100%}.canvas-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.6rem,3.5vw,2.6rem)}.canvas-card.wide{max-width:1100px;margin:0 auto}.canvas-card h2{color:var(--paper);margin:0 0 .8rem;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.12}.canvas-step-eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:700}.canvas-card-lede{color:var(--muted);max-width:62ch;margin:0 0 1.8rem;line-height:1.55}.canvas-steps{flex-wrap:wrap;gap:.5rem 1.4rem;margin:0 0 1.8rem;padding:0;list-style:none;display:flex}.canvas-steps li{color:var(--muted);letter-spacing:.04em;opacity:.55;font-size:.85rem;font-weight:600}.canvas-steps li.on{opacity:1;color:var(--ink)}.canvas-steps b{color:var(--cyan);font-family:var(--sans);margin-right:.3rem}.canvas-field{flex-direction:column;gap:.4rem;margin-bottom:1.3rem;display:flex}.canvas-label{color:var(--ink);font-weight:600}.canvas-hint{color:var(--muted);font-size:.88rem;line-height:1.4}.canvas-card input[type=text],.canvas-card input[type=email],.canvas-card input[type=url],.canvas-card textarea,.canvas-card select{border:1px solid var(--line);background:var(--field);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:.75rem .85rem}.canvas-card textarea{resize:vertical;min-height:72px;line-height:1.5}.canvas-card input:focus,.canvas-card textarea:focus,.canvas-card select:focus{outline:2px solid var(--cyan);outline-offset:1px}.canvas-section{border:0;margin:0 0 1.5rem;padding:0}.canvas-section legend{color:var(--paper);margin-bottom:1rem;padding:0;font-size:1.05rem;font-weight:700}.canvas-radios,.canvas-checks{gap:.55rem;margin-top:.2rem;display:grid}.canvas-radio,.canvas-check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:.6rem;line-height:1.4;display:flex}.canvas-radio input,.canvas-check input{flex:none;margin-top:.2rem}.canvas-optional{border:1px solid var(--hairline);border-radius:8px;margin:0 0 1.5rem;padding:.9rem 1rem}.canvas-optional summary{color:var(--link);cursor:pointer;font-weight:600}.canvas-optional-body{margin-top:1.1rem}.canvas-consent-box{background:var(--field);border:1px solid var(--line);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.1rem}.canvas-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.canvas-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.2rem;display:flex}.canvas-error{color:#ffd9cf;background:#eb512d1f;border:1px solid #eb512d80;border-radius:8px;margin:0 0 1.2rem;padding:.8rem 1rem}.canvas-loading{color:var(--muted);align-items:center;gap:.7rem;margin-top:1.2rem;display:flex}.canvas-spinner{border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite canvas-spin}@keyframes canvas-spin{to{transform:rotate(360deg)}}.canvas-blueprint{background:var(--field);border:1px solid var(--line);border-radius:8px;gap:.1rem;margin:0 0 1.6rem;padding:1rem 1.2rem;display:grid}.canvas-blueprint-line{border-bottom:1px solid var(--hairline);grid-template-columns:190px 1fr;gap:1rem;padding:.5rem 0;display:grid}.canvas-blueprint-line:last-child{border-bottom:0}.canvas-blueprint dt{color:var(--muted);font-size:.9rem}.canvas-blueprint dd{color:var(--ink);margin:0}.canvas-flag{color:var(--cyan);font-size:.78rem}.canvas-constraint{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;line-height:1.5}.canvas-constraint b{color:var(--ink);margin-bottom:.2rem;display:block}.canvas-opps{gap:1rem;margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.canvas-opp{background:var(--field);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:52px 1fr 160px;gap:1.2rem;padding:1.4rem 1.5rem;display:grid}.canvas-opp.recommended{border-color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan)}.canvas-opp-num{font-family:var(--sans);color:var(--cyan);opacity:.7;font-size:1.4rem;font-weight:700}.canvas-opp-head{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.5rem;display:flex}.canvas-opp-head h3{color:var(--paper);margin:0;font-size:1.3rem}.canvas-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.canvas-badge.rec{color:var(--cyan);background:#51d6ff29}.canvas-badge.built{color:var(--link);background:#0659d938}.canvas-opp-fit{color:var(--ink);margin:0 0 1rem;line-height:1.5}.canvas-opp-dl{gap:.6rem;margin:0 0 .8rem;display:grid}.canvas-opp-dl>div{grid-template-columns:110px 1fr;gap:.8rem;display:grid}.canvas-opp-dl dt{color:var(--cyan);font-size:.82rem;font-weight:600}.canvas-opp-dl dd{color:var(--muted);margin:0;line-height:1.45}.canvas-guardrail{color:var(--muted);margin:0;font-size:.88rem}.canvas-guardrail b{color:#ffd9cf}.canvas-opp-side{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.canvas-meta{color:var(--muted);font-size:.82rem}.canvas-opp-side .button{width:100%;margin-top:auto}.canvas-built-banner{background:var(--navy);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:1.4rem;padding:1.1rem 1.4rem;display:flex}.canvas-built-banner p{color:var(--ink);margin:0}.canvas-skill-switcher{margin-bottom:1.4rem}.canvas-skill-tabs{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.canvas-skill-tab{background:var(--navy);border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.canvas-skill-tab:hover{color:var(--ink);border-color:var(--link)}.canvas-skill-tab.on{border-color:var(--cyan);color:var(--cyan);background:#51d6ff24}.canvas-selected{background:var(--navy);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.6rem;padding:1.2rem 1.4rem}.canvas-selected-label{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:700}.canvas-selected h3{color:var(--paper);margin:.4rem 0 .5rem;font-size:1.3rem}.canvas-selected p{color:var(--muted);margin:0;line-height:1.5}.canvas-commandbar{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:1.6rem;padding:1.2rem 0 1.6rem;display:flex}.canvas-install{background:var(--field);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.6rem;padding:1.3rem 1.5rem}.canvas-install ol{color:var(--ink);margin:.3rem 0 .8rem;padding-left:1.2rem;line-height:1.6}.canvas-install-fallback{color:var(--muted);margin:0;font-size:.9rem}.canvas-output{margin-bottom:1.6rem}.canvas-output-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.canvas-output-head h3{color:var(--paper);margin:0;font-size:1.1rem}.canvas-pre{background:var(--navy);border:1px solid var(--line);color:var(--ink);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;max-height:480px;margin:0;padding:1.1rem 1.2rem;line-height:1.5;overflow:auto}.canvas-pre.skill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.canvas-useguide{margin-bottom:1.6rem}.canvas-useguide h3{color:var(--paper);margin:0 0 .6rem;font-size:1.1rem}.canvas-useguide ol{color:var(--ink);margin:0;padding-left:1.2rem;line-height:1.6}.canvas-projectnote{background:var(--field);border-left:3px solid var(--blue);border-radius:8px;margin-bottom:1.6rem;padding:1rem 1.2rem}.canvas-projectnote p:last-child{color:var(--ink);margin:0}.canvas-community{background:var(--navy);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.6rem;padding:1.4rem 1.6rem}.canvas-community h3{color:var(--paper);margin:0 0 1rem;font-size:1.15rem;line-height:1.35}.canvas-community textarea{margin-bottom:.9rem}.canvas-return{background:var(--field);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.6rem}.canvas-return p{color:var(--muted);margin:0 0 1rem;line-height:1.5}.canvas-return-row{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.8rem;display:flex}.canvas-return-link{flex:1;min-width:220px}.canvas-textlink{color:var(--link);font:inherit;cursor:pointer;text-underline-offset:.25em;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}@media (width<=1080px){.canvas-how{scroll-margin-top:70px}}@media (width<=760px){.canvas-hero{flex-direction:column;min-height:0;display:flex}.canvas-hero-art{z-index:auto;aspect-ratio:1122/1280;background-image:var(--canvas-hero-mobile);background-position:50%;background-size:contain;order:2;width:100%;position:relative;inset:auto}.canvas-hero-content{text-align:left;order:1;align-items:flex-start;width:100%;padding:2.5rem 1.25rem 2rem}.canvas-eyebrow{letter-spacing:.14em;font-size:.62rem}.canvas-hero h1{max-width:16ch;margin:0 0 .8rem;font-size:clamp(2rem,8.2vw,2.5rem)}.canvas-hero-content>p:not(.canvas-eyebrow){max-width:34ch;font-size:.94rem}.canvas-keep-together{white-space:nowrap}.canvas-hero-link{align-items:flex-start;margin-top:.8rem}.canvas-how{scroll-margin-top:70px}.canvas-how h2{text-align:left;margin-inline:0}.canvas-route{grid-template-columns:1fr;gap:1.3rem}.canvas-explainer{grid-template-columns:1fr;gap:2rem}.canvas-outcomes{border-top:1px solid #fff3;border-left:0;padding:1.7rem 0 0}.canvas-ready-layout{grid-template-columns:1fr;gap:1.6rem}.canvas-start-row{align-items:flex-start}.canvas-start-row .canvas-confidential{text-align:left}.canvas-example-body{grid-template-columns:1fr}.canvas-blueprint-line{grid-template-columns:1fr;gap:.2rem}.canvas-opp{grid-template-columns:1fr}.canvas-opp-num{display:none}.canvas-opp-dl>div{grid-template-columns:1fr;gap:.2rem}.canvas-opp-side{flex-flow:wrap;align-items:center}.canvas-opp-side .button{width:auto}}.canvas-desktop-reference{display:none}@media (width>=761px){.canvas-desktop-reference{background:#06192c;height:39.89vw;display:block;position:relative;overflow:hidden}.canvas-desktop-reference[hidden]{display:none}.canvas-desktop-reference img{width:100%;height:auto;display:block;position:absolute;inset:0 auto auto 0}.canvas-reference-how{border-radius:8px;width:16%;height:16%;display:block;position:absolute;top:75.5%;left:42%}.canvas-reference-how:focus-visible{outline-offset:3px;outline:3px solid #51d6ff}.canvas-hero{display:none}}
