@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&family=DM+Sans:ital,wght@0,300;0,500;1,300&display=swap');
:root{--ink:#f3f1ec;--muted:#a8a6a3;--line:rgba(255,255,255,.16);--lime:#c9ff38;--bg:#08080c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1320px,calc(100% - 80px));margin:auto}#fluid{position:fixed;inset:0;width:100%;height:100%;z-index:-3}.grain{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,7,10,.05),rgba(7,7,10,.35) 72%,#08080c);pointer-events:none}
.nav{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-size:22px;font-weight:500;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.brand-mark{width:17px;height:17px;border:1px solid var(--lime);border-radius:50%;box-shadow:0 0 18px var(--lime)}nav{display:flex;gap:42px;font-size:14px;color:#ccc}nav a,.nav-cta{transition:.25s}nav a:hover{color:var(--lime)}.nav-cta{font-size:14px;border-bottom:1px solid #aaa;padding-bottom:5px}.nav-cta:hover{color:var(--lime);border-color:var(--lime)}
.hero{height:calc(100vh - 98px);min-height:700px;padding-top:78px;position:relative;display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:.2em;color:#b8b8b8;display:flex;align-items:center;gap:12px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.hero h1,.contact h2{font-size:clamp(76px,10.7vw,165px);line-height:.88;letter-spacing:-.065em;margin:7vh 0 0;font-weight:300}.hero h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.hero-bottom{margin-top:auto;margin-bottom:58px;display:flex;justify-content:flex-end;align-items:end;gap:12vw}.hero-bottom>p{max-width:410px;font-size:17px;line-height:1.8;color:#c2c2c2}.round-link{width:116px;height:116px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;letter-spacing:.1em;transition:.3s}.round-link b{font-size:20px}.round-link:hover{background:var(--lime);color:#111;border-color:var(--lime);transform:rotate(-8deg)}.mouse-note{position:absolute;left:-26px;bottom:90px;transform:rotate(-90deg);transform-origin:left;font-size:9px;letter-spacing:.18em;color:#777}
.statement,.services{padding:170px 0;border-top:1px solid var(--line)}.section-label{font-size:11px;letter-spacing:.18em;color:#aaa;display:flex;gap:20px}.section-label span{color:var(--lime)}.statement-copy{font-size:clamp(42px,6vw,84px);line-height:1.22;letter-spacing:-.045em;margin:95px 0 55px 17%;}.statement-copy i{font-family:Georgia,serif;color:var(--lime)}.statement-note{margin-left:67%;max-width:340px;color:#aaa;line-height:1.8;font-size:14px}
.service-list{margin-top:80px}.service-list article{display:grid;grid-template-columns:10% 1fr auto;align-items:center;border-top:1px solid var(--line);padding:46px 0;transition:.3s}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list article:hover{padding-left:20px;background:linear-gradient(90deg,rgba(201,255,56,.08),transparent)}.service-list article>span{color:var(--lime);font-size:11px}.service-list h2{font-size:42px;font-weight:300;margin:0 0 9px;letter-spacing:-.04em}.service-list p,.service-list b{margin:0;color:#8e8e92;font-size:12px;letter-spacing:.12em;font-weight:300}
.feature{padding-bottom:170px}.feature-card{height:72vh;min-height:600px;border:1px solid var(--line);position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 30%,rgba(138,81,255,.16),transparent 40%),rgba(10,10,15,.7)}.feature-card>p,.feature-card>span{font-size:10px;letter-spacing:.18em;color:#aaa;z-index:1}.feature-card h2{font-family:Georgia,serif;font-size:clamp(36px,4.6vw,68px);font-weight:400;line-height:1.17;z-index:1;margin-left:8%}.orb{position:absolute;width:420px;height:420px;border-radius:50%;right:8%;top:12%;background:radial-gradient(circle at 35% 35%,#f1ffbd 0,#b3ff39 11%,#6f55ff 45%,#191327 68%,transparent 70%);filter:blur(2px);box-shadow:0 0 100px #6d48ff77;animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translate(-25px,35px) scale(1.06)}}
.contact{padding:150px 0 55px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(70px,9vw,135px);margin:70px 0 80px}.contact>a{font-size:clamp(20px,3vw,40px);border-bottom:1px solid #888;padding-bottom:12px}.contact>a span{color:var(--lime)}footer{margin-top:170px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#888}footer a:hover{color:var(--lime)}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.nav{height:76px}.nav nav{display:none}.nav-cta{font-size:12px}.hero{min-height:660px;height:calc(100svh - 76px);padding-top:55px}.hero h1{font-size:22vw;margin-top:8vh}.hero-bottom{justify-content:space-between;gap:20px}.hero-bottom>p{font-size:13px;max-width:230px}.round-link{width:84px;height:84px;flex-shrink:0}.mouse-note{display:none}.statement,.services{padding:110px 0}.statement-copy{margin:65px 0 42px;font-size:12vw}.statement-note{margin-left:25%;}.service-list article{grid-template-columns:12% 1fr}.service-list h2{font-size:30px}.service-list b{display:none}.feature{padding-bottom:110px}.feature-card{height:65vh;padding:25px}.feature-card h2{margin:0;font-size:9vw}.orb{width:300px;height:300px;right:-80px}.contact{padding-top:110px}.contact h2{font-size:18vw}.contact>a{font-size:17px}footer{margin-top:110px;gap:20px;flex-wrap:wrap}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb{animation:none}}