:root{--bg:#090a0c;--surface:#141519;--gold:#ebb64b;--gold2:#ffdf91;--text:#f7f4ec;--muted:#a6a8af;--line:rgba(255,255,255,.10);--white:#fff;--radius:20px;--width:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;inset:0 0 auto;height:880px;background:radial-gradient(ellipse at 73% 35%,rgba(222,152,37,.075),transparent 43%);pointer-events:none;z-index:0}::selection{background:#dbab52;color:#0b0c0e}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(var(--width),calc(100% - 80px));margin:auto}.section{padding:116px 0;position:relative}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk','DM Sans',sans-serif}p{line-height:1.7}.eyebrow,.mini-label{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--gold);text-transform:uppercase}.mini-label{font-size:10px;letter-spacing:.16em}.announcement{min-height:38px;display:flex;align-items:center;justify-content:center;gap:11px;padding:8px 20px;background:linear-gradient(90deg,#241a0e,#16130f 46%,#241a0e);border-bottom:1px solid rgba(235,182,75,.13);font-size:11px;font-weight:700;letter-spacing:.035em;color:#dfd3bd;position:relative;z-index:20}.announcement a{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:800;margin-left:8px}.announcement-pulse,.gold-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(235,182,75,.12),0 0 13px rgba(235,182,75,.7)}.main-header{position:sticky;top:0;z-index:40;background:rgba(9,10,12,.84);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.055)}.nav-wrap{height:86px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:7px;min-width:225px}.brand img{width:68px;height:65px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(237,173,45,.07))}.brand span{display:flex;flex-direction:column;gap:3px}.brand strong{font:700 17px 'Space Grotesk',sans-serif;letter-spacing:.055em;white-space:nowrap}.brand em{font-style:normal;color:var(--gold)}.brand small{color:#929297;font-weight:800;font-size:8px;letter-spacing:.14em;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:31px;margin:auto}.nav-links a{color:#adafb7;font-size:12px;font-weight:700;transition:.2s;white-space:nowrap}.nav-links a:hover,.footer-col a:hover{color:var(--gold)}.nav-cta{border:1px solid rgba(235,182,75,.48);color:var(--gold2);font-size:12px;font-weight:800;padding:14px 18px;border-radius:8px;display:flex;gap:12px;align-items:center;white-space:nowrap;transition:.25s}.nav-cta:hover{background:rgba(235,182,75,.12)}.menu-toggle{display:none;background:transparent;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--text);margin:5px 0}.hero{position:relative;min-height:680px;display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center;padding-top:73px;padding-bottom:104px;isolation:isolate}.hero-glow{position:absolute;pointer-events:none;z-index:-1;width:470px;height:470px;right:-65px;top:100px;border-radius:50%;background:radial-gradient(circle,rgba(238,174,57,.12),transparent 69%);filter:blur(40px)}.hero-copy{position:relative;z-index:3}.hero-eyebrow{display:inline-flex;align-items:center;gap:13px;padding:10px 14px;border:1px solid rgba(237,184,84,.20);background:rgba(206,151,38,.06);border-radius:5px;font-size:10px;letter-spacing:.16em}.hero h1{font-size:clamp(43px,4.55vw,68px);line-height:1.105;letter-spacing:-.063em;font-weight:700;margin:28px 0 23px;max-width:780px}.gold-type{background:linear-gradient(120deg,#ffe9ad 3%,var(--gold) 44%,#a87520 77%,#ffe3a0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{max-width:545px;font-size:15px;color:#abb0b8;line-height:1.85;margin:0 0 32px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:9px;min-height:52px;padding:0 21px;font-size:12px;font-weight:800;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(110deg,#ffdc8d,#e0a63a 85%);color:#17120c;box-shadow:0 8px 32px rgba(216,149,40,.13)}.btn-gold:hover{box-shadow:0 10px 32px rgba(216,149,40,.27)}.btn-outline{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.18);color:#e3e3e5}.btn-outline:hover{border-color:var(--gold)}.down-arrow{font-size:19px;color:var(--gold)}.hero-highlights{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:39px}.hero-highlights span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#9da1a8;white-space:nowrap}.hero-highlights svg{color:var(--gold)}.hero-art{height:525px;position:relative;perspective:1000px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;inset:36px 16px;border:1px dashed rgba(235,182,75,.14);border-radius:50%;transform:rotate(-25deg)}.art-orbit-two{inset:90px 63px;border-style:solid;border-color:rgba(235,182,75,.10);transform:rotate(30deg)}.mock-browser{width:min(100%,520px);height:364px;background:linear-gradient(150deg,#1c1e24,#111216 65%);border:1px solid rgba(255,226,149,.28);box-shadow:0 22px 80px rgba(0,0,0,.7),0 0 0 8px rgba(255,255,255,.018),0 0 74px rgba(221,151,39,.095);border-radius:16px;overflow:hidden;transform:rotateY(-8deg) rotateX(4deg) rotateZ(-3deg);position:relative;z-index:2}.mock-browser:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.10),transparent 30%)}.mock-top{height:42px;background:linear-gradient(90deg,#202127,#18191d);border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;padding:0 17px}.mock-dots{display:flex;gap:5px}.mock-dots i{height:7px;width:7px;border-radius:50%;background:#5d5350}.mock-dots i:nth-child(2){background:#9b7a43}.mock-dots i:nth-child(3){background:#3d5649}.mock-domain{font-size:9px;font-weight:700;color:#aaa4a0;letter-spacing:.07em;background:#111216;padding:5px 38px;border-radius:5px}.mock-menu{color:#aaa8a5;letter-spacing:2px}.mock-content{display:flex;height:calc(100% - 42px)}.mock-side{width:62px;flex:0 0 62px;background:linear-gradient(#17181c,#101115);border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:19px}.mock-side-logo{font:800 18px 'Space Grotesk',sans-serif;color:#f8e4bc}.mock-side-logo span{color:var(--gold)}.mock-side-bar{width:23px;height:7px;background:#393a3d;border-radius:2px}.mock-side-bar.active{background:var(--gold)}.mock-side-bottom{height:22px;width:22px;border-radius:50%;margin-top:auto;margin-bottom:22px;background:#494136}.mock-main{padding:32px 30px;flex:1;min-width:0}.mock-tiny{font-size:10px;letter-spacing:.24em;color:var(--gold);font-weight:800}.mock-big{font:700 26px/1.17 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin-top:13px;max-width:330px}.mock-sub{font-size:10px;color:#9d9da5;margin-top:8px}.mock-tiles{display:grid;grid-template-columns:1.16fr .86fr .86fr;gap:10px;margin-top:24px}.mock-tile{height:130px;overflow:hidden;border:1px solid #353338;border-radius:9px;background:linear-gradient(148deg,#25232a,#17171a);padding:12px;position:relative}.mock-tile.tall{background:linear-gradient(135deg,#61431f,#251f1b 72%);border-color:#81612b}.tile-icon{display:flex;color:var(--gold2)}.mock-tile b{font-size:11px;display:block;margin-top:11px}.mock-tile small{font-size:8px;color:#a3a2a6;display:block;margin-top:3px}.tile-lines{position:absolute;display:flex;align-items:end;gap:6px;bottom:10px;right:10px}.tile-lines i{width:6px;background:#e4af4e;border-radius:2px;height:17px}.tile-lines i:nth-child(2){height:32px}.tile-lines i:nth-child(3){height:23px}.tile-wave{position:absolute;border-top:2px solid #987642;border-radius:50%;width:130px;height:40px;bottom:-12px;left:5px;transform:rotate(-17deg)}.tile-ring{position:absolute;right:-8px;bottom:-23px;width:69px;height:69px;border:10px solid rgba(235,182,75,.30);border-left-color:#e6b557;border-radius:50%}.art-float{position:absolute;z-index:4;backdrop-filter:blur(20px);border:1px solid rgba(241,197,108,.28);background:rgba(35,33,30,.83);box-shadow:0 18px 40px rgba(0,0,0,.4)}.float-top{top:36px;right:0;padding:13px 16px;border-radius:8px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.10em;font-weight:800;color:#eee5d5}.float-top svg{color:var(--gold)}.float-bottom{bottom:28px;left:2px;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:11px}.float-check{display:flex;align-items:center;justify-content:center;height:32px;width:32px;background:#3b3020;color:var(--gold);border-radius:8px}.float-bottom b{font-size:12px;display:block}.float-bottom small{font-size:9px;color:#aaa5a3;margin-top:4px;display:block}.art-star{position:absolute;color:var(--gold);text-shadow:0 0 27px rgba(250,187,64,.65)}.star-a{top:74px;left:28px;font-size:24px}.star-b{bottom:65px;right:3px;font-size:45px}.brand-strip{padding:26px 0 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);overflow:hidden}.strip-heading{display:flex;justify-content:center;align-items:center;gap:21px;color:#939398;font-size:10px;letter-spacing:.23em;font-weight:800;margin-bottom:31px;text-align:center}.strip-line{height:1px;width:64px;background:linear-gradient(90deg,transparent,#665332)}.strip-line:last-child{transform:rotate(180deg)}.logo-marquee{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);overflow:hidden}.logo-track{display:flex;align-items:center;width:max-content;animation:scroll-logos 31s linear infinite}.logo-track:hover{animation-play-state:paused}.logo-unit{min-width:178px;margin-right:18px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a3a3a8;filter:grayscale(1);opacity:.86;transition:.25s}.logo-unit:hover{filter:none;opacity:1;color:var(--gold)}.logo-unit strong{font:700 19px 'Space Grotesk',sans-serif;letter-spacing:-.035em;white-space:nowrap}.logo-unit img{width:auto;max-width:145px;height:46px;object-fit:contain}.logo-symbol{font-size:18px;color:#af8b52}@keyframes scroll-logos{to{transform:translateX(-50%)}}.section-head{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:43px}.section-head h2,.about-copy h2,.faq-intro h2,.quote-copy h2{font-size:clamp(31px,3.4vw,48px);letter-spacing:-.058em;line-height:1.14;margin:16px 0 0;max-width:660px}.section-head p{max-width:340px;font-size:13px;color:var(--muted);margin:0 0 5px}.services-section{background:radial-gradient(ellipse at 90% 0,rgba(229,163,51,.035),transparent 45%)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:32px 29px 26px;min-height:352px;background:linear-gradient(145deg,#1c1d21,#111215);border:1px solid #292a2e;border-radius:15px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.3s}.service-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:.3s}.service-card:hover{transform:translateY(-5px);border-color:rgba(226,171,70,.47);box-shadow:0 14px 48px rgba(0,0,0,.28)}.service-card:hover:before{opacity:1}.service-card-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:45px}.service-icon{display:flex;align-items:center;justify-content:center;width:59px;height:59px;color:var(--gold);border:1px solid rgba(230,170,69,.26);background:rgba(230,170,69,.08);border-radius:12px}.service-index{font:600 11px 'Space Grotesk',sans-serif;color:#606168}.service-card h3{font-size:24px;letter-spacing:-.045em;line-height:1.2;margin:10px 0 9px}.service-card p{font-size:12px;line-height:1.8;color:#a6a6af;margin:0 0 24px}.service-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#e2d7c2;margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:17px}.service-link span{color:var(--gold)}.banner-statement{padding:45px 0;border-block:1px solid rgba(234,177,79,.13);background:radial-gradient(ellipse at center,#2a2118,#171310 70%,#110e0b)}.statement-content{display:flex;gap:35px;align-items:center;justify-content:center}.statement-content p{text-align:center;font:500 clamp(18px,2.25vw,30px)/1.5 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0;color:#f2e7d6}.statement-content strong{color:var(--gold)}.statement-spark{font-size:23px;color:var(--gold)}.process-section{padding-bottom:125px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.process-item{position:relative;padding-right:18px}.process-number{font:700 55px/1 'Space Grotesk',sans-serif;letter-spacing:-.09em;color:#3c3730;-webkit-text-stroke:1px #87693d}.step-line{display:block;height:1px;background:linear-gradient(90deg,var(--gold),rgba(255,255,255,.1));margin:24px 0 26px;position:relative}.step-line:before{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;background:var(--gold);border-radius:50%}.process-item h3{font-size:19px;margin-bottom:10px;letter-spacing:-.035em}.process-item p{font-size:12px;line-height:1.8;color:var(--muted);max-width:230px}.projects-section{background:linear-gradient(180deg,#111215,#0c0d0f);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{overflow:hidden}.project-image{height:247px;border:1px solid rgba(255,255,255,.1);border-radius:13px;position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 28% 24%,#7b5b41,#1c1b1e 75%)}.project-style-1{background:radial-gradient(circle at 22% 23%,#52645d,#151f20 75%)}.project-style-2{background:radial-gradient(circle at 17% 23%,#56556e,#191922 75%)}.project-image>img{width:100%;height:100%;object-fit:cover;transition:.4s}.project-card:hover .project-image>img{transform:scale(1.05)}.project-ui{width:82%;height:209px;background:#f0ede6;border:6px solid #242326;border-bottom:0;border-radius:10px 10px 0 0;box-shadow:0 10px 42px rgba(0,0,0,.7);transform:rotate(-4deg) translateY(18px);transition:.3s}.project-card:hover .project-ui{transform:rotate(-1deg) translateY(7px)}.project-style-1 .project-ui{background:#e9eee6;transform:rotate(3deg) translateY(18px)}.project-style-2 .project-ui{background:#252631;transform:rotate(-3deg) translateY(18px)}.ui-head{height:25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.11);padding:0 14px;color:#444;font-size:8px}.project-style-2 .ui-head{color:#fff;border-color:#424252}.ui-head span{letter-spacing:3px;font-size:6px}.ui-body{padding:22px 21px}.ui-kicker{font-size:6px;letter-spacing:.2em;color:#b58c55;display:block}.ui-body strong{font:700 19px/1.1 'Space Grotesk',sans-serif;color:#222;letter-spacing:-.04em;display:block;margin-top:10px;max-width:175px}.project-style-2 .ui-body strong{color:#fff}.ui-rectangle{width:62px;height:23px;background:#bf9455;border-radius:3px;margin-top:14px}.ui-bars{display:flex;gap:7px;margin-top:15px}.ui-bars i{height:40px;flex:1;border-radius:3px;background:rgba(0,0,0,.08)}.project-style-2 .ui-bars i{background:rgba(255,255,255,.09)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.project-caption h3{font-size:17px;letter-spacing:-.04em;margin:7px 0 5px}.project-caption p{font-size:11px;line-height:1.65;color:#96989f;margin:0}.circle-arrow{height:36px;width:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border:1px solid #555052;border-radius:50%;color:var(--gold);transition:.2s}.circle-arrow:not(.decorative):hover{background:var(--gold);color:#000}.about-section{padding:122px 0;background:var(--bg)}.about-grid{display:grid;grid-template-columns:.97fr 1.03fr;gap:90px;align-items:center}.about-design{height:510px;border:1px solid rgba(231,166,57,.12);border-radius:18px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#352719,#131314 57%,#0e0f10)}.about-halo{height:390px;width:390px;position:absolute;border:1px solid rgba(238,181,74,.16);border-radius:50%;box-shadow:0 0 0 60px rgba(233,171,68,.019),0 0 0 125px rgba(233,171,68,.025)}.about-large-logo{position:relative;width:75%;filter:drop-shadow(0 0 27px rgba(231,153,34,.12))}.about-side-text{position:absolute;bottom:22px;left:26px;font-size:9px;letter-spacing:.22em;color:#937c5c}.about-copy h2{max-width:470px;margin-bottom:22px}.about-lead{font-size:13px;color:var(--muted);max-width:500px;margin-bottom:30px}.about-feature{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.08)}.about-feature>span{color:var(--gold);border:1px solid rgba(235,182,75,.2);background:rgba(235,182,75,.05);width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:9px}.about-feature h3{font-size:15px;margin:0 0 5px}.about-feature p{font-size:12px;color:#9da1a6;margin:0}.faq-section{background:#111214}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-intro h2{margin-bottom:19px}.faq-intro p{font-size:13px;color:var(--muted);max-width:340px}.faq-contact{font-size:12px;font-weight:800;color:var(--gold);display:inline-flex;align-items:center;gap:12px;margin-top:15px}.faq-item{border-bottom:1px solid #333437}.faq-item:first-child{border-top:1px solid #333437}.faq-item summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700;font-size:14px;padding:25px 0;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{font-size:23px;line-height:1;color:var(--gold);transition:.2s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{font-size:12px;color:#a5a6ac;padding-right:55px;margin:0 0 24px}.quote-section{padding:140px 0;background:radial-gradient(ellipse at 5% 30%,rgba(214,152,44,.07),transparent 40%)}.quote-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:90px;align-items:start}.quote-copy h2{font-size:clamp(34px,3.5vw,50px);margin-bottom:22px}.quote-copy>p{font-size:14px;color:#a9aab2;max-width:415px;margin-bottom:48px}.quote-contact-box{display:flex;align-items:center;gap:14px;margin:25px 0}.quote-contact-icon{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid #463825;background:#251e15;border-radius:9px;color:var(--gold)}.quote-contact-box small{display:block;font-size:9px;color:#9d9993;letter-spacing:.15em;font-weight:800;margin-bottom:6px}.quote-contact-box a{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.quote-form-card{border:1px solid #383330;background:linear-gradient(140deg,#1d1b1a,#131416 74%);border-radius:18px;padding:36px;box-shadow:0 32px 70px rgba(0,0,0,.26)}.form-heading{margin-bottom:25px}.form-heading span{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--gold)}.form-heading h3{font-size:24px;letter-spacing:-.04em;margin:10px 0 0}.quote-form-card form label,.setup-card form label{font-weight:700;font-size:11px;display:block;color:#d8d6d5;margin-bottom:18px}.quote-form-card form label b{color:var(--gold);font-weight:700}.quote-form-card input,.quote-form-card select,.quote-form-card textarea,.setup-card input{display:block;width:100%;margin-top:9px;border:1px solid #363639;background:#101114;border-radius:8px;outline:0;color:#f2f2f2;padding:14px 14px;font-size:12px;transition:.2s}.quote-form-card textarea{resize:vertical;min-height:95px}.quote-form-card input:focus,.quote-form-card select:focus,.quote-form-card textarea:focus,.setup-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(235,182,75,.09)}.quote-form-card input::placeholder,.quote-form-card textarea::placeholder{color:#78797d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-submit{width:100%;margin-top:10px}.form-privacy{font-size:10px;color:#9e9e9e;display:flex;gap:7px;align-items:center;justify-content:center;margin:14px 0 0}.form-privacy svg{color:var(--gold)}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.footer{background:#070809;border-top:1px solid rgba(235,182,75,.17)}.footer-main{display:grid;grid-template-columns:1.6fr .7fr .8fr;gap:55px;padding:70px 0 68px}.footer-brand .brand{margin-bottom:17px}.footer-brand h3{font-size:24px;line-height:1.22;letter-spacing:-.045em;max-width:320px;margin:15px 0}.footer-brand p{font-size:12px;color:#898d92;max-width:350px}.footer-col{display:flex;flex-direction:column;gap:16px}.footer-col h4{color:var(--gold);font-size:10px;letter-spacing:.15em;margin:20px 0 7px}.footer-col a{font-size:12px;color:#a0a2a6;transition:.2s}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 0;color:#84868a;font-size:10px}.footer-bottom a{color:var(--gold)}.floating-whatsapp{position:fixed;right:24px;bottom:22px;width:53px;height:53px;display:flex;align-items:center;justify-content:center;color:#151812;background:linear-gradient(135deg,#f9d47f,#ce9338);border:1px solid #e8bb61;border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.45);z-index:30;transition:.2s}.floating-whatsapp:hover{transform:scale(1.06)}.alert{padding:15px 17px;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:18px}.alert.good{color:#d1f8d9;background:#14351e;border:1px solid #2c7440}.alert.err{color:#ffddd5;background:#3b1d1a;border:1px solid #7f3f35}.notice{padding:20px;background:#29251e;border:1px solid #564026;border-radius:8px}.setup-body{min-height:100vh;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(circle at 50% 0%,#372718,#0a0b0d 55%)}.setup-card{width:min(100%,510px);background:#17171b;border:1px solid #4f3b24;border-radius:17px;padding:39px;box-shadow:0 20px 80px #0008}.setup-logo{width:160px;margin:0 auto 12px}.setup-card h1{font-size:32px;line-height:1.2;letter-spacing:-.045em;margin:16px 0}.setup-card p{font-size:13px;color:#ababb1;margin-bottom:27px}.setup-card .btn{width:100%;margin-top:10px}.setup-note{font-size:11px;line-height:1.6;color:#a3a4ac;margin-top:20px}.setup-note code{color:var(--gold)}
html.js [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}html.js [data-reveal].visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.shell{width:min(var(--width),calc(100% - 50px))}.nav-links{gap:14px}.nav-links a{font-size:11px}.brand{min-width:180px}.brand strong{font-size:14px}.brand img{width:56px}.hero{gap:16px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(38px,4.5vw,57px)}.about-grid,.quote-grid{gap:40px}.about-design{height:450px}}
@media(max-width:850px){.nav-wrap{height:74px}.nav-links{position:absolute;display:none;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#151515;border-bottom:1px solid #3d3324;padding:13px 25px 22px}.nav-links.open{display:flex}.nav-links a{padding:13px;font-size:13px}.nav-cta{margin-left:auto}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:57px;padding-bottom:65px;min-height:0}.hero h1{font-size:clamp(44px,7vw,67px)}.hero-art{height:455px;max-width:590px;width:100%;margin:0 auto}.section{padding:80px 0}.section-head{align-items:start}.services-grid,.project-grid{gap:12px}.service-card{padding:23px;min-height:335px}.service-card h3{font-size:19px}.service-card-top{margin-bottom:33px}.about-grid,.faq-grid,.quote-grid{grid-template-columns:1fr;gap:35px}.about-design{max-width:590px;width:100%;margin:0 auto}.quote-copy>p{margin-bottom:20px}.footer-main{gap:27px}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.announcement{font-size:9px;gap:7px;text-align:center}.announcement a{display:none}.nav-cta{font-size:10px;padding:12px 11px}.nav-cta svg{width:12px}.brand{min-width:0}.brand img{width:53px;height:50px}.brand strong{font-size:13px}.brand small{font-size:7px}.hero{padding-top:48px;gap:6px}.hero h1{font-size:clamp(40px,10vw,64px);letter-spacing:-.062em}.hero-description{font-size:13px}.hero-buttons{flex-direction:column}.hero-buttons a{width:100%}.hero-highlights{margin-top:27px;gap:11px}.hero-highlights span{font-size:10px}.hero-art{height:330px}.mock-browser{height:270px;width:91%;transform:rotateY(-7deg) rotateX(3deg) rotateZ(-2deg)}.mock-top{height:33px}.mock-content{height:calc(100% - 33px)}.mock-side{width:44px;flex-basis:44px;gap:14px}.mock-main{padding:25px 13px}.mock-tiny{font-size:7px}.mock-big{font-size:19px}.mock-sub{font-size:8px}.mock-tiles{margin-top:17px;gap:5px}.mock-tile{padding:8px;height:99px}.mock-tile b{font-size:9px}.mock-tile small{font-size:7px}.tile-icon svg{height:15px}.float-top{font-size:7px;right:0;top:3px;padding:9px}.float-bottom{bottom:4px;left:0;padding:11px}.float-bottom b{font-size:10px}.art-orbit{inset:23px 15px}.section-head{display:block;margin-bottom:29px}.section-head h2,.about-copy h2,.faq-intro h2,.quote-copy h2{font-size:clamp(32px,8.5vw,43px)}.section-head p{margin-top:17px}.services-grid,.project-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:310px}.service-card-top{margin-bottom:26px}.process-grid{margin-top:35px;gap:25px}.process-item{padding-left:6px}.step-line{margin:14px 0 15px}.project-image{height:250px}.project-grid{gap:35px}.banner-statement{padding:35px 0}.statement-spark{display:none}.about-design{height:360px}.faq-grid{gap:20px}.faq-section{padding:85px 0}.quote-form-card{padding:24px 19px}.form-row{grid-template-columns:1fr;gap:0}.quote-section{padding:85px 0}.footer-main{grid-template-columns:1fr 1fr;gap:30px;padding:53px 0}.footer-brand{grid-column:span 2}.footer-bottom{align-items:start;flex-direction:column}.strip-heading{font-size:9px;gap:10px}.strip-line{width:25px}.logo-unit{min-width:155px}.floating-whatsapp{right:16px;bottom:17px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
/* Evita expansão horizontal causada por brilhos e órbitas decorativos em telas estreitas. */
.hero{overflow:clip}
/* Paleta controlada pelo painel: elementos estruturais acompanham as cores escolhidas. */
.services-section{background-color:var(--bg)}
.projects-section{background:linear-gradient(180deg,var(--surface),var(--bg))}
.faq-section{background:var(--surface)}
.footer{background:var(--bg)}
.service-card,.quote-form-card{background:linear-gradient(145deg,var(--surface),var(--bg))}
.btn-gold{background:linear-gradient(110deg,var(--gold2),var(--gold) 85%)}
.floating-whatsapp{background:linear-gradient(135deg,var(--gold2),var(--gold))}

/* v1.0.1 — Cortinas de luz fluidas, inspiradas no movimento do vídeo enviado.
   A cena é decorativa, não captura toques nem impede a interação com os CTAs. */
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(ellipse at 71% 40%,color-mix(in srgb,var(--gold) 6%,transparent),transparent 59%),
  var(--bg)}
.hero-stage .hero{position:relative;z-index:2;overflow:visible}
.hero-lightscape{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(ellipse at 55% 38%,rgba(25,18,12,.28),transparent 75%)}
.hero-lightscape[data-enabled="0"]{display:none}
.hero-lightscape canvas{display:block;width:100%;height:100%;opacity:1}
/* Profundidade: pontilhado sutil e uma película escura atrás do texto. */
.hero-lightscape:before{content:"";position:absolute;inset:0;z-index:1;opacity:.28;
  background-image:radial-gradient(rgba(255,222,148,.23) .65px,transparent .85px);
  background-size:13px 13px;mask-image:linear-gradient(90deg,transparent 3%,#000 50%,transparent)}
.hero-lightscape:after{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(90deg,rgba(9,10,12,.47),rgba(9,10,12,.22) 37%,transparent 67%),
  linear-gradient(180deg,rgba(9,10,12,.13),transparent 25%,transparent 64%,var(--bg) 100%)}
.hero-stage .hero-glow{z-index:-1}
@media(max-width:850px){.hero-lightscape:after{background:linear-gradient(90deg,rgba(9,10,12,.55),rgba(9,10,12,.17)),linear-gradient(180deg,rgba(9,10,12,.16),transparent 20%,transparent 67%,var(--bg))}}
@media(max-width:650px){.hero-lightscape:after{background:linear-gradient(180deg,rgba(9,10,12,.40),rgba(9,10,12,.36) 34%,rgba(9,10,12,.12) 70%,var(--bg))}}

/* v1.0.2 — O campo magnético reage à posição do cursor em JS, sem bloquear
   cliques, seleções de texto ou rolagem. O próprio canvas continua decorativo. */
.hero-lightscape{touch-action:auto;contain:paint}


/* v1.0.3 — Faixa de clientes premium: logos brancas, links e rolagem contínua */
.clients-section{position:relative;overflow:hidden;padding:100px 0 82px;background:radial-gradient(ellipse 48% 55% at 50% 80%,rgba(193,141,46,.075),transparent 84%),linear-gradient(180deg,#0b0c0e 0%,#141310 52%,#0c0d10 100%);border-top:1px solid rgba(234,176,72,.13);border-bottom:1px solid rgba(234,176,72,.13)}
.clients-section:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(740px,75%);height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.clients-header{text-align:center;position:relative;z-index:1}.clients-kicker{display:flex;align-items:center;justify-content:center;gap:16px;font-size:9px;font-weight:800;letter-spacing:.22em;color:var(--gold);margin-bottom:14px}.clients-kicker-line{width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));opacity:.65}.clients-kicker-line:last-child{transform:rotate(180deg)}.clients-header h2{font:700 clamp(29px,3.4vw,48px)/1.16 'Space Grotesk','DM Sans',sans-serif;letter-spacing:-.055em;margin:0 0 14px}.clients-header p{max-width:620px;margin:0 auto;font-size:13px;color:var(--muted)}
.clients-marquee{margin:44px 0 0;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.clients-marquee::-webkit-scrollbar{display:none}.clients-marquee.is-ready{overflow:hidden}.clients-lane{display:flex;align-items:center;width:max-content;min-width:100%;will-change:transform}.clients-marquee.is-ready .clients-lane{min-width:0;animation:iv9-client-scroll var(--client-duration,30s) linear infinite}.clients-group{display:flex;flex:0 0 auto;gap:22px;align-items:center;padding-right:22px}.clients-item{flex:0 0 auto;position:relative;width:210px;height:108px;display:flex;align-items:center;justify-content:center}.clients-link{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:24px 24px;border:1px solid rgba(231,180,91,.10);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:border-color .3s,box-shadow .3s,background .3s,transform .3s;outline-offset:4px}.clients-link:where(a):hover,.clients-link:where(a):focus-visible{border-color:rgba(237,183,79,.5);background:linear-gradient(135deg,rgba(209,158,72,.105),rgba(255,255,255,.015));box-shadow:0 10px 38px rgba(0,0,0,.26),inset 0 0 24px rgba(234,182,89,.035);transform:translateY(-4px)}.clients-logo{display:block;max-width:152px;max-height:56px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.83;transition:filter .3s,opacity .3s,transform .3s}.clients-item:hover .clients-logo{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,222,157,.44));transform:scale(1.035)}.clients-external{position:absolute;top:9px;right:10px;color:var(--gold);opacity:0;transition:opacity .25s}.clients-link:hover .clients-external,.clients-link:focus-visible .clients-external{opacity:1}.clients-style-soft .clients-logo{opacity:.57}.clients-style-original .clients-logo{filter:none;opacity:.88}.clients-style-original .clients-item:hover .clients-logo{filter:drop-shadow(0 0 7px rgba(255,218,140,.5));opacity:1}.clients-marquee[data-pause-hover="1"]:hover .clients-lane,.clients-marquee:focus-within .clients-lane,.clients-marquee.is-hidden .clients-lane{animation-play-state:paused}.clients-foot{display:flex;align-items:center;justify-content:center;gap:13px;letter-spacing:.19em;font-size:9px;font-weight:800;color:#827c73;margin-top:33px;text-align:center}.clients-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(235,180,75,.55)}
@keyframes iv9-client-scroll{to{transform:translate3d(var(--client-shift, -300px),0,0)}}
@media(max-width:700px){.clients-section{padding:70px 0 62px}.clients-kicker{letter-spacing:.1em;font-size:8px;gap:9px}.clients-header{padding:0 10px}.clients-header p{font-size:12px}.clients-marquee{margin-top:31px;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.clients-item{width:166px;height:94px}.clients-link{padding:18px}.clients-logo{max-width:130px;max-height:50px}.clients-group{gap:13px;padding-right:13px}.clients-foot{font-size:7px;gap:8px;letter-spacing:.12em;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.clients-marquee.is-ready .clients-lane{animation:none!important;transform:none!important;will-change:auto}.clients-marquee.is-ready{overflow-x:auto;scrollbar-width:thin;mask-image:none;-webkit-mask-image:none}.clients-logo,.clients-link{transition:none}}

/* v1.1.0 · Novos recursos opcionais — Agência iV9 */
.section-organizer{display:flex;flex-direction:column}
.section-organizer>.hero-stage{order:-30}
.section-organizer>.brand-strip{order:-20}
.section-organizer>.banner-statement{order:15}
.section-organizer>section{flex-shrink:0;min-width:0}
.service-detail-link{display:inline-flex;margin-top:15px;font-size:12px;color:var(--gold);font-weight:800;letter-spacing:.025em}
.service-detail-link:hover{text-decoration:underline}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 29px}
.portfolio-filter{color:var(--muted);border:1px solid rgba(245,210,147,.2);background:rgba(255,255,255,.025);padding:11px 19px;border-radius:999px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s,color .2s,border .2s}
.portfolio-filter.active,.portfolio-filter:hover,.portfolio-filter:focus-visible{color:#211609;background:linear-gradient(120deg,var(--gold2),var(--gold));border-color:var(--gold)}
.project-card.is-filtered-out{display:none}
.testimonials-section{background:radial-gradient(ellipse at 50% 0%,rgba(221,163,66,.08),transparent 70%),var(--bg)}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.testimonial-card{border:1px solid rgba(235,182,75,.18);border-radius:17px;background:linear-gradient(145deg,rgba(235,182,75,.045),rgba(255,255,255,.012));padding:29px;display:flex;flex-direction:column;min-width:0;min-height:240px}
.testimonial-mark{font:700 64px/1 Georgia,serif;color:var(--gold);opacity:.65}
.testimonial-card blockquote{margin:0 0 25px;color:var(--text);font-size:14px;line-height:1.75;flex:1;overflow-wrap:anywhere}
.testimonial-author{border-top:1px solid rgba(245,215,160,.14);padding-top:18px;display:flex;align-items:center;gap:13px}
.testimonial-author img{height:48px;width:48px;object-fit:contain;background:#111;border:1px solid rgba(240,195,105,.2);padding:7px;border-radius:10px}
.testimonial-icon{height:45px;width:45px;display:grid;place-items:center;border-radius:10px;background:#3a2c18;color:var(--gold)}
.testimonial-author b,.testimonial-author small{display:block;line-height:1.5}.testimonial-author b{font-size:13px}.testimonial-author small{font-size:11px;color:var(--muted)}
.smart-brief>div:not([hidden]){padding:22px 22px 9px;border-radius:12px;border:1px solid rgba(234,184,80,.22);margin:18px 0 22px;background:rgba(233,186,96,.045)}
.smart-brief h4{color:var(--gold);font-size:13px;letter-spacing:.04em;margin:0 0 14px}
.smart-brief [hidden]{display:none!important}
.portal-body,.service-body{min-height:100vh;background:radial-gradient(ellipse at 50% 0,rgba(188,126,35,.12),transparent 62%),#090a0c;color:#f7f4ec}
.portal-shell{max-width:1020px;margin:auto;padding:28px 22px 52px}
.portal-brand{display:flex;align-items:center;gap:7px;font:800 17px 'Space Grotesk',sans-serif;color:#eabd68;letter-spacing:.05em;margin:0 0 38px}
.portal-brand img{width:75px;height:70px;object-fit:contain}
.portal-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 27px}.portal-top h1{font-size:clamp(27px,4vw,47px);margin:8px 0 6px;letter-spacing:-.055em}.portal-top p{color:#a5a7ab;font-size:13px}
.portal-card{border:1px solid rgba(234,179,80,.22);border-radius:17px;background:#17171bd9;padding:32px;margin-bottom:21px}
.portal-card h1{font:700 clamp(27px,4vw,41px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:15px 0}
.portal-card h2{font:700 clamp(21px,3vw,28px)/1.2 'Space Grotesk',sans-serif;margin:12px 0 20px}
.portal-card>p{color:#adaeb5;line-height:1.8;font-size:14px}
.portal-login{max-width:470px;margin:30px auto 70px}.portal-login>p{margin-bottom:25px}
.portal-card form label,.portal-send label{display:block;color:#dedbd3;font-size:12px;font-weight:800;margin-bottom:16px}
.portal-card input,.portal-card textarea{display:block;width:100%;color:#fff;background:#101115;border:1px solid #3c3832;padding:14px;border-radius:9px;margin:9px 0;resize:vertical;outline:none}
.portal-card input:focus,.portal-card textarea:focus{border-color:var(--gold)}.portal-card form .btn{margin-top:8px}.portal-exit{background:#332a20;color:#f5cd88;border:1px solid #5c4728;padding:12px 20px;border-radius:8px;cursor:pointer}
.portal-status{color:var(--gold);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}
.portal-steps{display:grid;gap:12px}.portal-step{border:1px solid #38332a;border-radius:10px;padding:16px;display:flex;gap:12px;align-items:center}.portal-step strong{font-size:13px;flex:1}.portal-step small{color:#d4ac6a;text-transform:capitalize}.portal-step-dot{width:12px;height:12px;border-radius:100%;background:#706456;flex-shrink:0}.portal-step-dot.done{background:#dcb664;box-shadow:0 0 10px #dcb6648c}
.portal-thread{display:grid;gap:12px;max-height:500px;overflow:auto;margin-bottom:25px}.portal-bubble{border-radius:13px;background:#242428;padding:18px;max-width:87%}.portal-bubble.mine{background:#31281c;margin-left:auto}.portal-bubble small{color:#ddb867;font-size:11px}.portal-bubble p{font-size:13px;line-height:1.7;margin:8px 0 0;overflow-wrap:anywhere}.portal-footer{text-align:center;color:#777982;font-size:11px;margin-top:40px}.portal-alert{border:1px solid #ad8137;color:#f0cf8e;background:#332617;padding:13px 17px;border-radius:8px;margin:15px 0}
.service-top{padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:18px}.service-top .brand img{height:85px;width:85px}.service-home{color:var(--gold);font-weight:700;font-size:13px}.service-landing{min-height:75vh;padding-top:75px;padding-bottom:100px}.service-landing h1{font:700 clamp(38px,6.5vw,90px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.065em;max-width:1080px;margin:25px 0 23px}.service-overline{font-size:12px;color:var(--muted);margin:8px 0}.service-lead{font-size:clamp(15px,2vw,21px);max-width:760px;color:#bbbcc0;line-height:1.6}.service-features{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:32px 0;margin:45px 0 24px;border-top:1px solid #51402a;border-bottom:1px solid #51402a}.service-feature-title span{color:var(--gold);font-weight:800;letter-spacing:.13em;font-size:10px}.service-feature-title h2{font-size:clamp(24px,3vw,34px);margin:14px 0}.service-features-list{display:grid;gap:13px}.service-features-list>div{display:flex;align-items:center;gap:12px;color:#d1d1d0;font-size:13px}.service-features-list svg{color:var(--gold);flex-shrink:0}.service-footer{border-top:1px solid #36302a;display:flex;justify-content:space-between;gap:10px;color:#777982;font-size:11px;padding-top:25px;padding-bottom:30px}.service-footer a{color:#d9ad63}
@media(max-width:980px){.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card{min-height:0}.portfolio-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.portfolio-filter{flex:0 0 auto}.portal-top{align-items:flex-start}.portal-card{padding:23px}.service-features{grid-template-columns:1fr}.service-landing{padding-top:55px;padding-bottom:75px}.service-top .brand img{width:62px;height:62px}.service-top .brand small{display:none}}

.project-video-link{margin-left:auto;margin-right:10px;align-self:center;color:var(--gold);font-size:11px;font-weight:800;border:1px solid rgba(230,181,80,.35);padding:8px 12px;border-radius:6px}