:root{--bg:#0a0a0a;--bg-2:#111;--surface:#141414;--surface-2:#1a1a1a;--line:#222;--line-2:#2a2a2a;--ink:#ededed;--ink-2:#a1a1a1;--ink-3:#6e6e6e;--ink-4:#4a4a4a;--accent:#5ad664;--accent-2:#ff5243;--accent-3:#307fff;--accent-4:#e4275c;--nagai-sky-1:#ffb089;--nagai-sky-2:#f58ca8;--nagai-sky-3:#b57bc4;--nagai-sky-4:#5e5ba8;--nagai-sky-5:#2b2d6b;--nagai-pool:#4fc3d6;--nagai-pool-deep:#2a8fa8;--nagai-palm:#1b2440;--nagai-arch:#f4e1c7;--nagai-arch-2:#e5c8a8;--nagai-arch-shadow:#c49874;--nagai-window:#ffd89a;--nagai-sun:#ffe4b0;--serif:"Instrument Serif", serif;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root{--accent:lab(76.7648% -53.3532 44.6606);--accent-2:lab(60.7627% 68.4 50.1762);--accent-3:lab(53.6957% 14.8805 -76.7809);--accent-4:lab(51.0795% 71.3186 20.2133)}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;margin:0;padding:0}a{color:inherit;text-decoration:none}nav.top{z-index:50;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0a0a0a66,#0000);align-items:center;gap:24px;padding:18px 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--ink);width:24px;height:24px;color:var(--bg);font-family:var(--mono);place-items:center;font-size:11px;font-weight:600;display:grid;position:relative}.brand-mark:after{content:"";border:1px solid var(--bg);position:absolute;inset:3px}.brand-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:22px;font-style:italic}.nav-links{gap:24px;margin-left:24px;display:flex}.nav-links a{font-family:var(--mono);color:var(--ink-2);letter-spacing:.01em;font-size:12px}.nav-links a:hover{color:var(--ink)}.nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141499;padding:7px 14px;font-size:12.5px;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface);border-color:var(--line-2)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{opacity:.9;background:var(--ink)}.hero{isolation:isolate;background:#0a0a0a;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.nagai{z-index:0;pointer-events:none;filter:var(--scene-filter,none);background-image:url(/nagai-base.png);background-position:50% 30%;background-size:cover;transition:filter 2s;position:absolute;inset:0}.sky-tint{z-index:1;pointer-events:none;mix-blend-mode:multiply;background:var(--sky-tint,transparent);transition:background 2s;position:absolute;inset:0}.sky-warm{z-index:1;pointer-events:none;mix-blend-mode:screen;background:var(--sky-warm,transparent);opacity:var(--sky-warm-opacity,0);transition:background 2s;position:absolute;inset:0}.sky-bodies{z-index:2;pointer-events:none;clip-path:polygon(0% 0%,100% 0%,100% 50%,96% 48%,92% 46%,88% 44%,84% 42%,80% 40%,76% 42%,72% 44%,68% 46%,64% 48%,60% 50%,56% 52%,52% 50%,48% 52%,44% 54%,40% 52%,36% 54%,32% 56%,28% 54%,24% 56%,20% 58%,16% 56%,12% 58%,8% 60%,4% 58%,0% 60%);position:absolute;inset:0}.sun,.moon{pointer-events:none;border-radius:50%;transition:opacity 2s,background 4s,box-shadow 4s;position:absolute}.sun{width:90px;height:90px;left:var(--sun-x,50%);top:var(--sun-y,20%);background:var(--sun-color,#ffe4b0);box-shadow:var(--sun-glow,0 0 80px 30px #ffe4b080);opacity:var(--sun-opacity,1);transform:translate(-50%,-50%)}.moon{width:64px;height:64px;left:var(--moon-x,50%);top:var(--moon-y,30%);opacity:var(--moon-opacity,0);background:radial-gradient(circle at 40% 40%,#f4f0e0,#c8c2b0);transform:translate(-50%,-50%);box-shadow:0 0 50px 10px #f4f0e059}.moon:before{content:"";background:#b4afa066;border-radius:50%;width:14px;height:14px;position:absolute;top:25%;left:30%}.moon:after{content:"";background:#b4afa04d;border-radius:50%;width:10px;height:10px;position:absolute;bottom:28%;right:22%}.stars{z-index:1;pointer-events:none;opacity:var(--stars-opacity,0);transition:opacity 3s;position:absolute;inset:0 0 50%}.star{width:2px;height:2px;animation:twinkle var(--tw,3s) ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}.star.bright{width:3px;height:3px;box-shadow:0 0 4px #fff}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.clouds{z-index:2;pointer-events:none;opacity:var(--cloud-opacity,.9);transition:opacity 2s;position:absolute;inset:8% 0 50%}.cloud{background:var(--cloud-color,#ffffffd9);filter:blur(1px);height:14px;animation:drift var(--cd,90s) linear infinite;animation-delay:var(--cdl,0s);border-radius:20px;position:absolute}@keyframes drift{0%{transform:translate(-15vw)}to{transform:translate(115vw)}}.windows{z-index:2;pointer-events:none;opacity:var(--win-opacity,0);transition:opacity 3s;position:absolute;inset:0}.win{animation:flicker var(--wf,5s) ease-in-out infinite;background:#ffd89a;position:absolute;box-shadow:0 0 8px 2px #ffd89a99}@keyframes flicker{0%,to{opacity:.85}50%{opacity:1}}.shoot{z-index:1;opacity:0;background:linear-gradient(90deg,#0000,#fff,#0000);width:80px;height:1px;position:absolute;top:18%;left:-10%}.hero-veil{z-index:3;pointer-events:none;background:radial-gradient(at 30% 70%,#0a0a0a99 0%,#0000 50%),linear-gradient(90deg,#0a0a0a8c 0%,#0000 45%),linear-gradient(#0000 0% 55%,#0a0a0ad9 100%);position:absolute;inset:0}.grain{z-index:2;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:radial-gradient(#fff9 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.hero-content{z-index:3;flex-direction:column;flex:1;justify-content:center;width:100%;max-width:1280px;margin:0 auto;padding:140px 32px 80px;display:flex;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#ffdcb4d9;align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:inline-flex}.eyebrow .pulse{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%}h1.hero-h{font-family:var(--serif);letter-spacing:-.025em;color:#fff6e8;text-shadow:0 2px 30px #0000004d;max-width:14ch;margin:0;font-size:clamp(56px,9vw,130px);font-weight:400;line-height:.92}h1.hero-h em{color:#ffd89a;font-style:italic}.hero-sub{color:#fff0dcd9;text-shadow:0 1px 20px #0006;max-width:52ch;margin-top:28px;font-size:17px;line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;display:flex}.btn-hero{color:#1b2440;cursor:pointer;background:#fff6e8;border:1px solid #fff6e8;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-hero:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px #fff6e880}.btn-hero-ghost{color:#fff6e8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:1px solid #fff6e84d;padding:12px 18px;font-size:14px}.btn-hero-ghost:hover{background:#ffffff0d;border-color:#fff6e8}.hero-meta{font-family:var(--mono);color:#fff0dc80;letter-spacing:.05em;margin-top:16px;font-size:11px}.ribbon{z-index:3;-webkit-backdrop-filter:blur(12px);background:#0a0a0a8c;border-top:1px solid #fff6e81f;border-bottom:1px solid #fff6e81f;grid-template-columns:repeat(4,1fr);gap:32px;max-width:100%;padding:18px 32px;display:grid;position:relative}.ribbon-item{flex-direction:column;gap:4px;display:flex}.ribbon-k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#fff0dc8c;font-size:10px}.ribbon-v{font-family:var(--serif);color:#fff6e8;font-variant-numeric:tabular-nums;font-size:30px;font-style:italic;line-height:1}section.how{background:var(--bg);padding:120px 32px;position:relative}.container{max-width:1280px;margin:0 auto}.section-eye{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin-bottom:16px;font-size:11px;display:inline-flex}.section-eye:before{content:"";background:var(--ink-4);width:24px;height:1px}h2.section-h{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);max-width:18ch;margin:0 0 16px;font-size:clamp(36px,5vw,64px);font-weight:400;line-height:.98}h2.section-h em{color:var(--ink-2);font-style:italic}.section-sub{color:var(--ink-2);max-width:56ch;font-size:15px;line-height:1.6}.steps{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:80px;display:grid}.step{border-right:1px solid var(--line);flex-direction:column;min-height:320px;padding:32px 28px;transition:background .2s;display:flex;position:relative}.step:last-child{border-right:none}.step:hover{background:var(--bg-2)}.step-num{font-family:var(--serif);color:var(--ink-3);margin-bottom:24px;font-size:48px;font-style:italic;line-height:1}.step-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:10px;font-size:20px;font-weight:500}.step-desc{color:var(--ink-2);margin-bottom:auto;font-size:14px;line-height:1.6}.step-visual{border-top:1px dashed var(--line);height:100px;font-family:var(--mono);color:var(--ink-3);align-items:center;margin-top:32px;padding-top:20px;font-size:11px;display:flex}.step-meta{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-2);padding:2px 7px;font-size:10.5px}.chip.on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}section.features{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:120px 32px}.feat-grid{border:1px solid var(--line);background:var(--bg);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(220px,auto);margin-top:60px;display:grid}.feat{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;padding:28px 26px;transition:background .2s;display:flex;position:relative;overflow:hidden}.feat:hover{background:var(--bg-2)}.feat.span-3{grid-column:span 3}.feat.span-2{grid-column:span 2}.feat.span-tall{grid-row:span 2;min-height:460px}.feat-eye{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-size:10px}.feat-h{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);margin:0 0 10px;font-size:28px;line-height:1.05}.feat-h em{color:var(--ink-2);font-style:italic}.feat-d{color:var(--ink-2);max-width:38ch;font-size:13.5px;line-height:1.55}.feat-art{margin-top:auto;padding-top:24px}.gauge{align-items:flex-end;gap:14px;display:flex}.gauge-num{font-family:var(--serif);color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:96px;font-style:italic;line-height:.85}.gauge-bars{flex-direction:column;flex:1;gap:6px;display:flex}.gauge-row{font-family:var(--mono);color:var(--ink-3);grid-template-columns:110px 1fr 30px;align-items:center;gap:8px;font-size:10.5px;display:grid}.gauge-bar{background:var(--surface);height:4px;position:relative;overflow:hidden}.gauge-fill{background:var(--accent);height:100%}.gauge-fill.warn{background:var(--accent-2)}.gauge-fill.fail{background:var(--accent-4)}.gauge-val{text-align:right;color:var(--ink);font-weight:500}.trend-list{flex-direction:column;gap:0;display:flex}.trend-row{border-bottom:1px dashed var(--line);grid-template-columns:16px 1fr auto;align-items:center;gap:12px;padding:11px 0;display:grid}.trend-row:last-child{border-bottom:none}.trend-rail{background:var(--line-2);justify-self:center;width:1px;height:24px;position:relative}.trend-rail:before{content:"";background:var(--accent-4);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.trend-row[data-t=topic] .trend-rail:before{background:var(--accent-3)}.trend-row[data-t=gap] .trend-rail:before{background:var(--accent-2)}.trend-text{color:var(--ink-2);font-size:12.5px;line-height:1.4}.trend-text strong{color:var(--ink);font-weight:500}.trend-text .obj{font-family:var(--mono);background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:1px 5px;font-size:11px}.trend-time{font-family:var(--mono);color:var(--ink-3);font-size:10px}.idea-stack{flex-direction:column;gap:0;display:flex}.idea-row{border-bottom:1px dashed var(--line);grid-template-columns:24px 1fr 40px;align-items:flex-start;gap:10px;padding:10px 0;display:grid}.idea-row:last-child{border-bottom:none}.idea-rank{font-family:var(--serif);color:var(--ink-3);font-size:18px;font-style:italic;line-height:1}.idea-title{color:var(--ink);font-size:12.5px;line-height:1.35}.idea-score{font-family:var(--mono);color:var(--accent);text-align:right;font-size:11px;font-weight:500}.digest{border:1px solid var(--line);background:var(--bg);font-family:var(--mono);color:var(--ink-2);padding:18px;font-size:11px;line-height:1.7;position:relative}.digest:before{content:"DIGEST · WK 47";background:var(--bg);letter-spacing:.16em;color:var(--ink-3);padding:0 8px;font-size:9px;position:absolute;top:-1px;left:14px;transform:translateY(-50%)}.digest .ok{color:var(--accent)}.digest .warn{color:var(--accent-2)}.digest .ink{color:var(--ink)}.ticker{font-family:var(--serif);color:var(--ink);align-items:baseline;gap:8px;margin-bottom:18px;font-size:56px;font-style:italic;line-height:1;display:flex}.ticker .unit{font-family:var(--mono);color:var(--ink-3);letter-spacing:.05em;font-size:13px;font-style:normal}section.cta{text-align:center;background:var(--bg);padding:120px 32px;position:relative;overflow:hidden}section.cta:before{content:"";background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.cta-inner{z-index:1;max-width:720px;margin:0 auto;position:relative}h2.cta-h{font-family:var(--serif);letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(48px,7vw,88px);font-weight:400;line-height:.95}h2.cta-h em{color:var(--accent);font-style:italic}.cta-sub{color:var(--ink-2);margin-bottom:36px;font-size:16px;line-height:1.55}.btn-cta{background:var(--ink);color:var(--bg);border:1px solid var(--ink);cursor:pointer;align-items:center;gap:10px;padding:14px 28px;font-size:14.5px;font-weight:500;display:inline-flex}.btn-cta:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}footer{border-top:1px solid var(--line);background:var(--bg-2);padding:56px 32px 32px}.foot-grid{border-bottom:1px dashed var(--line);grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto;padding-bottom:40px;display:grid}.foot-brand .brand-name{font-size:24px}.foot-tag{color:var(--ink-3);max-width:32ch;margin-top:10px;font-size:13px}.foot-col h4{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 16px;font-size:10px;font-weight:500}.foot-col a{color:var(--ink-2);padding:4px 0;font-size:13px;display:block}.foot-col a:hover{color:var(--ink)}.foot-bottom{max-width:1280px;font-family:var(--mono);color:var(--ink-3);justify-content:space-between;align-items:center;margin:0 auto;padding-top:24px;font-size:11px;display:flex}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(16px)}.reveal.in{opacity:1;transform:translateY(0)}@media (max-width:1100px){.feat-grid{grid-template-columns:repeat(2,1fr)}.feat.span-3,.feat.span-2{grid-column:span 2}.feat.span-tall{grid-row:auto;min-height:320px}.steps{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--line)}.ribbon{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}}