.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}.sec{padding:clamp(3.5rem,8vw,6.5rem) 0}.sec-alt{background:var(--bg2)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}
.sec-head{max-width:46rem;margin-bottom:2.6rem}.sec-head h2{font-size:clamp(1.9rem,4vw,2.9rem)}.sec-head p{color:var(--muted);font-size:1.08rem}
.grad{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--glass);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.hdr.scrolled{border-bottom-color:var(--line)}.hdr .wrap{display:flex;align-items:center;gap:1rem;height:68px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.12rem;color:var(--fg);letter-spacing:-.02em;text-decoration:none!important}.brand img{height:34px;width:auto}
.mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-weight:800}
.nav{display:flex;gap:.2rem;margin-left:auto;align-items:center}.nav a{padding:.5rem .8rem;border-radius:999px;color:var(--muted);font-weight:550;font-size:.93rem;text-decoration:none!important;transition:color .2s,background .2s}
.nav a:hover,.nav a[aria-current=page]{color:var(--fg);background:var(--bg2)}.hdr-act{display:flex;gap:.5rem;align-items:center}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;display:grid;place-items:center;font-size:1.05rem}
.burger{display:none}@media(max-width:900px){.burger{display:grid}.nav{position:fixed;inset:68px 0 auto 0;background:var(--bg);flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.5rem;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .35s var(--ease);margin:0}
.nav.open{transform:none}.nav a{padding:.85rem 1rem;font-size:1.05rem}.hdr-act .btn-primary{display:none}.hdr .wrap{justify-content:space-between}.hdr-act{margin-left:auto}}
/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(3rem,9vw,7rem) 0 clamp(3rem,7vw,5rem)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;z-index:0;animation:float 14s ease-in-out infinite}
.hero::before{width:520px;height:520px;background:var(--accent);top:-180px;left:-120px}.hero::after{width:460px;height:460px;background:var(--accent2);right:-140px;bottom:-160px;animation-delay:-6s}
@keyframes float{50%{transform:translate(30px,24px) scale(1.06)}}
.hero .wrap{position:relative;z-index:1;display:grid;gap:3rem;align-items:center}@media(min-width:960px){.hero .wrap{grid-template-columns:1.1fr .9fr}}
.hero h1{font-size:clamp(2.5rem,6.4vw,4.6rem);letter-spacing:-.04em;line-height:1.03}.hero p.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:36rem}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.live{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--glass);font-size:.82rem;font-weight:600;margin-bottom:1.4rem}
.live i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.mock{position:relative;border:1px solid var(--line);border-radius:20px;background:var(--glass);backdrop-filter:blur(10px);padding:1rem;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);transition:transform .6s var(--ease)}.mock:hover{transform:none}
.mock .bar{display:flex;gap:6px;margin-bottom:1rem}.mock .bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.mock .sk{height:12px;border-radius:6px;background:var(--bg2);margin:.6rem 0}.mock .sk.w1{width:62%;height:22px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.85}.mock .sk.w2{width:90%}.mock .sk.w3{width:74%}
.mock .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.mock .tiles b{aspect-ratio:1;border-radius:12px;background:var(--bg2);display:grid;place-items:center;font-size:1.5rem}
.chip{position:absolute;padding:.45rem .85rem;border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem;font-weight:650;animation:float 9s ease-in-out infinite}.chip.a{top:-14px;right:20px}.chip.b{bottom:30px;left:-22px;animation-delay:-4s}
/* marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;background:var(--bg2);padding:1rem 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee .track{display:flex;gap:3rem;width:max-content;animation:scroll 32s linear infinite}.marquee span{font-weight:650;color:var(--muted);white-space:nowrap}.marquee span::before{content:"✦";color:var(--accent);margin-right:3rem}
@keyframes scroll{to{transform:translateX(-50%)}}
/* bento */
.bento{display:grid;gap:1.1rem}@media(min-width:760px){.bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.bento{grid-template-columns:repeat(3,1fr)}.bento .tile:first-child{grid-column:span 2}}
.tile{position:relative;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:1.8rem;overflow:hidden;color:var(--fg);text-decoration:none!important;display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.tile::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--x,50%) var(--y,0%),color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.tile:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow)}.tile:hover::before{opacity:1}
.tile .ic{width:52px;height:52px;border-radius:14px;background:var(--bg2);display:grid;place-items:center;font-size:1.6rem;margin-bottom:1.2rem}.tile h3{font-size:1.28rem}.tile p{color:var(--muted);flex:1}
.tile .more{font-weight:650;color:var(--accent);margin-top:.6rem}.tile .more::after{content:" →";transition:margin .3s}.tile:hover .more::after{margin-left:.35rem}
/* stats */
.stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat{padding:1.4rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.stat b{display:block;font-size:2.6rem;letter-spacing:-.04em;line-height:1}.stat span{color:var(--muted);font-size:.9rem}
/* work */
.work{display:grid;gap:1.4rem}@media(min-width:720px){.work{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.work{grid-template-columns:repeat(3,1fr)}}
.case{display:block;color:var(--fg);text-decoration:none!important;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--card);transition:transform .35s var(--ease),box-shadow .35s}
.case:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.case .thumb{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-size:3rem;font-weight:800}
.case .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.case:hover .thumb img{transform:scale(1.06)}.case .meta{padding:1.2rem 1.3rem 1.4rem}.case h3{font-size:1.15rem;margin:.2rem 0 .4rem}
.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tags span{font-size:.72rem;padding:.15rem .6rem;border-radius:999px;background:var(--bg2);color:var(--muted);font-weight:600}
/* process */
.steps{display:grid;gap:1.2rem;counter-reset:s}@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{position:relative;padding:1.6rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.step::before{counter-increment:s;content:"0" counter(s);display:block;font-size:2.4rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.8rem;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.step h3{font-size:1.15rem}.step p{color:var(--muted);margin:0;font-size:.95rem}
/* founder */
.founder{display:grid;gap:2.5rem;align-items:center}@media(min-width:860px){.founder{grid-template-columns:.8fr 1.2fr}}
.avatar{aspect-ratio:1;max-width:360px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-size:5rem;font-weight:800;box-shadow:var(--shadow)}.avatar img{width:100%;height:100%;object-fit:cover}
.team-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.member{padding:1.5rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.member .avatar{width:84px;border-radius:50%;font-size:1.8rem;margin-bottom:1rem}
/* quotes / posts / videos */
.quotes{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quote{padding:1.6rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.quote p{font-size:1.05rem}.quote b{display:block}.quote small{color:var(--muted)}
.posts{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.vids{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.vid{flex:0 0 min(320px,80%);scroll-snap-align:start;color:var(--fg);text-decoration:none!important}
.vid img{border-radius:var(--r);aspect-ratio:16/9;object-fit:cover;width:100%;border:1px solid var(--line)}.vid b{display:block;margin-top:.6rem;font-size:.95rem;line-height:1.35}
/* cta + footer */
.cta{border-radius:28px;padding:clamp(2rem,6vw,4rem);text-align:center;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,var(--accent2)));position:relative;overflow:hidden}.cta h2{font-size:clamp(1.8rem,4vw,2.8rem)}.cta p{opacity:.9;max-width:34rem;margin-inline:auto}
.cta .btn{background:#fff;color:#12141c;border-color:#fff}
.ftr{border-top:1px solid var(--line);padding:3.5rem 0 2rem;background:var(--bg2)}.ftr-grid{display:grid;gap:2rem}@media(min-width:760px){.ftr-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.ftr h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ftr ul{list-style:none;margin:0;padding:0}.ftr li{margin:.4rem 0}.ftr a{color:var(--fg)}.ftr .legal{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}
.socials{display:flex;gap:.5rem;flex-wrap:wrap}.socials a{padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:600}
/* page heads, details */
.phead{padding:clamp(3rem,7vw,5rem) 0 2rem}.phead h1{font-size:clamp(2.2rem,5vw,3.6rem)}.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.crumbs a{color:var(--muted)}
.split{display:grid;gap:2.5rem}@media(min-width:960px){.split{grid-template-columns:1.6fr 1fr;align-items:start}.sticky{position:sticky;top:90px}}
.checks{list-style:none;padding:0}.checks li{padding-left:1.7rem;position:relative;margin:.55rem 0}.checks li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
details.faq{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);margin:.6rem 0;padding:.2rem 1rem}details.faq summary{cursor:pointer;padding:.8rem 0;font-weight:650;list-style:none}details.faq summary::after{content:"+";float:right;transition:transform .3s}details.faq[open] summary::after{transform:rotate(45deg)}details.faq p{color:var(--muted)}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.6rem}.filters a{padding:.4rem .95rem;border:1px solid var(--line);border-radius:999px;color:var(--fg);font-size:.88rem;font-weight:600;text-decoration:none!important}.filters a.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
/* auth */
.auth{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(900px 500px at 10% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent),radial-gradient(800px 500px at 100% 110%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent),var(--bg)}
.auth-card{width:min(440px,100%);padding:2rem}.auth-card h1{font-size:1.6rem}.auth-card .brand{margin-bottom:1.4rem}
/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.toplink{position:fixed;right:1rem;bottom:1rem;opacity:0;pointer-events:none;transition:opacity .3s}.toplink.show{opacity:1;pointer-events:auto}