:root{--paper:#f3f1eb;--ink:#111214;--muted:#62635f;--line:rgba(17,18,20,.15);--blue:#1748ff}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:100dvh;display:grid;grid-template-rows:84px minmax(0,1fr) 76px;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(calc(100% - 48px),1240px);margin:auto}.label,small,.status,.system-foot{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}.blue{color:var(--blue)}header,footer{border-color:var(--line);border-style:solid;border-width:0}header{border-bottom-width:1px}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:inherit;font-size:15px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand i{width:24px;height:24px;position:relative;border:1px solid;border-radius:50%}.brand i:before,.brand i:after{content:"";position:absolute;inset:5px;border:1px solid;border-radius:50%}.brand i:after{inset:9px;background:var(--ink)}nav{display:flex;align-items:center;gap:28px}nav>span{color:var(--muted);font-size:11px}.btn{min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);border:1px solid var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:700;transition:.16s}.btn:hover{transform:translateY(-2px);background:var(--blue);border-color:var(--blue)}.btn b{font-size:17px;font-weight:400}a:focus-visible{outline:3px solid #1748ff55;outline-offset:3px}main,.hero,.hero-grid{min-height:0;height:100%}.hero{padding:clamp(28px,5vh,64px) 0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,5vw,76px);align-items:center}.hero-copy>.label{margin:0 0 clamp(16px,2.5vh,26px)}h1{max-width:730px;margin:0;font-size:clamp(50px,6vw,88px);font-weight:500;letter-spacing:-.066em;line-height:.94}.lede{max-width:590px;margin:clamp(20px,3vh,31px) 0 0;color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.55;letter-spacing:-.015em}.actions{display:flex;align-items:center;gap:24px;margin-top:clamp(22px,3.5vh,36px)}.subline{color:var(--muted);font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.system{height:min(54vh,490px);min-height:360px;padding:22px;position:relative;overflow:hidden;background:var(--blue);color:#fff}.system:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff73 1px,transparent 1px),linear-gradient(90deg,#ffffff73 1px,transparent 1px);background-size:34px 34px}.system-head,.flow,.system-foot{position:relative;z-index:1}.system-head{display:flex;justify-content:space-between}.status{display:flex;align-items:center;gap:8px}.status i{width:7px;height:7px;border-radius:50%;background:#baff65;box-shadow:0 0 0 5px #baff6526}.flow{height:calc(100% - 70px);margin-top:clamp(28px,4vh,52px);display:flex;flex-direction:column;justify-content:center}.flow>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;padding:clamp(10px,1.6vh,15px);border:1px solid #ffffff59;background:#ffffff17;backdrop-filter:blur(6px)}.flow small{color:#ffffff94}.flow strong{font-size:13px}.flow em{padding:5px 7px;background:#ffffff24;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-style:normal}.flow>span{width:1px;height:9px;margin:0 0 0 31px;background:#ffffff8c}.system-foot{position:absolute;inset:auto 22px 18px;display:flex;justify-content:space-between;color:#ffffffa8}footer{border-top-width:1px}.foot{height:76px;display:flex;align-items:center;gap:28px;color:var(--muted);font-size:10px}.foot>.principles{display:flex;gap:28px;margin-left:auto}.principles span{display:flex;align-items:center;gap:8px}.principles span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}.foot>a{color:var(--ink);font-weight:700;text-underline-offset:4px}@media(max-width:820px){body{grid-template-rows:68px minmax(0,1fr) 58px}.nav{height:68px}.hero{padding:18px 0}.hero-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px;align-items:start}.hero-copy>.label{margin-bottom:10px}h1{max-width:650px;font-size:clamp(39px,8vw,61px)}.lede{max-width:680px;margin-top:12px;font-size:14px;line-height:1.45}.actions{margin-top:14px}.btn{min-height:40px}.system{width:100%;height:100%;min-height:0;padding:14px}.system-head{align-items:center}.flow{height:auto;margin-top:12px}.flow>div{padding:7px 10px}.flow>span{height:3px}.system-foot{display:none}.foot{height:58px}.foot>.principles{display:none}}@media(max-width:540px){.wrap{width:calc(100% - 28px)}body{grid-template-rows:60px minmax(0,1fr) 52px}.nav{height:60px}.brand{font-size:13px}.brand i{width:20px;height:20px}nav>span{display:none}.nav .btn{min-height:36px;padding:0 13px;font-size:11px}.hero{padding:14px 0}.hero-grid{gap:12px}h1{font-size:clamp(36px,11.5vw,51px)}.lede{font-size:13px;line-height:1.4}.actions{margin-top:11px}.actions .btn{min-height:36px;padding:0 14px;font-size:11px}.subline{font-size:8px}.system{padding:11px}.flow{margin-top:8px}.flow>div{grid-template-columns:25px 1fr auto;padding:5px 8px}.flow>span{margin-left:20px}.flow strong{font-size:11px}.flow em{padding:3px 5px;font-size:7px}.system-head .label,.status{font-size:8px}.foot{height:52px;justify-content:space-between}.foot>a{font-size:9px}}@media(max-height:670px){.hero{padding:10px 0}.hero-copy>.label{margin-bottom:8px}h1{font-size:clamp(35px,5.3vw,68px)}.lede{margin-top:10px;font-size:13px}.actions{margin-top:10px}.system{min-height:0}.flow{margin-top:8px}.flow>div{padding:5px 8px}.flow>span{height:3px}.system-foot{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}