.sop-shell{width:min(1160px,calc(100% - 2rem));margin-inline:auto}.sop-hero{padding:9.5rem 0 4rem;background:radial-gradient(circle at 82% 18%,rgba(11,222,177,.24),transparent 28%),radial-gradient(circle at 12% 42%,rgba(7,150,255,.18),transparent 34%),linear-gradient(180deg,#f8fdff,#eefaff)}
.sop-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:3rem;align-items:center}.sop-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .8rem;border:1px solid rgba(8,33,50,.12);border-radius:999px;background:rgba(255,255,255,.72);font:600 .72rem/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.sop-kicker i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(11,222,177,.14)}
.sop-title{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(3rem,7vw,6.2rem);font-weight:650;line-height:.92;letter-spacing:-.065em}.sop-title span{color:var(--brand-deep)}.sop-dek{max-width:720px;margin-top:1.5rem;color:var(--ink-soft);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.sop-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.65rem}.sop-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.75rem 1.1rem;border-radius:999px;font-weight:700}.sop-button-primary{background:var(--ink);color:white}.sop-button-secondary{border:1px solid rgba(8,33,50,.16);background:white;color:var(--ink)}
.time-card{overflow:hidden;border:1px solid rgba(8,33,50,.12);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(8,33,50,.12)}.time-card-head{padding:1.4rem 1.5rem;background:var(--ink);color:white}.time-card-head small{display:block;color:var(--mint);font:600 .68rem/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.time-card-head strong{display:block;margin-top:.55rem;font-family:'Bricolage Grotesque',sans-serif;font-size:2.4rem;line-height:1}.time-card-body{display:grid;grid-template-columns:1fr 1fr}.time-stat{padding:1.15rem 1.35rem;border-bottom:1px solid var(--line)}.time-stat:nth-child(odd){border-right:1px solid var(--line)}.time-stat:nth-last-child(-n+2){border-bottom:0}.time-stat b{display:block;color:var(--ink);font-size:.9rem}.time-stat span{display:block;margin-top:.3rem;color:var(--ink-faint);font-size:.78rem;line-height:1.45}
.sop-nav-wrap{position:sticky;top:84px;z-index:35;border-block:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.sop-nav{display:flex;gap:.45rem;overflow-x:auto;padding:.8rem 0;scrollbar-width:none}.sop-nav::-webkit-scrollbar{display:none}.sop-nav a{flex:0 0 auto;padding:.55rem .78rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font-size:.78rem;font-weight:700;background:white}.sop-nav a:hover,.sop-nav a:focus{border-color:var(--brand);color:var(--brand-deep)}
.sop-main{display:grid;grid-template-columns:260px minmax(0,780px);gap:3.2rem;align-items:start;padding:4rem 0 6rem}.sop-aside{position:sticky;top:158px}.aside-card{padding:1.25rem;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.aside-card h2{font-family:'Bricolage Grotesque',sans-serif;font-size:1.15rem;font-weight:650}.aside-card ul{display:grid;gap:.55rem;margin-top:.9rem}.aside-card li{display:flex;gap:.6rem;color:var(--ink-soft);font-size:.82rem;line-height:1.45}.aside-card li::before{content:'✓';display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:var(--mint-soft);color:var(--mint-deep);font-weight:800}.aside-note{margin-top:1rem;padding:1rem;border-radius:16px;background:var(--mist);color:var(--ink-soft);font-size:.78rem;line-height:1.55}
.sop-intro{padding:1.5rem;border:1px solid rgba(7,150,255,.2);border-radius:22px;background:linear-gradient(135deg,var(--brand-soft),var(--mint-soft))}.sop-intro strong{color:var(--ink)}.sop-intro p{color:var(--ink-soft);line-height:1.7}.path-map{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:1.5rem 0 3rem}.path-map a{position:relative;min-height:94px;padding:.85rem;border:1px solid var(--line);border-radius:16px;background:white;color:var(--ink);box-shadow:0 7px 22px rgba(8,33,50,.05)}.path-map a::after{content:'→';position:absolute;right:-.48rem;top:50%;z-index:2;display:grid;place-items:center;width:20px;height:20px;transform:translateY(-50%);border-radius:50%;background:var(--ink);color:white;font-size:.7rem}.path-map a:last-child::after{display:none}.path-map b{display:block;color:var(--brand-deep);font:700 .68rem/1 'JetBrains Mono',monospace}.path-map span{display:block;margin-top:.55rem;font-size:.78rem;font-weight:700;line-height:1.25}
.sop-step{scroll-margin-top:155px;padding:3.2rem 0;border-top:1px solid var(--line)}.sop-step:first-of-type{border-top:0}.step-head{display:grid;grid-template-columns:64px 1fr;gap:1.1rem;align-items:start}.step-number{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--ink);color:var(--mint);font:700 1rem/1 'JetBrains Mono',monospace;box-shadow:0 10px 24px rgba(8,33,50,.14)}.step-label{display:flex;flex-wrap:wrap;gap:.5rem}.step-chip{padding:.38rem .58rem;border-radius:999px;background:var(--mint-soft);color:var(--mint-deep);font:700 .65rem/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.05em}.step-chip.wait{background:#fff4d6;color:#765b08}.step-title{margin-top:.6rem;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:650;line-height:1;letter-spacing:-.04em}.step-summary{margin-top:.8rem;color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.step-body{margin-top:1.5rem}.step-body h3{margin:1.8rem 0 .75rem;font-family:'Bricolage Grotesque',sans-serif;font-size:1.25rem;font-weight:650}.step-body p,.step-body li{color:var(--ink-soft);font-size:1rem;line-height:1.75}.step-body ol,.step-body ul{margin:.7rem 0 1.25rem 1.4rem}.step-body ol{list-style:decimal}.step-body ul{list-style:disc}.step-body li{padding-left:.2rem;margin:.45rem 0}.step-body strong{color:var(--ink)}
.screen-figure{overflow:hidden;margin:1.5rem 0;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 18px 45px rgba(8,33,50,.09)}.screen-figure img{display:block;width:100%;max-height:480px;object-fit:contain;background:#eef4f7}.screen-figure figcaption{padding:.8rem 1rem;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.75rem;line-height:1.45}.screen-figure figcaption a{color:var(--brand-deep);text-decoration:underline}
.highlevel-note,.success-check,.warning-note{margin:1.2rem 0;padding:1rem 1.1rem;border-radius:16px}.highlevel-note{border-left:4px solid var(--brand);background:var(--brand-soft)}.success-check{border-left:4px solid var(--mint);background:var(--mint-soft)}.warning-note{border-left:4px solid #e6a700;background:#fff8df}.highlevel-note b,.success-check b,.warning-note b{display:block;margin-bottom:.25rem;color:var(--ink);font-size:.86rem}.highlevel-note p,.success-check p,.warning-note p{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.6}
.visual-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.4rem 0}.visual-tile{min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#e9f7ff,#f2fffb)}.visual-tile i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:auto;border-radius:13px;background:var(--ink);color:var(--mint);font-style:normal;font-size:1.15rem}.visual-tile b{margin-top:1rem;color:var(--ink);font-size:.86rem}.visual-tile small{margin-top:.25rem;color:var(--ink-faint);font-size:.7rem;line-height:1.35}
.prompt-box{margin:1.5rem 0;border:1px solid rgba(8,33,50,.16);border-radius:20px;background:#071d2c;color:white;overflow:hidden}.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.12)}.prompt-head span{font:700 .7rem/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--mint)}.copy-prompt{padding:.48rem .7rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:white;font-size:.72rem;font-weight:700}.copy-prompt:hover{background:white;color:var(--ink)}.prompt-box pre{padding:1rem;overflow:auto;white-space:pre-wrap;color:#dce9ef;font:400 .78rem/1.65 'JetBrains Mono',monospace}.prompt-safety{padding:.8rem 1rem;background:rgba(255,255,255,.06);color:#b9cbd4;font-size:.72rem;line-height:1.5}
.completion-row{display:flex;align-items:flex-start;gap:.8rem;margin-top:1.5rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:white}.completion-row input{width:21px;height:21px;margin-top:.1rem;accent-color:var(--mint-deep)}.completion-row label{color:var(--ink);font-weight:700;line-height:1.45}.completion-row small{display:block;margin-top:.25rem;color:var(--ink-faint);font-weight:500}.launch-check{margin-top:3rem;padding:2rem;border-radius:26px;background:var(--ink);color:white}.launch-check h2{font-family:'Bricolage Grotesque',sans-serif;font-size:2.2rem;font-weight:650}.launch-check p{margin-top:.6rem;color:#bdd0da;line-height:1.65}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}.launch-grid div{padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.05)}.launch-grid b{display:block;color:var(--mint);font-size:.82rem}.launch-grid span{display:block;margin-top:.3rem;color:#dce9ef;font-size:.78rem;line-height:1.45}.source-block{margin-top:2rem;padding:1rem 1.15rem;border-left:3px solid var(--cyan);background:var(--mist);color:var(--ink-soft);font-size:.82rem;line-height:1.6}.source-block a{color:var(--brand-deep);text-decoration:underline}
@media(max-width:900px){.sop-hero-grid{grid-template-columns:1fr}.sop-main{grid-template-columns:1fr}.sop-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.aside-note{margin:0}.path-map{grid-template-columns:repeat(2,1fr)}.path-map a::after{display:none}}
@media(max-width:640px){.sop-shell{width:min(100% - 1.25rem,1160px)}.sop-hero{padding-top:8.2rem}.sop-title{font-size:3.25rem}.time-card-body,.launch-grid{grid-template-columns:1fr}.time-stat:nth-child(odd){border-right:0}.time-stat:nth-last-child(2){border-bottom:1px solid var(--line)}.sop-aside{grid-template-columns:1fr}.path-map{grid-template-columns:1fr 1fr}.step-head{grid-template-columns:48px 1fr}.step-number{width:46px;height:46px;border-radius:14px}.visual-strip{grid-template-columns:1fr}.sop-nav-wrap{top:78px}.sop-step{scroll-margin-top:145px}.screen-figure{border-radius:16px}}
@media print{header,.sop-nav-wrap,.sop-actions,.sop-aside,.copy-prompt,footer,.no-print{display:none!important}.sop-hero{padding:0 0 12px;background:white}.sop-shell{width:100%}.sop-hero-grid,.sop-main{display:block}.sop-title{font-size:34pt}.sop-dek{font-size:10pt;line-height:1.45}.time-card{margin-top:10px;box-shadow:none}.time-card-head{padding:10px 14px}.time-card-head strong{font-size:22pt}.time-stat{padding:7px 10px}.time-stat span{font-size:7pt}.sop-main{padding:0}.sop-intro{padding:10px}.sop-intro p{font-size:8pt;line-height:1.4}.path-map{margin:8px 0 0}.path-map a{min-height:54px;padding:7px}.path-map span{font-size:7pt}.path-map a::after{display:none}.sop-step{break-before:page;padding:10px 0}.step-head{grid-template-columns:42px 1fr;gap:8px}.step-number{width:38px;height:38px;border-radius:11px;font-size:9pt}.step-chip{font-size:5.5pt;padding:3px 5px}.step-title{margin-top:4px;font-size:21pt}.step-summary{margin-top:5px;font-size:8.5pt;line-height:1.4}.step-body{margin-top:8px}.step-body p,.step-body li{font-size:8pt;line-height:1.35}.step-body ol,.step-body ul{margin:5px 0 7px 16px}.step-body li{margin:2px 0}.screen-figure,.highlevel-note,.success-check,.warning-note{break-inside:avoid}.screen-figure{margin:8px 0;border-radius:10px}.screen-figure img{max-height:205px}.screen-figure figcaption{padding:4px 7px;font-size:6pt}.highlevel-note,.success-check,.warning-note{margin:6px 0;padding:7px 8px}.highlevel-note p,.success-check p,.warning-note p{font-size:7pt;line-height:1.35}.prompt-box{margin:7px 0;background:#eef3f6;color:#082132;border-radius:10px}.prompt-head{padding:5px 7px}.prompt-box pre{padding:7px;color:#233e4c;font-size:5.8pt;line-height:1.35}.prompt-head span{color:#056b5a;font-size:5.5pt}.prompt-safety{padding:5px 7px;color:#445e6b;background:#e3ebef;font-size:5.5pt}.visual-strip{margin:7px 0;gap:5px}.visual-tile{min-height:68px;padding:7px}.visual-tile i{width:26px;height:26px;border-radius:7px;font-size:8pt}.visual-tile b{margin-top:5px;font-size:7pt}.visual-tile small{font-size:5.5pt}.launch-check{break-inside:avoid;background:#eef3f6;color:#082132}.launch-check p,.launch-grid span{color:#385363}.launch-grid b{color:#056b5a}.launch-grid div{border-color:#b9c8cf}.completion-row{display:none}@page{size:letter;margin:.48in}}