*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f5f5f0;font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#080808e8;backdrop-filter:blur(18px);z-index:20}.logo{font-family:"Space Grotesk";font-weight:700;letter-spacing:-.04em;color:#fff;text-decoration:none;font-size:18px}.logo span:first-child{color:#A855F7}.logo span:last-child{color:#A855F7;margin-left:3px}.nav{display:flex;gap:30px;align-items:center}.nav a{color:#aaa;text-decoration:none;font-size:14px}.nav a:hover{color:#A855F7}.nav-cta{border:1px solid #ffffff22;padding:11px 16px;border-radius:30px;color:#fff!important}.menu-btn{display:none;background:none;border:0}.hero{min-height:calc(100vh - 82px);padding:7vw 6vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;letter-spacing:.18em;color:#9a9a9a;font-weight:700}.hero h1{font:700 clamp(58px,8vw,125px)/.86 "Space Grotesk";letter-spacing:-.075em;margin:22px 0 30px;max-width:850px}.hero h1 em,.section h2 span,.process-title span{color:#A855F7;font-style:normal}.hero-text{max-width:560px;color:#a9a9a9;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:13px;margin-top:35px}.btn{display:inline-flex;gap:25px;align-items:center;text-decoration:none;border-radius:50px;padding:15px 20px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.btn-primary{background:#A855F7;color:#080808}.btn-ghost{color:#fff;border-color:#ffffff22}.btn-light{background:#fff;color:#080808}.hero-art{height:570px;position:relative;display:grid;place-items:center}.magic-card{width:min(410px,70vw);height:500px;border:1px solid #ffffff2a;border-radius:240px 240px 25px 25px;background:linear-gradient(145deg,#151515,#0b0b0b);box-shadow:0 0 100px #A855F714;display:flex;flex-direction:column;justify-content:space-between;padding:28px;transform:rotate(6deg);position:relative;z-index:2}.magic-top,.magic-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#8d8d8d}.magic-word{font:700 95px/.8 "Space Grotesk";letter-spacing:-.09em;transform:rotate(-90deg);color:#A855F7;margin-left:-55px}.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:540px;height:540px}.orbit-2{width:700px;height:700px;border-color:#A855F712}.floating-pill{position:absolute;z-index:3;padding:12px 16px;border:1px solid #ffffff22;border-radius:30px;background:#111c;color:#ddd;font-size:11px;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(10px)}.pill-1{top:18%;left:0}.pill-2{right:3%;top:42%}.pill-3{bottom:10%;left:10%}.glow-a,.glow-b{position:absolute;border-radius:50%;filter:blur(80px);opacity:.14}.glow-a{width:350px;height:350px;background:#A855F7;right:8%;top:10%}.glow-b{width:250px;height:250px;background:#7435ff;left:5%;bottom:0}.marquee{overflow:hidden;border-block:1px solid #ffffff12;white-space:nowrap;padding:17px 0;color:#777;font:600 13px "Space Grotesk";letter-spacing:.12em}.marquee div{display:inline-block;animation:scroll 25s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:120px 6vw}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:45px}.section h2{font:700 clamp(48px,6.5vw,94px)/.9 "Space Grotesk";letter-spacing:-.07em;margin:0}.about-copy{max-width:600px}.lead{font-size:25px;line-height:1.35}.about-copy p:not(.lead){color:#999;line-height:1.8}.text-link,.contact-links a{display:inline-block;color:#A855F7;text-decoration:none;margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff18;margin-top:100px}.stats div{padding:28px 15px;border-right:1px solid #ffffff18}.stats div:last-child{border:0}.stats strong{display:block;font:700 45px "Space Grotesk"}.stats span{font-size:12px;color:#777}.services{background:#0d0d0d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:45px 0}.section-head p{max-width:300px;color:#888;line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:410px;border:1px solid #ffffff14;padding:25px;display:flex;flex-direction:column;background:#111;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:#A855F750}.service-card.featured{background:#A855F7;color:#080808}.service-card .num{font-size:11px;color:#777}.featured .num{color:#555}.icon{font-size:35px;margin:55px 0 25px}.service-card h3{font:600 25px "Space Grotesk";margin:0 0 12px}.service-card p{color:#888;line-height:1.6;font-size:14px}.featured p{color:#333}.service-card a{margin-top:auto;color:inherit;text-decoration:none;font-weight:700;font-size:13px}.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.project{background:#121212}.project:nth-child(3){grid-column:1/-1}.project-art{min-height:420px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.project-art:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#A855F7;right:-100px;bottom:-120px;filter:blur(2px);opacity:.9}.project-b .project-art:after{background:#6537ff}.project-c .project-art:after{background:#ff6b35}.project-art span{font-size:11px;letter-spacing:.18em;color:#999;position:relative;z-index:1}.project-art strong{font:700 clamp(45px,7vw,100px)/.82 "Space Grotesk";letter-spacing:-.08em;position:relative;z-index:1}.project-meta{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #ffffff12;color:#999;font-size:12px}.process{background:#A855F7;color:#080808}.process .section-label{color:#555}.process-title{margin:45px 0 70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps>div{border-top:1px solid #08080855;padding-top:18px}.steps b{font-size:11px}.steps h3{font:600 28px "Space Grotesk"}.steps p{color:#333;line-height:1.5}.cta{text-align:center;padding:150px 6vw;position:relative;overflow:hidden;background:#111}.cta h2{font:700 clamp(52px,8vw,110px)/.88 "Space Grotesk";letter-spacing:-.08em;margin:25px 0 40px}.cta h2 em{color:#A855F7;font-style:normal}.cta-shape{position:absolute;width:500px;height:500px;border:1px solid #A855F720;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.cta>*:not(.cta-shape){position:relative;z-index:1}.contact-grid h2{margin-bottom:30px}.contact-grid>div>p{color:#888;max-width:470px;line-height:1.7}.contact-links{display:flex;flex-direction:column;gap:2px}.contact-links a{margin:0}.contact-form{display:grid;gap:18px}.contact-form label{font-size:11px;letter-spacing:.1em;color:#777}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;background:#111;border:1px solid #ffffff16;padding:15px;color:#fff;font:inherit;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#A855F780}.form-note{color:#A855F7;font-size:12px}footer{padding:30px 6vw;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:12px}footer a{color:#888;text-decoration:none}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.menu-btn span{display:block;width:26px;height:1px;background:#fff;margin:6px}.nav.open{display:flex;position:absolute;top:82px;left:0;right:0;padding:25px 6vw;background:#0b0b0b;flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:480px}.service-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.about-grid,.contact-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.project:nth-child(3){grid-column:auto}}@media(max-width:600px){.hero h1{font-size:58px}.hero-art{height:390px}.magic-card{height:340px}.magic-word{font-size:70px}.orbit{width:360px;height:360px}.orbit-2{width:440px;height:440px}.section{padding:80px 6vw}.section-head{display:block}.service-grid,.steps{grid-template-columns:1fr}.stats{margin-top:60px}.stats strong{font-size:35px}.project-art{min-height:320px}.cta{padding:100px 6vw}footer{flex-direction:column;gap:15px}.hero-actions{flex-wrap:wrap}}

.logo{display:flex;align-items:center;gap:10px}
.logo img{width:38px;height:38px;object-fit:contain}
.logo>span{font-family:"Space Grotesk";font-weight:700;letter-spacing:-.04em;color:#fff}
.logo>span span{color:#A855F7;margin-left:3px}
@media(max-width:600px){.logo img{width:34px;height:34px}}

/* Enhanced motion + portfolio */
.hero-copy h1{animation:heroIn 1s cubic-bezier(.2,.8,.2,1) both}
.hero-text{animation:heroIn .9s .12s cubic-bezier(.2,.8,.2,1) both}
.hero-actions{animation:heroIn .9s .22s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.magic-card{animation:floatCard 6s ease-in-out infinite}
@keyframes floatCard{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-14px)}}
.floating-pill{animation:floatPill 4s ease-in-out infinite}
.pill-2{animation-delay:1s}.pill-3{animation-delay:2s}
@keyframes floatPill{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.service-card .icon{transition:transform .4s}
.service-card:hover .icon{transform:rotate(15deg) scale(1.15)}
.project{overflow:hidden}
.project-art{transition:transform .6s}
.project:hover .project-art{transform:scale(1.025)}
.project-link{position:absolute;right:25px;bottom:25px;z-index:3;color:#080808;background:#fff;padding:10px 14px;border-radius:30px;text-decoration:none;font-size:11px;font-weight:700;opacity:0;transform:translateY(10px);transition:.3s}
.project:hover .project-link{opacity:1;transform:none}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:50px;background:#A855F7;color:#080808;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 12px 40px #0008;transition:.25s}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.02)}
.wa-icon{font-size:22px;line-height:1}
.form-note{min-height:18px}
@media(max-width:600px){.whatsapp-float{right:16px;bottom:16px;padding:13px}.whatsapp-float span:last-child{display:none}.project-link{opacity:1;transform:none}}

/* ELECTRIC PURPLE THEME */
:root{
  --accent:#A855F7;
  --accent-bright:#C084FC;
  --black:#080808;
  --white:#FFFFFF;
}
.hero-glow.glow-a{background:#A855F7}
.glow-b{background:#5B21B6}
.magic-card{box-shadow:0 0 110px #A855F720}
.marquee{color:#8e8e8e}
.btn-primary{box-shadow:0 8px 30px #A855F726}
.whatsapp-float{box-shadow:0 12px 40px #0008}

/* Form status text appears only after a submission attempt. */