*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#100d18;color:#f6f4fb;font-family:"Manrope",sans-serif;overflow-x:hidden}::selection{background:#a56cff;color:#fff}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#100d18dc;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.11em;font-weight:800}.brand img{width:37px;height:37px;object-fit:cover;border-radius:10px}.brand b{font-weight:500;color:#aaa4b9}.nav{display:flex;gap:34px;color:#c3bdce;font-size:12px}.nav a,.footer-up{transition:color .2s}.nav a:hover,.footer-up:hover{color:#c4a0ff}.nav-cta{font-size:12px;padding:12px 16px;border:1px solid #ffffff30;border-radius:4px}.nav-cta span{color:#bc8bff;margin-left:10px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:22px}.hero{min-height:650px;height:calc(100svh - 82px);max-height:850px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px clamp(22px,8vw,130px) 100px;overflow:hidden}.hero:before{content:"";position:absolute;width:640px;height:640px;right:-170px;top:-180px;background:radial-gradient(circle,#6e26ae40,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:580px}.eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.15em;color:#b9b1c8;display:flex;align-items:center;gap:12px;margin:0 0 26px}.live-dot{width:6px;height:6px;border-radius:50%;background:#a77aff;box-shadow:0 0 12px #a77aff}.eyebrow-line{height:1px;width:27px;background:#70677f;display:inline-block}.hero h1{font-size:clamp(54px,7vw,94px);line-height:.99;letter-spacing:-.075em;margin:0;font-weight:600}.gradient-text{background:linear-gradient(100deg,#f5f1ff 0%,#c5a0ff 40%,#8b4de5 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-intro{max-width:440px;color:#aaa4b8;line-height:1.8;font-size:14px;margin:27px 0 30px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:15px 18px;font-family:inherit;font-size:12px;font-weight:700;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:transform .25s,background .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:#b58aff;color:#170d26}.button-primary:hover{background:#c6a5ff}.button-quiet{border-color:#ffffff24;color:#e9e4f2;background:#ffffff04}.button-quiet:hover{border-color:#b58aff}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:52px}.proof-rule{width:36px;height:1px;background:#a57bde}.hero-proof p{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.12em;color:#80798e}.hero-proof span{color:#b58aff;margin:0 5px}.hero-visual{height:min(490px,58vw);min-height:340px;position:relative;perspective:1000px;transform-style:preserve-3d}.visual-grid{position:absolute;inset:5% -4%;background-image:linear-gradient(#b58aff0b 1px,transparent 1px),linear-gradient(90deg,#b58aff0b 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,black,transparent 70%);transform:rotateX(57deg) rotateZ(-22deg) scale(1.1)}.glass-orb{position:absolute;width:min(320px,70%);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(12deg) rotateY(-22deg);border-radius:31% 69% 57% 43% / 43% 37% 63% 57%;background:linear-gradient(135deg,#f4edff 0%,#c29aff 19%,#7a37bd 45%,#301647 69%,#17101f 100%);box-shadow:inset -25px -30px 50px #09060f9c,inset 14px 15px 35px #ffffff6b,0 35px 90px #8d43c44c;animation:float 7s ease-in-out infinite;transform-style:preserve-3d}.glass-orb:before{content:"";position:absolute;inset:12%;border:1px solid #ffffff65;border-radius:inherit;transform:translateZ(18px)}.orb-core{position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffffb0,transparent 19%),linear-gradient(145deg,#ddc5ff,#8b4bd0 40%,#24102f 78%);box-shadow:inset -10px -15px 20px #140a20,0 0 40px #c69aff35;transform:translateZ(28px)}.orb-cut{position:absolute;width:120%;height:28%;left:-10%;top:37%;border-radius:50%;border:13px solid #e9d9ff;background:#6d30a4;box-shadow:0 0 20px #e2c9ff6b,inset 0 0 20px #1d0c2a;transform:translateZ(42px) rotate(-34deg)}.orb-highlight{position:absolute;width:37%;height:10%;left:14%;top:17%;border-radius:50%;background:#fff;filter:blur(10px);opacity:.65;transform:rotate(-28deg) translateZ(60px)}.orbital{position:absolute;left:50%;top:50%;width:112%;height:38%;border:1px solid #c7a0ff45;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg)}.orbital-two{width:105%;height:68%;transform:translate(-50%,-50%) rotate(55deg);border-color:#b38be52b}.orbit-label{position:absolute;font:9px "DM Mono",monospace;letter-spacing:.13em;color:#bdb1ce}.orbit-label span{color:#bd8cff}.label-top{top:12%;left:0}.label-bottom{bottom:11%;right:0}.floating-chip{position:absolute;padding:9px 12px;border:1px solid #ffffff26;border-radius:4px;background:#1b1426b5;backdrop-filter:blur(12px);font:9px "DM Mono",monospace;letter-spacing:.1em;color:#e5d9f7;box-shadow:0 12px 30px #0003}.chip-a{top:20%;right:12%;transform:rotate(7deg)}.chip-b{bottom:23%;left:5%;transform:rotate(-8deg)}.chip-c{bottom:10%;right:17%;transform:rotate(5deg)}.visual-cross{position:absolute;color:#c7a1ff;font-size:23px;font-weight:200}.cross-a{top:25%;left:12%}.cross-b{right:7%;top:43%}.hero-bottom{position:absolute;left:clamp(22px,8vw,130px);right:clamp(22px,8vw,130px);bottom:24px;display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:15px;font:9px "DM Mono",monospace;letter-spacing:.12em;color:#777084}.scroll-arrow{color:#c7a1ff;margin-left:9px}.ticker{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;overflow:hidden;background:#15101e;padding:20px 0}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:34px;min-width:1000px;animation:marquee 28s linear infinite;font:10px "DM Mono",monospace;letter-spacing:.17em;color:#b9b1c7}.ticker i{font-style:normal;color:#9b6bd6;font-size:15px}.section{padding:110px clamp(22px,8vw,130px)}.section-heading{margin-bottom:48px}.heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.heading-row h2,.approach-left h2,.contact-heading h2{font-size:clamp(38px,5.2vw,65px);line-height:1.06;letter-spacing:-.065em;font-weight:600;margin:0}.muted{color:#777084}.section-summary{max-width:310px;color:#a8a1b5;font-size:13px;line-height:1.8;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.service-card{grid-column:span 2;min-height:250px;border:1px solid #ffffff17;background:linear-gradient(145deg,#ffffff08,#ffffff02);padding:23px;position:relative;overflow:hidden;transition:transform .35s,border-color .35s,background .35s;transform-style:preserve-3d}.service-card:hover{border-color:#b58aff75;background:linear-gradient(145deg,#9a62d018,#ffffff04);transform:translateY(-5px)}.service-featured{grid-column:span 2;background:radial-gradient(circle at 100% 100%,#7134a42c,transparent 55%),#ffffff05}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3;min-height:220px}.card-top{display:flex;align-items:center;justify-content:space-between}.card-index{font:9px "DM Mono",monospace;letter-spacing:.12em;color:#8e849f}.line-icon{font-size:22px;color:#c09aff}.service-card h3{font-size:19px;letter-spacing:-.04em;margin:31px 0 10px;font-weight:600}.service-card p{font-size:12px;color:#a8a1b5;line-height:1.7;max-width:330px;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}.tags span{font-size:9px;color:#c4bbd3;padding:6px 8px;border:1px solid #ffffff17;border-radius:2px}.card-orbit{position:absolute;width:180px;height:180px;border:1px solid #b88bff28;border-radius:50%;right:-75px;bottom:-100px;box-shadow:0 0 0 20px #b88bff06,0 0 0 40px #b88bff04}.approach-section{background:#171220;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;padding:100px clamp(22px,8vw,130px)}.approach-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,9vw,130px);max-width:1300px;margin:auto}.approach-left h2{font-size:clamp(38px,4.6vw,58px)}.approach-desc{max-width:340px;color:#a8a1b5;font-size:13px;line-height:1.8;margin:23px 0}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:12px;border-bottom:1px solid #7c5ba5;padding:0 0 10px;margin-top:12px}.text-link span{color:#c5a0ff}.steps{border-top:1px solid #ffffff20}.step{display:grid;grid-template-columns:45px 1fr 24px;gap:18px;padding:25px 0;border-bottom:1px solid #ffffff20;align-items:start}.step-num{font:10px "DM Mono",monospace;color:#b68cff;padding-top:4px}.step h3{font-size:17px;margin:0 0 7px;font-weight:600}.step p{font-size:12px;color:#a8a1b5;margin:0;line-height:1.7}.step-symbol{color:#8d819f}.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,7vw,100px);align-items:start}.contact-heading{position:sticky;top:130px}.contact-heading h2{font-size:clamp(44px,5.7vw,72px)}.contact-heading>p:last-child{font-size:13px;line-height:1.8;color:#a8a1b5;max-width:300px;margin-top:23px}.proposal-form{border:1px solid #ffffff1c;background:#171220;padding:clamp(20px,3vw,34px)}.form-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font:9px "DM Mono",monospace;letter-spacing:.12em;border-bottom:1px solid #ffffff18;padding-bottom:18px;margin-bottom:23px}.form-status{color:#aaa1b9;font-size:8px}.form-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9bde9e;margin-right:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 14px}.form-grid label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#c9c2d3}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#100d18;border:1px solid #ffffff20;border-radius:2px;padding:13px 12px;color:#f4effb;font-family:inherit;font-size:11px;outline:none;transition:border-color .2s}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#71697f}.form-grid select:invalid{color:#71697f}.form-grid select option{background:#171220;color:#f4effb}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#a77aff}.form-grid textarea{resize:vertical;min-height:95px}.submit-button{width:100%;margin-top:22px}.form-note{color:#827a90;font-size:10px;text-align:center;margin:13px 0 0}.footer{padding:35px clamp(22px,8vw,130px) 22px;border-top:1px solid #ffffff15;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.footer-brand img{width:30px;height:30px}.footer>p{font-size:11px;color:#91899f}.footer-up{font:9px "DM Mono",monospace;letter-spacing:.1em;color:#bdb3cd}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff13;padding-top:18px;margin-top:18px;font:9px "DM Mono",monospace;letter-spacing:.08em;color:#70697d}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translate(-50%,-50%) rotateX(12deg) rotateY(-22deg) translateY(0) rotateZ(-2deg)}50%{transform:translate(-50%,-53%) rotateX(17deg) rotateY(-12deg) translateY(-8px) rotateZ(3deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:900px){.hero{grid-template-columns:1fr 0.8fr;padding-left:6vw;padding-right:6vw}.hero h1{font-size:clamp(52px,8vw,76px)}.hero-visual{min-height:320px}.section,.approach-section{padding-left:6vw;padding-right:6vw}.service-card{grid-column:span 3}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}.approach-inner{gap:45px}.contact-section{grid-template-columns:.7fr 1.3fr;gap:30px}.topbar{padding:0 5vw}.hero-bottom{left:6vw;right:6vw}}@media(max-width:650px){.topbar{height:70px}.brand{font-size:11px}.brand img{width:32px;height:32px}.nav{display:none;position:absolute;left:0;right:0;top:70px;padding:20px 24px 24px;background:#15101e;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:20px}.nav.open{display:flex}.nav-cta{margin-left:auto;margin-right:15px;padding:10px;font-size:10px}.menu-toggle{display:block;font-size:19px}.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;padding:70px 23px 88px}.hero h1{font-size:clamp(55px,14vw,78px)}.hero-intro{font-size:13px;max-width:390px}.hero-proof{margin-top:35px}.hero-visual{height:340px;min-height:0;margin-top:10px}.glass-orb{width:245px}.hero-bottom{left:23px;right:23px;bottom:18px;font-size:7px}.ticker{padding:16px 0}.ticker-track{gap:25px}.section,.approach-section{padding:75px 23px}.heading-row{display:block}.heading-row h2,.approach-left h2{font-size:45px}.section-summary{margin-top:20px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card,.service-featured,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:1;min-height:220px}.approach-inner{grid-template-columns:1fr;gap:42px}.approach-left h2{font-size:43px}.contact-section{grid-template-columns:1fr;gap:32px}.contact-heading{position:static}.contact-heading h2{font-size:58px}.proposal-form{padding:20px 16px}.form-grid{grid-template-columns:1fr;gap:16px}.form-grid .full{grid-column:auto}.form-top{font-size:8px}.form-status{font-size:7px}.footer{grid-template-columns:1fr auto;gap:8px 15px;padding:28px 23px 20px}.footer>p{grid-column:1/-1;grid-row:2;margin:0}.footer-up{grid-column:2;grid-row:1}.footer-bottom{font-size:7px}.label-top{left:2%}.label-bottom{right:0}.chip-a{right:3%}.chip-b{left:0}}
/* Refinements: reliable logo rendering, balanced mobile layout, accessible motion */
.brand img { display:block; flex:0 0 auto; object-fit:contain; background:#17101f; padding:2px; }
.footer-brand img { display:block; }
.hero-eyebrow { gap:12px; }
.hero-eyebrow .eyebrow-line { flex:0 0 26px; }
.hero-visual { min-width:0; }
img { max-width:100%; }
@media (max-width:650px) {
  html { scroll-padding-top:76px; }
  .topbar { padding:0 18px; }
  .nav-cta { margin-left:auto; margin-right:10px; white-space:nowrap; }
  .brand { gap:8px; letter-spacing:.08em; }
  .brand img { width:30px; height:30px; }
  .hero { padding:48px 20px 76px; }
  .hero h1 { font-size:clamp(48px,12.5vw,66px); line-height:1.02; letter-spacing:-.065em; }
  .hero-intro { margin:20px 0 23px; font-size:13px; line-height:1.7; }
  .hero-actions { gap:9px; }
  .button { padding:13px 14px; gap:18px; font-size:11px; }
  .hero-proof { margin-top:27px; }
  .hero-visual { height:270px; margin:2px -5px 0; }
  .glass-orb { width:min(220px,66vw); }
  .orbital { width:100%; }
  .orbit-label { font-size:7px; letter-spacing:.09em; }
  .label-top { top:8%; left:2%; }
  .label-bottom { bottom:7%; right:1%; }
  .floating-chip { font-size:8px; padding:7px 9px; }
  .chip-a { top:15%; right:3%; }
  .chip-b { bottom:19%; left:2%; }
  .chip-c { bottom:5%; right:13%; }
  .hero-bottom { left:20px; right:20px; bottom:15px; }
  .section,.approach-section { padding:62px 20px; }
  .section-heading { margin-bottom:30px; }
  .heading-row h2,.approach-left h2 { font-size:clamp(36px,10vw,45px); }
  .section-summary { font-size:12px; line-height:1.7; }
  .service-card,.service-featured,.service-card:nth-child(4),.service-card:nth-child(5) { min-height:0; padding:20px; }
  .service-card h3 { margin-top:23px; font-size:18px; }
  .service-card p { font-size:12px; }
  .tags { margin-top:15px; }
  .approach-inner { gap:32px; }
  .step { grid-template-columns:30px 1fr 18px; gap:12px; padding:20px 0; }
  .step h3 { font-size:15px; }
  .contact-section { padding-top:62px; padding-bottom:65px; }
  .contact-heading h2 { font-size:clamp(48px,13vw,60px); }
  .contact-heading>p:last-child { margin-top:15px; }
  .proposal-form { padding:18px 14px; }
  .form-grid { gap:14px; }
  .form-grid input,.form-grid select,.form-grid textarea { font-size:12px; padding:12px 10px; }
  .submit-button { gap:12px; }
  .footer { padding:25px 20px 18px; }
  .footer-bottom { gap:12px; flex-wrap:wrap; line-height:1.6; }
}
@media (max-width:380px) {
  .nav-cta { padding:9px 8px; font-size:9px; }
  .brand { font-size:10px; }
  .menu-toggle { padding:4px; }
  .hero h1 { font-size:46px; }
  .hero-actions .button { gap:10px; padding:12px 11px; }
  .hero-visual { height:245px; }
  .glass-orb { width:195px; }
  .hero-bottom { font-size:6px; }
}
