@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--night:#100b27;--night2:#191039;--purple:#7517a4;--magenta:#df168f;--cyan:#17dce4;--ink:#1a1536;--muted:#665f78;--bg:#f7f5fb;--line:#e9e5ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em;margin:0}p{line-height:1.75}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:auto;padding:0 30px}.skip{position:absolute;left:-9999px;z-index:30}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem}.site-header{background:var(--night);border-bottom:1px solid #ffffff1a;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;gap:13px;align-items:center;color:white}.brand-mark{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.08em;font-size:28px;white-space:nowrap}.brand-mark .dot,.footer strong span{color:var(--magenta)}.brand-sub{font-size:9px;line-height:1.5;letter-spacing:.13em;font-weight:700;color:#d8c7f2;max-width:140px}.brand-sub span{display:block;color:#21d8e2}.nav-links{display:flex;align-items:center;gap:34px;color:#e3ddec;font-size:14px;font-weight:600}.nav-links>a:not(.nav-contact):hover{color:#37f0f5}.nav-contact{padding:12px 19px;border:1px solid #ab66d9;border-radius:10px}.nav-contact:hover{background:#3f205f}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 78% 55%,#51217a80,transparent 45%),radial-gradient(circle at 0% 0%,#45117b80,transparent 43%),var(--night);color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,#000 55%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.4;pointer-events:none}.hero-glow.one{height:170px;width:170px;background:#e81e96;left:7%;top:10%}.hero-glow.two{height:220px;width:220px;background:#0ac4e0;right:12%;bottom:5%;opacity:.25}.hero-grid{min-height:660px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:30px;position:relative;padding-top:75px;padding-bottom:85px}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.16em}.eyebrow{color:#b8f6f3;display:flex;align-items:center;gap:11px}.pulse,.status-dot{width:8px;height:8px;background:#25e8cf;border-radius:50%;display:inline-block;box-shadow:0 0 12px #25e8cfa0}.hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.06;max-width:660px;margin:24px 0}.hero h1 em,.contact h2 em{font-style:normal;background:linear-gradient(105deg,#fa3bad,#ac70fc 56%,#28edeb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;color:#c6bfd8;max-width:530px;margin-bottom:32px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:22px;padding:15px 21px;border-radius:11px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,#dd188f,#8228c3);box-shadow:0 12px 30px #b618a842;color:#fff}.btn.secondary{border:1px solid #615177;color:#fff}.btn.secondary:hover{background:#3a2256}.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.hero-chips span{font-size:11px;color:#c1b8d2;padding:8px 12px;background:#ffffff0a;border:1px solid #ffffff15;border-radius:100px}.hero-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #ba57d453;border-radius:50%;width:450px;height:450px;max-width:100%;transform:rotate(-20deg)}.orbit-b{width:380px;height:380px;border-color:#25d6e045;transform:rotate(30deg)}.logo-panel{position:relative;background:linear-gradient(145deg,#fff,#f8f4ff);border:8px solid #ffffff18;border-radius:25px;box-shadow:0 30px 80px #0008,0 0 60px #d4309226;width:min(100%,480px);overflow:hidden;transform:rotate(-3deg)}.logo-panel img{display:block;width:100%;height:auto}.floating-label{position:absolute;font-size:12px;font-weight:700;backdrop-filter:blur(10px);background:#302147df;border:1px solid #795b99;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 14px 30px #0004}.label-top{right:-12px;top:20px}.label-icon{color:#23f0ea}.label-bottom{left:-15px;bottom:25px;display:flex;align-items:center;gap:10px}.hero-bottom{position:relative;display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff1c;padding-top:20px;padding-bottom:20px;color:#b4a4c6;font-size:11px;letter-spacing:.2em;font-weight:700}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.kicker{color:#ac1b98;margin-bottom:15px}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.14;max-width:680px}.section h2 span{color:#8734b0}.section-head>p{max-width:335px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{position:relative;min-height:275px;background:white;border:1px solid var(--line);border-radius:17px;padding:31px 28px;box-shadow:0 8px 28px #24184006;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);border-color:#d7b5e6}.service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#f4e7fa;color:#8d1fb2;font-size:27px;margin-bottom:23px}.service-card h3{font-size:20px;max-width:240px}.service-card p{font-size:14px;color:var(--muted);margin:12px 0 20px}.service-index{color:#ae9db8;font-size:10px;letter-spacing:.1em;position:absolute;bottom:20px;right:24px}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-art{min-height:420px;background:radial-gradient(circle at 65% 22%,#ba1a91a1,transparent 35%),linear-gradient(130deg,#1b0e48,#38105e 70%,#0c3856);border-radius:22px;padding:17px;box-shadow:0 25px 65px #1c093c24;overflow:hidden}.art-inner{position:relative;border:1px solid #ffffff32;height:100%;min-height:386px;border-radius:12px;padding:40px;color:#fff;overflow:hidden}.art-inner>span{display:block;font:700 49px 'Space Grotesk',sans-serif;letter-spacing:-.07em}.art-inner .accent{color:#f23aaf}.art-inner small{display:block;font-size:10px;letter-spacing:.2em;color:#aadfe8}.art-inner strong{position:absolute;left:40px;bottom:36px;font:700 clamp(28px,3vw,40px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em}.art-lines{position:absolute;right:-15%;top:25%;width:85%;height:60%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,#24d6db45 23px 24px,transparent 25px 45px);transform:rotate(-22deg)}.about-copy>p{color:var(--muted);font-size:15px}.about-values{border-top:1px solid var(--line);margin-top:30px;padding-top:15px}.about-values div{display:flex;gap:15px;align-items:center;padding:13px 0;font-weight:700;font-size:14px;border-bottom:1px solid #eeeaf2}.about-values b{color:#d72096}.showcase{background:#f7f5fb}.showcase-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.showcase-card{overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 13px 40px #2418400d}.showcase-card img{width:100%;height:320px;object-fit:cover;object-position:center top;display:block}.showcase-info{padding:25px}.showcase-info h3{font-size:19px}.showcase-info p{margin:8px 0 0;color:var(--muted);font-size:14px}.contact{background:#f7f5fb;padding-top:15px}.contact-panel{background:radial-gradient(circle at 82% 100%,#6a2981aa,transparent 41%),linear-gradient(125deg,#211045,#120c2c);border-radius:22px;padding:65px;display:grid;grid-template-columns:1fr .8fr;gap:55px;color:#fff}.contact .kicker{color:#3de5e2}.contact h2{font-size:clamp(33px,4vw,52px)}.contact-copy p{max-width:510px;color:#cbc0d9;margin:20px 0 29px}.contact-info{border-left:1px solid #ffffff27;padding-left:52px;display:flex;flex-direction:column;justify-content:space-around;gap:30px}.contact-detail{display:flex;flex-direction:column;gap:12px}.info-label{font-size:11px;color:#beb1d0;letter-spacing:.16em;font-weight:700}.contact-detail a,.contact-detail strong{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(16px,1.9vw,22px);overflow-wrap:anywhere}.contact-detail a:hover{color:#4af0eb}.footer{background:#110c27;color:white;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer strong{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.07em}.footer small{display:block;font-size:9px;letter-spacing:.12em;color:#aaa0c1}.footer p{font-size:12px;line-height:1.9;color:#aaa0c1;text-align:center}.footer a{font-size:12px;color:#b9e8ec;font-weight:700}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:70px;gap:10px}.hero-copy{max-width:710px}.hero-visual{min-height:370px}.logo-panel{width:430px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.showcase-grid{grid-template-columns:1fr 1fr}.showcase-card:first-child{grid-column:span 2}.showcase-card:first-child img{height:360px}.contact-panel{gap:30px;padding:45px}.contact-info{padding-left:30px}}@media(max-width:650px){.container{padding-left:20px;padding-right:20px}.nav{min-height:70px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid #ffffff38;border-radius:9px;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{display:block;width:19px;height:2px;background:#fff}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#1a0f39;padding:23px 20px;flex-direction:column;align-items:stretch;gap:20px;border-top:1px solid #ffffff21}.nav-links.open{display:flex}.nav-contact{text-align:center}.hero-grid{padding-top:65px;padding-bottom:42px}.hero h1{font-size:clamp(38px,10vw,60px)}.hero-copy>p{font-size:15px}.hero-visual{min-height:280px}.orbit{width:280px;height:280px}.orbit-b{width:220px;height:220px}.logo-panel{width:90%}.floating-label{font-size:10px;padding:8px 11px}.label-top{right:0;top:0}.label-bottom{left:0;bottom:0}.hero-bottom{font-size:9px;gap:15px}.section{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:18px}.service-grid,.about-grid,.showcase-grid,.contact-panel{grid-template-columns:1fr}.service-card{min-height:235px}.about-art{min-height:315px}.art-inner{min-height:290px;padding:26px}.art-inner strong{left:26px;bottom:25px}.showcase-card:first-child{grid-column:auto}.showcase-card img,.showcase-card:first-child img{height:295px;object-fit:cover;object-position:center 20%}.showcase-card:nth-child(2) img,.showcase-card:nth-child(3) img{height:390px;object-fit:contain;background:#f4f0f9}.contact{padding-top:0}.contact-panel{padding:35px 24px;gap:40px}.contact-info{border-left:0;border-top:1px solid #ffffff27;padding:32px 0 0}.footer-inner{flex-direction:column;text-align:center}.footer p{order:3}.brand-mark{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
