*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#100b19;color:#fff5fa;font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ffb479;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 7%;border-bottom:1px solid #ffffff20;gap:20px;background:#140d20}.brand{font-weight:800;letter-spacing:2px}.brand b{color:#ff83bc;margin-right:10px}nav{display:flex;gap:24px;font-size:14px;flex-wrap:wrap}nav a:hover,.secondary:hover{color:#ff99ca}main{max-width:1400px;margin:auto;padding:0 6%}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;background:radial-gradient(ellipse at 75% 50%,#59244955,transparent 65%)}.eyebrow{color:#ff9acb;font-size:12px;letter-spacing:3px;font-weight:800}h1{font-size:clamp(55px,7vw,102px);line-height:1;letter-spacing:-.06em;margin:25px 0}em{font-style:normal;background:linear-gradient(100deg,#ff77b7,#e38aff,#ffb479);background-clip:text;color:transparent}.lead{color:#d3c1d7;max-width:510px;font-size:19px}.cta{display:inline-block;background:linear-gradient(100deg,#f58bc7,#ffb479);color:#241020;font-weight:800;padding:14px 23px;border-radius:10px;margin-top:16px}.secondary{display:inline-block;padding:14px}.visual{position:relative;padding:2px;border-radius:24px;background:linear-gradient(135deg,#f27dbb,#9254c7,#ffb479);box-shadow:0 0 65px #e45e9b33}.visual img{display:block;width:100%;border-radius:22px}section:not(.hero){padding:75px 0;border-top:1px solid #ffffff20}h2{font-size:clamp(32px,5vw,55px);line-height:1.1;margin:15px 0;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}article,.review{background:linear-gradient(145deg,#29162e,#1a1126);border:1px solid #e58bb342;border-radius:18px;padding:28px;transition:transform .25s,border-color .25s}article:hover{transform:translateY(-5px);border-color:#ff99ca}.cardtop{display:flex;align-items:center;justify-content:space-between}.symbol{font-size:30px;color:#ff9acb;background:#f48bc71a;border-radius:12px;width:52px;height:52px;display:inline-grid;place-items:center}small{color:#bfa6c4}article h3{margin-bottom:6px}article p,.review p,.contact p{color:#d3c1d7}article a,.review a{color:#ffb479;font-size:14px;font-weight:700}.review{max-width:680px;margin-top:28px}.contact{padding:45px;border-radius:24px;background:radial-gradient(ellipse at right,#68334c,#25152e);border:1px solid #ff9acb44}footer{padding:30px 7%;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#c9badb}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.hero{gap:24px;min-height:540px}}@media(max-width:650px){header,footer{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:45px 0;gap:28px}.cards{grid-template-columns:1fr}.contact{padding:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;min-height:680px}.ecosystem{position:relative;isolation:isolate;width:100%;aspect-ratio:1;container-type:inline-size;background:radial-gradient(circle,#a54b8540,transparent 65%);overflow:hidden}.ecosystem .visual{position:absolute;left:50%;top:47%;width:49%;transform:translate(-50%,-50%);z-index:2;border-radius:18px}.ecosystem .visual img{border-radius:16px}.orbit-ring{position:absolute;left:50%;top:47%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e68cff66;border-radius:50%;box-shadow:0 0 25px #ec80bc25,inset 0 0 25px #ec80bc15}.orbit-ring.inner{width:64%;border-style:dashed;opacity:.6}.orbit{position:absolute;left:50%;top:47%;width:0;height:0;animation:orbit 32s linear infinite;z-index:3}.satellite{position:absolute;transform:rotate(calc(var(--i)*60deg)) translateX(38cqw) rotate(calc(var(--i)*-60deg));width:0;height:0}.platform{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:4px;transform:translate(-50%,-50%);animation:counter 32s linear infinite;color:white;font-size:clamp(9px,2.2cqw,13px);font-weight:700;white-space:nowrap}.platform svg{width:clamp(32px,10cqw,60px);height:clamp(32px,10cqw,60px);padding:clamp(6px,1.8cqw,11px);box-sizing:border-box;background:var(--brand);border-radius:25%;box-shadow:0 0 20px color-mix(in srgb,var(--brand),transparent 35%);border:1px solid #ffffff55}.platform span{background:#160e22dd;padding:1px 6px;border-radius:6px}.signal{position:absolute;z-index:4;background:#21152ef0;border:1px solid #f58bc788;border-radius:10px;padding:7px 10px;font-size:clamp(9px,2.2cqw,13px);box-shadow:0 5px 20px #0005;animation:signal 9s ease-in-out infinite;opacity:0;pointer-events:none}.s1{left:3%;top:24%}.s2{right:1%;top:65%;animation-delay:3s}.s3{left:8%;top:72%;animation-delay:6s}.demo-label{position:absolute;bottom:7%;width:100%;text-align:center;color:#d3a7ce;font-size:clamp(8px,1.8cqw,11px);letter-spacing:1.5px}.motion-toggle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#25152e;color:#fbd6ee;border:1px solid #ffffff40;border-radius:20px;padding:5px 12px;cursor:pointer;font:inherit;font-size:11px;white-space:nowrap}.paused *{animation-play-state:paused!important}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes counter{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes signal{0%,38%,100%{opacity:0;transform:translateY(8px)}10%,28%{opacity:1;transform:translateY(0)}}article:hover{box-shadow:0 0 30px #ec80bc25}article:hover .symbol{background:#f48bc744}@media(max-width:750px){.hero{grid-template-columns:1fr;min-height:auto;padding:40px 0;gap:15px}.ecosystem{max-width:560px;margin:auto}}@media(prefers-reduced-motion:reduce){.ecosystem *{animation:none!important}.signal{display:none}.motion-toggle{display:none}}

.ecosystem .visual{background:none;box-shadow:none;padding:0;text-align:center;display:grid;justify-items:center;gap:6px;width:52%;}.ecosystem .visual img{width:85%;border-radius:0;filter:drop-shadow(0 0 17px #f878b966)}.visual strong{font-size:clamp(11px,3.3cqw,21px);letter-spacing:1.3px;white-space:nowrap;color:#fff0f8}.visual small{font-size:clamp(7px,1.65cqw,11px);letter-spacing:1.2px;color:#ffb9db;white-space:nowrap}.platform[title="Instagram"] svg{background:radial-gradient(circle at 25% 100%,#ffdc80,#fcaf45 20%,#f77737 35%,#e1306c 55%,#833ab4 80%,#405de6)}.platform[title="WhatsApp"] svg{background:#25d366}.platform[title="YouTube"] svg{background:#ff0033}.platform[title="Facebook"] svg{background:#1877f2}.platform svg{padding:clamp(7px,2cqw,12px)}
/* V3: separate animation and status zones */
.ecosystem{aspect-ratio:1 / 1.12;overflow:visible;background:radial-gradient(circle at 50% 43%,#a54b8540,transparent 60%)}.ecosystem:before{content:"";position:absolute;inset:3% 0 20%;background-image:radial-gradient(circle,#ffc4e7aa 1px,transparent 1.5px);background-size:47px 53px;opacity:.25;mask-image:radial-gradient(ellipse,#000,transparent 75%);pointer-events:none}.orbit,.orbit-ring,.ecosystem .visual{top:43%}.orbit-ring{width:70%;border-color:#ec8ad977;box-shadow:0 0 22px #ec80bc30,inset 0 0 22px #ec80bc20}.orbit-ring.inner{width:61%}.satellite{transform:rotate(calc(var(--i)*60deg)) translateX(35cqw) rotate(calc(var(--i)*-60deg))}.ecosystem .visual{width:51%;gap:9px}.ecosystem .visual img{width:86%;filter:drop-shadow(0 6px 8px #0007) drop-shadow(0 0 20px #f878b966)}.visual strong{font-size:clamp(12px,3.7cqw,24px);letter-spacing:.7px}.visual small{font-size:clamp(8px,2cqw,13px);letter-spacing:1px}.platform svg{width:11cqw;height:11cqw;max-width:65px;max-height:65px;padding:2.4cqw;border-radius:24%;box-shadow:0 5px 12px #0008,0 0 20px color-mix(in srgb,var(--brand),transparent 45%);border:1px solid #ffffff65}.platform span{font-size:clamp(9px,2cqw,12px)}.signal-strip{position:absolute;top:83%;left:0;width:100%;height:30px;display:grid;place-items:center}.signal-strip span{grid-area:1/1;opacity:0;animation:signal 9s ease-in-out infinite;border:1px solid #f58bc766;border-radius:20px;padding:4px 12px;background:#25152e;color:#ffd1ea;font-size:clamp(10px,2.1cqw,13px)}.signal-strip span:nth-child(2){animation-delay:3s}.signal-strip span:nth-child(3){animation-delay:6s}.demo-label{bottom:6%;font-size:clamp(8px,1.8cqw,11px)}.motion-toggle{bottom:0}.hero{padding-bottom:20px}@media(prefers-reduced-motion:reduce){.signal-strip span{display:none}.signal-strip span:first-child{display:block;opacity:1}}

/* V4 sections only */
.pillrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.pillrow span{border:1px solid #f58bc766;border-radius:30px;padding:9px 17px;color:#f7c6e5}.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.cards article{grid-column:span 2;position:relative;overflow:hidden;min-height:245px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--accent),transparent 82%),transparent 65%),#1d1328}.cards article:nth-child(1),.cards article:nth-child(2),.cards article:nth-child(9),.cards article:nth-child(10){grid-column:span 3}.cardtop{align-items:flex-start}.service-art{width:88px;height:88px;filter:drop-shadow(0 0 9px currentColor);transition:transform .3s}.cards article:hover .service-art{transform:translateY(-5px) rotate(-5deg)}.cards article h3{font-size:21px}.showcase,.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.sample,.steps>div{border:1px solid #e58bb342;border-radius:18px;padding:22px;background:#21152d}.samplevisual{height:190px;border-radius:12px;display:grid;place-content:center;justify-items:center;gap:12px;background:radial-gradient(circle,#774169,#25152e);text-align:center}.sample1 .samplevisual{background:linear-gradient(135deg,#4b236b,#161b38)}.sample2 .samplevisual{background:linear-gradient(135deg,#163c56,#231831)}.sample3 .samplevisual{background:linear-gradient(135deg,#6d354b,#2b1732)}.samplevisual strong{letter-spacing:2px}.sample small{display:block;margin-top:15px}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}.steps p{color:#d3c1d7}.review{max-width:none}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.contact label{display:grid;gap:8px;color:#f9d9eb;font-size:14px}.contact input,.contact select,.contact textarea{width:100%;box-sizing:border-box;background:#180f23;color:#fff;border:1px solid #f58bc766;border-radius:9px;padding:12px;font:inherit}.contact .wide{grid-column:1/-1}.contact button{border:0;cursor:pointer;font:inherit;font-weight:700}.footer4{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer4 a{display:block;margin:10px 0}.copyright{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:20px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards article:nth-child(n){grid-column:span 1}.steps.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cards,.showcase,.steps,.steps.four,.contact form,.footer4{grid-template-columns:1fr}.contact .wide{grid-column:auto}.footer4 .copyright{grid-column:auto}}

/* V5 creative studio */
header{position:sticky;top:0;z-index:30;background:rgba(20,13,30,.94);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}section{scroll-margin-top:90px}#about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.studio{height:300px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#68375b66,transparent 70%);perspective:800px}.studio-screen{position:relative;width:76%;height:72%;padding:20px;border:2px solid #b67ad2;border-radius:16px;background:linear-gradient(145deg,#39254f,#171426);box-shadow:12px 20px 0 #22182e,0 0 45px #c46bc34d;transform:rotateY(-13deg) rotateX(8deg);display:flex;flex-direction:column;align-items:center;gap:8px}.studio-screen img{width:35%;height:70px}.studio-screen strong{font-size:22px}.studio-screen small{font-size:9px;letter-spacing:2px}.studio-bars{display:flex;align-items:end;gap:7px;height:40px}.studio-bars i{width:16px;height:40%;background:linear-gradient(#ff9dcb,#9564ed);border-radius:3px}.studio-bars i:nth-child(2){height:60%}.studio-bars i:nth-child(3){height:50%}.studio-bars i:nth-child(4){height:85%}.studio-bars i:nth-child(5){height:100%}.studio-float{position:absolute;background:#3d2353;border:1px solid #e99be8;padding:14px;border-radius:12px;text-align:center;font-size:13px;box-shadow:0 10px 30px #0007;animation:studiofloat 4s ease-in-out infinite}.sf1{left:0;top:24%}.sf2{right:0;bottom:17%;animation-delay:-2s}@keyframes studiofloat{50%{transform:translateY(-10px)}}.art-object{position:relative;width:104px;height:90px;display:grid;place-items:center;isolation:isolate;transition:transform .3s}.art-object:before{content:'';position:absolute;inset:8px 12px 12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent),#fff 30%),color-mix(in srgb,var(--accent),#221331 65%));border-radius:20px;transform:rotate(-9deg) skewY(5deg);box-shadow:7px 9px 0 color-mix(in srgb,var(--accent),#171021 78%),0 10px 25px #0006;z-index:-1}.art-object .service-art{width:60px;height:60px;stroke:#fff;filter:drop-shadow(2px 3px 2px #0008)}.art-spark{position:absolute;right:0;top:0;color:var(--accent);font-style:normal}.cards article:hover .art-object{transform:translateY(-9px) rotate(4deg)}.samplevisual{height:245px!important;position:relative;overflow:hidden;display:flex!important;align-items:center;justify-content:center;gap:12px;perspective:700px}.poster,.identity-sheet,.web-mock,.edit-mock{width:66%;padding:16px;border-radius:9px;box-shadow:8px 14px 25px #0007;transform:rotate(-5deg);position:relative}.poster{background:#f4c38d;color:#4c271d}.poster b,.web-mock b,.edit-screen b{font-size:clamp(20px,3vw,34px);line-height:1.05;display:block;margin:10px 0}.poster small,.poster span{font-size:8px}.coffee{font-size:52px;text-align:right}.mini-phone,.mobile-mock{width:25%;background:#fff1dc;color:#4c271d;padding:10px;border:5px solid #25202c;border-radius:15px;transform:rotate(8deg);box-shadow:5px 10px 20px #0008;font-size:11px}.mini-phone div{font-size:36px;background:#efc28c;text-align:center;margin:8px 0}.identity-sheet{background:#f7e9f5;color:#34213e;text-align:center}.identity-sheet img{display:block;width:55%;height:85px;margin:auto}.identity-sheet b{display:block}.identity-sheet small{font-size:8px}.swatches{display:flex;justify-content:center;margin:10px}.swatches i{width:22px;height:22px;background:#d762aa}.swatches i:nth-child(2){background:#a46cdb}.swatches i:nth-child(3){background:#ffb88c}.business-card{background:#291a3e;color:#ffb3d9;padding:14px;position:absolute;right:5%;bottom:12%;transform:rotate(12deg);box-shadow:5px 8px 12px #0007}.business-card small{font-size:7px}.web-mock{background:#e6eee9;color:#143c39}.web-mock div{background:#a7c6b7;padding:12px;margin:8px 0}.web-mock span{font-size:9px}.web-mock i{display:inline-block;width:28%;height:25px;background:#7da99c;margin:2px}.mobile-mock{background:#d9e9e2;color:#143c39}.mobile-mock b{display:block;margin:14px 0}.mobile-mock i{display:block;height:45px;background:#7da99c}.edit-mock{width:85%;background:#191622;color:white}.edit-screen{background:linear-gradient(135deg,#e97078,#6935a8);padding:12px;display:flex;justify-content:space-between;align-items:center}.edit-screen span{font-size:25px}.edit-track{display:flex;gap:3px;margin-top:8px}.edit-track i{height:12px;background:#8e6ae8;flex:1;border-radius:2px}.edit-track.second i{background:#e781b6}.why-icon{font-size:32px;color:#f59bd6;margin-bottom:12px}.journey{position:relative}.journey:before{content:'';position:absolute;top:24px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#f78acb,#a98aff,#ffab85);transform:scaleX(0);transform-origin:left;transition:transform 1s}.in-view .journey:before{transform:scaleX(1)}.journey>div{position:relative;margin-top:48px}.journey>div:before{content:'';position:absolute;top:-32px;left:50%;width:15px;height:15px;border-radius:50%;background:#f8a3d3;box-shadow:0 0 18px #f8a3d3;transform:translateX(-50%)}.floating-chat{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:30px;background:#16794a;color:white;text-decoration:none;box-shadow:0 8px 30px #0007;font-weight:700}.floating-chat svg{width:22px;height:22px}.reveal{transition:opacity .65s,transform .65s}.reveal:not(.in-view){opacity:.45;transform:translateY(15px)}@media(max-width:760px){#about{grid-template-columns:1fr;gap:10px}.studio{height:250px}.journey:before,.journey>div:before{display:none}.journey>div{margin-top:0}.samplevisual{height:210px!important}.floating-chat span{display:none}.floating-chat{padding:13px;right:12px;bottom:12px}header{position:relative}}@media(prefers-reduced-motion:reduce){.studio-float{animation:none}.reveal,.journey:before{transition:none;transform:none;opacity:1!important}}