:root{--bg:#f7f8fb;--surface:#fff;--border:#e6e9f2;--border-hi:#d3d9e8;--ink:#17223b;--soft:#58637b;--accent:#3b5bdb;--accent-dk:#3050c8;--accent-tint:#edf1fe;--accent-soft:#8fa3ec;--navy:#0f1a33;--emerald:#0e8a62;--emerald-t:#e5f4ee;--stamp:#d14434;--stamp-t:#fcedea;--mono:"IBM Plex Mono",ui-monospace,monospace;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--shadow-sm:0 2px 10px -2px #17223b0f;--shadow-md:0 16px 40px -16px #17223b29;--shadow-lg:0 30px 60px -20px #17223b38;--maxw:1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 420px at 70% -10%,#3b5bdb12,#0000 65%);font-size:16px;line-height:1.65}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;line-height:1.15}h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:700}.kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--accent);background:var(--accent-tint);border:1px solid #d8e0f8;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:16px;padding:.4rem .9rem;font-size:.72rem;font-weight:600;display:inline-flex}.kicker:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.97rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 26px -10px #3b5bdb8c}.btn-primary:hover{background:var(--accent-dk);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border-hi)}.btn-ghost:hover{border-color:var(--accent-soft)}.crumbs{color:var(--soft);padding-top:26px;font-size:.84rem}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--border-hi);margin:0 .5rem}.crumbs .here{color:var(--ink);font-weight:500}.hero{text-align:center;padding:34px 0 10px}.hero h1{width:100%;max-width:none;margin:0 0 14px;font-size:clamp(2rem,4.4vw,2.9rem);font-weight:800}.hero h1 .hl{color:var(--accent);background:linear-gradient(transparent 70%, var(--accent-tint) 70%)}.hero .lede{color:var(--soft);width:100%;max-width:none;margin:0;font-size:1.08rem}.scenario{background:var(--surface);border:1px solid var(--border);width:100%;max-width:none;box-shadow:var(--shadow-sm);border-radius:18px;margin:34px auto 0;padding:24px 28px}.scenario .lab{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px;font-size:.66rem;font-weight:600;display:block}.scenario p{color:#39445c;font-size:.96rem}.scenario a{color:var(--accent);font-weight:600;text-decoration:none}.piece{padding:60px 0 6px}.piece .grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:44px;display:grid}.piece:nth-of-type(2n) .grid>.doc-col{order:2}.piece .num{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:10px;font-size:.7rem;font-weight:600;display:block}.piece h2{margin-bottom:10px}.piece p{color:#39445c;margin-bottom:12px;font-size:.97rem}.why{margin:14px 0 0;list-style:none}.why li{color:var(--soft);padding:.4rem 0 .4rem 1.7rem;font-size:.92rem;position:relative}.why li:before{content:"✓";color:var(--emerald);font-weight:700;position:absolute;left:0}.paper{border:1px solid var(--border);box-shadow:var(--shadow-lg);color:#2a3446;background:#fff;border-radius:12px;max-width:520px;padding:30px 30px 26px;font-size:.82rem;line-height:1.55;position:relative;overflow:hidden}.paper:after{content:"SAMPLE";font-family:var(--display);color:#3b5bdb12;letter-spacing:.1em;pointer-events:none;font-size:4.2rem;font-weight:800;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.paper .ph{font-family:var(--mono);color:var(--soft);font-size:.72rem}.paper .addr{margin:14px 0;font-size:.8rem}.paper .re{margin:14px 0 10px;font-weight:600}.paper p{margin-bottom:10px}.paper .redact{color:#0000;-webkit-user-select:none;user-select:none;background:#e8eaf1;border-radius:3px;display:inline-block}.paper .sig{margin-top:18px}.paper .sig .line{border-bottom:1.5px solid var(--ink);width:180px;height:22px;margin-bottom:4px}.paper .encl{font-family:var(--mono);color:var(--soft);margin-top:14px;font-size:.7rem}.doc-col{justify-content:center;display:flex}.cklist{width:100%;max-width:460px}.cklist .item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.8rem;padding:12px 0;display:flex}.cklist .item:last-child{border-bottom:none}.cklist .bx{border:1.5px solid var(--border-hi);width:22px;height:22px;color:var(--emerald);border-radius:7px;flex:none;place-items:center;margin-top:2px;font-size:.7rem;font-weight:700;display:grid}.cklist .item.done .bx{background:var(--emerald-t);border-color:var(--emerald)}.cklist b{font-size:.86rem;display:block}.cklist span{color:var(--soft);font-size:.78rem}.mailcard{width:100%;max-width:460px}.mailcard .row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.8rem;padding:11px 0;display:flex}.mailcard .row:last-child{border-bottom:none}.mailcard .ic{background:var(--accent-tint);width:30px;height:30px;color:var(--accent);font-family:var(--mono);border:1px solid #d8e0f8;border-radius:9px;flex:none;place-items:center;font-size:.66rem;font-weight:600;display:grid}.mailcard b{font-size:.86rem;display:block}.mailcard span{color:var(--soft);font-size:.78rem}.mailcard .dl{background:var(--stamp-t);border:1px dashed var(--stamp);font-family:var(--mono);color:#ba3a2b;text-align:center;border-radius:10px;margin-top:14px;padding:.7rem .9rem;font-size:.78rem;font-weight:600}.email{width:100%;max-width:460px;padding:0;overflow:hidden}.email .eh{background:var(--bg);border-bottom:1px solid var(--border);color:var(--soft);padding:12px 18px;font-size:.78rem}.email .eh b{color:var(--ink);margin-bottom:2px;font-size:.86rem;display:block}.email .eb{color:#39445c;padding:16px 18px;font-size:.84rem}.email .eb .cta{text-align:center;background:var(--accent);color:#fff;border-radius:8px;margin-top:12px;padding:.6rem;font-size:.82rem;font-weight:600;text-decoration:none;display:block}.note{background:var(--surface);border:1px solid var(--border);width:100%;max-width:none;color:var(--soft);box-shadow:var(--shadow-sm);border-radius:16px;margin:56px auto 0;padding:20px 24px;font-size:.88rem}.note b{color:var(--ink)}.final{text-align:center;background:var(--navy);color:#fff;border-radius:24px;margin:50px 0 60px;padding:52px 48px;position:relative;overflow:hidden}.final:before{content:"";pointer-events:none;background:radial-gradient(560px 280px at 50% -20%,#3b5bdb80,#0000 70%);position:absolute;inset:0}.final>*{position:relative}.final h2{color:#fff;margin-bottom:12px;font-size:clamp(1.5rem,3vw,2.1rem)}.final p{color:#aeb9d4;max-width:36rem;margin:0 auto 26px}.final .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.final .btn-ghost{color:#fff;background:0 0;border-color:#ffffff4d}.final .btn-ghost:hover{border-color:#fff}.final .deadline{font-family:var(--mono);color:#8391b3;letter-spacing:.06em;margin-top:16px;font-size:.78rem}@media (max-width:960px){.piece .grid{grid-template-columns:1fr;gap:26px}.piece:nth-of-type(2n) .grid>.doc-col{order:0}.paper{padding:22px 20px}.final{padding:44px 24px}}