/* ============================================================
   知道 · Hackathon Edition  —  flashy CSS rebuild
============================================================ */
*,*:before,*:after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --bg:#f4f1ec;--bg-2:#ece7df;--paper:#fbf9f4;
  --ink:#0d0d0e;--ink-2:#26241f;--muted:#7d7a72;--line:#dcd6c8;
  --blue:#1f6cff;--blue-2:#0a3fbf;--blue-soft:#e8efff;--cyan:#22d3ee;
  --warm:#ffb673;--rose:#ff6b8b;--lime:#9eff8c;
  --shadow-sm:0 1px 2px rgba(20,18,12,.06),0 4px 14px rgba(20,18,12,.06);
  --shadow-md:0 12px 32px rgba(20,18,12,.10),0 2px 6px rgba(20,18,12,.05);
  --shadow-lg:0 40px 80px -20px rgba(20,18,12,.22),0 12px 32px rgba(20,18,12,.10);
  --serif:"Fraunces","Noto Serif SC","Songti SC",ui-serif,serif;
  --sans:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:#1f6cff;color:#fff}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.hl{color:var(--blue)}

/* ============== NAV ============== */
.nav{position:fixed;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;padding:18px 36px;z-index:50;pointer-events:none;transition:all .35s;border-bottom:1px solid transparent}
.nav>*{pointer-events:auto}
.nav.scrolled{background:rgba(244,241,236,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,18,12,.06);padding:12px 36px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:22px;letter-spacing:.02em}
.brand-name{color:var(--blue-2);font-weight:900}
.brand-mark{display:inline-flex;align-items:center}
.brand-mark img{width:auto;height:30px;display:block}
.brand-mark.sm img{height:22px}
.nav-progress{display:flex;gap:10px;align-items:center}
.nav-progress .dot{width:7px;height:7px;border-radius:99px;background:#cfc9bc;transition:width .4s, background .4s}
.nav-progress .dot.active{width:30px;background:var(--blue);box-shadow:0 0 0 4px rgba(31,108,255,.18)}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-tag{font-size:12.5px;color:var(--muted);letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px}
.live-dot{width:7px;height:7px;border-radius:99px;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);animation:livepulse 1.6s ease-in-out infinite}
@keyframes livepulse{50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:var(--blue-2);color:#fff;font-size:13px;font-weight:500;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(10,63,191,.25)}
.nav-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#1f6cff,#0a3fbf);opacity:0;transition:opacity .3s}
.nav-cta>*{position:relative;z-index:1}
.nav-cta:hover{transform:translateY(-1px)}
.nav-cta:hover::before{opacity:1}
@media (max-width:780px){.nav-progress,.nav-tag{display:none}.nav,.nav.scrolled{padding:14px 18px}}

/* ============== HERO ============== */
.hero{position:relative;min-height:100vh;padding:120px clamp(40px,7vw,140px) 80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.grid-bg{position:absolute;inset:-10%;background-image:linear-gradient(rgba(20,18,12,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,18,12,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 60% 60% at 50% 45%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 45%,#000 30%,transparent 75%);opacity:.7;animation:gridShift 30s linear infinite}
@keyframes gridShift{from{background-position:0 0,0 0}to{background-position:48px 48px,48px 48px}}
.aurora{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:multiply}
.a1{width:620px;height:620px;left:-10%;top:30%;background:radial-gradient(circle,#bcd1ff,transparent 70%);opacity:.55;animation:drift 22s ease-in-out infinite alternate}
.a2{width:520px;height:520px;right:-8%;top:10%;background:radial-gradient(circle,#ffe5c8,transparent 70%);opacity:.55;animation:drift 28s ease-in-out infinite alternate-reverse}
.a3{width:440px;height:440px;left:40%;bottom:-10%;background:radial-gradient(circle,#d8c8ff,transparent 70%);opacity:.45;animation:drift 36s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,40px) scale(1.08)}}

.cloud{position:absolute;inset:0;z-index:1;pointer-events:none}
.chip{position:absolute;left:var(--x);top:var(--y);background:rgba(255,255,255,.92);border:1px solid rgba(20,18,12,.08);padding:7px 14px;border-radius:99px;font-size:13px;color:#3a3a36;box-shadow:var(--shadow-sm);backdrop-filter:blur(6px);opacity:0;transform:translate(-50%,-50%) scale(.8);transition:all .9s cubic-bezier(.2,.8,.2,1);will-change:transform}
.chip.blue{background:var(--blue);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(31,108,255,.35)}
.cloud.in .chip{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cloud.in .chip:nth-child(1){transition-delay:.3s}
.cloud.in .chip:nth-child(2){transition-delay:.45s}
.cloud.in .chip:nth-child(3){transition-delay:.6s}
.cloud.in .chip:nth-child(4){transition-delay:.75s}
.cloud.in .chip:nth-child(5){transition-delay:.4s}
.cloud.in .chip:nth-child(6){transition-delay:.55s}
.cloud.in .chip:nth-child(7){transition-delay:.7s}
.cloud.in .chip:nth-child(8){transition-delay:.85s}
.mini-card{position:absolute;left:var(--x);top:var(--y);width:200px;background:#fff;border:1px solid rgba(20,18,12,.07);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-md);font-size:12px;text-align:left;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:all 1s cubic-bezier(.2,.8,.2,1)}
.mini-card b{display:block;font-size:13px;color:var(--ink);margin-bottom:4px}
.mini-card span{display:block;color:var(--muted);font-size:11.5px;line-height:1.5;margin-bottom:6px}
.mini-card .upv{font-style:normal;color:var(--blue);font-size:11px;font-weight:500}
.cloud.in .mini-card{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cloud.in .mini-card:nth-of-type(1){transition-delay:1s}
.cloud.in .mini-card:nth-of-type(2){transition-delay:1.15s}

.hero-inner{position:relative;z-index:3;max-width:1100px;width:100%}
.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.7);border:1px solid rgba(20,18,12,.07);padding:7px 14px;border-radius:99px;font-size:12.5px;color:var(--muted);margin-bottom:32px;box-shadow:var(--shadow-sm);letter-spacing:.04em;opacity:0;animation:rise .9s .15s forwards cubic-bezier(.2,.7,.15,1)}
.eyebrow-dot{width:6px;height:6px;border-radius:99px;background:var(--blue);box-shadow:0 0 0 3px rgba(31,108,255,.18)}
.eyebrow-tag{font-family:var(--mono);font-size:11px;color:var(--blue);background:var(--blue-soft);padding:2px 8px;border-radius:4px;font-weight:500}

.hero-h{font-family:var(--serif);font-weight:900;font-size:clamp(38px,6.4vw,96px);line-height:1.18;letter-spacing:.02em;margin:0 0 32px;text-align:left}
.hero-h .line{display:block}
.hero-h .word{display:inline-block;overflow:hidden;vertical-align:bottom}
.hero-h .word>span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform 1s cubic-bezier(.2,.8,.2,1), opacity 1s}
.hero-h .word.accent>span{color:var(--blue-2)}
.hero-h .word.punc{margin:0 -.05em}
.hero-h.in .word>span{transform:translateY(0);opacity:1}
.hero-h.in .line .word>span{transition-delay:calc(var(--i,0) * 28ms + 50ms)}
.hero-h.in .line-2 .word>span{transition-delay:calc(var(--i,0) * 32ms + 380ms)}

.hero-sub{font-size:clamp(15px,1.4vw,18px);color:#3a3a36;letter-spacing:.04em;line-height:1.7;margin:0 0 36px;max-width:680px;opacity:0;animation:rise .9s 1.05s forwards cubic-bezier(.2,.7,.15,1)}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.search-bar{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(20,18,12,.08);border-radius:99px;padding:8px 8px 8px 22px;width:min(640px,92%);margin:0 auto;box-shadow:0 30px 60px -10px rgba(20,18,12,.18),0 6px 20px rgba(20,18,12,.06);position:relative;opacity:0;transform:translateY(20px);animation:rise .9s 1.25s forwards cubic-bezier(.2,.7,.15,1);overflow:hidden}
.search-bar::before{content:"";position:absolute;inset:-2px;border-radius:99px;background:conic-gradient(from 0deg,transparent,rgba(31,108,255,.4),transparent 30%);animation:spinRing 4s linear infinite;z-index:0}
.search-bar::after{content:"";position:absolute;inset:1px;border-radius:99px;background:#fff;z-index:0}
@keyframes spinRing{to{transform:rotate(360deg)}}
.search-bar>*{position:relative;z-index:1}
.sb-ic{color:var(--blue)}
.sb-input{flex:1;font-family:var(--sans);font-size:15.5px;color:var(--ink);text-align:left;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.sb-caret{display:inline-block;width:1.5px;height:18px;background:var(--blue);margin-left:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.sb-btn{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border:0;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.04em;padding:11px 20px;border-radius:99px;cursor:pointer;transition:all .25s}
.sb-btn:hover{background:var(--blue);transform:translateX(2px)}

.hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-start;margin-top:28px;font-size:13px;color:var(--muted);opacity:0;animation:rise .9s 1.5s forwards cubic-bezier(.2,.7,.15,1)}
.hero-meta b{color:var(--ink);font-weight:600;font-family:var(--mono);letter-spacing:.02em}
.hero-meta .sep{width:1px;height:14px;background:var(--line)}

.scroll-cue{display:inline-flex;flex-direction:column;align-items:center;align-self:center;gap:6px;font-size:12px;color:var(--muted);letter-spacing:.06em;margin-top:50px;position:relative;z-index:3;opacity:0;animation:rise .9s 1.7s forwards cubic-bezier(.2,.7,.15,1)}
.scroll-cue svg{animation:bobbing 1.6s ease-in-out infinite}
@keyframes bobbing{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

/* ============== STEP MARKER ============== */
.step-marker{display:flex;align-items:center;gap:14px;font-size:11.5px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:48px;font-family:var(--mono);font-weight:500}
.step-marker.centered{justify-content:center}
.step-marker span:first-child{font-size:13px;color:#fff;background:var(--ink);padding:5px 11px;border-radius:6px;letter-spacing:.04em}
.step-marker i{flex:0 0 56px;height:1px;background:var(--line);display:inline-block}

/* ============== 02 SEARCH ============== */
.search-section{position:relative;padding:140px 48px 160px;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg-2) 100%)}
.search-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,1fr) 1.4fr;gap:80px;align-items:center}
.big-h{font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.4vw,50px);line-height:1.45;letter-spacing:.02em;margin:0 0 50px}
.big-h>div{opacity:0;transform:translateY(24px);transition:all .8s cubic-bezier(.2,.7,.15,1)}
.big-h>div:nth-child(2){transition-delay:.15s}.big-h>div:nth-child(3){transition-delay:.3s}.big-h>div:nth-child(4){transition-delay:.45s}.big-h>div:nth-child(5){transition-delay:.6s}
.search-section.in .big-h>div{opacity:1;transform:translateY(0)}
.big-h .accent{color:var(--blue);position:relative;z-index:0}
.big-h .accent::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:8px;background:rgba(31,108,255,.14);border-radius:4px;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .9s ease .3s}
.search-section.in .big-h .accent::after{transform:scaleX(1)}
.big-h .rule{height:1px;background:var(--line);margin:28px 0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .9s}
.search-section.in .big-h .rule{transform:scaleX(1)}
.big-h .muted{color:#605d56}
.metric-row{display:flex;gap:32px;flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:all .8s .7s}
.search-section.in .metric-row{opacity:1;transform:translateY(0)}
.metric{padding:20px 0;border-top:1px solid var(--line);flex:1;min-width:160px;position:relative}
.metric-num{font-family:var(--mono);font-size:34px;font-weight:600;letter-spacing:.02em;display:inline}
.metric-suffix{font-family:var(--mono);font-size:24px;color:var(--blue);margin-left:2px;display:inline}
.metric-l{font-size:12px;color:var(--muted);margin-top:6px}

.search-visual{position:relative;height:600px;opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.2,.7,.15,1)}
.search-section.in .search-visual{opacity:1;transform:translateY(0)}
.dust-stack{position:relative;width:100%;height:520px;perspective:1800px}
.z-card{position:absolute;background:#fff;border:1px solid rgba(20,18,12,.06);border-radius:14px;padding:18px;box-shadow:var(--shadow-md);text-align:left}
.dust-stack .z-card{left:0;width:62%}
.dust-stack .z-card[data-i="0"]{top:0;transform:perspective(1600px) rotateY(-6deg) translateZ(20px);z-index:3}
.dust-stack .z-card[data-i="1"]{top:120px;left:30%;transform:perspective(1600px) rotateY(-3deg) translateZ(0);z-index:2;opacity:.92}
.dust-stack .z-card[data-i="2"]{top:260px;left:8%;transform:perspective(1600px) rotateY(-9deg) translateZ(-10px);z-index:1;opacity:.82}
.search-section.in .z-card[data-i="0"]{animation:floatY 7s ease-in-out infinite alternate}
.search-section.in .z-card[data-i="1"]{animation:floatY 9s ease-in-out 1s infinite alternate-reverse}
.search-section.in .z-card[data-i="2"]{animation:floatY 8s ease-in-out .5s infinite alternate}
@keyframes floatY{from{transform:perspective(1600px) rotateY(var(--ry,-6deg)) translateY(0)}to{transform:perspective(1600px) rotateY(var(--ry,-6deg)) translateY(-8px)}}
.z-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.av{width:32px;height:32px;border-radius:99px;background:linear-gradient(135deg,#cdd5e0,#a8b3c4);flex-shrink:0}
.av.blue{background:linear-gradient(135deg,#1f6cff,#0a3fbf)}
.av.green{background:linear-gradient(135deg,#34d399,#0f8c66)}
.z-head b{display:block;font-size:13px;font-weight:600}
.z-head span{font-size:11px;color:var(--muted)}
.z-q{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px;line-height:1.45}
.z-body{font-size:12.5px;color:#605d56;line-height:1.6;margin-bottom:10px}
.z-foot{display:flex;gap:14px;font-size:11px;color:var(--muted)}
.dust-canvas{position:absolute;inset:0;pointer-events:none;z-index:5}
.visual-cap{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:13px;color:var(--muted)}
.visual-cap b{color:var(--ink);font-weight:600}

@media (max-width:1080px){.search-grid{grid-template-columns:1fr;gap:48px}.search-visual{height:520px}.dust-stack .z-card{width:78%}}

/* ============== 03 GUIDE ============== */
.guide-section{position:relative;padding:140px 48px 140px;background:linear-gradient(to bottom,var(--bg-2) 0%,var(--paper) 60%,var(--paper) 100%)}
.center-h{display:block;text-align:center;font-family:var(--serif);font-weight:900;margin:0 auto 64px;max-width:1100px}
.center-h .big{display:block;font-size:clamp(34px,5vw,76px);line-height:1.18;letter-spacing:.02em}
.center-h .big .accent{background:linear-gradient(135deg,#1f6cff,#0a3fbf);-webkit-background-clip:text;background-clip:text;color:transparent}
.center-h .sub{display:block;font-family:var(--sans);font-weight:400;font-size:clamp(15px,1.4vw,18px);color:#3a3a36;margin-top:24px;letter-spacing:.04em}

.branch{position:relative;max-width:1280px;margin:0 auto 80px;height:560px}
.branch-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bpath{fill:none;stroke:url(#bline);stroke-width:1.6;stroke-dasharray:6 6;stroke-linecap:round;opacity:0;stroke-dashoffset:1000}
.guide-section.in .bpath{opacity:1;animation:dashFlow 24s linear infinite, drawPath 1.6s ease-out forwards}
.guide-section.in .bpath:nth-child(2){animation-delay:0s,.7s}
.guide-section.in .bpath:nth-child(3){animation-delay:0s,.9s}
.guide-section.in .bpath:nth-child(4){animation-delay:0s,1.1s}
@keyframes dashFlow{to{stroke-dashoffset:-1000}}
@keyframes drawPath{to{stroke-dashoffset:0}}

.fuzz{position:absolute;left:50%;top:0;transform:translateX(-50%);width:380px;height:200px}
.fuzz .bubble{position:absolute;background:rgba(255,255,255,.85);border:1px solid rgba(20,18,12,.06);border-radius:99px;padding:7px 14px;font-size:12.5px;color:#3a3a36;box-shadow:var(--shadow-sm);filter:blur(.4px);white-space:nowrap;opacity:0;transition:all .9s cubic-bezier(.2,.8,.2,1)}
.fuzz .bubble:nth-child(1){left:0;top:30%}
.fuzz .bubble:nth-child(2){left:55%;top:5%}
.fuzz .bubble:nth-child(3){left:35%;top:55%}
.fuzz .bubble:nth-child(4){left:8%;top:75%}
.fuzz .bubble:nth-child(5){left:60%;top:80%}
.guide-section.in .fuzz .bubble{opacity:1;animation:floatTiny 5s ease-in-out infinite alternate}
.guide-section.in .fuzz .bubble:nth-child(1){transition-delay:.1s;animation-duration:6s}
.guide-section.in .fuzz .bubble:nth-child(2){transition-delay:.25s;animation-duration:7s}
.guide-section.in .fuzz .bubble:nth-child(3){transition-delay:.4s;animation-duration:5.5s}
.guide-section.in .fuzz .bubble:nth-child(4){transition-delay:.55s}
.guide-section.in .fuzz .bubble:nth-child(5){transition-delay:.7s;animation-duration:6.5s}
@keyframes floatTiny{to{transform:translate(6px,-6px)}}
.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(31,108,255,.3);border-radius:50%;opacity:0}
.ring.r1{width:160px;height:160px}.ring.r2{width:240px;height:240px}.ring.r3{width:340px;height:340px}
.guide-section.in .ring{animation:ripple 4s ease-out infinite}
.guide-section.in .ring.r2{animation-delay:1.3s}
.guide-section.in .ring.r3{animation-delay:2.6s}
@keyframes ripple{0%{opacity:.6;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}

.dir-cards{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 20px}
.dir-card{background:#fff;border:1px solid rgba(20,18,12,.07);border-radius:18px;padding:22px;box-shadow:var(--shadow-md);text-align:left;opacity:0;transform:translateY(30px) scale(.95);transition:all .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0s);position:relative;overflow:hidden}
.guide-section.in .dir-card{opacity:1;transform:translateY(0) scale(1)}
.dir-card.hi{transform:translateY(-10px) scale(1.02);border:1px solid rgba(31,108,255,.4);box-shadow:0 30px 60px -10px rgba(31,108,255,.2),0 6px 20px rgba(20,18,12,.06)}
.guide-section.in .dir-card.hi{transform:translateY(-10px) scale(1.02)}
.dir-card.hi::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(31,108,255,.05),transparent);pointer-events:none}
.dir-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 30px 60px -10px rgba(20,18,12,.18)}
.dc-tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);background:#f4f1ec;padding:3px 8px;border-radius:5px;margin-bottom:14px;text-transform:uppercase;white-space:nowrap}
.dc-tag.blue{background:var(--blue);color:#fff}
.dc-h{font-family:var(--serif);font-weight:700;font-size:22px;margin-bottom:8px}
.dc-d{font-size:13px;color:#605d56;line-height:1.6;margin-bottom:14px}
.dc-meta{display:flex;gap:8px;font-size:11.5px;color:var(--muted)}

.kv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid var(--line)}
.kv{display:flex;gap:14px;align-items:flex-start;padding:24px 4px;opacity:0;transform:translateY(20px);transition:all .8s}
.guide-section.in .kv{opacity:1;transform:translateY(0)}
.guide-section.in .kv:nth-child(2){transition-delay:.15s}.guide-section.in .kv:nth-child(3){transition-delay:.3s}
.kv-icon{width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.kv b{display:block;font-size:15px;font-weight:600;margin-bottom:4px}
.kv span{font-size:13px;color:var(--muted);line-height:1.6}

@media (max-width:1080px){.branch{height:auto}.fuzz{position:relative;left:auto;transform:none;margin:0 auto 60px}.dir-cards{position:relative;padding:0;grid-template-columns:1fr}.bpath{display:none}}
@media (max-width:900px){.kv-row{grid-template-columns:1fr}}

/* ============== 04 CURATE ============== */
.curate-section{position:relative;padding:140px 48px 160px;background:linear-gradient(to bottom,var(--paper) 0%,var(--bg-2) 100%)}
.flow-stage{position:relative;max-width:1500px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 0.7fr 1fr;align-items:center;gap:30px;height:560px}

.messy-stack{position:relative;height:100%}
.z-card.sm{position:absolute;left:50%;top:50%;width:240px;padding:14px;font-size:13px;transform:translate(-50%,-50%) translate(var(--tx,0),var(--ty,0)) rotate(var(--rot,0));opacity:0;transition:all 1s cubic-bezier(.2,.8,.2,1)}
.curate-section.in .messy-stack .z-card.sm{opacity:1}
.z-card.sm.dim{opacity:.45;filter:grayscale(.6) blur(.4px)}
.curate-section.in .z-card.sm.dim{opacity:.45}
.curate-section.in .messy-stack .z-card.sm{animation:hover 6s ease-in-out infinite alternate}
.curate-section.in .messy-stack .z-card.sm:nth-child(2){animation-duration:7s;animation-delay:.5s}
.curate-section.in .messy-stack .z-card.sm:nth-child(3){animation-duration:8s}
.curate-section.in .messy-stack .z-card.sm:nth-child(4){animation-duration:9s;animation-delay:1s}
.curate-section.in .messy-stack .z-card.sm:nth-child(5){animation-duration:7.5s;animation-delay:.3s}
.curate-section.in .messy-stack .z-card.sm:nth-child(6){animation-duration:8.5s;animation-delay:.8s}
@keyframes hover{from{filter:none}to{transform:translate(-50%,-50%) translate(var(--tx,0),calc(var(--ty,0) - 8px)) rotate(var(--rot,0))}}
.z-card.sm .z-q{font-size:14px;margin-bottom:6px}
.z-card.sm .z-body{font-size:12px;margin:0}

.funnel{position:relative;height:100%;display:grid;place-items:center}
.funnel-shape{position:relative;width:100%;height:480px}
.funnel-shape .lid,.funnel-shape .neck,.funnel-shape .out{position:absolute;left:50%;transform:translateX(-50%);background:#fff;border:1px solid rgba(31,108,255,.3);border-radius:99px;padding:6px 14px;font-size:11.5px;color:var(--blue);font-weight:500;box-shadow:var(--shadow-sm);white-space:nowrap}
.funnel-shape .lid{top:6%}
.funnel-shape .neck{top:42%}
.funnel-shape .out{bottom:4%;background:var(--blue);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(31,108,255,.35)}
.walls{position:absolute;left:0;right:0;top:18%;bottom:14%;overflow:hidden}
.wall{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(31,108,255,.4),rgba(31,108,255,.0))}
.wall.left{left:8%;transform:rotate(15deg);transform-origin:top}
.wall.right{right:8%;transform:rotate(-15deg);transform-origin:top}
.rays{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:flex-start;padding-top:8%}
.rays i{width:1px;height:100%;background:linear-gradient(to bottom,rgba(31,108,255,.0),rgba(31,108,255,.4),rgba(31,108,255,.0));display:block;animation:rayShift 3s ease-in-out infinite alternate;transform-origin:top}
.rays i:nth-child(1){animation-delay:0s;transform:rotate(-12deg)}
.rays i:nth-child(2){animation-delay:.2s;transform:rotate(-7deg)}
.rays i:nth-child(3){animation-delay:.4s;transform:rotate(-3deg)}
.rays i:nth-child(4){animation-delay:.5s;transform:rotate(0)}
.rays i:nth-child(5){animation-delay:.6s;transform:rotate(3deg)}
.rays i:nth-child(6){animation-delay:.4s;transform:rotate(7deg)}
.rays i:nth-child(7){animation-delay:.2s;transform:rotate(12deg)}
@keyframes rayShift{from{opacity:.3}to{opacity:1}}
.funnel-cap{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:10.5px;color:var(--muted);background:rgba(255,255,255,.92);padding:4px 10px;border-radius:99px;border:1px solid var(--line);letter-spacing:.06em;white-space:nowrap}

.feed{background:#fff;border:1px solid rgba(20,18,12,.06);border-radius:18px;padding:22px;box-shadow:var(--shadow-lg);height:100%;overflow:hidden;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(20px);transition:all .9s .3s}
.curate-section.in .feed{opacity:1;transform:translateY(0)}
.feed-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.feed-h b{color:var(--ink);font-size:14px;font-weight:600}
.feed-card{display:flex;gap:12px;align-items:flex-start;padding:8px 0;opacity:0;transform:translateX(20px);transition:all .8s}
.curate-section.in .feed-card{opacity:1;transform:translateX(0)}
.curate-section.in .feed-card:nth-child(2){transition-delay:.6s}
.curate-section.in .feed-card:nth-child(3){transition-delay:.75s}
.curate-section.in .feed-card:nth-child(4){transition-delay:.9s}
.curate-section.in .feed-card:nth-child(5){transition-delay:1.05s}
.curate-section.in .feed-card:nth-child(6){transition-delay:1.2s}
.fc-num{font-family:var(--mono);font-size:11px;color:var(--blue);font-weight:500;padding-top:2px;width:24px;flex-shrink:0}
.fc-body{flex:1}
.fc-body b{display:block;font-size:13.5px;font-weight:600;line-height:1.5;margin-bottom:4px}
.fc-body span{font-size:11px;color:var(--muted)}
.fc-tag{display:inline-block;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--blue);background:var(--blue-soft);padding:2px 6px;border-radius:4px;margin-top:6px;letter-spacing:.04em}
.feed-more{padding:10px 0 0;border-top:1px solid var(--line);font-size:12px;color:var(--blue);font-weight:500;cursor:pointer}

.pillar-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:80px auto 0}
.pillar{padding:32px 28px;background:#fff;border:1px solid rgba(20,18,12,.06);border-radius:18px;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.7,.15,1);position:relative;overflow:hidden}
.pillar::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1f6cff,#22d3ee);transform:scaleX(0);transform-origin:left;transition:transform .9s ease .3s}
.curate-section.in .pillar{opacity:1;transform:translateY(0)}
.curate-section.in .pillar::after{transform:scaleX(1)}
.curate-section.in .pillar:nth-child(2){transition-delay:.15s}
.curate-section.in .pillar:nth-child(3){transition-delay:.3s}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.pillar-num{font-family:var(--mono);font-size:13px;color:var(--blue);font-weight:500;letter-spacing:.2em;margin-bottom:18px}
.pillar-h{font-family:var(--serif);font-size:24px;font-weight:700;margin-bottom:10px}
.pillar-d{font-size:13.5px;color:#605d56;line-height:1.7}

@media (max-width:1180px){.flow-stage{grid-template-columns:1fr;height:auto;gap:50px}.messy-stack{height:340px}.funnel-shape{height:380px;width:280px;margin:0 auto}}
@media (max-width:900px){.pillar-row{grid-template-columns:1fr}}

/* ============== 05 CTA ============== */
.cta-section{position:relative;padding:140px 48px 60px;background:radial-gradient(ellipse 90% 60% at 50% 25%,#0d3b9c 0%,#070713 70%,#000 100%);color:#fbf9f4;overflow:hidden;isolation:isolate}
.cta-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.cta-grain{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(circle at 20% 30%,rgba(31,108,255,.32),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,200,140,.18),transparent 40%),radial-gradient(circle at 80% 20%,rgba(34,211,238,.18),transparent 40%)}
.cta-glow{position:absolute;left:50%;top:30%;width:900px;height:900px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(31,108,255,.32),transparent 60%);filter:blur(40px);animation:pulseGlow 6s ease-in-out infinite alternate}
@keyframes pulseGlow{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.15)}}
.star-field{position:absolute;inset:0}
.star-field i{position:absolute;width:2px;height:2px;background:#fff;border-radius:99px;opacity:.6;animation:twinkle 3s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.2}to{opacity:1}}

.cta-stage{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}

.iso-wrap{position:relative;width:min(820px,100%);height:520px;margin:0 auto 70px;perspective:2000px}
.iso-app{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(48deg) rotateZ(-22deg);transform-style:preserve-3d;width:640px;transition:transform .5s ease;filter:drop-shadow(0 60px 80px rgba(0,0,0,.55))}
.iso-screen{background:#fbf9f4;color:var(--ink);border-radius:18px;padding:22px;text-align:left;box-shadow:0 50px 100px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.iso-bar{display:flex;align-items:center;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.ib-dot{width:9px;height:9px;border-radius:99px;background:#e8e3d6}
.ib-dot:first-child{background:#1f6cff}
.ib-title{margin-left:8px;font-size:12px;color:var(--muted);letter-spacing:.04em}
.iso-q{font-family:var(--serif);font-size:18px;font-weight:700;margin-bottom:14px}
.iso-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.iso-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:11px}
.iso-card b{display:block;font-size:13px;font-weight:600;margin:6px 0 3px}
.iso-card span{color:var(--muted)}
.ic-tag{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--muted);background:#f4f1ec;padding:2px 6px;border-radius:4px}
.ic-tag.blue{background:var(--blue);color:#fff}
.iso-feed{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.if-row{display:flex;align-items:center;gap:10px;font-size:12px}
.if-row span{font-family:var(--mono);font-size:10px;color:var(--blue);width:18px}
.if-row b{flex:1;font-weight:600}
.if-row i{font-style:normal;font-size:10.5px;color:var(--muted)}

.anno{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px rgba(0,0,0,.4);font-size:12px;opacity:0;transform:translateY(10px) scale(.9);transition:all .9s cubic-bezier(.2,.7,.15,1);text-align:left}
.cta-section.in .anno{opacity:1;transform:translateY(0) scale(1)}
.anno b{display:block;font-size:13px;font-weight:600}
.anno span{font-size:10.5px;color:var(--muted)}
.anno-d{width:8px;height:8px;border-radius:99px;background:var(--blue);box-shadow:0 0 0 3px rgba(31,108,255,.2)}
.an1{left:4%;top:14%;transition-delay:1s}
.an2{right:6%;top:30%;transition-delay:1.15s}
.an3{left:8%;bottom:20%;transition-delay:1.3s}
.cta-section.in .an1{animation:floatY 5s ease-in-out 1s infinite alternate}
.cta-section.in .an2{animation:floatY 6s ease-in-out 1.2s infinite alternate-reverse}
.cta-section.in .an3{animation:floatY 7s ease-in-out 1.4s infinite alternate}

.cta-h{font-family:var(--serif);font-weight:900;font-size:clamp(48px,8vw,128px);line-height:1.12;letter-spacing:.02em;margin:0 0 20px;color:#fbf9f4}
.cta-h .cw.accent{color:#5b8dff}
.cta-h>span{display:inline-block}
.cta-h>span+span{margin-left:.2em}
.cta-h .cw{display:inline-block;opacity:0;transform:translateY(40px) rotateX(60deg);transform-origin:bottom;transition:transform 1s cubic-bezier(.2,.8,.2,1), opacity 1s}
.cta-h .cw.punc{margin:0 -.05em}
.cta-section.in .cta-h .cw{opacity:1;transform:translateY(0) rotateX(0)}
.cta-section.in .cta-h>span:nth-child(1) .cw:nth-child(1){transition-delay:.05s}
.cta-section.in .cta-h>span:nth-child(1) .cw:nth-child(2){transition-delay:.15s}
.cta-section.in .cta-h>span:nth-child(1) .cw:nth-child(3){transition-delay:.25s}
.cta-section.in .cta-h>span:nth-child(1) .cw:nth-child(4){transition-delay:.35s}
.cta-section.in .cta-h>span:nth-child(2) .cw:nth-child(1){transition-delay:.5s}
.cta-section.in .cta-h>span:nth-child(2) .cw:nth-child(2){transition-delay:.6s}
.cta-section.in .cta-h>span:nth-child(2) .cw:nth-child(3){transition-delay:.7s}
.cta-section.in .cta-h>span:nth-child(2) .cw:nth-child(4){transition-delay:.8s}
.cta-section.in .cta-h>span:nth-child(2) .cw:nth-child(5){transition-delay:.9s}

.cta-sub{font-size:clamp(18px,2vw,26px);font-weight:500;letter-spacing:.04em;margin:0 0 14px;opacity:0;transform:translateY(20px);transition:all .9s 1s}
.cta-section.in .cta-sub{opacity:1;transform:translateY(0)}
.cta-sub .hl{background:linear-gradient(135deg,#7da9ff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.cta-fine{font-size:14.5px;color:rgba(251,249,244,.6);max-width:640px;margin:0 auto 50px;letter-spacing:.04em;line-height:1.7;opacity:0;transform:translateY(16px);transition:all .9s 1.15s}
.cta-section.in .cta-fine{opacity:1;transform:translateY(0)}

.big-btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:22px 60px 22px 64px;border-radius:99px;background:var(--blue-2);color:#fff;font-size:18px;font-weight:600;letter-spacing:.06em;border:1px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:0 30px 60px -20px rgba(31,108,255,.6),0 4px 16px rgba(10,63,191,.5);opacity:0;transform:translateY(20px);transition:opacity .9s 1.3s, transform .9s 1.3s, box-shadow .3s, scale .3s}
.cta-section.in .big-btn{opacity:1;transform:translateY(0)}
.big-btn:hover{scale:1.04;box-shadow:0 40px 80px -20px rgba(31,108,255,.7),0 8px 20px rgba(0,0,0,.5)}
.bb-bg{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#1f6cff,#0a3fbf,#22d3ee,#1f6cff);background-size:300% 300%;opacity:0;transition:opacity .4s;animation:slideBg 6s linear infinite}
.big-btn:hover .bb-bg{opacity:1}
@keyframes slideBg{from{background-position:0 50%}to{background-position:300% 50%}}
.bb-label,.bb-arrow{position:relative;z-index:2}
.bb-arrow{display:inline-flex;transition:transform .3s}
.big-btn:hover .bb-arrow{transform:translateX(6px)}
.bb-shine{position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);animation:shine 3.5s ease-in-out infinite}
@keyframes shine{0%{left:-50%}50%{left:130%}100%{left:130%}}

.rec{margin-top:30px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:13.5px;color:rgba(251,249,244,.55);opacity:0;transform:translateY(10px);transition:all .9s 1.5s}
.cta-section.in .rec{opacity:1;transform:translateY(0)}
.rec a{color:rgba(251,249,244,.85);border-bottom:1px solid rgba(251,249,244,.2);padding-bottom:1px;transition:all .25s}
.rec a:hover{color:#7da9ff;border-color:#7da9ff}
.rec i{font-style:normal;color:rgba(251,249,244,.4)}

.footer{margin-top:120px;padding:30px 0 0;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:12px;color:rgba(251,249,244,.5);align-items:center}
.ft-l{display:flex;align-items:center;gap:8px}
.ft-c{text-align:center}
.ft-r{text-align:right}
.ft-r a{color:rgba(251,249,244,.7)}
.ft-r a:hover{color:#fbf9f4}

.cursor-orb{position:fixed;left:0;top:0;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(31,108,255,.18),transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);mix-blend-mode:multiply;opacity:0;transition:opacity .6s}
.cursor-orb.on{opacity:1}

@media (max-width:900px){.iso-wrap{height:380px}.iso-app{width:480px}.anno{font-size:11px;padding:8px 10px}.cta-h{font-size:48px}}

/* ============== Codex final polish ============== */
:root{
  --bg:#f7f9fc;
  --bg-2:#edf2f8;
  --paper:#fffdf9;
  --ink:#101114;
  --ink-2:#252932;
  --muted:#6d7480;
  --line:#dce3ee;
}

body{
  background:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.92), transparent 31rem),
    radial-gradient(circle at 88% 18%, rgba(31,108,255,.12), transparent 30rem),
    linear-gradient(135deg,#f7f9fc 0%,#fffdf9 45%,#eef4fb 100%);
}

.nav{
  background:linear-gradient(to bottom,rgba(247,249,252,.72),rgba(247,249,252,0));
}

.nav.scrolled{
  background:rgba(247,249,252,.82);
}

.hero{
  min-height:100svh;
  padding-top:108px;
  padding-bottom:68px;
}

.grid-bg{
  opacity:.48;
  background-size:56px 56px;
}

.cloud{
  -webkit-mask-image:radial-gradient(ellipse 56% 48% at 50% 48%, transparent 0 43%, #000 68%);
  mask-image:radial-gradient(ellipse 56% 48% at 50% 48%, transparent 0 43%, #000 68%);
}

.chip,.mini-card{
  box-shadow:0 10px 24px rgba(33,43,62,.09),0 1px 2px rgba(33,43,62,.06);
}

.hero-inner{
  max-width:1180px;
}

.eyebrow{
  margin-bottom:26px;
}

.hero-h{
  font-size:clamp(42px,5vw,84px);
  line-height:1.08;
  letter-spacing:0;
  margin-bottom:24px;
  text-shadow:0 1px 0 rgba(255,255,255,.65),0 18px 50px rgba(15,22,36,.08);
}

.hero-h .line{
  white-space:nowrap;
}

.hero-h .line-3{
  font-size:.98em;
}

.hero-h.in .line-2 .word>span{
  transition-delay:calc(var(--i,0) * 30ms + 340ms);
}

.hero-h.in .line-3 .word>span{
  transition-delay:calc(var(--i,0) * 34ms + 640ms);
}

.hero-sub{
  max-width:760px;
  color:#3f4652;
  font-size:clamp(15px,1.35vw,19px);
}

.search-bar{
  width:min(720px,92%);
}

.sb-btn{
  background:linear-gradient(135deg,#12141b,#272a31);
}

.sb-btn:hover{
  background:linear-gradient(135deg,#1f6cff,#0a3fbf);
}

.hero-meta{
  gap:14px;
}

.hero-meta span:not(.sep){
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.step-marker span:first-child{
  background:linear-gradient(135deg,#171a22,#2d3038);
}

.search-section,.guide-section,.curate-section{
  overflow:hidden;
}

.search-section{
  background:
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.92), transparent 26rem),
    linear-gradient(to bottom,#f7f9fc 0%,#edf2f8 100%);
}

.guide-section{
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.92), transparent 31rem),
    linear-gradient(to bottom,#edf2f8 0%,#fffdf9 74%);
}

.curate-section{
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.95), transparent 28rem),
    linear-gradient(to bottom,#fffdf9 0%,#edf2f8 100%);
}

.z-card,.feed,.dir-card,.pillar,.iso-screen{
  border-color:rgba(42,55,82,.09);
}

.dir-card.hi{
  box-shadow:0 30px 70px -18px rgba(31,108,255,.26),0 10px 26px rgba(33,43,62,.08);
}

.cta-section{
  min-height:100svh;
  background:
    radial-gradient(ellipse 82% 60% at 50% 12%,rgba(31,108,255,.46) 0%,rgba(10,63,191,.2) 34%,transparent 66%),
    radial-gradient(circle at 14% 70%,rgba(255,182,115,.18),transparent 28rem),
    linear-gradient(180deg,#07152f 0%,#070812 55%,#020205 100%);
}

.big-btn{
  cursor:pointer;
}

@media (max-width:1180px){
  .hero-h{
    font-size:clamp(38px,5.4vw,68px);
  }
  .hero-sub{
    max-width:650px;
  }
}

@media (max-width:780px){
  .nav-right{
    gap:10px;
  }
  .nav-cta{
    padding:9px 13px;
  }
  .hero{
    padding:88px 18px 56px;
    min-height:auto; /* mobile 不强制满屏，省掉顶部那一大段空白 */
  }
  .brand-mark img{
    height:26px;
  }
  .cloud{
    display:none;
  }
  .hero-h{
    font-size:clamp(32px,9.2vw,48px);
    line-height:1.12;
  }
  .hero-sub{
    font-size:15px;
    line-height:1.75;
    margin-bottom:26px;
  }
  .search-bar{
    width:100%;
    padding:7px 7px 7px 16px;
    gap:9px;
  }
  .sb-input{
    font-size:13px;
  }
  .sb-btn{
    padding:10px 13px;
  }
  .sb-btn span{
    display:none;
  }
  .hero-meta{
    margin-top:20px;
    gap:8px 12px;
    font-size:12px;
  }
  .hero-meta .sep{
    display:none;
  }
  .scroll-cue{
    margin-top:28px;
  }
  .search-section,.guide-section,.curate-section,.cta-section{
    padding-left:18px;
    padding-right:18px;
  }
  .search-section{
    padding-top:92px;
    padding-bottom:104px;
  }
  .guide-section,.curate-section{
    padding-top:96px;
    padding-bottom:110px;
  }
  .step-marker{
    margin-bottom:30px;
    gap:10px;
    font-size:10px;
    letter-spacing:.12em;
  }
  .step-marker i{
    flex-basis:32px;
  }
  .big-h{
    font-size:clamp(25px,8vw,36px);
    margin-bottom:32px;
  }
  .search-visual{
    height:440px;
  }
  .dust-stack{
    height:390px;
  }
  .dust-stack .z-card{
    width:88%;
  }
  .center-h{
    margin-bottom:44px;
  }
  .center-h .big{
    font-size:clamp(30px,9vw,42px);
  }
  .dir-card,.pillar{
    border-radius:16px;
  }
  .kv-row{
    gap:6px;
  }
  .flow-stage{
    gap:34px;
  }
  .feed{
    padding:16px;
  }
  .feed-card:nth-child(n+5){
    display:none;
  }
  .pillar-row{
    margin-top:44px;
  }
  .cta-section{
    padding-top:96px;
  }
  .iso-wrap{
    height:340px;
    margin-bottom:44px;
  }
  .iso-app{
    width:420px;
  }
  .anno{
    display:none;
  }
  .cta-h{
    font-size:clamp(40px,13vw,56px);
  }
  .cta-h>span+span{
    display:block;
    margin-left:0;
  }
  .big-btn{
    width:min(100%,320px);
    justify-content:center;
    padding:19px 34px;
  }
  .rec{
    font-size:12px;
    line-height:1.8;
  }
  .footer{
    grid-template-columns:1fr;
    text-align:center;
    gap:12px;
  }
  .ft-l,.ft-r{
    justify-content:center;
    text-align:center;
  }
}

@media (max-width:430px){
  .brand{
    font-size:18px;
  }
  .brand-mark svg,.brand-mark img{
    width:auto;
    height:24px;
  }
  .hero-h{
    font-size:clamp(30px,8.8vw,38px);
  }
  .eyebrow{
    max-width:100%;
    font-size:11px;
  }
  .eyebrow span:nth-child(2){
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .hero-meta{
    flex-direction:column;
    gap:6px;
  }
  .iso-app{
    width:370px;
  }
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}