.sd-screens-page .sd-guide-hero h1,.sd-screens-page .sd-guide-section h2,.sd-screens-page .sd-guide-final-cta h2{letter-spacing:.006em}.sd-screens-page img{height:auto;max-width:100%}.sd-screens-hero{min-height:680px;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr)}.sd-screens-hero .sd-guide-hero-copy{padding-right:clamp(38px,5vw,78px)}.sd-screens-hero .sd-guide-hero-copy>p{max-width:580px}.sd-screens-hero-visual{min-height:644px;background:radial-gradient(circle at 15% 12%,rgb(61 109 255 / 42%),transparent 31%),radial-gradient(circle at 84% 84%,rgb(130 70 255 / 34%),transparent 36%),#0b0c12}.sd-screens-hero-wall{position:absolute;top:22px;right:22px;bottom:22px;left:22px;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:center;transform:rotate(-2deg) scale(1.04)}.sd-screens-hero-screen{display:block;width:100%;aspect-ratio:9 / 19.5;overflow:hidden;border:1px solid rgb(255 255 255 / 18%);border-radius:4px;background:#fff;box-shadow:0 18px 45px #00000061;transition:transform .22s ease,box-shadow .22s ease}.sd-screens-hero-screen:nth-child(2),.sd-screens-hero-screen:nth-child(4),.sd-screens-hero-screen:nth-child(7),.sd-screens-hero-screen:nth-child(9){transform:translateY(38px)}.sd-screens-hero-screen:nth-child(6){grid-column:2}.sd-screens-hero-screen:hover,.sd-screens-hero-screen:focus-visible{z-index:3;box-shadow:0 28px 72px #0000008a;transform:translateY(-7px) scale(1.035)}.sd-screens-hero-screen:nth-child(2):hover,.sd-screens-hero-screen:nth-child(2):focus-visible,.sd-screens-hero-screen:nth-child(4):hover,.sd-screens-hero-screen:nth-child(4):focus-visible,.sd-screens-hero-screen:nth-child(7):hover,.sd-screens-hero-screen:nth-child(7):focus-visible,.sd-screens-hero-screen:nth-child(9):hover,.sd-screens-hero-screen:nth-child(9):focus-visible{transform:translateY(31px) scale(1.035)}.sd-screens-hero-screen img{display:block;width:100%;height:100%;object-fit:contain}.sd-screens-state-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:34px;border:1px solid var(--guide-border);border-radius:20px;background:var(--guide-border)}.sd-screens-state-strip>div{min-height:132px;padding:18px;background:var(--guide-surface-soft)}.sd-screens-state-strip span,.sd-screens-family-heading>span,.sd-screens-index-card>span,.sd-screens-review-list>div>span{color:var(--guide-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.sd-screens-state-strip strong{display:block;margin-top:20px;color:var(--guide-ink);font-size:15px}.sd-screens-state-strip p{margin:5px 0 0;color:var(--guide-muted);font-size:12px;line-height:1.45}.sd-screens-definition-visual{display:grid;grid-template-columns:minmax(210px,.52fr) minmax(0,1fr);gap:clamp(28px,5vw,58px);align-items:center;margin-top:34px;padding:28px;border-radius:24px;background:radial-gradient(circle at 10% 20%,rgb(61 109 255 / 16%),transparent 35%),var(--guide-surface-soft)}.sd-screens-definition-visual>a{display:block;justify-self:center;width:min(100%,270px);overflow:hidden;border:1px solid var(--guide-border);border-radius:5px;box-shadow:0 24px 54px #0f172a2e}.sd-screens-definition-visual img{display:block;width:100%}.sd-screens-definition-visual h3{margin:0 0 20px;color:var(--guide-ink);font-size:24px;letter-spacing:.01em}.sd-screens-definition-visual ol{display:grid;gap:12px;margin:0;padding-left:22px;color:var(--guide-muted)}.sd-screens-definition-visual li{padding-left:6px;font-size:15px;line-height:1.55}.sd-screens-definition-visual strong{color:var(--guide-ink)}.sd-screens-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}.sd-screens-index-card{position:relative;display:grid;min-height:154px;grid-template-columns:32px minmax(0,1fr) 100px;align-items:center;gap:14px;overflow:hidden;padding:20px;border:1px solid var(--guide-border);border-radius:20px;color:var(--guide-ink);background:var(--guide-surface-soft);text-decoration:none;transition:transform .18s ease,border-color .18s ease}.sd-screens-index-card:has(a:hover),.sd-screens-index-card:has(a:focus-visible){border-color:color-mix(in srgb,var(--guide-blue) 46%,var(--guide-border));transform:translateY(-3px)}.sd-screens-index-title{color:inherit;text-decoration:none}.sd-screens-index-title:focus-visible,.sd-screens-index-thumbs a:focus-visible{outline:3px solid rgb(79 70 229 / 24%);outline-offset:3px}.sd-screens-index-grid strong{font-size:17px;line-height:1.25}.sd-screens-index-thumbs{display:flex;height:114px;justify-content:flex-end;gap:5px}.sd-screens-index-thumbs a{display:block;width:50px;height:108px;flex:0 0 auto;border-radius:3px;transition:transform .16s ease,box-shadow .16s ease}.sd-screens-index-thumbs a:hover,.sd-screens-index-thumbs a:focus-visible{z-index:2;box-shadow:0 14px 30px #0f172a38;transform:translateY(-3px)}.sd-screens-index-thumbs img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px;background:#fff;box-shadow:0 10px 24px #0f172a29}.sd-screens-index-thumbs a:last-child{margin-top:12px}.sd-screens-family-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;align-items:start}.sd-screens-other-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(250px,.84fr);gap:28px;align-items:center;margin-top:34px}.sd-screens-other-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sd-screens-other-list>a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:15px;border:1px solid var(--guide-border);border-radius:15px;color:inherit;text-decoration:none;background:var(--guide-surface-soft);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sd-screens-other-list>a:hover{border-color:#4f46e552;box-shadow:0 12px 28px #3d42701a;transform:translateY(-2px)}.sd-screens-other-list>a:focus-visible{outline:3px solid rgb(79 70 229 / 24%);outline-offset:3px}.sd-screens-other-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.sd-screens-other-heading svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:var(--guide-blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .16s ease}.sd-screens-other-list>a:hover .sd-screens-other-heading svg{transform:translate(2px)}.sd-screens-other-list span{padding-top:2px;color:var(--guide-blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.sd-screens-other-list strong{color:var(--guide-ink);font-size:14px}.sd-screens-other-list p{margin:5px 0 0;color:var(--guide-muted);font-size:12px;line-height:1.5}.sd-screens-other-collage{position:relative;min-height:390px;isolation:isolate}.sd-screens-other-collage>a{position:absolute;top:50%;left:50%;display:block;width:132px;border:1px solid var(--guide-border);border-radius:4px;background:#fff;box-shadow:0 22px 48px #0f172a33;outline-offset:5px;scale:1;text-decoration:none;translate:0 0;transition:scale .19s ease,translate .19s ease,filter .19s ease,opacity .19s ease,box-shadow .19s ease}.sd-screens-other-collage>a img{display:block;width:100%;height:auto;border-radius:3px}.sd-screens-other-collage>a:nth-child(1){transform:translate(-92%,-62%) rotate(-6deg)}.sd-screens-other-collage>a:nth-child(2){z-index:2;transform:translate(-32%,-56%) rotate(3deg)}.sd-screens-other-collage>a:nth-child(3){transform:translate(-80%,-18%) rotate(4deg)}.sd-screens-other-collage>a:nth-child(4){z-index:3;transform:translate(-20%,-12%) rotate(-3deg)}.sd-screens-other-collage>a:hover,.sd-screens-other-collage>a:focus-visible{z-index:20;box-shadow:0 34px 68px #0f172a52;filter:saturate(1.06);scale:1.08;translate:0 -10px}.sd-screens-other-collage:has(>a:hover)>a:not(:hover),.sd-screens-other-collage:has(>a:focus-visible)>a:not(:focus-visible){opacity:.7;filter:saturate(.78)}.sd-screens-family-library{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--guide-blue);font-size:13px;font-weight:700;text-decoration:none}.sd-screens-family-library svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sd-screens-family-heading>span{padding-top:12px;font-size:13px}.sd-screens-family-heading .sd-guide-lead{margin-top:20px}.sd-screens-check-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}.sd-screens-check-row p{position:relative;margin:0;padding:17px 17px 17px 38px;border:1px solid var(--guide-border);border-radius:16px;color:var(--guide-muted);background:var(--guide-surface-soft);font-size:13px;line-height:1.5}.sd-screens-check-row p:before{position:absolute;top:21px;left:18px;width:8px;height:8px;border:2px solid var(--guide-blue);border-radius:50%;content:""}.sd-screens-example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.sd-screens-example{display:grid;min-width:0;grid-template-columns:minmax(150px,.68fr) minmax(0,1fr);gap:22px;align-items:center;margin:0;padding:18px;border:1px solid var(--guide-border);border-radius:22px;background:var(--guide-surface-soft)}.sd-screens-example-media{display:block;overflow:hidden;border:1px solid var(--guide-border);border-radius:5px;background:#fff;box-shadow:0 18px 38px #0f172a26;transition:transform .2s ease}.sd-screens-example-media:hover,.sd-screens-example-media:focus-visible{transform:translateY(-4px)}.sd-screens-example-media img{display:block;width:100%;aspect-ratio:9 / 19.5;object-fit:contain}.sd-screens-example figcaption{min-width:0}.sd-screens-app-link{color:var(--guide-blue);font-size:12px;font-weight:700;text-decoration:none}.sd-screens-example h3{margin:10px 0;color:var(--guide-ink);font-size:20px;line-height:1.24;letter-spacing:.006em}.sd-screens-example figcaption>p{margin:0;color:var(--guide-muted);font-size:14px;line-height:1.62}.sd-screens-example .sd-guide-text-link{margin-top:16px}.sd-screens-family .sd-guide-pro-nudge{margin-top:18px}.sd-screens-journey{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.sd-screens-journey:before{position:absolute;top:45%;right:13%;left:13%;height:1px;background:color-mix(in srgb,var(--guide-blue) 35%,var(--guide-border));content:""}.sd-screens-journey figure{position:relative;z-index:1;margin:0;padding:18px;border:1px solid var(--guide-border);border-radius:22px;background:var(--guide-surface-soft)}.sd-screens-journey figure>a{position:relative;display:block;width:min(100%,230px);margin:0 auto;border-radius:5px;background:#fff;box-shadow:0 18px 42px #0f172a2b}.sd-screens-journey figure>a>span{position:absolute;top:10px;left:10px;z-index:2;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:#11131a;font-size:11px;font-weight:700;box-shadow:0 7px 18px #00000038}.sd-screens-journey img{display:block;width:100%;border-radius:5px}.sd-screens-journey figcaption{margin-top:18px}.sd-screens-journey figcaption strong{color:var(--guide-ink);font-size:15px}.sd-screens-journey figcaption p{margin:6px 0 0;color:var(--guide-muted);font-size:13px;line-height:1.5}.sd-screens-sequence-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.sd-screens-sequence-notes>div{padding:22px;border:1px solid var(--guide-border);border-radius:18px;background:var(--guide-surface-soft)}.sd-screens-sequence-notes strong{color:var(--guide-ink);font-size:15px}.sd-screens-sequence-notes p{margin:8px 0 0;color:var(--guide-muted);font-size:14px;line-height:1.6}.sd-screens-review-list{display:grid;gap:10px;margin-top:34px}.sd-screens-review-list>div{display:grid;min-height:128px;grid-template-columns:38px 82px minmax(180px,.72fr) minmax(240px,1fr) 66px;gap:16px;align-items:center;padding:14px 14px 14px 20px;border:1px solid var(--guide-border);border-radius:18px;background:var(--guide-surface-soft)}.sd-screens-review-list strong{color:var(--guide-blue);font-size:12px}.sd-screens-review-list h3{margin:0;color:var(--guide-ink);font-size:18px;line-height:1.3}.sd-screens-review-list p{margin:0;color:var(--guide-muted);font-size:13px;line-height:1.55}.sd-screens-review-screen{display:block;width:60px;border-radius:3px;transition:box-shadow .16s ease,transform .16s ease}.sd-screens-review-screen:hover,.sd-screens-review-screen:focus-visible{box-shadow:0 14px 30px #0f172a38;transform:translateY(-3px)}.sd-screens-review-screen:focus-visible{outline:3px solid rgb(79 70 229 / 24%);outline-offset:3px}.sd-screens-review-screen img{display:block;width:100%;aspect-ratio:9 / 19.5;object-fit:contain;border-radius:3px;background:#fff;box-shadow:0 10px 24px #0f172a24}.sd-screens-checklist-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center;margin-top:34px}.sd-screens-checklist-items{display:grid;gap:8px}.sd-screens-checklist-items label{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--guide-border);border-radius:14px;color:var(--guide-muted);background:var(--guide-surface-soft);cursor:pointer;font-size:14px;line-height:1.5}.sd-screens-checklist-items input{width:17px;height:17px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--guide-blue)}.sd-screens-checklist-stack{position:relative;min-height:440px;isolation:isolate}.sd-screens-checklist-stack>a{position:absolute;top:50%;left:50%;display:block;width:158px;border:1px solid var(--guide-border);border-radius:4px;background:#fff;box-shadow:0 24px 54px #0f172a38;outline-offset:5px;scale:1;transition:box-shadow .17s ease,scale .17s ease,translate .17s ease;translate:0 0}.sd-screens-checklist-stack>a img{display:block;width:100%;height:auto;border-radius:3px}.sd-screens-checklist-stack>a:nth-child(1){transform:translate(-68%,-54%) rotate(-7deg)}.sd-screens-checklist-stack>a:nth-child(2){z-index:2;transform:translate(-48%,-50%)}.sd-screens-checklist-stack>a:nth-child(3){transform:translate(-27%,-46%) rotate(7deg)}.sd-screens-checklist-stack>a:hover,.sd-screens-checklist-stack>a:focus-visible{z-index:10;box-shadow:0 32px 66px #0f172a4d;scale:1.05;translate:0 -7px}.sd-screens-related-guide{margin:28px 0 0;color:var(--guide-muted);font-size:15px;line-height:1.6}.sd-screens-related-guide a{color:var(--guide-ink);text-decoration-color:var(--guide-blue);text-underline-offset:3px}@media(max-width:1280px){.sd-screens-hero{grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr)}.sd-screens-hero-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.sd-screens-hero-screen:nth-child(6){grid-column:auto}.sd-screens-hero-screen:nth-child(9){display:none}.sd-screens-example{grid-template-columns:minmax(125px,.6fr) minmax(0,1fr);gap:16px}}@media(max-width:1080px){.sd-screens-hero{grid-template-columns:1fr}.sd-screens-hero-visual{min-height:610px;margin:0 18px 18px}.sd-screens-hero-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.sd-screens-hero-screen:nth-child(9){display:block}.sd-screens-example-pair{grid-template-columns:1fr}.sd-screens-example{grid-template-columns:minmax(170px,.48fr) minmax(0,1fr)}.sd-screens-index-grid{grid-template-columns:1fr}}@media(max-width:760px){.sd-screens-hero-visual{min-height:500px}.sd-screens-hero-wall{top:16px;right:16px;bottom:16px;left:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.sd-screens-hero-screen:nth-child(9){display:none}.sd-screens-state-strip{grid-template-columns:1fr 1fr}.sd-screens-state-strip>div:last-child{grid-column:1 / -1}.sd-screens-definition-visual,.sd-screens-checklist-layout,.sd-screens-other-layout{grid-template-columns:1fr}.sd-screens-other-collage{min-height:360px}.sd-screens-family-heading{grid-template-columns:1fr;gap:8px}.sd-screens-family-heading>span{padding-top:0}.sd-screens-check-row,.sd-screens-journey,.sd-screens-sequence-notes{grid-template-columns:1fr}.sd-screens-journey:before{display:none}.sd-screens-review-list>div{grid-template-columns:34px minmax(0,1fr) 56px}.sd-screens-review-list strong{display:none}.sd-screens-review-list h3{grid-column:2}.sd-screens-review-list p{grid-column:2 / -1}.sd-screens-review-screen{grid-column:3;grid-row:1 / span 2}.sd-screens-checklist-stack{min-height:390px}}@media(max-width:520px){.sd-screens-hero-visual{min-height:420px}.sd-screens-hero-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-screens-hero-screen:nth-child(7),.sd-screens-hero-screen:nth-child(8),.sd-screens-hero-screen:nth-child(9){display:none}.sd-screens-state-strip,.sd-screens-index-grid,.sd-screens-other-list{grid-template-columns:1fr}.sd-screens-state-strip>div:last-child{grid-column:auto}.sd-screens-index-card{grid-template-columns:28px minmax(0,1fr) 82px;padding:16px}.sd-screens-index-thumbs a{width:40px}.sd-screens-example{grid-template-columns:1fr}.sd-screens-example-media{width:min(100%,260px);justify-self:center}.sd-screens-review-list>div{grid-template-columns:30px minmax(0,1fr)}.sd-screens-review-list h3,.sd-screens-review-list p{grid-column:2}.sd-screens-review-screen{display:none}}@media(prefers-reduced-motion:reduce){.sd-screens-other-collage>a,.sd-screens-other-collage>a:hover,.sd-screens-other-collage>a:focus-visible{scale:1;translate:0 0}.sd-screens-checklist-stack>a,.sd-screens-checklist-stack>a:hover,.sd-screens-checklist-stack>a:focus-visible{scale:1;translate:0 0}}