.hero{background:var(--background);width:100%;height:100dvh;position:relative;overflow:hidden}.hero-layer{position:absolute;inset:0}.hero-draft{z-index:10}.hero-final{z-index:30;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--r,280px)at var(--mx,50vw)var(--my,42vh),#000 0%,#000 40%,#000000bf 60%,#0006 75%,#0000001f 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r,280px)at var(--mx,50vw)var(--my,42vh),#000 0%,#000 40%,#000000bf 60%,#0006 75%,#0000001f 88%,transparent 100%);mask-image:radial-gradient(circle var(--r,280px)at var(--mx,50vw)var(--my,42vh),#000 0%,#000 40%,#000000bf 60%,#0006 75%,#0000001f 88%,transparent 100%);background:radial-gradient(900px 600px at 18% 95%,#e8702a52,#0000 65%),radial-gradient(800px 540px at 85% 8%,#4056a166,#0000 60%),radial-gradient(600px 420px at 60% 60%,#e8702a1f,#0000 70%),#0d1119}@media (max-width:768px){.hero-final{pointer-events:auto;-webkit-mask-image:none;mask-image:none}}.spot-ring{z-index:40;width:calc(var(--r,280px)*2);height:calc(var(--r,280px)*2);left:var(--mx,50vw);top:var(--my,42vh);pointer-events:none;border:1px dashed #ffffff2e;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.spot-ring:after{content:"cursor / reveal";font-family:var(--font-mono),monospace;letter-spacing:.1em;color:#ffffff59;white-space:nowrap;font-size:.6rem;position:absolute;top:-1.4em;left:50%;transform:translate(-50%)}.hero-stage{position:absolute;inset:0}.hero-head{text-align:center;pointer-events:none;flex-direction:column;align-items:center;padding:0 110px;display:flex;position:absolute;top:26%;left:0;right:0}@media (max-width:768px){.hero-head{padding:0 20px;top:22%}}.hero-head .kicker{letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;font-size:.7rem}.hero-draft .kicker{color:var(--redline)}.hero-final .kicker{color:var(--accent)}.hero-head .h1{font-size:clamp(2.5rem,8vw,6.5rem);line-height:.95}.hl-1{font-family:var(--font-serif),serif;letter-spacing:-.04em;font-style:italic;font-weight:400;display:block}.hl-2{letter-spacing:-.055em;margin-top:.02em;font-weight:600;display:block}.hero-draft .hl-1,.hero-draft .hl-2{color:#0000;-webkit-text-stroke:1px #ece9e28c}.hero-final .hl-1,.hero-final .hl-2{color:#fff}.hero-final .hl-2 em{color:var(--accent);font-style:normal}.hero-measure{color:var(--redline);letter-spacing:.08em;align-items:center;gap:10px;margin-top:26px;font-size:.65rem;display:flex}@media (max-width:768px){.hero-measure{display:none!important}}.hero-measure:before,.hero-measure:after{content:"";background:var(--redline);opacity:.7;width:min(14vw,120px);height:1px}.hero-measure i{border:1px solid var(--redline);border-radius:3px;padding:2px 8px;font-style:normal}.hero-final .hero-measure{color:#ffffff8c}.hero-final .hero-measure:before,.hero-final .hero-measure:after{background:#ffffff4d}.hero-final .hero-measure i{border-color:#ffffff4d}.fcard{pointer-events:none;border-radius:18px;position:absolute}.fc-1{width:218px;top:47%;left:9%;transform:rotate(-5deg)}.fc-2{width:196px;top:36%;right:9%;transform:rotate(4deg)}.fc-3{width:170px;bottom:11%;right:20%;transform:rotate(-3deg)}@media (max-width:880px){.fc-1{top:54%;left:-30px}.fc-2{top:42%;right:-26px}.fc-3{display:none}}@media (max-width:768px){.fcard{display:none!important}}.hero-draft .fcard{background:#e7f5450a;border:1.5px dashed #e7f5458c;justify-content:flex-start;align-items:flex-start;height:120px;display:flex}.hero-draft .fcard:after{content:attr(data-spec);font-family:var(--font-mono),monospace;letter-spacing:.08em;color:var(--redline);background:var(--background);padding:2px 6px;font-size:.58rem;position:absolute;top:-9px;left:12px}.hero-draft .fcard:before{content:"+";color:var(--redline);font-family:var(--font-mono),monospace;font-size:.8rem;position:absolute;bottom:-11px;right:-7px}.hero-final .fcard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff24;height:120px;padding:14px;animation:7s ease-in-out infinite floaty;overflow:hidden;box-shadow:0 24px 50px #00000073;opacity:1!important}.hero-final .fc-2{animation-delay:-2.4s}.hero-final .fc-3{animation-delay:-4.8s}@keyframes floaty{0%,to{margin-top:0}50%{margin-top:-12px}}.fcard .row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fcard .lbl{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;font-size:.6rem}.fcard .big{color:#fff;font-size:1.3rem;font-weight:600}.fcard .bars{align-items:flex-end;gap:5px;height:42px;display:flex}.fcard .bars i{background:linear-gradient(180deg,var(--accent),var(--accent));border-radius:3px 3px 0 0;flex:1}.fcard .pill-ok{color:#7ee0a0;background:#6ac9862e;border-radius:99px;padding:3px 8px;font-size:.6rem}.fcard .toggle{background:var(--accent);border-radius:99px;width:38px;height:22px;position:relative}.fcard .toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;right:3px}.fcard .sw{gap:6px;display:flex}.fcard .sw i{background:#ffffff1a;border-radius:8px;width:26px;height:26px}.fcard .avatar{background:linear-gradient(135deg,var(--accent),var(--accent));border-radius:50%;width:30px;height:30px}.hero-left{z-index:50;max-width:262px;display:none;position:absolute;bottom:88px;left:110px}.hero-left p{color:#ece9e2c7;font-size:.875rem;line-height:1.65}.hero-right{z-index:50;flex-direction:column;align-items:flex-start;gap:18px;display:flex;position:absolute;bottom:40px;left:20px;right:20px}.hero-right p{color:#ece9e2c7;max-width:300px;font-size:.8rem;line-height:1.65}@media (min-width:640px){.hero-left{display:block}.hero-right{max-width:262px;bottom:88px;left:auto;right:110px}}.hero-hint{z-index:50;letter-spacing:.12em;color:#fff;white-space:nowrap;background:var(--accent,#e8702a);border:none;border-radius:2px;padding:4px 12px;font-size:.62rem;transition:opacity 1s;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.h-anim{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.h-reveal{animation-name:heroReveal;animation-duration:1.1s}.h-fade{animation-name:heroFadeUp;animation-duration:1s}@keyframes heroReveal{0%{opacity:0;filter:blur(12px);transform:translateY(28px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-top-line{z-index:5;background:#ffffff14;height:1px;position:absolute;top:56px;left:0;right:0}
.cap-list{border-top:1px solid var(--border);margin-top:54px}.cap-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;align-items:baseline;gap:18px;padding:30px 20px;transition:background .35s,padding-left .35s;display:grid}@media (min-width:880px){.cap-row{grid-template-columns:90px 1fr 1.1fr}}.cap-row:hover{background:#ffffff06;padding-left:32px}.cap-row .idx{font-family:var(--font-mono),monospace;color:var(--redline);font-size:.7rem}.cap-row h3{letter-spacing:-.03em;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:500}.cap-row h3 .serif{color:var(--accent);font-family:var(--font-serif),serif;font-style:italic;font-weight:400}.cap-row p{color:var(--muted-foreground);grid-column:2;font-size:1.1rem;line-height:1.65}@media (min-width:880px){.cap-row p{grid-column:auto}}#quote{padding:130px 0}.quote-box{text-align:center;max-width:880px;margin:0 auto;padding:0 22px}.quote-box blockquote{font-family:var(--font-serif),serif;letter-spacing:-.02em;font-size:clamp(1.6rem,3.6vw,2.6rem);font-style:italic;line-height:1.3}.quote-box blockquote i{color:var(--accent);font-style:normal}.quote-box figcaption{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin-top:26px;font-size:.78rem}.quote-box figcaption b{color:var(--foreground);font-weight:600}
.site-footer{border-top:1px solid var(--border);background:radial-gradient(800px 480px at 50% 130%,#e8702a2e,transparent 65%),var(--background);padding:120px 0 36px;position:relative;overflow:hidden}.btn-accent-cta{background:var(--foreground);color:var(--background);border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:.9rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-accent-cta:hover{background:var(--muted-foreground);transform:scale(1.03)}.btn-ghost-cta{color:var(--foreground);background:0 0;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:.9rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-ghost-cta:hover{border-color:var(--foreground);transform:scale(1.03)}.foot-bar{border-top:1px solid var(--border);letter-spacing:.08em;color:var(--muted-foreground);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:60px;padding-top:26px;font-size:.72rem;display:flex;position:relative}.foot-bar .links{gap:22px;display:flex}.foot-bar a:hover{color:var(--foreground)}.foot-bar .mono{font-size:.66rem;font-family:var(--font-mono)}