:root{--ink:#080910;--panel:#10111a;--white:#f6f5ff;--muted:#a5a4b5;--violet:#8b68ff;--line:rgba(255,255,255,.11);--max:1240px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:radial-gradient(ellipse at 68% -15%,#281951 0,transparent 38rem),var(--ink);color:var(--white);font-family:Manrope,Inter,system-ui,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}
.mono,.eyebrow,.nav a,.index{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.eyebrow{display:flex;align-items:center;gap:11px;color:#c5b8ff}.eyebrow:before{content:"";height:1px;width:27px;background:linear-gradient(90deg,var(--violet),#53aaff)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(52px,8.2vw,112px);font-weight:600;margin:26px 0 25px}h2{font-size:clamp(37px,5.7vw,70px);font-weight:600;margin:18px 0 22px}h3{font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.08}.gradient{background:linear-gradient(105deg,#fff 14%,#c9bbff 54%,#8abaff 94%);background-clip:text;color:transparent}.muted{color:var(--muted)}.small{font-size:13px}
.header{position:fixed;z-index:30;top:15px;left:0;right:0;pointer-events:none}.navshell{pointer-events:auto;width:min(1320px,calc(100% - 32px));height:66px;margin:auto;padding:0 16px 0 21px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(10,10,17,.74);backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 50px #0005}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.06em}.brand-mark{width:29px;height:29px;border-radius:50%;background:conic-gradient(from 22deg,#58aaff,#713dff,#d085ff,#4b55fc,#58aaff);position:relative;box-shadow:0 0 26px #7956ff77}.brand-mark:after{content:"";position:absolute;inset:7px;border:2px solid var(--ink);border-radius:50%;opacity:.7}.nav{display:flex;align-items:center;gap:clamp(15px,2.5vw,34px)}.nav a{font-size:9px;letter-spacing:.08em;color:#d2d0df;transition:color .25s}.nav a:hover,.nav a[aria-current=page]{color:#bcaaff}.nav .nav-cta{font:600 11px Manrope,sans-serif;background:var(--violet);color:white;border-radius:11px;padding:13px 17px;letter-spacing:0;box-shadow:0 6px 22px #7956ff55}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:#ffffff08;width:42px;height:40px;font-size:19px}
.hero{min-height:min(850px,100svh);padding:152px 0 78px;position:relative;display:flex;align-items:center;isolation:isolate}.hero:after{content:"";position:absolute;width:60vw;height:56vw;max-width:700px;max-height:700px;right:-5%;top:8%;background:radial-gradient(ellipse,#42317966,transparent 67%);z-index:-1}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:2vw}.hero-copy{position:relative;z-index:2}.hero h1{max-width:790px}.hero-copy>p{max-width:570px;color:#b3b2c1;font-size:16px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 48px}.button{border:1px solid var(--line);display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:12px;padding:15px 21px;font-size:12px;font-weight:700;transition:transform .3s var(--ease),border-color .3s,background .3s;cursor:pointer}.button:hover{transform:translateY(-3px);border-color:#9581ff}.button.primary{border:0;background:linear-gradient(115deg,#7651f7,#9c67ff);box-shadow:0 9px 30px #6842dd50}.button .arrow{font-size:17px;line-height:10px}.hero-notes{display:flex;gap:29px;align-items:center}.hero-note{border-left:1px solid #ffffff24;padding-left:14px}.hero-note b{display:block;font-size:19px;letter-spacing:-.04em}.hero-note span{font-size:10px;color:#9594a3}
.orb-stage{height:min(620px,65vw);min-height:400px;display:grid;place-items:center;position:relative;perspective:950px;transform-style:preserve-3d}.orb-stage:before,.orb-stage:after{content:"";position:absolute;border:1px solid #ae9eff20;border-radius:50%;transform:rotateX(69deg) rotateZ(-18deg);width:96%;height:43%;box-shadow:0 0 70px #8354ff12}.orb-stage:after{width:76%;height:34%;transform:rotateX(69deg) rotateZ(18deg);border-color:#53b4ff24}.orb{width:min(410px,37vw);aspect-ratio:1;border-radius:50%;position:relative;isolation:isolate;transform-style:preserve-3d;animation:float 8s ease-in-out infinite;filter:drop-shadow(0 36px 40px #160e42aa)}.orb::before{content:"";position:absolute;inset:1%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff 0 1%,#bbccff 2%,transparent 14%),radial-gradient(ellipse at 68% 19%,#19baff 1%,transparent 20%),radial-gradient(ellipse at 32% 68%,#ff52da 1%,transparent 32%),radial-gradient(ellipse at 75% 73%,#6655ff 1%,transparent 36%),radial-gradient(circle at 48% 47%,#171572 8%,#111058 30%,#251484 49%,#7339c4 57%,#1624ac 68%,#070a30 77%);box-shadow:inset -23px -25px 47px #030510,inset 22px 20px 35px #91c1ff9c,0 0 75px #723dff66;z-index:-1}.orb::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 27% 23%,#ffffffa8 0 1.2%,transparent 10%),linear-gradient(139deg,#fff8,transparent 17% 66%,#34d7ff5c);mix-blend-mode:screen;opacity:.65}.orb-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:turn 24s linear infinite}.orb-svg .ribbon{fill:none;stroke-width:34;stroke-linecap:round;stroke:url(#chrome);filter:url(#glow)}.orb-svg .ribbon.thin{stroke-width:13;opacity:.9}.orbit-dot{position:absolute;top:14%;right:5%;width:34px;height:34px;border:1px solid #c0b5ff88;border-radius:50%;background:radial-gradient(circle at 33% 30%,white,#7a4dff 38%,#181536 78%);box-shadow:0 0 27px #8b68ff99;animation:float 5s ease-in-out infinite reverse}.orbit-dot.two{width:13px;height:13px;top:78%;left:11%;background:#66dcff;box-shadow:0 0 25px #66dcff}.orb-label{position:absolute;bottom:5%;right:2%;font:9px 'DM Mono';letter-spacing:.14em;color:#aaa5c1}.scrollhint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font:9px 'DM Mono';letter-spacing:.2em;color:#7e7d8b;display:flex;align-items:center;gap:12px}.scrollhint:after{content:"";height:28px;width:1px;background:linear-gradient(var(--violet),transparent);position:absolute;top:22px;left:50%}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#ffffff03}.ticker-inner{display:flex;align-items:center;gap:45px;width:max-content;animation:marquee 35s linear infinite;padding:18px 0;color:#aaa8b9;font:10px 'DM Mono';letter-spacing:.14em}.ticker b{color:#c8baff;font-weight:400}.section{padding:120px 0;position:relative}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:43px}.section-head>p{max-width:370px;margin-bottom:4px;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff08,#ffffff02 62%);border-radius:19px;padding:27px;position:relative;overflow:hidden;transition:transform .35s var(--ease),border-color .35s,background .35s;transform-style:preserve-3d}.card:hover{transform:translateY(-7px) rotateX(1deg);border-color:#8b68ff77;background:linear-gradient(145deg,#8b68ff17,#ffffff03 62%)}.card p{color:#aaa9b9;font-size:13px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:47px}.iconbox{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#a287ff26,#54aaff12);border:1px solid #b49bff33;color:#c9b9ff;font-size:19px}.index{color:#777588}.service-card h3{margin-bottom:12px}.service-card>a{font-size:11px;color:#b9a6ff}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project{min-height:370px;border-radius:22px;overflow:hidden;position:relative;border:1px solid var(--line);background:#11121c}.project-art{position:absolute;inset:0;overflow:hidden}.project-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090910 0%,#090910bb 22%,transparent 67%)}.project-meta{position:absolute;z-index:2;left:25px;right:25px;bottom:23px;display:flex;align-items:end;justify-content:space-between}.project-meta h3{margin:8px 0 0}.project-meta .mono{color:#c4b5ff}.art-aurora{background:radial-gradient(ellipse at 56% 40%,#e7f2ff 0 1%,#96daff 3%,#7069ff 18%,transparent 42%),radial-gradient(ellipse at 73% 24%,#e05bff 1%,transparent 25%),linear-gradient(125deg,#08283a,#151333 48%,#302257)}.art-aurora:after{content:"AURA";position:absolute;top:16%;left:12%;font-size:clamp(70px,12vw,170px);font-weight:800;letter-spacing:-.12em;color:#ffffff17}.art-forms{background:radial-gradient(ellipse at 65% 55%,#ffbf9b 0 4%,#d873a9 11%,transparent 29%),radial-gradient(ellipse at 50% 40%,#6753cb,transparent 45%),linear-gradient(120deg,#352445,#17111f)}.art-forms:after{content:"FORMA";position:absolute;top:20%;left:12%;font-size:clamp(64px,11vw,150px);font-weight:800;letter-spacing:-.1em;color:#f2c7e43c;transform:rotate(-8deg)}.art-atlas{background:radial-gradient(ellipse at 50% 52%,#2bbba5 1%,#0b786d 19%,transparent 44%),linear-gradient(145deg,#091c22,#123d43)}.art-atlas:after{content:"ATLAS";position:absolute;top:24%;left:9%;font-size:clamp(70px,10vw,130px);font-weight:800;letter-spacing:-.13em;color:#98e8c930}.art-nova{background:radial-gradient(circle at 60% 55%,#f7ac54 0 2%,#ff4b9b 14%,transparent 44%),linear-gradient(135deg,#20102c,#151329)}.art-nova:after{content:"NOVA";position:absolute;top:24%;left:12%;font-size:clamp(73px,12vw,150px);font-weight:800;letter-spacing:-.12em;color:#ffd0e63b}
.statement{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.statement h2{max-width:770px;margin-top:0}.statement p{color:var(--muted);max-width:550px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:52px}.metric{padding:22px 16px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric b{font-size:30px;letter-spacing:-.06em}.metric span{display:block;font-size:11px;color:#9694a5}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}.step{padding:20px 14px;border-top:1px solid #7451ef;position:relative}.step:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#ae91ff;box-shadow:0 0 12px #8b68ff}.step .index{color:#a68eff}.step h3{font-size:18px;margin:20px 0 11px}.step p{font-size:11px;color:#9a99a8}.price-card{border:1px solid var(--line);border-radius:20px;padding:29px;background:linear-gradient(145deg,#151521,#0f1017)}.price-card.featured{border-color:#8362ff;box-shadow:0 0 60px #7654ff16;transform:translateY(-8px)}.price-card .price{font-size:40px;letter-spacing:-.06em;margin:22px 0}.price-note{font-size:10px;color:#888798}
.quote-band{border:1px solid #9a83ff3e;border-radius:23px;padding:52px;background:radial-gradient(ellipse at 100% 0,#583b9c55,transparent 60%),linear-gradient(135deg,#171520,#11111a);display:flex;justify-content:space-between;gap:35px;align-items:center}.quote-band h2{font-size:clamp(34px,4.5vw,58px);margin:14px 0}.quote-band p{max-width:490px;color:var(--muted);margin:0}
.page-hero{padding:185px 0 76px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-4%;top:26%;background:radial-gradient(circle,#6c4dff25,transparent 69%);pointer-events:none}.page-hero h1{font-size:clamp(53px,8vw,98px);max-width:900px}.page-hero p{font-size:16px;max-width:680px;color:var(--muted);line-height:1.8}.page-content{padding:85px 0 120px}.content-intro{max-width:760px;margin-bottom:50px}.content-intro p{color:#aaa9b9;line-height:1.9}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{padding:25px;border:1px solid var(--line);border-radius:16px;background:#ffffff04}.feature .index{color:#a58fff}.feature h3{font-size:20px;margin:18px 0 10px}.feature p{font-size:12px;color:var(--muted);margin:0}
.faq-list{max-width:850px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:22px 0;background:none;border:0;font-size:16px;cursor:pointer}.faq-q span{color:#a68cff;font-size:20px;transition:transform .25s}.faq-a{display:none;max-width:700px;color:var(--muted);font-size:13px;padding:0 35px 22px 0}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-info{border-right:1px solid var(--line);padding-right:50px}.contact-method{padding:18px 0;border-bottom:1px solid var(--line)}.contact-method .mono{color:#a891ff}.contact-method b{display:block;margin-top:8px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font:9px 'DM Mono';letter-spacing:.1em;color:#aaa8b9;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:13px 14px;color:var(--white);font:13px Manrope;outline:none}.field select option{background:#11121c}.field input:focus,.field textarea:focus,.field select:focus{border-color:#967cff}.field textarea{min-height:115px;resize:vertical}.form-status{grid-column:1/-1;color:#c8baff;font-size:12px;min-height:22px}.legal-copy{max-width:800px;color:#aaa9b9}.legal-copy h2{font-size:28px;margin-top:42px}.legal-copy h3{font-size:20px;margin-top:30px}.legal-copy p{font-size:13px;line-height:1.9}
.footer{border-top:1px solid var(--line);padding:55px 0 25px;background:#08090e}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:45px}.footer-top p{max-width:320px;color:#9998a7;font-size:12px;margin:13px 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:28px}.footer-links a{display:block;color:#b2b0c0;font-size:11px;padding:5px 0}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#777687;font-size:10px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0) rotateX(-5deg) rotateY(7deg)}50%{transform:translateY(-17px) rotateX(4deg) rotateY(-8deg)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.wrap{width:min(var(--max),calc(100% - 38px))}.hero{min-height:auto;padding:150px 0 80px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{max-width:720px}.orb-stage{height:450px;min-height:0;margin-top:-6px}.orb{width:min(370px,75vw)}.section{padding:85px 0}.grid-3{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.steps{grid-template-columns:repeat(3,1fr);row-gap:28px}.statement{grid-template-columns:1fr;gap:10px}.contact-grid{grid-template-columns:1fr}.contact-info{border:0;padding:0}.price-card.featured{transform:none}}
@media(max-width:680px){.navshell{height:58px;padding:0 10px 0 15px}.brand{font-size:17px}.brand-mark{width:26px;height:26px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:#101019f5;backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 8px;font-size:11px}.nav .nav-cta{text-align:center;margin-top:8px}.hero{padding:132px 0 45px}.hero h1{font-size:clamp(48px,15vw,73px);margin:21px 0}.hero-copy>p{font-size:14px}.actions{margin:24px 0 32px}.hero-notes{gap:12px}.hero-note{padding-left:9px}.hero-note b{font-size:17px}.hero-note span{font-size:9px}.orb-stage{height:335px}.orb{width:min(300px,78vw)}.section{padding:72px 0}.section-head{display:block}.section-head>p{margin-top:16px}.grid-3,.work-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.card{padding:22px}.card-top{margin-bottom:30px}.project{min-height:310px}.steps{grid-template-columns:1fr 1fr}.quote-band{padding:30px;display:block}.quote-band .button{margin-top:25px}.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.footer-top{display:block}.footer-links{margin-top:28px;gap:10px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.page-hero{padding:147px 0 52px}.page-hero h1{font-size:clamp(49px,14vw,72px)}.page-content{padding:60px 0 80px}.feature-list{grid-template-columns:1fr}.brief-form{grid-template-columns:1fr}.field.full{grid-column:auto}.form-status{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
