.sd-onboarding-page{--onboarding-blue: #4e63ff;--onboarding-violet: #7c42f5;--onboarding-mint: #c8f3df;--onboarding-ink: #101116}.sd-onboarding-page .sd-guide-section h2{max-width:840px;font-size:clamp(2.15rem,4vw,3.2rem);letter-spacing:-.035em;line-height:1.04}.sd-onboarding-hero{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);min-height:720px}.sd-onboarding-hero .sd-guide-hero-copy h1{max-width:880px;font-size:clamp(3.35rem,4.7vw,5.75rem);letter-spacing:-.035em;line-height:1.01}.sd-onboarding-hero-wall{position:relative;min-width:0;min-height:660px;align-self:stretch;overflow:hidden;border-radius:0 34px 34px 0;background:radial-gradient(circle at 68% 18%,rgba(124,66,245,.22),transparent 34%),linear-gradient(145deg,#4e63ff1f,#fff0)}.sd-onboarding-hero-screen{position:absolute;width:clamp(150px,27%,228px);transition:transform .24s ease,filter .24s ease,z-index 0s;transform-origin:center bottom}.sd-onboarding-hero-screen img{display:block;width:100%;height:auto;border:1px solid color-mix(in srgb,var(--sd-border) 82%,transparent);border-radius:9px;box-shadow:0 30px 70px #13172d33}.sd-onboarding-hero-screen:hover,.sd-onboarding-hero-screen:focus-visible{z-index:20;transform:translateY(-14px) scale(1.035);filter:saturate(1.06)}.sd-onboarding-hero-screen--1{left:0;top:52px;z-index:4;transform:rotate(-2deg)}.sd-onboarding-hero-screen--2{left:24%;top:126px;z-index:7;transform:rotate(1.5deg)}.sd-onboarding-hero-screen--3{left:48%;top:36px;z-index:6;transform:rotate(-1deg)}.sd-onboarding-hero-screen--4{right:2%;top:110px;z-index:5;transform:rotate(2deg)}.sd-onboarding-hero-screen--5{left:15%;top:374px;z-index:9;transform:rotate(-1.5deg)}.sd-onboarding-hero-screen--6{left:61%;top:390px;z-index:10;transform:rotate(1deg)}.sd-onboarding-outcome-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:46px 0;overflow:hidden;border:1px solid var(--sd-border);border-radius:22px;background:var(--sd-card)}.sd-onboarding-outcome-map>div{position:relative;min-height:190px;padding:24px 20px;border-right:1px solid var(--sd-border)}.sd-onboarding-outcome-map>div:last-child{border-right:0}.sd-onboarding-outcome-map>div:after{position:absolute;right:-7px;top:30px;z-index:2;width:13px;height:13px;border-top:1px solid var(--sd-border);border-right:1px solid var(--sd-border);background:var(--sd-card);content:"";transform:rotate(45deg)}.sd-onboarding-outcome-map>div:last-child:after{display:none}.sd-onboarding-outcome-map span,.sd-onboarding-flow-heading span,.sd-onboarding-pattern-copy>span,.sd-onboarding-mistakes>div>span,.sd-onboarding-process>li>span{display:block;margin-bottom:24px;color:var(--onboarding-blue);font-size:.76rem;font-weight:800;letter-spacing:.08em}.sd-onboarding-outcome-map strong{display:block;margin-bottom:8px;font-size:1rem}.sd-onboarding-outcome-map p{margin:0;color:var(--sd-muted);font-size:.9rem;line-height:1.5}.sd-onboarding-definition-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,.68fr)) minmax(260px,1.2fr);gap:16px;align-items:center;padding:28px;border:1px solid var(--sd-border);border-radius:26px;background:radial-gradient(circle at 10% 5%,rgba(78,99,255,.12),transparent 34%),var(--sd-card)}.sd-onboarding-definition-sequence>a,.sd-onboarding-pattern>a,.sd-onboarding-flow-media>a,.sd-onboarding-permission-compare figure>a,.sd-onboarding-inline-evidence>a,.sd-onboarding-handoff-gallery figure>a,.sd-onboarding-checklist-screens>a{display:block;min-width:0}.sd-onboarding-definition-sequence img,.sd-onboarding-pattern img,.sd-onboarding-flow-media img,.sd-onboarding-permission-compare img,.sd-onboarding-inline-evidence img,.sd-onboarding-handoff-gallery img,.sd-onboarding-checklist-screens img{display:block;width:100%;height:auto;border:1px solid var(--sd-border);border-radius:8px;box-shadow:0 20px 45px #11121c1f;transition:transform .22s ease,box-shadow .22s ease}.sd-onboarding-definition-sequence a:hover img,.sd-onboarding-pattern>a:hover img,.sd-onboarding-flow-media a:hover img,.sd-onboarding-permission-compare figure>a:hover img,.sd-onboarding-inline-evidence>a:hover img,.sd-onboarding-handoff-gallery figure>a:hover img,.sd-onboarding-checklist-screens>a:hover img{position:relative;z-index:5;transform:translateY(-8px) scale(1.025);box-shadow:0 30px 60px #11121c33}.sd-onboarding-definition-sequence>div{padding-left:18px}.sd-onboarding-definition-sequence h3,.sd-onboarding-inline-evidence h3{margin:0 0 12px;font-size:1.45rem;letter-spacing:-.02em}.sd-onboarding-definition-sequence p,.sd-onboarding-inline-evidence p{color:var(--sd-muted);line-height:1.65}.sd-onboarding-pattern-list{display:grid;gap:20px;margin-top:42px}.sd-onboarding-pattern{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:42px;align-items:center;min-height:420px;padding:38px 38px 0;overflow:hidden;border:1px solid var(--sd-border);border-radius:26px;background:var(--sd-card)}.sd-onboarding-pattern:nth-child(2n){grid-template-columns:230px minmax(0,1fr)}.sd-onboarding-pattern:nth-child(2n) .sd-onboarding-pattern-copy{grid-column:2;grid-row:1}.sd-onboarding-pattern:nth-child(2n)>a{grid-column:1;grid-row:1}.sd-onboarding-pattern-copy{align-self:center;padding-bottom:38px}.sd-onboarding-pattern-copy>span{margin-bottom:16px}.sd-onboarding-pattern-copy h3{max-width:600px;margin:0 0 16px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.04;letter-spacing:-.035em}.sd-onboarding-pattern-copy p{max-width:650px;margin:0 0 20px;color:var(--sd-muted);font-size:1.04rem;line-height:1.7}.sd-onboarding-pattern-copy strong{display:inline-block;padding:10px 13px;border-radius:10px;background:color-mix(in srgb,var(--onboarding-blue) 10%,transparent);color:color-mix(in srgb,var(--onboarding-blue) 82%,var(--sd-text));font-size:.9rem}.sd-onboarding-pattern>a{align-self:end}.sd-onboarding-flow-studies{display:grid;gap:28px;margin-top:42px}.sd-onboarding-flow-study{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:44px;align-items:center;margin:0;padding:34px;border:1px solid var(--sd-border);border-radius:28px;background:var(--sd-card)}.sd-onboarding-flow-study:nth-child(2n) .sd-onboarding-flow-media{grid-column:2;grid-row:1}.sd-onboarding-flow-study:nth-child(2n) figcaption{grid-column:1;grid-row:1}.sd-onboarding-flow-media{display:flex;align-items:flex-end;justify-content:center;min-height:430px;padding:24px 20px 0;border-radius:20px;background:radial-gradient(circle at 50% 20%,rgba(124,66,245,.16),transparent 48%),color-mix(in srgb,var(--sd-text) 4%,var(--sd-card))}.sd-onboarding-flow-media>a{width:min(44%,210px);margin:0 -5%;transition:transform .22s ease}.sd-onboarding-flow-media>a:first-child{transform:rotate(-3deg) translateY(14px)}.sd-onboarding-flow-media>a:nth-child(2){z-index:2;transform:translateY(-8px)}.sd-onboarding-flow-media>a:nth-child(3){transform:rotate(3deg) translateY(14px)}.sd-onboarding-flow-media>a:hover,.sd-onboarding-flow-media>a:focus-visible{z-index:10;transform:translateY(-18px) scale(1.04)}.sd-onboarding-flow-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.sd-onboarding-flow-heading span{margin:0}.sd-onboarding-flow-heading small{padding-left:12px;border-left:1px solid var(--sd-border);color:var(--sd-muted)}.sd-onboarding-flow-study h3{max-width:560px;margin:0 0 16px;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.03;letter-spacing:-.04em}.sd-onboarding-flow-study figcaption>p{color:var(--sd-muted);font-size:1.02rem;line-height:1.7}.sd-onboarding-permission-compare{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:18px;align-items:center;margin:42px 0 28px}.sd-onboarding-permission-compare figure{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);gap:22px;align-items:center;margin:0;padding:24px;border:1px solid var(--sd-border);border-radius:24px;background:var(--sd-card)}.sd-onboarding-permission-compare figcaption span{color:var(--onboarding-blue);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sd-onboarding-permission-compare h3{margin:10px 0;font-size:1.25rem;letter-spacing:-.025em}.sd-onboarding-permission-compare p{margin:0;color:var(--sd-muted);font-size:.9rem;line-height:1.55}.sd-onboarding-permission-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--sd-border);border-radius:50%;background:var(--sd-card);color:var(--onboarding-blue)}.sd-onboarding-permission-arrow svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.sd-onboarding-permission-rules,.sd-onboarding-measure-grid,.sd-onboarding-mistakes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.sd-onboarding-permission-rules>div,.sd-onboarding-measure-grid>div,.sd-onboarding-mistakes>div{padding:24px;border:1px solid var(--sd-border);border-radius:18px;background:var(--sd-card)}.sd-onboarding-permission-rules p,.sd-onboarding-measure-grid p,.sd-onboarding-mistakes p{margin:8px 0 0;color:var(--sd-muted);line-height:1.6}.sd-onboarding-inline-evidence{display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px;align-items:center;margin-top:28px;padding:30px;border-radius:26px;background:linear-gradient(135deg,#4e63ff21,#7c42f514)}.sd-onboarding-length-chart{display:grid;gap:16px;margin:40px 0;padding:30px;border:1px solid var(--sd-border);border-radius:24px;background:var(--sd-card)}.sd-onboarding-length-chart>div{display:grid;grid-template-columns:130px minmax(80px,1fr) 38px minmax(180px,.8fr);gap:16px;align-items:center}.sd-onboarding-length-chart>div>span{display:block;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--sd-text) 8%,transparent)}.sd-onboarding-length-chart i{display:block;width:calc((var(--screens) / 51) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--onboarding-blue),var(--onboarding-violet))}.sd-onboarding-length-chart b{color:var(--onboarding-blue)}.sd-onboarding-length-chart p{margin:0;color:var(--sd-muted);font-size:.86rem}.sd-onboarding-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:40px 0;list-style:none}.sd-onboarding-process>li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:24px;border:1px solid var(--sd-border);border-radius:18px;background:var(--sd-card)}.sd-onboarding-process>li>span,.sd-onboarding-mistakes>div>span{margin:3px 0 0}.sd-onboarding-process h3,.sd-onboarding-measure-grid h3,.sd-onboarding-mistakes h3{margin:0;font-size:1.06rem;letter-spacing:-.015em}.sd-onboarding-process p{margin:8px 0 0;color:var(--sd-muted);line-height:1.62}.sd-onboarding-handoff-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.sd-onboarding-handoff-gallery figure{margin:0;padding:18px;border:1px solid var(--sd-border);border-radius:20px;background:var(--sd-card)}.sd-onboarding-handoff-gallery figure>a{max-width:220px;margin:0 auto}.sd-onboarding-handoff-gallery figcaption{padding:20px 4px 4px}.sd-onboarding-handoff-gallery figcaption p{margin:7px 0 0;color:var(--sd-muted);line-height:1.55}.sd-onboarding-mistakes{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px}.sd-onboarding-mistakes>div>span{margin-bottom:22px}.sd-onboarding-checklist-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:center;margin-top:36px}.sd-onboarding-checklist{display:grid;gap:10px}.sd-onboarding-checklist label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;padding:16px 18px;border:1px solid var(--sd-border);border-radius:14px;background:var(--sd-card);cursor:pointer}.sd-onboarding-checklist input{width:18px;height:18px;margin-top:2px;accent-color:var(--onboarding-blue)}.sd-onboarding-checklist-screens{display:flex;align-items:center;justify-content:center;min-height:500px;padding:24px;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#4e63ff29,#c8f3df61)}.sd-onboarding-checklist-screens>a{width:54%;margin:0 -19%;transition:transform .22s ease}.sd-onboarding-checklist-screens>a:first-child{transform:rotate(-5deg) translateY(20px)}.sd-onboarding-checklist-screens>a:nth-child(2){z-index:2;transform:translateY(-8px)}.sd-onboarding-checklist-screens>a:nth-child(3){transform:rotate(5deg) translateY(20px)}.sd-onboarding-checklist-screens>a:hover,.sd-onboarding-checklist-screens>a:focus-visible{z-index:10;transform:translateY(-18px) scale(1.04)}.sd-onboarding-related-guides{margin-top:28px;color:var(--sd-muted)}@media(max-width:1180px){.sd-onboarding-hero{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr)}.sd-onboarding-hero-screen{width:31%}.sd-onboarding-outcome-map{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-onboarding-outcome-map>div{border-bottom:1px solid var(--sd-border)}.sd-onboarding-outcome-map>div:nth-child(3){border-right:0}.sd-onboarding-outcome-map>div:after{display:none}.sd-onboarding-permission-compare{grid-template-columns:1fr}.sd-onboarding-permission-arrow{margin:-5px auto;transform:rotate(90deg)}.sd-onboarding-mistakes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sd-onboarding-hero{grid-template-columns:1fr}.sd-onboarding-hero-wall{min-height:600px;border-radius:0 0 30px 30px}.sd-onboarding-hero-screen{width:27%}.sd-onboarding-definition-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-onboarding-definition-sequence>div{grid-column:1 / -1;padding:16px 0 0}.sd-onboarding-flow-study,.sd-onboarding-flow-study:nth-child(2n){grid-template-columns:1fr}.sd-onboarding-flow-study:nth-child(2n) .sd-onboarding-flow-media,.sd-onboarding-flow-study:nth-child(2n) figcaption{grid-column:auto;grid-row:auto}.sd-onboarding-flow-study:nth-child(2n) .sd-onboarding-flow-media{grid-row:1}.sd-onboarding-checklist-layout{grid-template-columns:1fr}.sd-onboarding-checklist-screens{order:-1}}@media(max-width:700px){.sd-onboarding-page .sd-guide-section h2{font-size:2.25rem;letter-spacing:-.028em}.sd-onboarding-hero .sd-guide-hero-copy h1{font-size:clamp(2.75rem,12vw,3.25rem);letter-spacing:-.025em}.sd-onboarding-hero-wall{min-height:460px}.sd-onboarding-hero-screen{width:36%}.sd-onboarding-hero-screen--1{left:-4%;top:34px}.sd-onboarding-hero-screen--2{left:31%;top:70px}.sd-onboarding-hero-screen--3{left:64%;top:28px}.sd-onboarding-hero-screen--4{right:-5%;top:240px}.sd-onboarding-hero-screen--5{left:7%;top:248px}.sd-onboarding-hero-screen--6{left:42%;top:280px}.sd-onboarding-outcome-map,.sd-onboarding-permission-rules,.sd-onboarding-measure-grid,.sd-onboarding-mistakes,.sd-onboarding-process,.sd-onboarding-handoff-gallery{grid-template-columns:1fr}.sd-onboarding-outcome-map>div{min-height:auto;border-right:0}.sd-onboarding-outcome-map>div:last-child{border-bottom:0}.sd-onboarding-definition-sequence{gap:8px;padding:16px}.sd-onboarding-pattern,.sd-onboarding-pattern:nth-child(2n){grid-template-columns:minmax(0,1fr) 35%;gap:18px;min-height:330px;padding:24px 20px 0}.sd-onboarding-pattern:nth-child(2n) .sd-onboarding-pattern-copy,.sd-onboarding-pattern:nth-child(2n)>a{grid-column:auto;grid-row:auto}.sd-onboarding-pattern-copy{padding-bottom:24px}.sd-onboarding-pattern-copy h3{font-size:1.6rem}.sd-onboarding-pattern-copy p{font-size:.93rem;line-height:1.55}.sd-onboarding-pattern-copy strong{display:none}.sd-onboarding-flow-study{gap:26px;padding:20px}.sd-onboarding-flow-media{min-height:330px;padding-inline:0}.sd-onboarding-permission-compare figure{grid-template-columns:42% minmax(0,1fr);padding:18px}.sd-onboarding-inline-evidence{grid-template-columns:38% minmax(0,1fr);gap:20px;padding:20px}.sd-onboarding-length-chart{padding:20px}.sd-onboarding-length-chart>div{grid-template-columns:95px minmax(60px,1fr) 30px;gap:10px}.sd-onboarding-length-chart p{grid-column:1 / -1;padding-bottom:8px}.sd-onboarding-checklist-screens{min-height:410px}}@media(prefers-reduced-motion:reduce){.sd-onboarding-page img,.sd-onboarding-hero-screen,.sd-onboarding-flow-media>a,.sd-onboarding-checklist-screens>a{transition:none}}