*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f2f0ea;font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}body.loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.045;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='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}#mesh{position:fixed;inset:0;width:100%;height:100%;z-index:-3;opacity:.48}.loader{position:fixed;inset:0;background:#f0efea;color:#0b0b0b;z-index:200;display:flex;align-items:flex-end;padding:clamp(24px,4vw,60px);transition:transform 1s cubic-bezier(.77,0,.18,1)}.loader.hide{transform:translateY(-110%)}.loader-inner{width:100%}.loader-kicker,.section-label,.nav-meta,.project-meta,.muted,.contact-kicker,.easter-kicker{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.loader-word{font-size:clamp(44px,10vw,150px);font-weight:600;letter-spacing:-.07em;line-height:.85;margin:20px 0}.loader-line{height:1px;background:#bbb}.loader-line span{display:block;width:0;height:100%;background:#111}.loader-count{text-align:right;font-family:"DM Mono";margin-top:10px;font-size:14px}.cursor{position:fixed;width:16px;height:16px;border-radius:50%;background:#f5ff5a;mix-blend-mode:difference;pointer-events:none;z-index:120;transform:translate(-50%,-50%);transition:width .25s,height .25s}.cursor.big{width:76px;height:76px}.cursor-label{position:fixed;z-index:121;pointer-events:none;font-family:"DM Mono";font-size:10px;color:#090909;transform:translate(-50%,-50%);opacity:0}.cursor-label.show{opacity:1}.nav{position:fixed;top:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:22px 32px;mix-blend-mode:difference;color:white}.brand{font-weight:700;font-size:18px;letter-spacing:-.04em}.brand span{font-size:9px;vertical-align:top}.nav-meta{text-align:center}.nav nav{display:flex;justify-content:flex-end;gap:24px;font-size:13px}.panel{min-height:100vh;position:relative;padding:110px 5vw 70px}.hero{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;position:relative;z-index:2}.eyebrow{font-family:"DM Mono";font-size:11px;letter-spacing:.12em;text-transform:uppercase}.availability{font-size:12px}.availability span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b6ff68;margin-right:8px;box-shadow:0 0 0 5px rgba(182,255,104,.08)}.hero-title{font-size:clamp(78px,17vw,290px);font-weight:600;letter-spacing:-.085em;line-height:.68;margin:auto 0;position:relative;z-index:1}.hero-line{white-space:nowrap}.hero-line.shifted{padding-left:14vw}.outline{color:transparent;-webkit-text-stroke:1px rgba(242,240,234,.88)}.hero-copy{max-width:560px;font-size:clamp(18px,2vw,28px);letter-spacing:-.03em;line-height:1.2}.scroll-pill{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:15px 18px;display:flex;gap:20px;align-items:center;font-size:12px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.orbit-a{width:50vw;height:50vw;right:-18vw;top:10vh}.orbit-b{width:28vw;height:28vw;right:-7vw;top:22vh}.hero-index{position:absolute;right:2vw;bottom:2vw;font-family:"DM Mono";font-size:10px;opacity:.4}.statement{background:#efeee8;color:#0c0c0c;display:flex;flex-direction:column;justify-content:center}.statement h2,.work h2,.mentor h2,.manifesto h2{font-size:clamp(56px,11vw,180px);line-height:.78;letter-spacing:-.07em;margin:25px 0}.statement h2 span{display:inline-block;color:transparent;-webkit-text-stroke:1.5px #0c0c0c}.statement-sub{font-size:clamp(18px,2vw,26px);max-width:650px;margin-left:auto}.statement-foot{margin-top:10vh;border-top:1px solid #bbb9b0;display:grid;grid-template-columns:repeat(4,1fr);padding-top:18px;font-size:clamp(24px,3vw,42px);letter-spacing:-.05em}.statement-foot span{font-family:"DM Mono";font-size:10px;letter-spacing:.1em;color:#666}.work{background:#101010}.work-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:50px}.work-head h2{font-size:clamp(58px,9vw,140px);margin:20px 0 0}.work-head p{max-width:360px;color:#a9a9a9}.project-stage{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.project{min-height:650px;border-radius:24px;padding:22px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .18s ease}.project:nth-child(1){grid-column:1/8}.project:nth-child(2){grid-column:8/13}.project:nth-child(3){grid-column:1/6}.project:nth-child(4){grid-column:6/13}.project-dark{background:#202226}.project-light{background:#ece9df;color:#111}.project-acid{background:#d9ff52;color:#111}.project-blue{background:#3759ff}.project-meta{display:flex;justify-content:space-between;position:relative;z-index:4}.project-title{position:absolute;bottom:20px;left:22px;right:22px;z-index:4}.project-title h3{font-size:clamp(36px,4vw,70px);line-height:.9;letter-spacing:-.06em;margin:0 0 10px}.project-title p{max-width:470px;font-size:13px;opacity:.75}.mockup{position:absolute;inset:90px 8% 120px}.dashboard{background:#111;border-radius:18px;box-shadow:0 30px 80px #0008;transform:rotate(-5deg) translateZ(30px);overflow:hidden}.mock-top{height:42px;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;gap:6px;padding-left:15px}.mock-top span{width:7px;height:7px;border-radius:50%;background:#4c4c4c}.mock-grid{display:grid;grid-template-columns:80px 1fr;height:100%}.mock-side{background:#151515;border-right:1px solid #262626}.mock-main{padding:25px}.mini-title{width:40%;height:18px;background:#323232;border-radius:4px}.charts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-top:18px}.charts i{height:95px;background:linear-gradient(145deg,#2d35ff,#6b73ff);border-radius:10px}.charts i:nth-child(2),.charts i:nth-child(3){background:#262626}.bars{margin-top:18px;display:grid;gap:8px}.bars i{height:8px;border-radius:8px;background:#2b2b2b}.bars i:nth-child(2){width:83%}.bars i:nth-child(3){width:66%}.bars i:nth-child(4){width:91%}.bars i:nth-child(5){width:55%}.marketplace{inset:90px 7% 110px}.market-card{position:absolute;background:#fff;border-radius:18px;box-shadow:0 16px 40px #0002}.m1{width:46%;height:52%;left:0;top:8%;transform:rotate(-8deg)}.m2{width:44%;height:48%;right:0;top:0;transform:rotate(8deg)}.m3{width:50%;height:43%;left:10%;bottom:0;transform:rotate(4deg)}.m4{width:35%;height:36%;right:4%;bottom:8%;transform:rotate(-7deg)}.m5{width:18%;height:18%;left:43%;top:34%;background:#111}.market-badge{position:absolute;z-index:5;right:11%;top:33%;font-size:clamp(30px,4vw,60px);font-weight:700;line-height:.8;letter-spacing:-.08em}.phone-wrap{display:flex;align-items:center;justify-content:center}.phone{height:90%;aspect-ratio:.49;background:#111;border-radius:42px;padding:8px;box-shadow:0 30px 70px #0005;transform:rotate(8deg);position:relative}.phone-ui{height:100%;background:#f5f5f1;border-radius:35px;padding:45px 17px 20px}.phone-notch{position:absolute;width:33%;height:22px;background:#050505;border-radius:20px;top:14px;left:33%}.hello{font-weight:700;font-size:18px;margin-bottom:25px}.health-ring{width:120px;height:120px;border:16px solid #d9ff52;border-right-color:#222;border-radius:50%;margin:0 auto;display:grid;place-items:center}.health-ring span{font-size:28px;font-weight:700}.health-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.health-cards i{height:80px;background:#e7e7e2;border-radius:16px}.floating-tag{position:absolute;background:#111;color:white;padding:10px 14px;border-radius:999px;font-family:"DM Mono";font-size:10px;box-shadow:0 10px 30px #0003}.t1{left:4%;top:25%}.t2{right:0;bottom:22%}.green{overflow:hidden;display:grid;place-items:center}.green-word{font-size:clamp(70px,10vw,170px);font-weight:700;line-height:.68;letter-spacing:-.08em;z-index:3}.leaf{position:absolute;background:#d9ff52;border-radius:100% 0 100% 0}.l1{width:240px;height:400px;left:4%;top:8%;transform:rotate(-28deg)}.l2{width:170px;height:320px;right:6%;bottom:6%;transform:rotate(35deg);background:#8dff87}.l3{width:100px;height:210px;right:32%;top:14%;transform:rotate(10deg);background:#102b20}.experience{background:#efeee8;color:#0d0d0d}.xp-list{margin-top:70px;border-top:1px solid #b9b7ae}.xp-row{display:grid;grid-template-columns:1fr 2fr 2fr auto;gap:20px;padding:25px 0;border-bottom:1px solid #b9b7ae;align-items:center;transition:padding .3s,background .3s}.xp-row:hover{padding-left:18px;background:#e3e1d8}.xp-year,.xp-company{font-family:"DM Mono";font-size:11px}.xp-role{font-size:clamp(24px,3vw,50px);letter-spacing:-.05em}.xp-arrow{font-size:26px}.xp-note{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin-top:80px}.xp-note p{font-size:clamp(24px,3vw,42px);letter-spacing:-.04em;margin:0}.skill-cloud{display:flex;flex-wrap:wrap;gap:9px}.skill-cloud span{border:1px solid #aaa79c;border-radius:999px;padding:11px 14px;font-size:12px}.manifesto{background:#d9ff52;color:#0b0b0b;overflow:hidden;padding-top:170px}.manifesto-ticker{position:absolute;top:65px;left:0;white-space:nowrap;font-family:"DM Mono";font-size:12px;letter-spacing:.14em;border-top:1px solid #111;border-bottom:1px solid #111;padding:13px 0;width:200%;animation:ticker 16s linear infinite}.manifesto-inner{display:grid;grid-template-columns:120px 1fr}.manifesto-number{font-family:"DM Mono";font-size:90px;letter-spacing:-.08em}.manifesto h2{margin:0}.manifesto h2 span{color:transparent;-webkit-text-stroke:2px #111}.manifesto-inner p{grid-column:2;max-width:520px;font-size:20px;margin-left:auto}.mentor{background:#141414}.mentor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;min-height:75vh;align-items:center}.mentor h2{font-size:clamp(64px,10vw,150px)}.big-stat{font-size:clamp(90px,12vw,180px);letter-spacing:-.08em;line-height:.8;color:#d9ff52}.small-stat{font-size:clamp(50px,6vw,90px);margin-top:60px;color:#f2f0ea}.mentor-right p{color:#9b9b9b;max-width:420px}.text-link{display:inline-block;margin-top:30px;border-bottom:1px solid #777;padding-bottom:7px}.contact{background:#efeee8;color:#0b0b0b;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.contact-title{font-size:clamp(80px,15vw,240px);font-weight:600;line-height:.72;letter-spacing:-.085em;margin:35px 0 60px}.contact-title span{color:transparent;-webkit-text-stroke:1.5px #111}.contact-bottom{border-top:1px solid #aaa79f;padding-top:18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.muted{display:block;color:#777;margin-bottom:12px}.plain-link{border:0;background:none;padding:0;cursor:pointer;font-size:15px}.socials{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.clock-wrap{text-align:right}.signature{font-size:clamp(44px,7vw,100px);font-weight:700;letter-spacing:-.07em;margin-top:auto;padding-top:80px}.signature span{font-family:"DM Mono";font-size:12px;letter-spacing:.08em;color:#777}.easter{position:fixed;inset:0;z-index:150;background:#101010;color:#f4f2ec;transform:translateY(110%);transition:transform .8s cubic-bezier(.77,0,.18,1);padding:8vw;overflow:auto}.easter.show{transform:translateY(0)}.easter button{position:absolute;right:4vw;top:4vw;background:none;border:1px solid #555;color:white;border-radius:50%;width:50px;height:50px;font-size:25px}.easter h2{font-size:clamp(60px,11vw,160px);line-height:.78;letter-spacing:-.07em}.sketches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sketch{background:#ece9df;color:#111;min-height:260px;border-radius:16px;padding:18px}.sketch span,.sketch b{font-family:"DM Mono";font-size:11px;text-transform:uppercase}.sketch i{display:block;height:2px;background:#222;margin-top:25px;width:70%}.sketch i:nth-of-type(2){width:40%}.sketch i:nth-of-type(3){width:85%}.wire{border:1px solid #111;height:150px;margin-top:20px;position:relative}.wire:before,.wire:after{content:"";position:absolute;border:1px solid #111;left:10px;right:10px;height:42px}.wire:before{top:10px}.wire:after{bottom:10px}.swatches{display:flex;gap:8px;margin-top:40px}.swatches i{width:60px;height:60px;border-radius:50%;background:#111}.swatches i:nth-child(2){background:#d9ff52}.swatches i:nth-child(3){background:#3759ff}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:900px){.nav{grid-template-columns:1fr auto;padding:18px}.nav-meta{display:none}.panel{padding:95px 20px 45px}.hero-top,.hero-bottom,.work-head{display:block}.availability{margin-top:10px}.hero-title{font-size:22vw}.hero-line.shifted{padding-left:0}.hero-copy{margin-top:30px}.scroll-pill{display:inline-flex}.statement-foot{grid-template-columns:1fr 1fr;gap:28px}.work-head p{margin-top:25px}.project-stage{display:block}.project{min-height:540px;margin-bottom:18px}.xp-row{grid-template-columns:1fr auto;gap:9px}.xp-role,.xp-company{grid-column:1/2}.xp-arrow{grid-column:2;grid-row:1/4}.xp-note,.mentor-grid{grid-template-columns:1fr}.manifesto-inner{display:block}.manifesto-number{font-size:50px;margin-bottom:30px}.manifesto-inner p{margin-left:0}.contact-bottom{grid-template-columns:1fr}.clock-wrap{text-align:left}.sketches{grid-template-columns:1fr}.cursor,.cursor-label{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Interaction upgrade */
.spotlight{position:fixed;left:0;top:0;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:-1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(217,255,82,.12),rgba(55,89,255,.045) 34%,transparent 68%);filter:blur(6px);opacity:.9;will-change:transform}
.scroll-progress{position:fixed;left:0;top:0;right:0;height:2px;z-index:130;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:#d9ff52;transform-origin:left center}
.nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .35s cubic-bezier(.2,.8,.2,1)}.nav nav a:hover:after{right:0}
.hover-word{display:inline-block;will-change:transform,filter;transition:filter .25s ease;text-shadow:0 0 0 transparent}.hero:hover .hover-word{filter:drop-shadow(0 0 24px rgba(217,255,82,.08))}
.hero-title{perspective:1000px}.hero-line{will-change:transform;transition:transform .16s ease-out}
.project{isolation:isolate;cursor:none}.project:before{content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none;background:radial-gradient(420px circle at var(--px,50%) var(--py,50%),rgba(255,255,255,.20),transparent 42%);opacity:0;transition:opacity .35s ease}.project:hover:before{opacity:1}.project .mockup{will-change:transform;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}.project:hover .mockup{filter:saturate(1.08) contrast(1.04)}
.project-hover-chip{position:absolute;right:22px;top:54px;z-index:8;border:1px solid currentColor;border-radius:999px;padding:9px 12px;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;background:rgba(10,10,10,.08);backdrop-filter:blur(10px)}.project:hover .project-hover-chip{opacity:1;transform:translateY(0)}
.project-title h3{transition:letter-spacing .35s cubic-bezier(.2,.8,.2,1),transform .35s ease}.project:hover .project-title h3{letter-spacing:-.075em;transform:translateX(5px)}
.project-title p{transition:opacity .3s ease,transform .3s ease}.project:hover .project-title p{opacity:1;transform:translateX(5px)}
.xp-row .xp-arrow{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.xp-row:hover .xp-arrow{transform:rotate(45deg) scale(1.12)}.xp-row .xp-role{transition:letter-spacing .3s ease}.xp-row:hover .xp-role{letter-spacing:-.065em}
.skill-cloud span{transition:transform .22s ease,background .22s ease,color .22s ease}.skill-cloud span:hover{transform:translateY(-4px) rotate(-1deg);background:#111;color:#efeee8}
.scroll-pill b{display:inline-block;animation:bob 1.3s ease-in-out infinite}.scroll-pill:hover{background:#f2f0ea;color:#0b0b0b;border-color:#f2f0ea}.scroll-pill{transition:background .3s,color .3s,border-color .3s,transform .2s}
.contact-title span{transition:-webkit-text-stroke .3s,color .3s}.contact-title:hover span{color:#d9ff52;-webkit-text-stroke:1.5px #0b0b0b}.socials a{position:relative;transition:transform .2s ease}.socials a:hover{transform:translateY(-3px)}
.plain-link{position:relative}.plain-link:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:#111;transition:right .3s}.plain-link:hover:after{right:0}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:900px){.spotlight{display:none}.project{cursor:auto}.project-hover-chip{opacity:1;transform:none}}
/* Half-visible interactive solar system — keeps the original hero circle composition */
.solar-system{position:absolute;width:58vw;height:58vw;right:-22vw;top:7vh;border-radius:50%;z-index:0;pointer-events:auto;will-change:transform;transition:filter .45s ease;filter:saturate(.8)}
.solar-system:before{content:"";position:absolute;inset:1.5%;border:1px solid rgba(255,255,255,.09);border-radius:50%}
.solar-system:after{content:"";position:absolute;inset:15%;border:1px solid rgba(255,255,255,.07);border-radius:50%}
.solar-halo{position:absolute;border-radius:50%;pointer-events:none}
.halo-a{inset:29%;background:radial-gradient(circle,rgba(217,255,82,.12) 0,rgba(217,255,82,.025) 38%,transparent 68%);animation:solarPulse 4.8s ease-in-out infinite}
.halo-b{inset:38%;border:1px solid rgba(217,255,82,.08);box-shadow:0 0 60px rgba(217,255,82,.025)}
.sun-core{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:rgba(217,255,82,.04);border:1px solid rgba(217,255,82,.28);box-shadow:0 0 32px rgba(217,255,82,.08),inset 0 0 20px rgba(217,255,82,.05);z-index:4}
.sun-core span{width:8px;height:8px;border-radius:50%;background:#d9ff52;box-shadow:0 0 12px #d9ff52,0 0 28px rgba(217,255,82,.65);animation:sunBeat 2.4s ease-in-out infinite}
.solar-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.115);border-radius:50%;transform:translate(-50%,-50%);will-change:transform}
.solar-orbit-1{width:24%;height:24%;animation:orbitSpin 13s linear infinite}
.solar-orbit-2{width:40%;height:40%;animation:orbitSpinReverse 19s linear infinite}
.solar-orbit-3{width:57%;height:57%;animation:orbitSpin 27s linear infinite}
.solar-orbit-4{width:75%;height:75%;animation:orbitSpinReverse 35s linear infinite}
.solar-orbit-5{width:93%;height:93%;animation:orbitSpin 46s linear infinite}
.planet{position:absolute;right:0;top:50%;width:18px;height:18px;margin-right:-9px;margin-top:-9px;border-radius:50%;display:grid;place-items:center;cursor:default;z-index:5;transition:transform .25s ease,filter .25s ease}
.planet i{display:block;border-radius:50%;background:#c9cc35;border:1px solid rgba(255,255,255,.42);box-shadow:0 0 12px rgba(217,255,82,.4);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.planet-1 i{width:5px;height:5px}.planet-2 i{width:7px;height:7px}.planet-3 i{width:4px;height:4px}.planet-4 i{width:6px;height:6px}.planet-5 i{width:5px;height:5px}
.planet:after{content:attr(data-label);position:absolute;right:25px;top:50%;transform:translateY(-50%) translateX(6px);font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#f2f0ea;border:1px solid rgba(255,255,255,.15);background:rgba(9,9,9,.66);backdrop-filter:blur(8px);border-radius:999px;padding:7px 9px;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.planet:hover{transform:scale(1.45)}.planet:hover i{background:#d9ff52;box-shadow:0 0 10px #d9ff52,0 0 28px rgba(217,255,82,.72)}.planet:hover:after{opacity:1;transform:translateY(-50%) translateX(0) scale(.69);transform-origin:right center}
.solar-system:hover{filter:saturate(1.25)}
.solar-system:hover .sun-core{border-color:rgba(217,255,82,.48);box-shadow:0 0 55px rgba(217,255,82,.13),inset 0 0 25px rgba(217,255,82,.08)}
.comet{position:absolute;width:4px;height:4px;border-radius:50%;background:#d9ff52;box-shadow:0 0 10px rgba(217,255,82,.8);opacity:.65;pointer-events:none}
.comet:after{content:"";position:absolute;width:58px;height:1px;right:3px;top:1px;background:linear-gradient(90deg,transparent,rgba(217,255,82,.45));transform-origin:right center}
.comet-a{left:20%;top:24%;animation:cometDrift 8s ease-in-out infinite}.comet-b{left:34%;bottom:16%;animation:cometDrift 11s 2s ease-in-out infinite reverse;opacity:.38}
@keyframes orbitSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitSpinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0deg)}}
@keyframes solarPulse{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes sunBeat{0%,100%{transform:scale(.8);opacity:.7}50%{transform:scale(1.35);opacity:1}}
@keyframes cometDrift{0%,100%{transform:translate(0,0) rotate(-20deg);opacity:.18}45%{opacity:.8}50%{transform:translate(145px,62px) rotate(-20deg);opacity:.8}55%{opacity:.12}}
@media(max-width:900px){.solar-system{width:88vw;height:88vw;right:-52vw;top:17vh;opacity:.78;pointer-events:none}.sun-core{width:32px;height:32px}.planet:after{display:none}}
@media(prefers-reduced-motion:reduce){.solar-orbit,.solar-halo,.sun-core span,.comet{animation:none!important}}
:root{
--universe-a:#d9ff52;
--universe-b:#5b4dff;
--universe-c:#1ee7ff;
--space:#07080b;
}
body{background:var(--space);transition:background-color .9s ease,color .9s ease}
.multiverse-field{position:fixed;inset:-18vmax;z-index:-4;pointer-events:none;overflow:hidden;opacity:.62;filter:saturate(1.08);transition:filter 1s ease,opacity 1s ease}
.nebula{position:absolute;border-radius:50%;filter:blur(95px);opacity:.16;mix-blend-mode:screen;will-change:transform,background}
.nebula-a{width:55vmax;height:55vmax;left:-8vmax;top:5vmax;background:radial-gradient(circle,var(--universe-a),transparent 67%);animation:nebulaFloatA 18s ease-in-out infinite alternate}
.nebula-b{width:50vmax;height:50vmax;right:-5vmax;top:-8vmax;background:radial-gradient(circle,var(--universe-b),transparent 67%);animation:nebulaFloatB 22s ease-in-out infinite alternate}
.nebula-c{width:48vmax;height:48vmax;left:32%;bottom:-18vmax;background:radial-gradient(circle,var(--universe-c),transparent 67%);animation:nebulaFloatC 27s ease-in-out infinite alternate}
@keyframes nebulaFloatA{to{transform:translate3d(10vw,-5vh,0) scale(1.12) rotate(8deg)}}
@keyframes nebulaFloatB{to{transform:translate3d(-10vw,10vh,0) scale(.9) rotate(-10deg)}}
@keyframes nebulaFloatC{to{transform:translate3d(4vw,-12vh,0) scale(1.16) rotate(13deg)}}
.panel{isolation:isolate;background:transparent!important;transition:color .8s ease}
.panel:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.9;transition:background 1s ease,opacity .8s ease}
.panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.18) 0 1px,transparent 1.2px),radial-gradient(circle at 78% 58%,rgba(255,255,255,.11) 0 1px,transparent 1.3px),radial-gradient(circle at 48% 82%,rgba(255,255,255,.09) 0 .8px,transparent 1.1px);background-size:170px 170px,230px 230px,310px 310px;opacity:.23;mix-blend-mode:screen}
.hero:before{background:radial-gradient(circle at 87% 50%,rgba(217,255,82,.085),transparent 30%),linear-gradient(180deg,rgba(3,4,6,.14),rgba(3,4,6,.72))}
.statement{color:#f3f1ed!important}.statement:before{background:radial-gradient(circle at 76% 40%,rgba(114,70,255,.24),transparent 34%),radial-gradient(circle at 22% 75%,rgba(24,190,255,.12),transparent 32%),linear-gradient(180deg,#090a10 0%,#0c0715 100%)}
.statement h2 span{color:transparent!important;-webkit-text-stroke:1.5px rgba(215,195,255,.92)!important}.statement-foot{border-color:rgba(255,255,255,.18)!important}.statement-foot span{color:rgba(255,255,255,.48)!important}
.work:before{background:radial-gradient(circle at 18% 30%,rgba(0,217,255,.13),transparent 33%),radial-gradient(circle at 82% 65%,rgba(108,66,255,.17),transparent 35%),linear-gradient(180deg,#06090d,#0a0b14)}
.experience{color:#f4f1e9!important}.experience:before{background:radial-gradient(circle at 73% 25%,rgba(255,141,46,.17),transparent 31%),radial-gradient(circle at 18% 74%,rgba(142,74,255,.11),transparent 34%),linear-gradient(180deg,#0b0909,#100b11)}
.experience .xp-list,.experience .xp-row{border-color:rgba(255,255,255,.16)!important}.experience .xp-row:hover{background:rgba(255,183,88,.055)!important}.experience .skill-cloud span{border-color:rgba(255,255,255,.22)!important}
.manifesto{color:#f7f5f0!important}.manifesto:before{background:radial-gradient(circle at 50% 48%,rgba(217,255,82,.18),transparent 23%),radial-gradient(circle at 18% 20%,rgba(66,255,185,.10),transparent 35%),linear-gradient(180deg,#07100b,#090d08)}
.manifesto h2 span{color:transparent!important;-webkit-text-stroke:2px rgba(217,255,82,.92)!important}.manifesto-ticker{border-color:rgba(217,255,82,.35)!important;color:#d9ff52}.mentor:before{background:radial-gradient(circle at 72% 48%,rgba(255,42,170,.15),transparent 32%),radial-gradient(circle at 25% 35%,rgba(100,66,255,.16),transparent 36%),linear-gradient(180deg,#0d0810,#0d0911)}
.contact{color:#f4f1ea!important}.contact:before{background:radial-gradient(circle at 60% 25%,rgba(99,225,255,.14),transparent 30%),radial-gradient(circle at 18% 75%,rgba(90,79,255,.12),transparent 34%),linear-gradient(180deg,#071015,#07101a)}
.contact-title span{color:transparent!important;-webkit-text-stroke:1.5px rgba(154,231,255,.9)!important}.contact-bottom{border-color:rgba(255,255,255,.18)!important}.muted,.signature span{color:rgba(255,255,255,.5)!important}.plain-link{color:inherit}.signature{color:#f4f1ea}
/* section portal: scroll between universes */
.portal-transition{position:fixed;left:50%;top:50%;width:22vmax;height:22vmax;z-index:110;pointer-events:none;transform:translate(-50%,-50%) scale(.03);opacity:0;filter:blur(0);transition:opacity .18s ease;mix-blend-mode:screen}
.portal-transition.active{opacity:1;animation:universeJump .95s cubic-bezier(.18,.75,.18,1) both}
.portal-core,.portal-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.portal-core{width:14%;height:14%;background:#fff;box-shadow:0 0 26px #fff,0 0 70px var(--universe-a),0 0 140px var(--universe-b)}
.portal-ring{border:1px solid rgba(255,255,255,.45);box-shadow:0 0 24px color-mix(in srgb,var(--universe-a) 45%,transparent);animation:portalSpin 1.2s linear infinite}
.pr1{width:34%;height:34%}.pr2{width:58%;height:58%;border-style:dashed;animation-direction:reverse}.pr3{width:82%;height:82%;opacity:.65}.pr4{width:108%;height:108%;border-style:dotted;animation-duration:2s;opacity:.45}
.portal-stars{position:absolute;inset:-45%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.0) 0 2.4deg,rgba(255,255,255,.65) 2.5deg 2.58deg,rgba(255,255,255,0) 2.68deg 5deg);mask:radial-gradient(circle,transparent 0 12%,#000 18% 100%);opacity:.36;animation:portalSpin 7s linear infinite}
@keyframes universeJump{0%{transform:translate(-50%,-50%) scale(.025) rotate(0);opacity:0}18%{opacity:1}62%{transform:translate(-50%,-50%) scale(7.6) rotate(145deg);opacity:1;filter:blur(.3px)}100%{transform:translate(-50%,-50%) scale(13) rotate(250deg);opacity:0;filter:blur(8px)}}
@keyframes portalSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* full eight-planet solar system, still half-visible on the right */
.solar-system{width:min(68vw,1180px)!important;height:min(68vw,1180px)!important;right:-29vw!important;top:50%!important;transform:translateY(-50%);filter:saturate(.95) contrast(1.06);opacity:.96}
.solar-system:before,.solar-system:after{border-color:rgba(255,255,255,.105)!important}
.solar-halo{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.halo-a{width:100%;height:100%;border:1px dashed rgba(217,255,82,.13);animation:haloDrift 46s linear infinite}
.halo-b{width:72%;height:72%;border:1px dotted rgba(105,95,255,.14);animation:haloDrift 31s linear infinite reverse}
@keyframes haloDrift{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sun-core{width:74px!important;height:74px!important;background:radial-gradient(circle at 38% 34%,#fffbe0 0 6%,#f3ff7a 11%,#d9ff52 34%,#91a900 62%,rgba(217,255,82,.12) 72%,transparent 74%)!important;border:0!important;box-shadow:0 0 24px rgba(244,255,160,.95),0 0 72px rgba(217,255,82,.42),0 0 160px rgba(217,255,82,.18)!important}
.sun-core span{width:100%!important;height:100%!important;background:transparent!important;box-shadow:none!important;animation:sunPlasma 5s ease-in-out infinite!important}
.sun-core span:before,.sun-core span:after{content:"";position:absolute;inset:-18%;border-radius:50%;border:1px solid rgba(217,255,82,.17);animation:sunHalo 4s ease-in-out infinite}.sun-core span:after{inset:-38%;opacity:.36;animation-delay:1.3s}.sun-core em{position:absolute;top:calc(100% + 9px);font:9px/1 "DM Mono",monospace;font-style:normal;letter-spacing:.12em;color:rgba(255,255,255,.62)}
@keyframes sunPlasma{0%,100%{transform:scale(.96) rotate(0)}50%{transform:scale(1.08) rotate(12deg)}}
@keyframes sunHalo{0%,100%{transform:scale(.88);opacity:.2}50%{transform:scale(1.14);opacity:.7}}
.solar-orbit{border-color:rgba(255,255,255,.105)!important;overflow:visible}
.solar-orbit-1{width:19%!important;height:19%!important;animation:orbitSpin 5.2s linear infinite!important}
.solar-orbit-2{width:28%!important;height:28%!important;animation:orbitSpin 8.2s linear infinite!important}
.solar-orbit-3{width:38%!important;height:38%!important;animation:orbitSpin 12.2s linear infinite!important}
.solar-orbit-4{width:48%!important;height:48%!important;animation:orbitSpin 16.4s linear infinite!important}
.solar-orbit-5{width:61%!important;height:61%!important;animation:orbitSpin 27s linear infinite!important}
.solar-orbit-6{width:73%!important;height:73%!important;animation:orbitSpin 35s linear infinite!important}
.solar-orbit-7{width:84%!important;height:84%!important;animation:orbitSpin 44s linear infinite!important}
.solar-orbit-8{width:96%!important;height:96%!important;animation:orbitSpin 54s linear infinite!important}
.planet{position:absolute!important;left:50%!important;top:-7px!important;transform:translate(-50%,-50%)!important;width:14px!important;height:14px!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
.planet i{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 12px rgba(255,255,255,.16);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.planet:hover i{transform:scale(1.7);filter:saturate(1.25);box-shadow:0 0 20px rgba(255,255,255,.48)}
.planet:after{content:attr(data-label)!important;position:absolute!important;left:50%!important;top:calc(100% + 10px)!important;transform:translateX(-50%)!important;white-space:nowrap!important;padding:4px 7px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(5,6,9,.72)!important;backdrop-filter:blur(8px)!important;font:9px/1 "DM Mono",monospace!important;letter-spacing:.08em!important;color:#fff!important;opacity:.0!important;transition:opacity .2s ease!important;pointer-events:none!important}
.planet:hover:after{opacity:1!important}
.mercury{width:8px!important;height:8px!important}.mercury i{background:radial-gradient(circle at 35% 30%,#d6d1c7,#827e76 48%,#373735 76%)}
.venus{width:12px!important;height:12px!important}.venus i{background:radial-gradient(circle at 35% 30%,#ffe0a3,#c88938 52%,#71420f 80%)}
.earth{width:14px!important;height:14px!important}.earth i{background:radial-gradient(circle at 62% 45%,#8ee3a8 0 9%,transparent 10%),radial-gradient(circle at 35% 37%,#61be76 0 16%,#2482d7 18% 66%,#0c3459 82%)}
.mars{width:11px!important;height:11px!important}.mars i{background:radial-gradient(circle at 32% 26%,#ffb174,#d85e2d 49%,#6e2518 80%)}
.jupiter{width:26px!important;height:26px!important}.jupiter i{background:repeating-linear-gradient(0deg,#a9622e 0 3px,#f0c28e 3px 6px,#704125 6px 8px,#d79a62 8px 11px)}
.saturn{width:22px!important;height:22px!important}.saturn i{background:radial-gradient(circle,#f2d69a,#b88d4e 68%,#6c4926)}.saturn-ring{position:absolute;left:50%;top:50%;width:40px;height:13px;border:2px solid rgba(238,207,145,.55);border-left-color:rgba(238,207,145,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);pointer-events:none}
.uranus{width:17px!important;height:17px!important}.uranus i{background:radial-gradient(circle at 34% 30%,#c9ffff,#65d7de 56%,#267e95 82%)}
.neptune{width:17px!important;height:17px!important}.neptune i{background:radial-gradient(circle at 34% 30%,#7bc8ff,#246ee2 50%,#123286 82%)}
.asteroid-belt{position:absolute;left:50%;top:50%;width:55%;height:55%;transform:translate(-50%,-50%);border-radius:50%;border:1px dotted rgba(255,255,255,.12);box-shadow:0 0 0 3px transparent;opacity:.5;animation:haloDrift 80s linear infinite reverse}
.asteroid-belt:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.0) 0 4deg,rgba(255,255,255,.23) 4.15deg 4.25deg,rgba(255,255,255,0) 4.4deg 7deg);mask:radial-gradient(circle,transparent 0 48%,#000 49% 52%,transparent 53%)}
.solar-system:hover{filter:saturate(1.15) contrast(1.08)}
/* micro portal near each section edge */
.panel:not(.hero)>.hero-index:before{content:"";position:absolute;right:-4px;bottom:24px;width:34px;height:34px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:inset 0 0 16px color-mix(in srgb,var(--universe-b) 25%,transparent),0 0 22px color-mix(in srgb,var(--universe-c) 12%,transparent);animation:tinyPortal 4s linear infinite}
@keyframes tinyPortal{to{transform:rotate(360deg)}}
@media(max-width:900px){
.solar-system{width:102vw!important;height:102vw!important;right:-67vw!important;top:41%!important;opacity:.78!important;pointer-events:none!important}
.sun-core{width:42px!important;height:42px!important}.planet:after{display:none!important}.jupiter{width:18px!important;height:18px!important}.saturn{width:16px!important;height:16px!important}.saturn-ring{width:28px;height:9px}
.portal-transition{width:28vmax;height:28vmax}
}
@media(prefers-reduced-motion:reduce){.nebula,.portal-transition,.portal-ring,.portal-stars,.solar-orbit,.solar-halo,.sun-core span,.asteroid-belt{animation:none!important}}
/* Remove the loud wormhole overlay and tiny portal ornaments. */
.portal-transition{display:none!important}
.panel:not(.hero)>.hero-index:before{display:none!important}
/* Keep the multiverse atmosphere subtle instead of flashing between sections. */
.multiverse-field{opacity:.28!important;filter:saturate(.78) blur(2px)!important;transition:opacity 1.4s ease,filter 1.4s ease!important}
.nebula{opacity:.28!important}
.panel{isolation:isolate}
.panel:before{transition:opacity 1.2s ease,filter 1.2s ease!important}
/* Hero solar system: same right-side, half-visible composition as the original circles. */
.hero{overflow:hidden!important}
.solar-system{
width:min(62vw,1100px)!important;
height:min(62vw,1100px)!important;
right:-24vw!important;
top:50%!important;
margin-top:0!important;
transform:translateY(-50%)!important;
translate:0 0;
opacity:.92!important;
z-index:0!important;
filter:saturate(.9) contrast(1.03)!important;
}
.hero-title,.hero-top,.hero-bottom{z-index:2!important}
/* Crisp, understated orbital paths. */
.solar-system:before,.solar-system:after,.solar-orbit{
border-color:rgba(255,255,255,.10)!important;
}
.solar-halo{opacity:.7}
.halo-a{border-color:rgba(217,255,82,.11)!important}
.halo-b{border-color:rgba(106,116,255,.10)!important}
/* All 8 planets continuously orbit around the centered sun. */
.solar-orbit-1{width:18%!important;height:18%!important;animation:orbitSpin 7s linear infinite!important}
.solar-orbit-2{width:27%!important;height:27%!important;animation:orbitSpin 10.5s linear infinite!important}
.solar-orbit-3{width:37%!important;height:37%!important;animation:orbitSpin 14.5s linear infinite!important}
.solar-orbit-4{width:47%!important;height:47%!important;animation:orbitSpin 19s linear infinite!important}
.solar-orbit-5{width:60%!important;height:60%!important;animation:orbitSpin 30s linear infinite!important}
.solar-orbit-6{width:72%!important;height:72%!important;animation:orbitSpin 38s linear infinite!important}
.solar-orbit-7{width:84%!important;height:84%!important;animation:orbitSpin 47s linear infinite!important}
.solar-orbit-8{width:96%!important;height:96%!important;animation:orbitSpin 58s linear infinite!important}
.solar-orbit,.solar-orbit:hover{animation-play-state:running!important}
/* Sun remains the visual center, but not excessively bright. */
.sun-core{
width:66px!important;height:66px!important;
box-shadow:0 0 20px rgba(240,255,155,.72),0 0 58px rgba(217,255,82,.28),0 0 120px rgba(217,255,82,.11)!important;
}
/* Planet labels are hover-only, clean and readable. */
.planet{pointer-events:auto!important}
.planet:hover{z-index:20!important}
.planet:after{
top:calc(100% + 9px)!important;
padding:5px 8px!important;
background:rgba(8,9,12,.82)!important;
border-color:rgba(255,255,255,.18)!important;
box-shadow:0 8px 30px rgba(0,0,0,.28);
transform:translateX(-50%) scale(.96)!important;
}
.planet:hover:after{opacity:1!important;transform:translateX(-50%) scale(1)!important}
.planet:hover i{transform:scale(1.45)!important}
/* Section-to-section travel: only a calm depth cue. */
.panel{
transition:background-color .9s ease,color .9s ease!important;
}
.panel > *{transition:filter .7s ease,opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.panel.universe-arriving > *:not(.hero-index){
animation:softUniverseArrival .72s cubic-bezier(.2,.75,.2,1) both;
}
@keyframes softUniverseArrival{
0%{opacity:.72;filter:blur(5px);transform:scale(.992) translateY(8px)}
100%{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}
}
@media(max-width:900px){
.solar-system{
width:96vw!important;height:96vw!important;
right:-60vw!important;top:43%!important;
opacity:.58!important;pointer-events:none!important;
}
}
.services-universe{color:#f4f1ea!important;background:#090d0b!important;padding-top:150px!important}.services-universe:before{background:radial-gradient(circle at 18% 30%,rgba(217,255,82,.12),transparent 28%),radial-gradient(circle at 75% 60%,rgba(66,255,186,.09),transparent 34%),linear-gradient(180deg,#08100c,#080b0a)!important}.services-head{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:65px}.services-head h2{font-size:clamp(64px,10vw,150px);line-height:.78;letter-spacing:-.07em;margin:22px 0 0}.services-head h2 span{color:transparent;-webkit-text-stroke:1.5px #d9ff52}.services-head>p{font-size:18px;line-height:1.5;color:#aab2ab;max-width:440px}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.service-card{grid-column:span 4;min-height:320px;border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:rgba(255,255,255,.025);transition:transform .35s ease,border-color .35s ease,background .35s ease}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 6}.service-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(217,255,82,.16),transparent 68%);left:var(--mx,50%);top:var(--my,50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s;pointer-events:none}.service-card:hover{transform:translateY(-7px);border-color:rgba(217,255,82,.5);background:rgba(217,255,82,.035)}.service-card:hover:before{opacity:1}.service-card>span{font-family:"DM Mono";font-size:11px;color:#d9ff52}.service-card h3{font-size:clamp(26px,3vw,44px);line-height:1;letter-spacing:-.045em;margin:70px 0 15px}.service-card p{color:#aab2ab;max-width:420px;line-height:1.55;font-size:14px}.service-card b{margin-top:auto;font-family:"DM Mono";font-size:10px;letter-spacing:.08em;font-weight:400;color:#d9ff52}
.proof-universe{background:#0b0810!important;padding-top:140px!important}.proof-universe:before{background:radial-gradient(circle at 76% 22%,rgba(255,79,200,.14),transparent 29%),radial-gradient(circle at 23% 68%,rgba(122,82,255,.15),transparent 33%),linear-gradient(180deg,#0b0810,#0a0710)!important}.proof-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.proof-head h2{font-size:clamp(58px,9vw,135px);line-height:.78;letter-spacing:-.07em;margin:22px 0 0}.proof-head h2 span{color:transparent;-webkit-text-stroke:1.5px rgba(255,98,207,.85)}.proof-head>p{font-size:19px;line-height:1.55;color:#aaa0ad;max-width:480px}.proof-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:55px 0 30px}.proof-metrics>div{border-top:1px solid rgba(255,255,255,.18);padding-top:17px}.proof-metrics strong{display:block;font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.06em}.proof-metrics span{font-family:"DM Mono";font-size:10px;letter-spacing:.08em;color:#938b95;text-transform:uppercase}.feedback-track{display:grid;grid-template-columns:1fr;position:relative;min-height:360px}.feedback-card{grid-area:1/1;opacity:0;transform:translateY(22px) scale(.985);pointer-events:none;border:1px solid rgba(255,255,255,.15);border-radius:26px;padding:clamp(28px,4vw,60px);background:rgba(255,255,255,.035);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1),border-color .35s}.feedback-card.active{opacity:1;transform:none;pointer-events:auto}.feedback-card:hover{border-color:rgba(255,86,205,.45)}.feedback-card .stars{font-size:14px;letter-spacing:.28em;color:#ff63d0}.feedback-card>p{font-size:clamp(25px,3.5vw,52px);line-height:1.15;letter-spacing:-.04em;max-width:1100px;margin:35px 0 45px}.feedback-card footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.feedback-card footer strong{font-size:14px}.feedback-card footer span{font-family:"DM Mono";font-size:10px;color:#8d858f;text-transform:uppercase}.feedback-nav{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:18px}.feedback-nav button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:.25s}.feedback-nav button:hover{background:#fff;color:#0b0810}.feedback-nav span{font-family:"DM Mono";font-size:10px;color:#8d858f;min-width:54px;text-align:center}
.planner-universe{display:block!important;background:#071015!important;color:#f5f2eb!important;padding-top:130px!important}.planner-universe:before{background:radial-gradient(circle at 80% 18%,rgba(89,221,255,.12),transparent 28%),radial-gradient(circle at 12% 70%,rgba(102,79,255,.15),transparent 32%),linear-gradient(180deg,#071015,#060b12)!important}.planner-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end}.planner-intro .contact-kicker{grid-column:1/-1}.planner-intro h2{font-size:clamp(62px,10vw,148px);line-height:.76;letter-spacing:-.075em;margin:10px 0 0}.planner-intro h2 span{color:transparent;-webkit-text-stroke:1.4px #8eeaff}.planner-intro p{font-size:19px;line-height:1.55;color:#9eabb0;max-width:500px}.planner-shell{display:grid;grid-template-columns:300px 1fr;margin-top:80px;border:1px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.025);backdrop-filter:blur(18px)}.planner-side{padding:28px;border-right:1px solid rgba(255,255,255,.12);min-height:650px;display:flex;flex-direction:column;position:relative;overflow:hidden}.planner-orbit{height:150px;position:relative;margin-bottom:24px}.planner-orbit i{position:absolute;border:1px solid rgba(142,234,255,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:plannerSpin 12s linear infinite}.planner-orbit i:nth-child(1){width:70px;height:70px}.planner-orbit i:nth-child(2){width:110px;height:110px;animation-duration:17s}.planner-orbit i:nth-child(3){width:150px;height:150px;animation-duration:23s}.planner-orbit i:after{content:"";position:absolute;width:7px;height:7px;background:#8eeaff;border-radius:50%;left:50%;top:-4px;box-shadow:0 0 18px #8eeaff}.planner-orbit span{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50%;background:#d9ff52;transform:translate(-50%,-50%);box-shadow:0 0 30px rgba(217,255,82,.45)}@keyframes plannerSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.planner-step-label{font-family:"DM Mono";font-size:10px;letter-spacing:.1em;color:#75838a}.planner-steps{list-style:none;padding:0;margin:25px 0;display:grid;gap:15px}.planner-steps li{display:flex;align-items:center;gap:12px;color:#647078;transition:.3s}.planner-steps b{font-family:"DM Mono";font-size:10px;width:32px;height:32px;border-radius:50%;border:1px solid #45545c;display:grid;place-items:center}.planner-steps li.active{color:#fff}.planner-steps li.active b{background:#8eeaff;color:#071015;border-color:#8eeaff;box-shadow:0 0 26px rgba(142,234,255,.2)}.planner-meta{margin-top:auto;display:grid;gap:5px;font-size:12px}.planner-meta span{color:#65727a;margin-top:12px}.planner-meta strong{font-size:13px}.project-planner{padding:clamp(28px,4vw,60px);min-height:650px;display:flex;flex-direction:column}.planner-pane{display:none;animation:paneIn .45s ease both}.planner-pane.active{display:block}@keyframes paneIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.pane-kicker{font-family:"DM Mono";font-size:10px;letter-spacing:.1em;color:#8eeaff}.planner-pane h3{font-size:clamp(34px,4vw,62px);letter-spacing:-.05em;margin:18px 0 35px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{display:flex;align-items:center;min-height:58px;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 15px;color:#adb7bc;transition:.25s}.choice-grid label:hover span{border-color:rgba(142,234,255,.55);transform:translateY(-2px);color:#fff}.choice-grid input:checked+span{background:#8eeaff;color:#071015;border-color:#8eeaff;box-shadow:0 8px 35px rgba(142,234,255,.12)}.field{display:block;margin-top:28px}.field>span,.field-title{display:block;font-family:"DM Mono";font-size:10px;letter-spacing:.08em;color:#849199;margin-bottom:9px;text-transform:uppercase}.field input,.field textarea{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.025);color:#fff;padding:16px 17px;outline:none;resize:vertical;transition:border .25s,background .25s}.field input:focus,.field textarea:focus{border-color:#8eeaff;background:rgba(142,234,255,.025)}.field-group{margin-top:25px}.budget-grid,.timeline-grid{grid-template-columns:repeat(4,1fr)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.planner-summary{margin-top:25px;padding:16px;border-radius:14px;border:1px dashed rgba(142,234,255,.3);font-family:"DM Mono";font-size:10px;line-height:1.7;color:#9caab0;display:none}.planner-summary.show{display:block}.planner-actions{margin-top:auto;padding-top:35px;display:flex;align-items:center;gap:12px}.planner-actions button{border:0;border-radius:999px;padding:14px 19px;cursor:pointer;transition:transform .25s,background .25s,color .25s}.planner-back{background:transparent!important;color:#8a969c!important;border:1px solid rgba(255,255,255,.13)!important;visibility:hidden}.planner-back.visible{visibility:visible}.planner-next,.planner-submit{background:#d9ff52;color:#071015;font-weight:600;margin-left:auto}.planner-submit{display:none}.planner-actions button:hover{transform:translateY(-2px)}.planner-progress{height:2px;background:rgba(255,255,255,.1);flex:1;max-width:180px;overflow:hidden}.planner-progress span{display:block;width:33.33%;height:100%;background:#8eeaff;transition:width .4s ease}.transmission-success{display:none;min-height:520px;align-items:flex-start;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.transmission-success.show{display:flex}.transmission-success>span{font-family:"DM Mono";font-size:10px;color:#8eeaff;letter-spacing:.1em}.transmission-success h3{font-size:clamp(42px,6vw,88px);letter-spacing:-.06em;line-height:.92;margin:18px 0}.transmission-success p{color:#92a0a6;max-width:560px;line-height:1.5}.transmission-success a{display:inline-block;margin-top:20px;background:#d9ff52;color:#071015;padding:15px 20px;border-radius:999px;font-size:13px}.transmission-success button{margin-top:15px;border:0;background:transparent;color:#809099;text-decoration:underline;cursor:pointer}.shooting-star{position:absolute;width:160px;height:1px;background:linear-gradient(90deg,transparent,#8eeaff);right:-170px;top:80px;transform:rotate(-25deg);animation:shoot 1.5s ease .2s both}@keyframes shoot{to{right:110%;top:280px}}.contact-foot{margin-top:35px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;align-items:start}.contact-foot>div>span,.contact-foot .clock-wrap>span{display:block;font-family:"DM Mono";font-size:9px;color:#65747b;letter-spacing:.09em;margin-bottom:8px}.contact-foot .clock-wrap{text-align:right}.contact-foot .socials{justify-content:center}.contact-foot .signature{margin-top:80px}
@media(max-width:900px){.services-head,.proof-head,.planner-intro{grid-template-columns:1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 12}.proof-metrics{grid-template-columns:1fr 1fr 1fr}.feedback-card footer{display:grid;gap:4px}.planner-shell{grid-template-columns:1fr}.planner-side{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.planner-orbit{display:none}.planner-steps{grid-template-columns:repeat(3,1fr);margin-bottom:0}.planner-meta{display:none}.project-planner{min-height:620px}.choice-grid,.budget-grid,.timeline-grid{grid-template-columns:1fr 1fr}.input-grid{grid-template-columns:1fr}.contact-foot{grid-template-columns:1fr}.contact-foot .socials{justify-content:flex-start}.contact-foot .clock-wrap{text-align:left}}
@media(max-width:520px){.proof-metrics{grid-template-columns:1fr}.choice-grid,.budget-grid,.timeline-grid{grid-template-columns:1fr}.planner-actions{flex-wrap:wrap}.planner-progress{order:-1;flex-basis:100%;max-width:none}.planner-intro h2{font-size:16vw}}
/* Better reading rhythm: display type stays bold, sentence text breathes. */
.hero-copy,
.statement-sub,
.work-head > p,
.xp-note > p,
.services-head > p,
.service-card p,
.proof-head > p,
.feedback-card > p,
.planner-intro > p,
.transmission-success p {
letter-spacing: 0 !important;
word-spacing: .075em;
line-height: 1.55;
}
.statement h2,
.work h2,
.proof-head h2,
.planner-intro h2,
.services-head h2 {
letter-spacing: -.045em !important;
}
.work-footer {
margin-top: 34px;
padding-top: 22px;
border-top: 1px solid rgba(255,255,255,.14);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.view-all-work {
display: inline-flex;
align-items: center;
gap: 24px;
min-width: 210px;
justify-content: space-between;
border: 1px solid rgba(255,255,255,.24);
border-radius: 999px;
padding: 16px 18px 16px 20px;
font-size: 14px;
transition: background .25s, color .25s, border-color .25s, transform .25s;
}
.view-all-work b {
width: 34px;
height: 34px;
border-radius: 50%;
display: grid;
place-items: center;
background: #d9ff52;
color: #0b0b0b;
}
.view-all-work:hover {
background: #f2f0ea;
color: #0b0b0b;
border-color: #f2f0ea;
transform: translateY(-2px);
}
.work-footer p {
color: #84888b;
font-size: 13px;
letter-spacing: 0;
word-spacing: .06em;
}
/* Replace empty-looking circle chips with useful capability rows. */
.capability-grid {
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid #aaa79c;
border-left: 1px solid #aaa79c;
}
.capability-grid article {
min-height: 104px;
padding: 18px 20px;
border-right: 1px solid #aaa79c;
border-bottom: 1px solid #aaa79c;
display: grid;
grid-template-columns: 38px 1fr;
gap: 10px;
align-items: center;
transition: background .25s, padding-left .25s;
}
.capability-grid article:hover {
background: rgba(255,255,255,.38);
padding-left: 26px;
}
.capability-grid article > span {
font-family: "DM Mono", monospace;
font-size: 9px;
color: #76736a;
}
.capability-grid strong {
display: block;
font-size: 17px;
letter-spacing: -.015em;
}
.capability-grid small {
display: block;
margin-top: 7px;
font-family: "DM Mono", monospace;
font-size: 9px;
line-height: 1.45;
color: #6d6a63;
text-transform: uppercase;
letter-spacing: .055em;
}
/* Scroll-driven testimonial universe. */
.proof-universe {
min-height: 340vh !important;
padding: 0 !important;
background: #0b0710 !important;
}
.proof-sticky {
position: sticky;
top: 0;
min-height: 100vh;
padding: 100px 5vw 52px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
}
.proof-sticky::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 83% 22%, rgba(244,72,198,.11), transparent 27%),
radial-gradient(circle at 16% 74%, rgba(104,79,255,.1), transparent 30%);
}
.proof-sticky > * { position: relative; z-index: 1; }
.feedback-stage {
position: relative;
min-height: 330px;
margin-top: 12px;
}
.feedback-card {
position: absolute !important;
inset: 0;
opacity: 0;
transform: translate3d(0,48px,0) scale(.975);
pointer-events: none;
border: 1px solid rgba(255,255,255,.14);
border-radius: 26px;
padding: clamp(24px,3vw,48px);
background: rgba(255,255,255,.035);
backdrop-filter: blur(18px);
transition: opacity .6s ease, transform .7s cubic-bezier(.2,.8,.2,1), border-color .35s;
}
.feedback-card.active {
opacity: 1;
transform: translate3d(0,0,0) scale(1);
pointer-events: auto;
}
.feedback-card.exit-up {
opacity: 0;
transform: translate3d(0,-45px,0) scale(.98);
}
.feedback-top {
display: grid;
grid-template-columns: 58px 1fr auto;
gap: 16px;
align-items: center;
}
.client-avatar {
width: 58px;
height: 58px;
border-radius: 50%;
display: grid;
place-items: center;
border: 1px solid rgba(255,255,255,.22);
background:
radial-gradient(circle at 30% 25%, rgba(255,255,255,.22), transparent 25%),
linear-gradient(145deg, rgba(255,80,205,.35), rgba(88,89,255,.18));
font-family: "DM Mono", monospace;
font-size: 11px;
letter-spacing: .06em;
}
.feedback-top > div:nth-child(2) strong {
display: block;
font-size: 15px;
}
.feedback-top > div:nth-child(2) span {
display: block;
margin-top: 4px;
font-family: "DM Mono", monospace;
font-size: 9px;
color: #8d858f;
text-transform: uppercase;
}
.feedback-card > p {
font-size: clamp(24px,3vw,46px) !important;
margin: 28px 0 30px !important;
max-width: 1180px;
}
.feedback-card footer {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid rgba(255,255,255,.12);
padding-top: 15px;
}
.feedback-card footer > span {
font-family: "DM Mono", monospace;
font-size: 10px;
color: #ff63d0;
}
.feedback-card footer small {
font-family: "DM Mono", monospace;
font-size: 9px;
color: #7f7781;
text-transform: uppercase;
letter-spacing: .07em;
}
.feedback-scroll-ui {
display: grid;
grid-template-columns: auto minmax(140px,1fr) auto;
gap: 15px;
align-items: center;
margin-top: 18px;
font-family: "DM Mono", monospace;
font-size: 9px;
color: #8d858f;
letter-spacing: .08em;
}
.feedback-progress {
height: 1px;
background: rgba(255,255,255,.13);
overflow: hidden;
}
.feedback-progress i {
display: block;
height: 100%;
width: 25%;
background: #ff63d0;
transition: width .45s ease;
}
/* Planner is now 2 steps and ends with direct contact fields. */
.planner-steps {
grid-template-columns: 1fr !important;
}
.planner-steps li { min-width: 0; }
.planner-progress span { width: 50%; }
.contact-inputs { margin-top: 0; }
/* Footer logo + larger social links */
.footer-brand img {
display: block;
width: min(260px, 78vw);
height: auto;
filter: grayscale(1) brightness(0) invert(1);
opacity: .9;
}
.footer-brand > span {
display: block;
margin-top: 13px;
font-family: "DM Mono", monospace;
font-size: 9px;
letter-spacing: .08em;
color: #65747b;
}
.footer-social-block > span {
display: block;
font-family: "DM Mono", monospace;
font-size: 9px;
color: #65747b;
letter-spacing: .09em;
margin-bottom: 12px;
}
.contact-foot .socials {
display: flex;
justify-content: flex-start !important;
gap: 10px 18px;
}
.contact-foot .socials a {
font-size: clamp(15px,1.25vw,19px);
letter-spacing: -.02em;
padding-bottom: 4px;
border-bottom: 1px solid rgba(255,255,255,.18);
transition: color .2s, border-color .2s, transform .2s;
}
.contact-foot .socials a:hover {
color: #8eeaff;
border-color: #8eeaff;
transform: translateY(-2px);
}
.contact-foot {
grid-template-columns: 1.15fr 1.55fr .8fr !important;
align-items: center !important;
padding-top: 28px !important;
}
.contact-foot .clock-wrap strong {
font-size: clamp(22px,2.2vw,34px);
letter-spacing: -.04em;
}
.footer-signature {
border-top: 1px solid rgba(255,255,255,.08);
margin-top: 55px !important;
padding-top: 28px !important;
}
@media (max-width: 900px) {
.work-footer { align-items: flex-start; flex-direction: column; }
.capability-grid { grid-template-columns: 1fr; }
.proof-sticky { padding: 90px 20px 38px; justify-content: flex-start; }
.proof-universe { min-height: 360vh !important; }
.feedback-stage { min-height: 430px; }
.feedback-top { grid-template-columns: 50px 1fr; }
.feedback-top .stars { grid-column: 2; }
.feedback-card footer { align-items: flex-start; gap: 8px; flex-direction: column; }
.planner-steps { grid-template-columns: repeat(2,1fr) !important; }
.contact-foot { grid-template-columns: 1fr !important; gap: 34px !important; }
}
@media (max-width: 520px) {
.feedback-stage { min-height: 500px; }
.feedback-scroll-ui { grid-template-columns: auto 1fr; }
.feedback-scroll-ui > span:last-child { display: none; }
.footer-brand img { width: 220px; }
}
.capability-grid article {
position: relative;
overflow: hidden;
cursor: default;
background: rgba(255,255,255,.008);
transition:
border-color .28s ease,
background .28s ease,
transform .28s cubic-bezier(.2,.8,.2,1);
}
.capability-grid article::before {
content: "";
position: absolute;
left: 0;
top: 22%;
bottom: 22%;
width: 2px;
background: #c7a8ff;
transform: scaleY(0);
transform-origin: center;
transition: transform .28s ease;
}
.capability-grid article:hover {
background: rgba(199,168,255,.045);
padding-left: 20px !important;
transform: translateY(-2px);
}
.capability-grid article:hover::before { transform: scaleY(1); }
.capability-grid article em {
position: absolute;
right: 18px;
top: 50%;
font-style: normal;
font-size: 15px;
color: #8a8391;
opacity: 0;
transform: translate(-6px,-50%);
transition: opacity .25s, transform .25s, color .25s;
}
.capability-grid article:hover em {
opacity: 1;
transform: translate(0,-50%);
color: #c7a8ff;
}
.capability-grid article:hover strong { color:#fff; }
/* Make the scroll journey long enough and predictable for all 4 testimonials */
.proof-universe {
min-height: 480vh !important;
}
.feedback-card {
will-change: opacity, transform;
}
.feedback-card.active {
z-index: 4;
}
.feedback-card.exit-up {
z-index: 2;
}
.feedback-progress i {
transition: width .35s cubic-bezier(.2,.8,.2,1);
}
/* Planner validation + tactile states */
.choice-grid.validation-error {
animation: plannerShake .34s ease;
}
@keyframes plannerShake {
0%,100% { transform:translateX(0); }
25% { transform:translateX(-6px); }
75% { transform:translateX(6px); }
}
.planner-next,
.planner-submit {
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.planner-next:hover,
.planner-submit:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(217,255,82,.14);
}
.planner-next:active,
.planner-submit:active {
transform: translateY(0) scale(.98);
}
/* Clock */
.clock-wrap strong {
display:block;
white-space:nowrap;
font-family:"DM Mono",monospace;
}
/* -------------------------
HOME BLOG UNIVERSE
-------------------------- */
.home-blog {
background:
radial-gradient(circle at 80% 15%, rgba(111,74,255,.16), transparent 28%),
radial-gradient(circle at 10% 85%, rgba(37,209,255,.07), transparent 26%),
#09080d;
overflow:hidden;
}
.blog-orbit-bg {
position:absolute;
width:620px;
height:620px;
border:1px solid rgba(176,143,255,.09);
border-radius:50%;
right:-310px;
top:-160px;
pointer-events:none;
}
.blog-orbit-bg i {
position:absolute;
inset:14%;
border:1px solid rgba(176,143,255,.07);
border-radius:50%;
}
.blog-orbit-bg i:nth-child(2){ inset:28%; }
.blog-orbit-bg i:nth-child(3){ inset:42%; }
.home-blog-head {
display:grid;
grid-template-columns:1.35fr .65fr;
gap:50px;
align-items:end;
position:relative;
z-index:2;
}
.home-blog-head h2 {
font-size:clamp(58px,8.6vw,136px);
line-height:.82;
letter-spacing:-.06em;
margin:22px 0 0;
}
.home-blog-head > p {
color:#9b97a0;
font-size:17px;
line-height:1.6;
word-spacing:.07em;
letter-spacing:0;
max-width:470px;
}
.home-blog-grid {
display:grid;
grid-template-columns:1.35fr 1fr 1fr;
gap:18px;
margin-top:55px;
position:relative;
z-index:2;
}
.home-blog-card {
min-height:500px;
border:1px solid rgba(255,255,255,.13);
border-radius:22px;
padding:14px 14px 22px;
display:flex;
flex-direction:column;
background:rgba(255,255,255,.018);
transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s;
}
.home-blog-card:hover {
transform:translateY(-6px);
border-color:rgba(178,145,255,.48);
background:rgba(178,145,255,.03);
}
.blog-visual {
height:240px;
border-radius:15px;
position:relative;
overflow:hidden;
display:grid;
place-items:center;
margin-bottom:22px;
}
.home-blog-card.featured .blog-visual { height:290px; }
.blog-visual span {
position:relative;
z-index:4;
font-size:clamp(35px,4.5vw,78px);
font-weight:600;
letter-spacing:-.07em;
}
.blog-visual-research {
background:
radial-gradient(circle at 50% 50%, rgba(208,255,76,.95) 0 6%, transparent 7%),
repeating-radial-gradient(circle at 50% 50%, transparent 0 38px, rgba(217,255,82,.18) 39px 40px),
#10120d;
}
.blog-visual-research i {
position:absolute;
width:11px;height:11px;border-radius:50%;background:#d9ff52;
box-shadow:0 0 25px rgba(217,255,82,.5);
}
.blog-visual-research i:nth-child(2){transform:translate(100px,-55px)}
.blog-visual-research i:nth-child(3){transform:translate(-110px,70px)}
.blog-visual-research i:nth-child(4){transform:translate(145px,75px)}
.blog-visual-token {
background:linear-gradient(145deg,#11131f,#1f1640);
}
.blog-visual-token b {
position:absolute;
width:115px;height:115px;
border-radius:24px;
border:1px solid #9f80ff;
transform:rotate(45deg);
box-shadow:0 0 50px rgba(135,94,255,.18);
}
.blog-visual-color {
background:conic-gradient(from 30deg,#6034c9,#4bc2ff,#93ffdd,#e6ff57,#ff7ad9,#6034c9);
}
.blog-visual-color::after {
content:"";
position:absolute;inset:18px;
background:#0b0b0f;border-radius:13px;
}
.blog-card-meta {
display:flex;
justify-content:space-between;
gap:12px;
font-family:"DM Mono",monospace;
font-size:9px;
color:#777480;
letter-spacing:.07em;
}
.home-blog-card h3 {
font-size:clamp(22px,2vw,32px);
line-height:1.12;
letter-spacing:-.035em;
margin:18px 0 12px;
}
.home-blog-card p {
color:#99959e;
line-height:1.55;
letter-spacing:0;
word-spacing:.055em;
font-size:13px;
}
.home-blog-card strong {
margin-top:auto;
padding-top:18px;
font-family:"DM Mono",monospace;
font-size:10px;
color:#cbb6ff;
letter-spacing:.06em;
}
.home-blog-footer {
margin-top:28px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.1);
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
position:relative;
z-index:2;
}
.all-blogs-button {
display:inline-flex;
min-width:220px;
align-items:center;
justify-content:space-between;
gap:20px;
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
padding:13px 14px 13px 18px;
}
.all-blogs-button b {
width:36px;height:36px;border-radius:50%;
display:grid;place-items:center;
background:#b896ff;color:#09080d;
}
.home-blog-footer > span {
font-family:"DM Mono",monospace;
font-size:9px;color:#6f6b75;
letter-spacing:.07em;
}
@media(max-width:900px){
.home-blog-head{grid-template-columns:1fr}
.home-blog-grid{grid-template-columns:1fr}
.home-blog-card,.home-blog-card.featured{min-height:auto}
.home-blog-card .blog-visual,.home-blog-card.featured .blog-visual{height:240px}
.home-blog-footer{align-items:flex-start;flex-direction:column}
.proof-universe{min-height:520vh!important}
}
.planner-steps {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.planner-progress span {
width: 33.333%;
}
@media (max-width: 900px) {
.planner-steps {
grid-template-columns: repeat(3,1fr) !important;
}
}
/* Testimonial section: fit comfortably on ~21-inch / 900px-high desktop */
.proof-sticky {
min-height: 100vh !important;
height: 100vh;
padding: 66px 4.4vw 28px !important;
justify-content: flex-start !important;
}
.proof-head {
display: grid !important;
grid-template-columns: 1.12fr .88fr !important;
gap: 42px !important;
align-items: end !important;
}
.proof-head h2 {
font-size: clamp(58px, 7.7vw, 122px) !important;
line-height: .76 !important;
margin: 16px 0 0 !important;
}
.proof-head > p {
font-size: 15px !important;
line-height: 1.5 !important;
max-width: 470px !important;
margin: 0 0 4px auto !important;
}
.proof-metrics {
margin-top: 24px !important;
}
.proof-metrics > div {
padding-top: 13px !important;
}
.proof-metrics strong {
font-size: clamp(45px,4.7vw,78px) !important;
line-height: .92 !important;
}
.feedback-stage {
min-height: 255px !important;
margin-top: 20px !important;
flex: 1 1 auto;
max-height: 330px;
}
.feedback-card {
padding: 24px 30px !important;
border-radius: 22px !important;
}
.feedback-top {
grid-template-columns: 48px 1fr auto !important;
}
.client-avatar {
width: 48px !important;
height: 48px !important;
}
.feedback-card > p {
font-size: clamp(22px,2.35vw,38px) !important;
line-height: 1.28 !important;
margin: 18px 0 18px !important;
}
.feedback-card footer {
padding-top: 11px !important;
}
.feedback-scroll-ui {
margin-top: 10px !important;
}
@media (max-height: 820px) and (min-width: 901px) {
.proof-sticky { padding-top: 56px !important; }
.proof-head h2 { font-size: clamp(52px,6.7vw,102px) !important; }
.proof-metrics { margin-top: 15px !important; }
.proof-metrics strong { font-size: clamp(40px,4vw,62px) !important; }
.feedback-stage { min-height: 220px !important; margin-top: 14px !important; }
.feedback-card > p { font-size: clamp(20px,2vw,31px) !important; margin: 14px 0 !important; }
}
@media (max-width:900px) {
.proof-sticky {
height:auto;
min-height:100vh !important;
padding:82px 20px 35px !important;
}
.proof-head { grid-template-columns:1fr !important; }
.feedback-stage { max-height:none; min-height:430px !important; }
}
/* Homepage blog CTA readability */
.home-blog-card strong {
font-size: 12px !important;
letter-spacing: .045em !important;
padding-top: 20px !important;
}
.home-blog-card:hover strong {
color: #ded0ff;
}
.all-blogs-button {
font-size: 14px;
}
/* GMT+6 stays as small metadata only; live clock is just the time */
.clock-wrap > span {
font-family:"DM Mono",monospace;
font-size:9px !important;
letter-spacing:.085em;
color:#65747b;
}
.contact-foot .clock-wrap strong {
font-size: clamp(20px,1.8vw,28px) !important;
font-weight:500;
margin-top:7px;
}
/* Musemind-inspired oversized footer wordmark */
.muse-footer-wordmark {
position: relative;
margin: 60px -5vw -70px;
padding: 18px 5vw 0;
overflow: hidden;
border-top: 1px solid rgba(255,255,255,.09);
min-height: clamp(250px, 29vw, 540px);
}
.muse-footer-main {
white-space: nowrap;
font-size: clamp(95px, 17.7vw, 335px);
font-weight: 700;
line-height: .76;
letter-spacing: -.088em;
color: #f2f0ea;
transform: translateY(20%);
user-select: none;
}
.muse-footer-main::after {
content: "";
position: absolute;
left: 5vw;
right: 5vw;
bottom: 7px;
height: 12px;
background: #101618;
opacity: .95;
}
.muse-footer-meta {
position: absolute;
left: 5vw;
right: 5vw;
bottom: 20px;
display:flex;
justify-content:space-between;
gap:20px;
font-family:"DM Mono",monospace;
font-size:9px;
letter-spacing:.08em;
color:#727a7c;
z-index:2;
}
@media(max-width:900px) {
.muse-footer-wordmark {
margin-left:-20px;
margin-right:-20px;
margin-bottom:-45px;
min-height:190px;
padding-left:20px;
padding-right:20px;
}
.muse-footer-main {
font-size:18vw;
transform:translateY(32%);
}
.muse-footer-meta {
left:20px; right:20px;
}
}
/* Main header brand icon */
.brand-icon {
display: inline-flex !important;
align-items: center;
width: 48px;
height: 34px;
overflow: visible;
}
.brand-icon img {
display: block;
width: 46px;
height: 30px;
object-fit: contain;
object-position: center;
filter: grayscale(1) brightness(0) invert(1);
opacity: .94;
transition: opacity .25s ease, transform .25s ease;
}
.brand-icon:hover img {
opacity: 1;
transform: scale(1.06) rotate(-2deg);
}
/* Make the number proof meaningful and readable again */
.statement-foot {
align-items: start !important;
gap: 28px !important;
}
.statement-stat {
display: flex;
flex-direction: column;
min-width: 0;
}
.statement-stat strong {
display: block;
font-size: clamp(32px,3.2vw,52px);
line-height: 1;
font-weight: 500;
letter-spacing: -.055em;
color: #f3f0eb;
}
.statement-stat span {
display: block !important;
margin-top: 12px !important;
max-width: 215px;
font-family: "DM Mono", monospace !important;
font-size: 10px !important;
line-height: 1.55 !important;
letter-spacing: .075em !important;
text-transform: uppercase;
color: rgba(255,255,255,.60) !important;
}
/* Musemind-like giant footer wordmark, but fit cleanly within viewport */
.muse-footer-wordmark {
min-height: clamp(220px,24vw,420px) !important;
margin-bottom: -48px !important;
padding-top: 30px !important;
}
.muse-footer-main {
width: 100%;
white-space: nowrap;
font-size: clamp(88px,12.75vw,245px) !important;
line-height: .82 !important;
letter-spacing: -.068em !important;
transform: none !important;
text-align: center;
color: #f2f0ea;
}
.muse-footer-main::after {
display: none !important;
}
.muse-footer-meta {
bottom: 18px !important;
}
@media(max-width:900px){
.brand-icon { width:42px;height:30px; }
.brand-icon img { width:40px;height:27px; }
.statement-foot { gap:22px !important; }
.statement-stat span { max-width:180px; }
.muse-footer-wordmark {
min-height: 170px !important;
margin-bottom: -36px !important;
}
.muse-footer-main {
font-size: 12.2vw !important;
}
}
/* These supporting labels are content, not decoration. Force them visible. */
.statement .statement-foot .statement-stat span {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
margin-top: 14px !important;
max-width: 250px !important;
color: rgba(242,240,234,.82) !important;
font-family: "DM Mono", monospace !important;
font-size: clamp(11px,.72vw,13px) !important;
line-height: 1.45 !important;
letter-spacing: .055em !important;
text-transform: uppercase !important;
}
.statement .statement-foot .statement-stat strong {
color: #f4f1eb !important;
}
/* Service cards are now links; preserve card layout. */
a.service-card {
color: inherit;
text-decoration: none;
}
a.service-card b {
display: inline-flex;
align-items: center;
gap: 8px;
}
a.service-card:hover b {
transform: translateX(5px);
}
a.service-card b {
transition: transform .25s ease, color .25s ease;
}
/* Required fields: make the intent obvious without looking noisy. */
.project-planner .field > span,
.project-planner .field-title {
color: rgba(225,235,239,.76);
}
.project-planner input:required,
.project-planner textarea:required {
border-color: rgba(255,255,255,.18);
}
.project-planner input:required:focus,
.project-planner textarea:required:focus {
border-color: rgba(116,224,255,.58);
}
/* Musemind-ish oversized grotesk wordmark */
.muse-footer-main,
.journal-main-footer .muse-footer-main {
font-family: "Space Grotesk", "Manrope", sans-serif !important;
font-weight: 600 !important;
letter-spacing: -.082em !important;
font-feature-settings: "ss01" 1, "ss02" 1;
}
.global-footer{position:relative;background:radial-gradient(circle at 16% 30%,rgba(61,73,255,.10),transparent 26%),radial-gradient(circle at 82% 38%,rgba(40,185,220,.05),transparent 28%),#091013;color:#f2f0ea;padding:42px 5vw 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}
.global-footer-top{display:grid;grid-template-columns:1.1fr 1.55fr .75fr;gap:42px;align-items:center;min-height:150px}
.global-footer-brand img{display:block;width:min(255px,75vw);height:auto;filter:grayscale(1) brightness(0) invert(1);opacity:.93}
.global-footer-brand>span,.global-footer-social>span,.global-footer-time>span{display:block;margin-top:12px;font:9px "DM Mono",monospace;letter-spacing:.085em;color:#68767b}
.global-footer-social>div{display:flex;flex-wrap:wrap;gap:11px 19px;margin-top:12px}
.global-footer-social a{font-size:clamp(15px,1.2vw,19px);border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:4px;transition:color .2s,border-color .2s,transform .2s}
.global-footer-social a:hover{color:#9eeaff;border-color:#9eeaff;transform:translateY(-2px)}
.global-footer-time{text-align:right}.global-footer-time strong{display:block;margin-top:9px;font:500 clamp(20px,1.8vw,28px) "DM Mono",monospace}
.global-footer-word{position:relative;width:100%;margin:34px 0 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.08);white-space:nowrap;text-align:center;font-family:"Archivo Black","Arial Black",sans-serif;font-size:clamp(84px,12.15vw,232px);line-height:.78;letter-spacing:-.095em;transform:scaleX(.965);transform-origin:center}
.global-footer-meta{display:flex;justify-content:space-between;gap:20px;padding:28px 0 22px;font:9px "DM Mono",monospace;letter-spacing:.08em;color:#6d7779}
@media(max-width:900px){.global-footer{padding-left:20px;padding-right:20px}.global-footer-top{grid-template-columns:1fr;gap:30px}.global-footer-time{text-align:left}.global-footer-word{font-size:11.8vw;letter-spacing:-.085em}}
.statement .statement-foot{overflow:visible!important;padding-bottom:30px!important}
.statement .statement-stat{position:relative!important;overflow:visible!important;min-height:100px!important}
.statement .statement-stat .proof-label-source{display:none!important}
.statement .statement-stat::after{content:attr(data-proof)!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important;margin-top:13px!important;max-width:245px!important;color:rgba(242,240,234,.84)!important;font:500 clamp(10px,.68vw,12px)/1.5 "DM Mono",monospace!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:normal!important}
.hero-copy,.statement-sub,.work-head p,.xp-note>p,.services-head>p,.service-card p,.proof-head>p,.feedback-card>p,.home-blog-card p,.planner-intro>p{letter-spacing:0!important;word-spacing:.045em!important;line-height:1.58!important}
/* Footer is now a true full-width section after Contact. */
main + .global-footer,
.global-footer {
width: 100%;
max-width: none;
margin: 0 !important;
border-radius: 0 !important;
}
/* Musemind-inspired wide grotesk treatment */
.global-footer-word {
font-family: "League Spartan","Arial Black",sans-serif !important;
font-weight: 900 !important;
font-size: clamp(86px, 12.8vw, 244px) !important;
line-height: .76 !important;
letter-spacing: -.078em !important;
transform: scaleX(1.035) !important;
transform-origin: center;
overflow: visible;
padding-left: .015em;
padding-right: .015em;
}
/* Keep footer safely inside viewport */
.global-footer {
overflow: hidden !important;
}
.global-footer-word {
white-space: nowrap !important;
}
/* Proof labels: visible and easier to scan */
.statement .statement-stat::after {
font-size: clamp(11px,.72vw,13px) !important;
line-height: 1.55 !important;
color: rgba(242,240,234,.86) !important;
max-width: 270px !important;
margin-top: 15px !important;
}
@media(max-width:900px){
.global-footer-word{
font-size: 11.2vw !important;
transform: none !important;
letter-spacing: -.06em !important;
}
}