@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#05060e;--white:#f7f4ff;--soft:#b5acc9;--violet:#a85bff;--magenta:#f336fa;--cyan:#32dfff;--blue:#4a6dff;--line:#6c57a454;--radius:24px;}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:#05060e;color:var(--white);font:15px/1.65 Inter,system-ui,'Segoe UI',sans-serif;overflow-x:hidden}
button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
::selection{background:#9737ff;color:white}[hidden]{display:none!important}
.skip{position:fixed;left:-999px;top:10px;z-index:200;background:var(--cyan);color:#000;padding:9px}
.skip:focus{left:15px}
.site-glow{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 48% 35% at 90% 10%,#42246047,transparent),radial-gradient(ellipse 45% 50% at -18% 50%,#14225165,transparent),#05060e}
.header{height:90px;max-width:1800px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:0 clamp(19px,4vw,70px);background:#080814d6;backdrop-filter:blur(20px);border-bottom:1px solid #a849fe2c;position:sticky;top:0;z-index:40;box-shadow:0 10px 40px #0005}
.header:after{content:'';position:absolute;bottom:-1px;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,#9b34fd 24%,#2bdaff 63%,transparent);opacity:.5}
.branding{display:flex;align-items:center;gap:13px;min-width:258px}
.branding .shield{width:61px;height:61px;object-fit:contain;filter:drop-shadow(0 0 17px #9a3ffcaa)}
.branding span{display:flex;flex-direction:column;line-height:1.25}.branding small{color:#ceb4f9;font-size:9px;letter-spacing:.31em;font-weight:800}
.branding strong{font-weight:850;letter-spacing:.06em;font-size:17px}.branding i{font-style:normal;color:#a578ff}
.navigation{display:flex;gap:6px;align-items:center;justify-content:center;flex:1}
.navigation a{padding:11px 15px;border-radius:12px;color:#c5bbda;font-weight:650;font-size:12px;transition:.2s}
.navigation a:hover,.navigation a.current{background:#9d4dff1d;color:#fff;box-shadow:inset 0 -2px #ae64ff;border:1px solid #bd76ff3a;padding:10px 14px}
.header-actions{display:flex;gap:12px;align-items:center}
.sound-btn{display:flex;gap:8px;align-items:center;white-space:nowrap;border:1px solid #5d477b;border-radius:12px;padding:10px 12px;background:#0f1121;color:#b9a7d7;font-size:11px}
.sound-btn span:first-child{font-size:15px;color:#62e1ff;text-shadow:0 0 12px #3eacff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;border-radius:12px;padding:13px 21px;border:1px solid #8a60b0;color:#f6efff;font-weight:800;font-size:12px;letter-spacing:.01em;transition:transform .22s,box-shadow .22s}
.button:hover{transform:translateY(-3px);text-decoration:none}
.button span{font-size:18px}
.button-primary{background:linear-gradient(125deg,#9a3bf5,#6535e6 55%,#285bde);border-color:#c27aff;box-shadow:inset 0 1px 0 #ffe7ff8c,inset 0 -2px #5129a3,0 16px 32px -14px #ab26ffbb,0 0 20px #a738fa35}
.button-primary:hover{box-shadow:inset 0 1px #fff8,0 20px 37px -13px #c52effc7,0 0 23px #ae29fa44}
.button-glass{background:linear-gradient(140deg,#231934bc,#0c1629db);border-color:#a379c580;box-shadow:inset 0 1px #fff2,inset 0 -2px #39aeff48,0 16px 27px -18px #a430ee8a}
.mobile-menu{display:none}
.hero{min-height:770px;max-width:2000px;margin:0 auto;position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 46%,#38205875,transparent 47%),linear-gradient(155deg,#080b1a,#130b26 65%,#080813)}
.hero-smoke{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.33;mix-blend-mode:screen;pointer-events:none;z-index:-2}
.hero-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080818d9 8%,#0c0921b6 36%,#09081785 85%),linear-gradient(0deg,#090715 1%,transparent 35%,#07081479 100%)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 47% 43% at 90% 34%,#6634cc45,transparent 87%);z-index:-1}
.hero-frame{position:absolute;inset:24px max(15px,3vw) 34px;pointer-events:none;border:1px solid #8f55f53e;border-radius:25px;box-shadow:0 0 70px #921aff0b,inset 0 0 100px #a43aff0b}
.hero-frame:after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#8e42fa 20%,#fc5cfb 57%,#52d6ff 87%,transparent);box-shadow:0 0 22px #a947ff,0 0 33px #bd4eff}
.hero-inner{width:100%;max-width:1580px;margin:auto;padding:95px 5.7% 86px;min-height:730px;display:grid;grid-template-columns:51% 49%;gap:0;align-items:center;position:relative}
.glass-hero{z-index:3;padding:30px 0 44px 12px;position:relative}
.glass-hero:before{content:'';position:absolute;width:460px;height:430px;left:-90px;top:28px;border-radius:50%;background:radial-gradient(ellipse,#9b32ff29,transparent 70%);filter:blur(30px);z-index:-1}
.eyebrow{display:flex;gap:11px;align-items:center;font-weight:800;font-size:10px;letter-spacing:.25em;color:#d7b1ff}
.eyebrow-line{height:1px;max-width:38px;flex:1;background:linear-gradient(90deg,#af5eff,transparent)}
.star{font-size:18px;color:#c161ff;text-shadow:0 0 14px #db40ff}
.hero h1{font-size:clamp(47px,5vw,83px);line-height:1.035;letter-spacing:-.065em;margin:28px 0 26px;font-weight:900;text-shadow:0 7px 30px #0009}
.hero h1 span{background:linear-gradient(120deg,#c5a4ff 5%,#ca83ff 40%,#986aff 90%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 18px #a643fe58)}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#cbadff 64%,#64c9ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .lead{font-size:clamp(17px,1.5vw,21px);max-width:610px;font-weight:600;line-height:1.55;color:#ede7fa}
.hero .copy{max-width:500px;color:#c3b8d6;font-size:14px;margin:15px 0 30px}
.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}
.hero-cred{display:flex;gap:12px;align-items:center;color:#bea7da;font-size:10px;letter-spacing:.11em;margin-top:40px}
.hero-cred b{font-size:9px;color:#8b93bb}.lightning{border:1px solid #9b4dff8c;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#5edbfa;font-size:27px;box-shadow:0 0 21px #9b4dff3b}
.hero-world{position:relative;min-width:0;min-height:560px;display:flex;align-items:center;justify-content:center;perspective:1000px}
.halo{position:absolute;left:6%;right:-9%;top:5%;bottom:3%;border:1px solid #7a3eec35;border-radius:50%;transform:rotate(-18deg)}
.halo-one{box-shadow:inset 0 0 54px #b23ef41b,0 0 120px #8d3bdf39}
.halo-two{left:20%;right:6%;top:16%;bottom:15%;border-color:#36aafa3b;transform:rotate(19deg)}
.world-picture{position:relative;width:min(100%,680px);aspect-ratio:1.18;border:1px solid #b051f5a8;border-radius:20px;background:#0d0d1dd9;padding:9px;box-shadow:0 0 0 1px #b53aff24,0 0 90px #8f29ff42,0 55px 66px -47px #d841f7,inset 0 0 25px #a644ef29;transform:perspective(1100px) rotateY(-6deg) rotateX(2deg);transition:transform .35s ease;overflow:hidden;isolation:isolate}
.world-picture:after{content:'';position:absolute;inset:0;border-radius:20px;pointer-events:none;background:linear-gradient(124deg,#ffffff27,transparent 22%,transparent 65%,#a450ff1b 100%);box-shadow:inset 0 0 2px #fff}
.world-picture img{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block;filter:saturate(1.3) contrast(1.12);opacity:.95}
.scanline{position:absolute;left:2%;right:2%;height:2px;top:42%;background:linear-gradient(90deg,transparent,#40dfffaa,transparent);opacity:.3;box-shadow:0 0 22px #3bcbff}
.picture-foot{position:absolute;left:15px;bottom:15px;right:15px;display:flex;justify-content:space-between;gap:5px;align-items:center;background:#070a17c8;border:1px solid #895ec370;border-radius:8px;padding:12px 13px;letter-spacing:.11em;font-size:10px;backdrop-filter:blur(12px)}
.picture-foot b{color:#5bd9f7;font-size:9px}
.world-hud{position:absolute;z-index:5;top:4%;left:0;background:#121127ec;border:1px solid #a351e3a1;border-radius:9px;padding:9px 15px;font-size:10px;letter-spacing:.16em;box-shadow:0 0 28px #a350ff32}
.world-hud small{display:block;color:#9caac6;letter-spacing:.08em;margin-left:17px;margin-top:3px}
.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3eeacf;box-shadow:0 0 8px #3eeacf;margin-right:8px}
.float-tag{display:flex;align-items:center;gap:10px;position:absolute;z-index:7;background:linear-gradient(130deg,#21143fea,#111f40ea);border:1px solid #a45bf7ad;border-radius:13px;box-shadow:0 17px 38px #0009,0 0 25px #8a4ff947,inset 0 1px #fffb;padding:13px 15px;backdrop-filter:blur(18px)}
.float-tag>span{font-size:28px;color:#57dcff}
.float-tag b{display:block;font-size:10px;letter-spacing:.06em}.float-tag small{display:block;font-size:9px;color:#abb7d4;margin-top:3px}
.float-tag-one{left:-20px;bottom:15%}.float-tag-two{right:-30px;top:18%}
.scroll-prompt{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.18em;color:#ad9dbf}
.scroll-prompt span{font-size:18px;color:#ab5aff}
.marquee{border-top:1px solid #8354f67a;border-bottom:1px solid #6c3bf858;background:linear-gradient(90deg,#170f31,#151529,#10112d);overflow:hidden;box-shadow:0 -4px 24px #9036ff32,0 12px 35px #000a}
.marquee-track{white-space:nowrap;min-width:max-content;animation:marquee 37s linear infinite;padding:18px 0;font-size:12px;letter-spacing:.21em;font-weight:850;color:#d5ccf7}
.marquee-track b{color:#58dfff;margin:0 35px}
@keyframes marquee{to{transform:translateX(-35%)}}
.section{max-width:1600px;margin:0 auto;padding:112px clamp(24px,5vw,80px);position:relative}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:39px}
.section-heading>div{flex:2}.section-heading p{max-width:385px;flex:1;font-size:14px;color:#b5b0c8;margin:0 0 6px}
.section-eyebrow{font-size:11px;color:#a976f7;letter-spacing:.22em;margin-bottom:10px}
.section h2{font-size:clamp(32px,3.8vw,56px);line-height:1.12;letter-spacing:-.045em;margin:15px 0;font-weight:900}
.section h2 span{background:linear-gradient(100deg,#b671ff,#eb68f8,#4dcbfa);background-clip:text;color:transparent}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.service-card{min-height:400px;position:relative;border:1px solid #6a47a9a1;border-radius:19px;overflow:hidden;background:#111026;box-shadow:inset 0 1px #f4caff32,inset 0 -2px #7e36ec,0 27px 40px -32px #a847ff,0 0 40px #a638ff10;transition:transform .25s ease,border-color .25s}
.service-card:hover{border-color:#d06cff;box-shadow:inset 0 1px #fff5,inset 0 -3px #ce3fff,0 25px 46px -29px #c440ff}
.service-card video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.66;filter:saturate(1.25) contrast(1.12)}
.service-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0709133d,#0c0b2291 38%,#070916fa 85%),linear-gradient(125deg,#3010534a,transparent)}
.service-cyan{border-color:#197ef9a3;box-shadow:inset 0 -2px #19c8fe,0 20px 32px -30px #19cafa}
.service-blue{border-color:#3c77f9a3}
.service-inner{position:relative;z-index:2;padding:22px;height:100%;min-height:400px;display:flex;flex-direction:column}
.service-index{font-size:9px;font-weight:850;letter-spacing:.15em;color:#d2bfff}
.service-icon{font-size:40px;color:#e1a9ff;text-shadow:0 0 22px #a83bff;margin:auto 0 20px}
.service-cyan .service-icon{color:#54e7ff;text-shadow:0 0 19px #11bdff}
.service-inner h3{font-size:clamp(21px,2.15vw,29px);line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}
.service-inner h3 em{display:block;font-style:normal;color:#be81ff}
.service-cyan h3 em,.service-blue h3 em{color:#6bdcff}
.service-inner p{color:#c1bbdc;font-size:12px;line-height:1.6;min-height:70px}
.service-inner a{display:flex;justify-content:space-between;border-top:1px solid #7651ba7c;padding-top:16px;font-size:11px;color:#e5d9ff;font-weight:800;margin-top:12px}
.manifesto{max-width:none;background:linear-gradient(90deg,#090b1a,#171026 55%,#100a1f);border-top:1px solid #6635c152;border-bottom:1px solid #6635c152;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:500px;padding-left:max(7vw,35px);padding-right:max(8vw,35px)}
.manifesto-light{position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 80% 48%,#6b24e947,transparent);pointer-events:none}
.manifesto-content{max-width:680px;position:relative;z-index:2}
.manifesto-content p{font-size:16px;max-width:560px;color:#c9bedb;line-height:1.8}
.manifesto-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.manifesto-badges span{padding:11px 13px;border:1px solid #8b56dc7a;border-radius:9px;color:#d5c3f2;background:#2415446e;font-size:10px;font-weight:800;letter-spacing:.04em}
.manifesto-orbit{width:min(34vw,420px);height:min(34vw,420px);position:relative;display:grid;place-items:center;margin-right:5%}
.manifesto-orbit img{width:55%;object-fit:contain;filter:drop-shadow(0 0 28px #a64dff9c)}
.orbit-one,.orbit-two{position:absolute;inset:1%;border:1px solid #bb60ff95;border-radius:50%;box-shadow:inset 0 0 33px #d82cfe24,0 0 39px #ad39ff26;transform:rotateX(68deg) rotate(-20deg)}
.orbit-two{inset:9%;border-color:#46caffb0;transform:rotateY(69deg) rotate(36deg)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.project-card{border:1px solid #53468e;border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#18122e,#0c1427);box-shadow:inset 0 -2px #ab45ff62,0 30px 45px -39px #d23aff;transition:transform .25s}
.project-art{height:300px;display:grid;place-items:center;position:relative;overflow:hidden}
.project-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#fff2,transparent 32%,transparent 74%,#65cdff11)}
.art-bam{background:radial-gradient(ellipse at 70% 14%,#804dff60,transparent 65%),linear-gradient(145deg,#090e27,#192860)}
.art-yasmin{background:radial-gradient(ellipse at 80% 10%,#d86aff64,transparent 55%),linear-gradient(150deg,#1b1033,#552551)}
.art-lavilla{background:radial-gradient(ellipse at 35% 0%,#69c6ff53,transparent 65%),linear-gradient(150deg,#081b2c,#093342)}
.art-device{width:80%;height:78%;padding:24px;border:1px solid #d3b5ff8e;border-radius:15px;background:linear-gradient(135deg,#241841bd,#091626e9);box-shadow:18px 24px 40px #0007,0 0 22px #a349ff35,inset 0 1px #fff3;transform:rotate(-3deg)}
.art-device span{font-size:9px;letter-spacing:.28em;color:#cda7ff;font-weight:800}
.art-device b{font-size:clamp(22px,2.4vw,35px);line-height:1.1;display:block;margin-top:34px}
.art-gadgets{display:flex;gap:10px;margin-top:18px}
.art-gadgets i{height:45px;width:35px;border:1px solid #7ea6ff;border-radius:7px;background:linear-gradient(160deg,#2544a9,#0c162d);box-shadow:0 8px 14px #0007}
.art-streak{height:5px;margin-top:35px;width:60%;background:linear-gradient(90deg,#d176ff,#57c8ff);box-shadow:0 0 20px #dc65ff}
.art-horizon{height:56px;margin-top:24px;background:linear-gradient(130deg,transparent 20%,#66b3db80 35%,#7fcbe595 45%,transparent 70%);clip-path:polygon(0 100%,12% 30%,35% 55%,58% 2%,75% 28%,100% 0%,100% 100%)}
.project-copy{padding:23px}
.project-copy span{font-size:9px;letter-spacing:.14em;color:#6dcbed;font-weight:800}
.project-copy h3{font-size:22px;margin:6px 0 9px}
.project-copy p{font-size:12px;color:#bdafce;margin:0}
.portfolio-more{display:flex;align-items:center;gap:19px;justify-content:center;margin-top:33px;flex-wrap:wrap}
.portfolio-more small{font-size:11px;color:#988cab}
.affiliate{padding-top:30px}
.affiliate-glass{min-height:335px;position:relative;display:flex;align-items:center;overflow:hidden;border:1px solid #aa53fa87;border-radius:24px;padding:40px clamp(30px,6vw,90px);background:linear-gradient(120deg,#170f37,#161331 58%,#091528);box-shadow:inset 0 2px #c380f36a,inset 0 -3px #b43eff,0 38px 48px -38px #b332ff}
.affiliate-glass:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#ffffff12,transparent 20%,transparent 75%,#9f31ff20);pointer-events:none}
.affiliate-glass>div{position:relative;z-index:2}
.affiliate-glass p{color:#c2b5db;max-width:510px;margin-bottom:20px}
.affiliate-mark{position:absolute;right:6%;top:-40%;font-size:430px;color:#944aff32;text-shadow:0 0 120px #8f2bff5c;line-height:1}
.contact{text-align:center;padding-top:110px;padding-bottom:120px}
.contact h2{font-size:clamp(37px,4.4vw,66px)}
.contact p{max-width:600px;margin:0 auto 33px;color:#c1b6d4}
.big-contact{font-size:14px;padding:17px 24px}
.contact-trace{font-weight:800;letter-spacing:.18em;color:#806da0;font-size:9px;margin-top:50px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #704db452;background:#080713;padding:25px max(4vw,25px);font-size:11px;color:#9889b4}
.footer-brand img{width:150px;height:auto;object-fit:contain}
.footer a:last-child{color:#b98df9}
.toast{position:fixed;right:23px;bottom:25px;background:#1c1640;color:#fff;padding:12px 17px;border:1px solid #b76aff;border-radius:13px;box-shadow:0 17px 25px #000a;z-index:100}
[data-reveal]{opacity:0;transform:translateY(21px);transition:opacity .6s,transform .6s}
[data-reveal].visible{opacity:1;transform:translateY(0)}
.motion-paused *{animation-play-state:paused!important;transition:none!important}
.motion-paused [data-reveal]{opacity:1!important;transform:none!important}
@media(max-width:1400px){.navigation a{padding:9px}.branding{min-width:216px}.brand strong{font-size:15px}.hero-inner{padding-inline:4.5%}.float-tag-two{right:0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card,.service-inner{min-height:360px}}
@media(max-width:1100px){.navigation{display:none;position:absolute;top:90px;right:20px;left:20px;flex-direction:column;align-items:stretch;background:#120d29;border:1px solid #9150ff;padding:12px;border-radius:15px;box-shadow:0 20px 50px #000b}.navigation.open{display:flex}.mobile-menu{display:grid;place-items:center;height:39px;width:42px;border:1px solid #70449e;border-radius:9px;background:#1b1635;color:white;font-size:21px}.hero-inner{padding:50px 4% 95px;grid-template-columns:1fr 1fr}.hero h1{font-size:54px}.float-tag{padding:9px}.float-tag-two{right:-6px}}
@media(max-width:780px){.header{height:75px}.branding{min-width:0}.branding .shield{width:44px;height:44px}.branding strong{font-size:12px}.branding small{font-size:7px}.header-cta{display:none}.sound-btn{padding:8px;font-size:10px}.navigation{top:75px}.hero-inner{grid-template-columns:1fr;gap:10px;padding:55px 23px 100px;min-height:0}.hero{min-height:0}.hero h1{font-size:clamp(47px,10vw,66px)}.hero-world{min-height:480px}.world-picture{width:min(94%,560px)}.float-tag-two{right:0}.float-tag-one{left:0}.hero-frame{inset:12px 10px 20px}.scroll-prompt{bottom:30px}.section{padding:80px 24px}.section-heading{display:block}.section-heading p{margin-top:10px}.portfolio-grid{grid-template-columns:1fr}.project-art{height:260px}.manifesto-orbit{position:absolute;right:-80px;top:15%;width:290px;height:290px;opacity:.4}.manifesto{padding:65px 24px}.manifesto-content{z-index:2}.footer{flex-wrap:wrap}}
@media(max-width:520px){.header{padding:0 12px}.branding{gap:6px}.branding small{letter-spacing:.1em}.branding strong{font-size:11px}.sound-btn span:last-child{display:none}.hero-inner{padding:45px 19px 90px}.hero h1{font-size:clamp(42px,11vw,56px)}.hero .lead{font-size:16px}.eyebrow{font-size:8px;letter-spacing:.12em}.eyebrow-line{display:none}.hero-buttons .button{width:100%}.hero-world{min-height:370px}.world-hud{top:6%;left:0;font-size:7px}.world-picture{aspect-ratio:1.15}.float-tag{display:none}.picture-foot{font-size:7px;left:8px;right:8px;bottom:8px;padding:7px}.picture-foot b{font-size:7px}.service-grid{grid-template-columns:1fr}.service-card,.service-inner{min-height:350px}.marquee-track{font-size:10px}.section h2{font-size:35px}.manifesto-badges{gap:5px}.manifesto-badges span{font-size:8px;padding:8px}.affiliate-glass{padding:35px 23px}.footer-brand img{max-width:125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}