:root{--bg:#eeeef2;--ink:#17131f;--purple:#5c27ff;--pink:#ff5ca8;--lime:#c8ff35;--blue:#2c8cff;--line:#17131f33;--mono:"DM Mono",monospace}
/* ELEVO NAV — wide at the top, compact and centered after scroll */
.site-nav{position:absolute;top:0;left:0;width:100%;height:100px;padding:22px 4vw;z-index:100;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:top .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1),height .55s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1)}
.site-nav .nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;pointer-events:auto;transition:width .55s cubic-bezier(.22,1,.36,1),padding .55s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease,border .35s ease}
.site-nav .logo{display:flex;align-items:center;mix-blend-mode:normal;text-decoration:none;flex:0 0 auto}
.site-nav .logo img{width:170px;height:auto;display:block;object-fit:contain;transform:none}
.site-nav nav{display:flex;gap:30px;align-items:center}
.site-nav nav a{color:inherit;text-decoration:none;font:500 12px var(--mono);white-space:nowrap}
.site-nav nav a:last-child{border:1px solid #17131f;border-radius:30px;padding:11px 16px}
.site-nav.scrolled{position:fixed;top:14px;left:50%;width:max-content;height:auto;padding:0;transform:translateX(-50%);}
.site-nav.scrolled .nav-inner{width:max-content;min-width:500px;padding:8px 10px 8px 14px;background:rgba(255,255,255,.88);border:1px solid rgba(23,19,31,.16);border-radius:999px;box-shadow:0 12px 35px rgba(23,19,31,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:26px}
.site-nav.scrolled .logo img{width:135px}
.site-nav.scrolled nav{gap:20px}
.site-nav.scrolled nav a{font-size:10px}
.site-nav.scrolled nav a:last-child{padding:9px 13px}
.site-nav .hamb{display:none}
@media(max-width:800px){
  .site-nav{height:75px;padding:18px 6vw}
  .site-nav .logo img{width:130px}
  .site-nav nav{display:none}
  .site-nav .hamb{display:block;background:none;border:0}
  .site-nav.scrolled{top:10px}
  .site-nav.scrolled .nav-inner{min-width:0;width:calc(100vw - 28px);padding:7px 9px 7px 12px}
  .site-nav.scrolled .logo img{width:115px}
}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}body{overflow-x:hidden}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='x'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23x)'/%3E%3C/svg%3E")}.loader{position:fixed;inset:0;background:#17131f;color:white;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader-logo{font-size:10vw;font-weight:800;letter-spacing:-.09em}.loader-logo span{font-size:15px;vertical-align:top}.loader-line{width:160px;height:2px;background:#555;margin-top:35px;transform-origin:left;transform:scaleX(0)}.dot-cursor{position:fixed;width:18px;height:18px;border:1px solid #17131f;border-radius:50%;pointer-events:none;z-index:150;transform:translate(-50%,-50%);mix-blend-mode:difference;opacity:0}.hero{height:100svh;min-height:760px;padding:135px 4vw 30px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;font:500 10px var(--mono);letter-spacing:.04em}.hero-bottom p{font:500 14px Manrope;line-height:1.3;margin:0}.hero-bottom p b{font-weight:800}.hero-canvas{height:68%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero h1{font-size:clamp(70px,14vw,210px);line-height:.78;letter-spacing:-.09em;margin:0;text-align:center;position:relative;z-index:3;font-weight:800}.hero h1 span{display:block}.hero h1 i{font-style:normal;color:var(--purple)}.blob{position:absolute;border-radius:50%;filter:blur(2px);mix-blend-mode:multiply}.blob-a{width:330px;height:330px;background:var(--pink);left:12%;top:8%;animation:float 6s ease-in-out infinite}.blob-b{width:260px;height:260px;background:var(--lime);right:15%;bottom:5%;animation:float 7s ease-in-out infinite reverse}@keyframes float{50%{transform:translate(25px,-35px) rotate(18deg)}}.sticker{position:absolute;z-index:5;padding:13px 15px;border:2px solid #17131f;font:700 10px var(--mono);line-height:1.15;box-shadow:6px 6px 0 #17131f;transform:rotate(-8deg)}.s1{background:var(--lime);left:7%;bottom:20%}.s2{background:var(--pink);right:8%;top:17%;transform:rotate(9deg)}.hero-orbit{position:absolute;width:420px;height:420px;border:1px solid #17131f44;border-radius:50%;display:grid;place-items:center;animation:spin 18s linear infinite}.hero-orbit span{font:10px var(--mono);letter-spacing:.18em;position:absolute;top:-7px;background:var(--bg);padding:0 8px}@keyframes spin{to{transform:rotate(360deg)}}.scroll-ball{width:55px;height:55px;border:1px solid #17131f;border-radius:50%;display:grid;place-items:center;font-size:20px}.marquee{overflow:hidden;background:var(--purple);color:#fff;border-top:1px solid #17131f;border-bottom:1px solid #17131f;white-space:nowrap}.marquee div{font-size:5vw;font-weight:800;letter-spacing:-.05em;padding:13px 0;animation:marq 18s linear infinite}@keyframes marq{to{transform:translateX(-50%)}}section{padding:120px 4vw}.eyebrow{font:500 10px var(--mono);letter-spacing:.08em}.manifesto{background:#fff}.manifesto-grid{display:grid;grid-template-columns:32% 68%;margin-top:70px}.manifesto h2{font-size:clamp(48px,7vw,110px);line-height:.88;letter-spacing:-.075em;margin:0;max-width:1000px}.manifesto h2 em{font-style:normal;color:var(--purple)}.manifesto p{font-size:18px;line-height:1.45;max-width:540px;color:#5e5a64;margin:45px 0}.text-link{font:500 10px var(--mono);color:#17131f;text-decoration:none;border-bottom:1px solid;padding-bottom:8px}.floating{min-height:900px;background:var(--lime);position:relative;overflow:hidden}.floating-title{font-size:clamp(65px,11vw,165px);line-height:.78;letter-spacing:-.08em;font-weight:800;margin:90px 0 0 15%;position:relative;z-index:2}.floating-title span,.floating-title strong{display:block}.floating-title strong{color:var(--purple)}.float-item{position:absolute;padding:14px 19px;border:2px solid #17131f;border-radius:40px;font:600 11px var(--mono);background:white;box-shadow:5px 5px 0 #17131f}.fi1{left:8%;top:25%;transform:rotate(-8deg)}.fi2{right:8%;top:35%;background:var(--pink);transform:rotate(10deg)}.fi3{left:25%;bottom:15%;background:var(--blue);color:#fff;transform:rotate(5deg)}.fi4{right:18%;bottom:22%;background:var(--purple);color:#fff;transform:rotate(-7deg)}.fi5{left:8%;bottom:36%;background:#fff}.split{background:#17131f;color:#fff}.split-head{display:flex;justify-content:space-between;color:#aaa}.split-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:45px}.panel{min-height:720px;padding:30px;position:relative;overflow:hidden;color:#17131f;text-decoration:none}.panel.business{background:#7250ff}.panel.people{background:#ff75b8}.panel-top{display:flex;justify-content:space-between;font:500 10px var(--mono)}.panel h2{font-size:clamp(65px,9vw,140px);line-height:.78;letter-spacing:-.08em;margin:150px 0 0;position:relative;z-index:3}.panel h2 i{font-style:normal;color:#fff}.panel p{max-width:340px;font-size:14px;line-height:1.45;position:absolute;bottom:35px;left:30px}.panel>strong{position:absolute;bottom:35px;right:30px;font:500 10px var(--mono)}.panel-shape{position:absolute;width:330px;height:330px;border:2px solid #17131f;border-radius:50%;right:-80px;top:170px;transition:.7s}.panel:hover .panel-shape{transform:scale(1.4) rotate(25deg);border-radius:20%}.people .panel-shape{background:var(--lime);border-radius:35% 65% 50% 20%}.cases{background:#f0eff4}.cases-title{display:flex;justify-content:space-between;align-items:end}.cases-title h2{font-size:clamp(65px,11vw,170px);line-height:.75;letter-spacing:-.08em;margin:0;text-align:right}.cases-title h2 i{font-style:normal;color:var(--purple)}.case-row{display:grid;grid-template-columns:1.1fr .9fr .75fr;gap:18px;margin-top:70px;align-items:end}.case{display:block;text-decoration:none;color:#17131f;position:relative}.case-no{font:500 10px var(--mono);margin-bottom:12px}.fake-site{height:620px;padding:25px;position:relative;overflow:hidden;transition:.7s}.case:hover .fake-site{transform:translateY(-12px) rotate(-1deg)}.dark{background:#20202a;color:#fff}.cream{background:#e6dfd0}.fake-nav{display:flex;justify-content:space-between;font:500 10px var(--mono)}.fake-word{font-size:clamp(45px,6vw,95px);font-weight:800;letter-spacing:-.07em;line-height:.78;margin-top:110px;position:relative;z-index:2}.fake-word i{font-style:normal;color:#8d7cff}.car-shape{position:absolute;width:80%;height:150px;border:3px solid #fff;border-radius:80% 25% 20% 20%;bottom:90px;right:-25%;transform:rotate(-7deg)}.dish{position:absolute;width:290px;height:290px;border-radius:50%;border:2px solid #555;right:-30px;bottom:60px}.dish:after{content:"";position:absolute;inset:35px;border:1px solid #777;border-radius:50%}.phone{height:540px;width:270px;background:#ffb6d5;border:8px solid #17131f;border-radius:38px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:.7s}.case:hover .phone{transform:translateY(-12px) rotate(3deg)}.phone div,.phone small{font:500 10px var(--mono)}.phone strong{font-size:43px;line-height:.82;letter-spacing:-.07em}.phone strong i{font-style:normal;color:#fff}.case-label{display:flex;justify-content:space-between;margin-top:18px;font:500 10px var(--mono)}.case-label b{font-size:22px;font-family:Manrope;letter-spacing:-.05em}.numbers{background:#fff}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line)}.numbers-grid>div{padding:35px 20px 35px 0;border-right:1px solid var(--line)}.numbers-grid>div+div{padding-left:25px}.numbers-grid strong{display:block;font-size:clamp(70px,10vw,150px);line-height:.8;letter-spacing:-.08em}.numbers-grid small{display:block;margin-top:35px;font:500 10px var(--mono);color:#777}.feeling{background:#b9a8ff;min-height:950px;text-align:center;position:relative;overflow:hidden}.feeling .eyebrow{text-align:left}.feeling h2{font-size:clamp(80px,15vw,230px);line-height:.7;letter-spacing:-.1em;margin:130px 0 70px}.feeling h2 i{font-style:normal;color:#fff}.feel-stage{height:320px;position:relative;max-width:900px;margin:auto}.feel-stage button{position:absolute;border:2px solid #17131f;background:#fff;padding:18px 25px;border-radius:50px;font:700 11px var(--mono);box-shadow:5px 5px 0 #17131f;cursor:pointer;transition:.35s}.feel-stage button:nth-child(1){left:8%;top:20%;background:var(--pink);transform:rotate(-8deg)}.feel-stage button:nth-child(2){right:8%;top:10%;background:var(--lime);transform:rotate(7deg)}.feel-stage button:nth-child(3){left:30%;bottom:10%;background:var(--blue);color:#fff;transform:rotate(4deg)}.feel-stage button:nth-child(4){right:25%;bottom:25%;background:var(--purple);color:#fff;transform:rotate(-7deg)}.feel-stage button:nth-child(5){left:42%;top:32%;background:#fff}.feel-stage button:hover{transform:scale(1.15) rotate(0)}.you{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#17131f;color:#fff;padding:12px 17px;border-radius:30px;font:500 10px var(--mono)}.feeling>p{font-size:18px;line-height:1.3}.final{background:var(--purple);color:#fff;min-height:850px;display:flex;flex-direction:column;justify-content:center}.final h2{font-size:clamp(100px,17vw,260px);line-height:.7;letter-spacing:-.1em;margin:90px 0}.final h2 i{font-style:normal;color:var(--lime)}.huge-link{font:500 12px var(--mono);color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:15px;display:flex;justify-content:space-between;max-width:600px}.huge-link span{font-size:22px}footer{background:#17131f;color:#fff;padding:100px 4vw 25px}.footer-logo{font-size:clamp(100px,20vw,300px);line-height:.7;font-weight:800;letter-spacing:-.1em}.footer-logo span{font-size:15px;vertical-align:top}.footer-line{display:flex;justify-content:space-between;border-top:1px solid #ffffff44;margin-top:100px;padding-top:20px;color:#999;font:500 10px var(--mono)}@media(max-width:800px){header{height:75px;padding:18px 6vw}.logo img{width:115px}nav{display:none}.hamb{display:block}.hero{padding:110px 6vw 25px;min-height:700px}.hero-canvas{height:68%}.hero h1{font-size:17vw}.hero-orbit{width:250px;height:250px}.sticker{font-size:8px}.s1{left:2%}.s2{right:2%}.blob-a{width:190px;height:190px}.blob-b{width:150px;height:150px}.hero-meta span:last-child{display:none}section{padding:80px 6vw}.manifesto-grid{display:block}.manifesto-grid>div:first-child{display:none}.manifesto h2{font-size:13vw;margin-top:50px}.floating{min-height:650px}.floating-title{font-size:17vw;margin:90px 0 0}.float-item{font-size:8px;padding:10px 13px}.fi1{left:3%;top:30%}.fi2{right:2%}.fi3{left:4%;bottom:10%}.fi4{right:4%;bottom:28%}.split-grid,.case-row,.numbers-grid{grid-template-columns:1fr}.panel{min-height:520px}.panel h2{margin-top:110px;font-size:19vw}.case-row{gap:55px}.fake-site{height:520px}.case-three{max-width:310px;margin:auto}.numbers-grid>div{border-right:0;border-bottom:1px solid var(--line)}.numbers-grid>div+div{padding-left:0}.feeling{min-height:760px}.feeling h2{font-size:22vw;margin:100px 0 50px}.feel-stage{height:280px}.feel-stage button{font-size:8px;padding:12px 15px}.final{min-height:700px}.final h2{font-size:23vw}.footer-logo{font-size:24vw}.footer-line{flex-direction:column;gap:15px;margin-top:60px}}\n

/* Creative typography interaction */
.feeling .eyebrow{text-align:left}
.feel-stage{height:430px;max-width:1180px;margin:auto;position:relative;overflow:visible}
.feel-word{position:absolute;font-size:clamp(42px,6.2vw,92px);font-weight:800;line-height:.8;letter-spacing:-.08em;cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;z-index:3;will-change:transform}
.feel-word:after{content:"";display:block;width:0;height:3px;background:#17131f;margin-top:12px;transition:width .5s}
.feel-word:hover:after,.feel-word.active:after{width:100%}
.word-1{left:4%;top:7%;transform:rotate(-5deg);color:#17131f}
.word-2{right:3%;top:4%;transform:rotate(4deg);color:#17131f}
.word-3{left:22%;top:45%;transform:rotate(2deg);color:#17131f}
.word-4{right:16%;top:48%;transform:rotate(-4deg);color:#17131f}
.word-5{left:42%;bottom:2%;transform:rotate(3deg);color:#17131f}
.feel-word:hover,.feel-word.active{transform:scale(1.12) rotate(0deg);z-index:8}
.feel-stage.has-active .feel-word:not(.active){opacity:.2;filter:blur(1px)}
.feel-hint{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:500 9px var(--mono);letter-spacing:.12em;line-height:1.4;text-align:center;opacity:.65;pointer-events:none;transition:opacity .4s}
.feel-stage.has-active .feel-hint{opacity:0}
.feel-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(330px,45vw);padding:18px 20px;border:1px solid #17131f;background:#b9a8ff;opacity:0;pointer-events:none;z-index:7;transition:opacity .35s,transform .55s cubic-bezier(.2,.8,.2,1)}
.feel-copy.show{opacity:1;transform:translate(-50%,-50%) rotate(-2deg)}
.feel-copy span{display:block;font:500 9px var(--mono);letter-spacing:.1em;margin-bottom:9px}
.feel-copy strong{font-size:20px;line-height:1;letter-spacing:-.05em}
.feeling>p{font-size:18px;line-height:1.3}
@media(max-width:800px){.feel-stage{height:420px;margin-top:30px}.feel-word{font-size:10vw}.word-1{left:0;top:5%}.word-2{right:0;top:12%}.word-3{left:5%;top:39%}.word-4{right:0;top:52%}.word-5{left:28%;bottom:4%}.feel-hint{top:39%;font-size:8px}.feel-copy{width:250px}.feel-copy strong{font-size:16px}}

/* v25 — visual website reveal */
.feeling{padding-bottom:150px;text-align:center;background:#b9a8ff;min-height:1050px}
.feeling .eyebrow{display:none}
.feeling h2{margin:90px 0 32px;font-size:clamp(80px,15vw,230px);line-height:.7;letter-spacing:-.1em}
.feeling h2 i{font-style:normal;color:#fff}
.feeling-intro{font-size:20px;line-height:1.25;margin:0 auto 80px;position:relative;z-index:4}
.feeling-intro b{font-weight:800}
.website-reveal{max-width:1120px;margin:0 auto;perspective:1400px;position:relative}
.site-browser{background:#17131f;border:2px solid #17131f;border-radius:22px;padding:12px;box-shadow:18px 22px 0 #17131f;transform:rotateX(7deg) rotateZ(-1.5deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s}
.website-reveal:hover .site-browser{transform:rotateX(0) rotateZ(0) translateY(-12px);box-shadow:18px 30px 0 #17131f}
.browser-bar{height:34px;display:flex;align-items:center;gap:7px;color:#fff;padding:0 10px;font:500 9px var(--mono)}
.browser-bar span{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.7}.browser-bar small{margin-left:auto;opacity:.45;font:500 8px var(--mono);letter-spacing:.08em}
.browser-content{background:#f6f4ef;min-height:540px;color:#17131f;padding:25px;position:relative;overflow:hidden;text-align:left}
.site-mini-nav{display:flex;justify-content:space-between;align-items:center;font:500 9px var(--mono);position:relative;z-index:3}.site-mini-nav b{font:800 20px Manrope;letter-spacing:-.08em}.site-mini-nav span{font-size:8px}
.site-mini-main{display:grid;grid-template-columns:1fr 1fr;min-height:410px;align-items:center;position:relative;z-index:2}
.mini-copy small{font:500 9px var(--mono);letter-spacing:.12em}.mini-copy strong{display:block;font-size:clamp(70px,9vw,125px);line-height:.75;letter-spacing:-.09em;margin-top:28px}.mini-copy strong em{font-style:normal;color:#7250ff}.mini-copy p{max-width:310px;font-size:13px;line-height:1.35;margin-top:28px;color:#55515b}
.mini-art{height:360px;position:relative}.mini-orbit{position:absolute;width:330px;height:330px;border:2px solid #17131f;border-radius:50%;right:5%;top:10%;animation:miniSpin 16s linear infinite}.mini-orbit:before{content:"";position:absolute;width:190px;height:190px;border-radius:38% 62% 55% 45%;background:#ff75b8;left:55px;top:60px;transform:rotate(18deg)}.mini-orbit:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:#c7ff3d;right:-20px;bottom:25px}.mini-card{position:absolute;right:14%;top:35%;background:#7250ff;color:#fff;padding:24px 28px;border:2px solid #17131f;box-shadow:8px 8px 0 #17131f;font:700 11px var(--mono);transform:rotate(7deg);z-index:2}.mini-card b{font-size:30px;line-height:1}
.mini-footer{display:flex;justify-content:space-between;border-top:1px solid #17131f44;padding-top:12px;font:500 8px var(--mono);letter-spacing:.08em;position:relative;z-index:3}
@keyframes miniSpin{to{transform:rotate(360deg)}}
@media(max-width:800px){.feeling{min-height:900px;padding-bottom:100px}.feeling h2{font-size:22vw;margin:75px 0 28px}.feeling-intro{font-size:16px;margin-bottom:55px}.site-browser{border-radius:15px;padding:8px;box-shadow:10px 14px 0 #17131f}.browser-bar{height:27px}.browser-content{min-height:500px;padding:18px}.site-mini-main{grid-template-columns:1fr;min-height:420px}.mini-copy strong{font-size:19vw;margin-top:20px}.mini-copy p{font-size:11px;max-width:250px}.mini-art{height:220px;margin-top:10px}.mini-orbit{width:210px;height:210px;right:8%;top:0}.mini-orbit:before{width:120px;height:120px;left:40px;top:42px}.mini-orbit:after{width:70px;height:70px;right:-10px}.mini-card{right:12%;top:32%;padding:17px 20px}.site-mini-nav span{display:none}}

/* v26 — importância da presença digital */
.website-reveal.presence-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;max-width:1120px;margin:0 auto;perspective:none}
.presence-panel{min-height:480px;background:#fff;border:2px solid #17131f;border-radius:24px;padding:18px;display:flex;flex-direction:column;text-align:left;box-shadow:10px 12px 0 #17131f;transition:transform .5s ease,box-shadow .5s ease}
.presence-panel:hover{transform:translateY(-8px);box-shadow:16px 20px 0 #17131f}
.presence-panel.has-site{background:#17131f;color:#fff;box-shadow:10px 12px 0 var(--purple)}
.presence-top,.presence-bottom{display:flex;justify-content:space-between;align-items:center;font:700 10px var(--mono);letter-spacing:.1em}
.presence-top{padding-bottom:18px;border-bottom:1px solid currentColor;opacity:.9}
.presence-bottom{margin-top:auto;padding-top:18px;border-top:1px solid currentColor;font-size:9px;opacity:.7}
.presence-search{margin:28px 0;padding:13px 15px;border:1px solid #17131f44;border-radius:10px;font:500 11px var(--mono);color:#777}
.presence-search.filled{background:#fff;color:#17131f;border:0}
.presence-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:.7}
.empty-icon{width:70px;height:70px;border:2px dashed #17131f;border-radius:50%;display:grid;place-items:center;font-size:28px;margin-bottom:20px}
.presence-empty strong{font-size:25px;letter-spacing:-.04em}.presence-empty p{font-size:12px;line-height:1.55;opacity:.6}
.presence-content{flex:1;padding:25px 12px;display:flex;flex-direction:column;justify-content:center}
.presence-content small{font:700 9px var(--mono);letter-spacing:.14em;opacity:.55}
.presence-content h3{font-size:clamp(28px,3.4vw,48px);line-height:.9;letter-spacing:-.06em;margin:20px 0 28px}
.presence-content h3 em{font-style:normal;color:var(--lime)}
.presence-actions{display:grid;gap:10px;font-size:12px;margin-bottom:25px}
.presence-cta{align-self:flex-start;border:1px solid #fff;border-radius:999px;padding:12px 16px;font:700 9px var(--mono);letter-spacing:.08em}
.presence-vs{font:800 12px var(--mono);opacity:.45;writing-mode:vertical-rl}
@media(max-width:800px){.website-reveal.presence-compare{grid-template-columns:1fr;gap:18px}.presence-vs{writing-mode:initial;justify-self:center}.presence-panel{min-height:390px}.presence-content h3{font-size:13vw}}


/* =========================================================
   ELEVO — FINAL CTA / NEXT STEP
   ========================================================= */
.next-step {
  position: relative;
  overflow: hidden;
  padding: 12vw 5vw 5vw;
  background: #17111f;
  color: #f7f2ff;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.next-step::before {
  content: "";
  position: absolute;
  width: 42vw;
  height: 42vw;
  right: -16vw;
  top: 8%;
  border-radius: 50%;
  background: #c7ff24;
  opacity: .95;
  filter: blur(1px);
  transform: rotate(-12deg);
}

.next-step::after {
  content: "ELEVO";
  position: absolute;
  right: 4vw;
  bottom: -4vw;
  font-size: 19vw;
  line-height: .75;
  font-weight: 900;
  letter-spacing: -.09em;
  color: rgba(255,255,255,.035);
  pointer-events: none;
}

.next-step-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

.next-step-head {
  max-width: 1000px;
  margin-bottom: 6vw;
}

.next-step-kicker {
  display: block;
  margin-bottom: 2rem;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
}

.next-step-head h2 {
  margin: 0;
  font-size: clamp(3rem, 5vw, 6rem);
  line-height: .82;
  letter-spacing: -.075em;
  font-weight: 900;
  text-transform: uppercase;
}

.next-step-head h2 em {
  font-style: normal;
  color: #c7ff24;
}

.next-step-head p {
  max-width: 470px;
  margin: 2.7rem 0 0 1vw;
  font-size: clamp(1rem, 1.45vw, 1.35rem);
  line-height: 1.35;
  color: rgba(247,242,255,.68);
}

.next-step-paths {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}

.next-path {
  position: relative;
  min-height: 360px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  text-decoration: none;
  color: #17111f;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}

.next-path:hover {
  transform: translateY(-10px) rotate(-.5deg);
}

.business-path {
  background: #c7ff24;
}

.individual-path {
  background: #c8a6ff;
}

.next-path-meta,
.next-path-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
}

.next-path-title {
  font-size: clamp(3rem, 5.5vw, 6.8rem);
  line-height: .8;
  letter-spacing: -.075em;
  font-weight: 900;
  text-transform: uppercase;
}

.next-path-title em {
  font-style: normal;
}

.next-path-bottom {
  padding-top: 2rem;
  border-top: 1px solid rgba(23,17,31,.22);
}

.next-arrow {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(23,17,31,.35);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 20px;
  transition: transform .35s ease, background .35s ease;
}

.next-path:hover .next-arrow {
  transform: rotate(45deg);
  background: #17111f;
  color: #f7f2ff;
}

.next-final-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.2rem;
  padding: 1.7rem 1.8rem;
  background: #f7f2ff;
  color: #17111f;
  text-decoration: none;
  font-size: clamp(1.5rem, 2.8vw, 3rem);
  font-weight: 900;
  letter-spacing: -.045em;
  transition: background .35s ease, color .35s ease;
}

.next-final-cta b {
  width: 58px;
  height: 58px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 400;
  transition: transform .4s ease;
}

.next-final-cta:hover {
  background: #ff4fd8;
}

.next-final-cta:hover b {
  transform: rotate(45deg);
}

@media (max-width: 800px) {
  .next-step {
    padding: 24vw 5vw 8vw;
    min-height: auto;
  }

  .next-step::before {
    width: 70vw;
    height: 70vw;
    right: -32vw;
    top: 10%;
  }

  .next-step-head {
    margin-bottom: 12vw;
  }

  .next-step-head h2 {
    font-size: clamp(2.8rem, 10vw, 5rem);
  }

  .next-step-head p {
    margin-left: 0;
    margin-top: 2rem;
  }

  .next-step-paths {
    grid-template-columns: 1fr;
  }

  .next-path {
    min-height: 300px;
  }

  .next-path-title {
    font-size: clamp(3rem, 15vw, 5.5rem);
  }
}

@media (max-width: 480px) {
  .next-step {
    padding-top: 28vw;
  }

  .next-path {
    min-height: 260px;
    padding: 1.15rem;
  }

  .next-final-cta {
    padding: 1.25rem;
  }

  .next-final-cta b {
    width: 46px;
    height: 46px;
  }
}


/* =========================================================
   ELEVO — NEW FOOTER
   ========================================================= */
.site-footer {
  position: relative;
  overflow: hidden;
  background: #c7ff24;
  color: #17111f;
  padding: 0 5vw;
}

.site-footer .footer-inner {
  position: relative;
  z-index: 2;
  max-width: 1500px;
  margin: 0 auto;
}

.footer-top {
  min-height: 430px;
  padding: 5rem 0 4rem;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 5vw;
  align-items: end;
  border-bottom: 1px solid rgba(23,17,31,.22);
}

.footer-brand img {
  display: block;
  width: min(250px, 65vw);
  height: auto;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 3rem;
}

.footer-brand p {
  margin: 0;
  font-size: clamp(1.3rem, 2vw, 2rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.footer-brand p strong {
  font-weight: 900;
}

.footer-big-cta {
  min-height: 330px;
  padding: 2rem;
  background: #17111f;
  color: #f7f2ff;
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  transition: transform .5s cubic-bezier(.2,.8,.2,1), background .35s ease;
}

.footer-big-cta:hover {
  transform: translateY(-10px) rotate(-.5deg);
  background: #ff4fd8;
  color: #17111f;
}

.footer-big-cta span {
  font-size: clamp(4rem, 8vw, 9rem);
  line-height: .76;
  font-weight: 900;
  letter-spacing: -.085em;
  text-transform: uppercase;
}

.footer-big-cta em {
  font-style: normal;
}

.footer-big-cta b {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 25px;
  font-weight: 400;
  transition: transform .4s ease;
}

.footer-big-cta:hover b {
  transform: rotate(45deg);
}

.footer-middle {
  min-height: 250px;
  padding: 3rem 0;
  display: grid;
  grid-template-columns: .7fr .7fr 1.6fr;
  gap: 4vw;
}

.footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .55rem;
}

.footer-col small {
  margin-bottom: .8rem;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}

.footer-col a {
  color: inherit;
  text-decoration: none;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -.025em;
  transition: transform .25s ease;
}

.footer-col a:hover {
  transform: translateX(7px);
}

.footer-note {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: .3rem;
  font-size: clamp(1.4rem, 2.5vw, 2.8rem);
  line-height: .9;
  font-weight: 900;
  letter-spacing: -.055em;
  text-transform: uppercase;
  text-align: right;
}

.footer-bottom {
  position: relative;
  z-index: 3;
  padding: 1.25rem 0 1.5rem;
  border-top: 1px solid rgba(23,17,31,.22);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
}

.footer-word {
  position: absolute;
  left: -1vw;
  bottom: -5vw;
  z-index: 1;
  font-size: clamp(13rem, 28vw, 31rem);
  line-height: .65;
  font-weight: 900;
  letter-spacing: -.11em;
  opacity: .11;
  pointer-events: none;
}

@media (max-width: 800px) {
  .footer-top {
    min-height: auto;
    padding: 4rem 0 2rem;
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .footer-brand img {
    width: 190px;
    margin-bottom: 2rem;
  }

  .footer-big-cta {
    min-height: 270px;
    padding: 1.35rem;
  }

  .footer-big-cta span {
    font-size: clamp(3.7rem, 17vw, 7rem);
  }

  .footer-big-cta b {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }

  .footer-middle {
    min-height: auto;
    padding: 2.5rem 0;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem 2rem;
  }

  .footer-note {
    grid-column: 1 / -1;
    text-align: left;
    padding-top: 1rem;
  }

  .footer-bottom {
    flex-wrap: wrap;
    padding-bottom: 1.25rem;
  }

  .footer-word {
    font-size: 50vw;
    bottom: -2vw;
  }
}

@media (max-width: 480px) {
  .site-footer {
    padding: 0 5vw;
  }

  .footer-middle {
    grid-template-columns: 1fr;
  }

  .footer-note {
    grid-column: auto;
  }

  .footer-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .footer-bottom span:last-child {
    grid-column: 1 / -1;
  }
}


/* =========================================================
   ELEVO — HERO WORD SHIFT
   ========================================================= */
.hero-word-shift {
  display: flex;
  align-items: baseline;
  gap: .55em;
  margin-top: clamp(1.4rem, 2.8vw, 2.8rem);
  color: inherit;
  font-size: clamp(1rem, 1.7vw, 1.65rem);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.hero-word-label {
  flex: 0 0 auto;
  opacity: .42;
  font-size: .5em;
  letter-spacing: .16em;
  font-weight: 900;
}

.hero-word-window {
  position: relative;
  display: block;
  height: 1.05em;
  min-width: 8em;
  overflow: hidden;
}

.hero-word-track {
  display: flex;
  flex-direction: column;
  width: max-content;
  will-change: transform;
}

.hero-word-track span {
  display: block;
  height: 1.05em;
  line-height: 1.05;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .hero-word-shift {
    margin-top: 1.15rem;
    font-size: 1rem;
  }

  .hero-word-window {
    min-width: 7.2em;
  }
}


/* =========================================================
   ELEVO — MOBILE POLISH / V46
   Mobile is treated as a real layout, not a scaled desktop.
   ========================================================= */
@media (max-width: 800px) {
  html { scroll-behavior: smooth; }
  body { overflow-x: hidden; }

  /* NAV: logo + visible MENU label inside the compact pill */
  .site-nav { height: 72px; padding: 14px 5vw; }
  .site-nav .nav-inner { gap: 12px; }
  .site-nav .logo img { width: 126px; }
  .site-nav .hamb {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #17131f;
    background: none;
    border: 0;
    padding: 7px 2px 7px 8px;
    font: 800 9px var(--mono);
    letter-spacing: .12em;
    cursor: pointer;
  }
  .site-nav .hamb span { display: block; }
  .site-nav .hamb i {
    display: block;
    width: 17px;
    height: 1.5px;
    background: currentColor;
  }
  .site-nav .hamb i + i { margin-left: -26px; transform: translateY(5px); }

  .site-nav.scrolled {
    top: 10px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .site-nav.scrolled .nav-inner {
    width: min(92vw, 430px);
    min-width: 0;
    padding: 7px 10px 7px 13px;
    gap: 10px;
    border-radius: 999px;
  }
  .site-nav.scrolled .logo img { width: 112px; }
  .site-nav.scrolled .hamb { padding-right: 4px; }

  /* Hero: keep the main statement dominant and prevent decorative collisions. */
  .hero {
    min-height: 100svh;
    height: auto;
    padding: 102px 6vw 26px;
  }
  .hero-meta { min-height: 14px; }
  .hero-meta span:last-child { display: block; font-size: 8px; }
  .hero-canvas {
    height: 57svh;
    min-height: 380px;
    overflow: visible;
  }
  .hero h1 {
    font-size: clamp(3.8rem, 17vw, 7rem);
    line-height: .82;
    max-width: 100%;
  }
  .blob-a { width: 155px; height: 155px; left: 0; top: 14%; }
  .blob-b { width: 125px; height: 125px; right: 0; bottom: 7%; }
  .sticker { font-size: 7px; padding: 9px 10px; box-shadow: 4px 4px 0 #17131f; }
  .s1 { left: -2%; bottom: 12%; }
  .s2 { right: -2%; top: 10%; }
  .hero-bottom { align-items: end; }
  .hero-bottom p { font-size: 12px; }
  .scroll-ball { width: 43px; height: 43px; font-size: 16px; }
  .hero-word-shift {
    margin-top: 1.15rem;
    font-size: clamp(.82rem, 3.8vw, 1rem);
    gap: .45em;
    min-height: 1.1em;
    padding-left: 2px;
  }
  .hero-word-window { min-width: 10.8em; max-width: 10.8em; }

  /* Marquee */
  .marquee div { font-size: 10vw; padding: 10px 0; }

  /* General section rhythm */
  section { padding: 72px 6vw; }
  .eyebrow { font-size: 8px; }

  /* Manifesto */
  .manifesto-grid { margin-top: 28px; }
  .manifesto h2 {
    font-size: clamp(2.9rem, 13vw, 5rem);
    line-height: .88;
    max-width: 100%;
    margin-top: 0;
  }
  .manifesto p { font-size: 15px; line-height: 1.45; margin: 28px 0 30px; }

  /* Confidence section: slogan first, decorative words around the perimeter below it. */
  .floating {
    min-height: 760px;
    padding: 72px 6vw;
  }
  .floating-title {
    margin: 8px 0 0;
    font-size: clamp(3.2rem, 14.5vw, 6rem);
    line-height: .82;
    text-align: left;
    max-width: 100%;
    z-index: 4;
  }
  .floating-title span, .floating-title strong { position: relative; }
  .float-item {
    font-size: 7px;
    padding: 9px 11px;
    box-shadow: 3px 3px 0 #17131f;
    z-index: 2;
    white-space: nowrap;
  }
  .fi1 { left: 6%; top: 45%; }
  .fi2 { right: 4%; top: 53%; }
  .fi3 { left: 7%; bottom: 17%; }
  .fi4 { right: 7%; bottom: 27%; }
  .fi5 { left: 35%; bottom: 7%; }

  /* Comparison */
  .feeling { min-height: auto; padding-top: 78px; padding-bottom: 82px; }
  .feeling h2 {
    font-size: clamp(3.6rem, 21vw, 7rem);
    line-height: .73;
    margin: 40px 0 28px;
  }
  .feeling-intro { font-size: 15px; line-height: 1.35; margin-bottom: 36px; }
  .website-reveal.presence-compare { gap: 14px; }
  .presence-panel { min-height: 350px; padding: 17px; }
  .presence-search { font-size: 8px; padding: 11px 12px; }
  .presence-content h3 { font-size: clamp(2.1rem, 11vw, 4rem); line-height: .85; }
  .presence-actions { gap: 8px; }
  .presence-actions span { font-size: 8px; }
  .presence-bottom { font-size: 7px; }
  .presence-vs { font-size: 9px; padding: 0; }

  /* Final CTA */
  .next-step { padding: 86px 6vw 45px; }
  .next-step-head h2 { font-size: clamp(2.8rem, 11vw, 5rem); line-height: .9; }
  .next-step-head p { font-size: 15px; margin-top: 20px; }
  .next-step-paths { gap: 14px; margin-top: 34px; }
  .next-path { min-height: 285px; padding: 18px; }
  .next-path-title { font-size: clamp(2.8rem, 14vw, 5rem); line-height: .82; }
  .next-path-bottom { font-size: 8px; }

  /* Footer */
  .site-footer { padding: 0 6vw; }
  .footer-top { padding: 62px 0 30px; gap: 34px; }
  .footer-brand img { width: min(180px, 62vw); margin-bottom: 24px; }
  .footer-brand p { font-size: 1.35rem; line-height: 1; }
  .footer-big-cta { min-height: 235px; padding: 18px; }
  .footer-big-cta span { font-size: clamp(3.1rem, 16vw, 6rem); line-height: .78; }
  .footer-big-cta b { width: 46px; height: 46px; font-size: 18px; }
  .footer-middle { padding: 34px 0; gap: 30px; }
  .footer-col a { font-size: .95rem; }
  .footer-bottom { font-size: 8px; gap: 10px; }
  .footer-word { font-size: 54vw; }
}

@media (max-width: 480px) {
  .site-nav.scrolled .nav-inner { width: 92vw; }
  .site-nav.scrolled .logo img { width: 104px; }
  .site-nav .hamb { font-size: 8px; }
  .hero { padding-left: 5vw; padding-right: 5vw; }
  .hero-canvas { min-height: 350px; height: 54svh; }
  .hero h1 { font-size: 17vw; }
  .hero-word-window { min-width: 10.5em; max-width: 10.5em; }
  .floating { min-height: 720px; }
  .floating-title { font-size: 14vw; }
  .fi1 { top: 44%; }
  .fi2 { top: 51%; }
  .fi3 { bottom: 18%; }
  .fi4 { bottom: 27%; }
  .fi5 { left: 31%; }
  .presence-panel { min-height: 330px; padding: 14px; }
  .presence-content h3 { font-size: 10.5vw; }
  .footer-big-cta { min-height: 220px; }
}

/* Accessibility / performance on touch devices */
@media (hover: none) and (pointer: coarse) {
  .dot-cursor { display: none !important; }
  .case:hover .fake-site,
  .case:hover .phone,
  .website-reveal:hover .site-browser,
  .footer-big-cta:hover,
  .panel:hover .panel-shape { transform: none; }
}

@media (max-width: 800px) {
  .site-nav.menu-open { z-index: 180; }
  .site-nav.menu-open .nav-inner {
    border-radius: 24px;
    background: rgba(255,255,255,.96);
  }
  .site-nav.menu-open nav {
    display: flex;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    padding: 18px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: rgba(255,255,255,.97);
    border: 1px solid rgba(23,19,31,.14);
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(23,19,31,.16);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .site-nav.menu-open nav a {
    display: block;
    padding: 15px 4px;
    border-bottom: 1px solid rgba(23,19,31,.1);
    font-size: 10px;
  }
  .site-nav.menu-open nav a:last-child {
    border: 0;
    padding: 15px 4px;
  }
  .site-nav.menu-open .hamb i:first-of-type { transform: rotate(45deg) translate(2px,2px); }
  .site-nav.menu-open .hamb i:last-of-type { transform: rotate(-45deg) translate(2px,-2px); }
}

/* V49 — clean geometric arrows, consistent on iPhone/Safari */
/* SVG arrows — consistent on desktop and iPhone */
.svg-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.16em;flex:0 0 auto;overflow:visible;}
.svg-arrow path{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}
.next-arrow .svg-arrow{width:20px;height:20px;vertical-align:middle;}

/* V52.1 — final arrow polish: restrained, optical sizing on mobile */
.svg-arrow {
  display: inline-block;
  width: .78em;
  height: .78em;
  min-width: .78em;
  min-height: .78em;
  margin-left: .28em;
  vertical-align: -.08em;
  overflow: visible;
  flex: 0 0 auto;
}
.svg-arrow path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.next-arrow .svg-arrow {
  width: 19px;
  height: 19px;
  min-width: 19px;
  min-height: 19px;
  margin: 0;
  vertical-align: middle;
}
.scroll-ball .svg-arrow {
  width: 17px;
  height: 17px;
  min-width: 17px;
  min-height: 17px;
  margin: 0;
}
.nav-contact b .svg-arrow,
.footer-big-cta b .svg-arrow {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin: 0;
}

@media (max-width: 800px) {
  .svg-arrow {
    width: .72em;
    height: .72em;
    min-width: .72em;
    min-height: .72em;
    margin-left: .22em;
    vertical-align: -.06em;
  }
  .svg-arrow path { stroke-width: 1.9; }
  .next-arrow .svg-arrow { width: 18px; height: 18px; min-width: 18px; min-height: 18px; }
  .scroll-ball .svg-arrow { width: 16px; height: 16px; min-width: 16px; min-height: 16px; }
  .nav-contact b .svg-arrow,
  .footer-big-cta b .svg-arrow { width: 17px; height: 17px; min-width: 17px; min-height: 17px; }
}

/* Business — selection cards */
.niche-card { text-decoration: none; color: inherit; cursor: pointer; }
.niche-card .niche-link { transition: transform .35s ease; }
.niche-card:hover .niche-link { transform: translateX(6px); }
@media (max-width: 800px) {
  .niche-card:hover .niche-link { transform: none; }
}

.vat-note{font-size:.72rem;line-height:1.45;opacity:.62;margin:18px 0 0;max-width:900px;}

/* IVA discreto nos preços */
.price-card h3 .price-iva,
.price-card h3 small.price-iva{font-size:.28em!important;line-height:1;letter-spacing:0!important;font-weight:600;vertical-align:middle;opacity:.65;margin-left:.12em}
.price-sub small{font-size:.62em!important;font-weight:600;opacity:.62;letter-spacing:.02em;margin-left:.15em}

/* V14 — pricing cards: centered, more visual and interactive */
.business-pricing .price-grid{
  width:min(980px,100%);
  margin:52px auto 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  justify-content:center;
}
.business-pricing .price-card{
  position:relative;
  min-height:420px;
  padding:30px;
  border:1px solid rgba(17,17,17,.16);
  border-radius:28px;
  overflow:hidden;
  transform:translateY(0) rotate(0deg);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .3s ease;
  box-shadow:0 8px 0 rgba(17,17,17,.05);
  background:#f7f5ef;
}
.business-pricing .price-card:before{
  content:"";
  position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  background:#c9ff32;
  right:-70px;top:-70px;
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.business-pricing .price-card:first-child:before{background:#ff4fa3}
.business-pricing .price-card.featured{
  background:#c9ff32;
  border-color:#111;
  transform:translateY(-14px) rotate(1deg);
  box-shadow:10px 12px 0 #111;
}
.business-pricing .price-card.featured:before{
  background:#7c3cff;
  transform:scale(1.15);
}
.business-pricing .price-card:hover{
  transform:translateY(-12px) rotate(-1deg);
  box-shadow:12px 14px 0 #111;
}
.business-pricing .price-card.featured:hover{
  transform:translateY(-22px) rotate(-2deg);
}
.business-pricing .price-card > div,
.business-pricing .price-card > p{
  position:relative;z-index:2;
}
.business-pricing .price-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font:600 10px/1 "DM Mono",monospace;
  letter-spacing:.1em;
}
.business-pricing .price-card h3{
  margin:58px 0 4px;
  font-size:clamp(58px,7vw,96px);
  line-height:.82;
  letter-spacing:-.07em;
}
.business-pricing .price-card h3 small{
  font-size:.22em;
  letter-spacing:0;
  vertical-align:middle;
  opacity:.7;
}
.business-pricing .price-card .price-sub{
  margin:0 0 28px;
  font-size:14px;
}
.business-pricing .price-card .price-list{
  margin:0;padding:0;list-style:none;
  display:grid;gap:0;
}
.business-pricing .price-card .price-list li{
  padding:11px 0;
  border-top:1px solid rgba(17,17,17,.2);
  font-size:13px;
}
.business-pricing .price-card .price-note{
  margin-top:28px;
  font-size:11px;
  line-height:1.35;
  max-width:270px;
}
@media(max-width:700px){
  .business-pricing .price-grid{
    width:min(420px,100%);
    grid-template-columns:1fr;
    gap:28px;
    margin-top:38px;
  }
  .business-pricing .price-card,
  .business-pricing .price-card.featured{
    min-height:390px;
    padding:24px;
    transform:none;
  }
  .business-pricing .price-card:hover,
  .business-pricing .price-card.featured:hover{
    transform:translateY(-6px) rotate(-.5deg);
  }
  .business-pricing .price-card h3{margin-top:48px;font-size:72px}
}


/* V57 — Legal pages: dedicated layout */
.legal-page, .legal-header { font-family: Manrope, Arial, sans-serif; }
.legal-header{
  width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:28px 0 22px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  border-bottom:1px solid rgba(17,17,15,.14);
  font:600 10px/1 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase;
}
.legal-logo{ color:#11110f; text-decoration:none; font:800 25px/.9 Manrope,Arial,sans-serif; letter-spacing:-.07em; }
.legal-logo span{ color:#c9ff32; }
.legal-header>span{ opacity:.48; }
.legal-page{ width:min(900px,calc(100% - 48px)); margin:0 auto; padding:88px 0 100px; color:#11110f; }
.legal-kicker{ font:600 10px/1 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; opacity:.48; margin-bottom:24px; }
.legal-page h1{ margin:0 0 24px; font:800 clamp(52px,8vw,94px)/.88 Manrope,Arial,sans-serif; letter-spacing:-.075em; max-width:850px; }
.legal-lead{ max-width:720px; margin:0 0 76px; font:500 clamp(18px,2vw,24px)/1.45 Manrope,Arial,sans-serif; letter-spacing:-.025em; opacity:.7; }
.legal-page section{ padding:34px 0 38px; border-top:1px solid rgba(17,17,15,.15); }
.legal-page section:first-of-type{ border-top:0; padding-top:0; }
.legal-page h2{ margin:0 0 18px; font:800 clamp(24px,3vw,34px)/1 Manrope,Arial,sans-serif; letter-spacing:-.045em; }
.legal-page p{ max-width:780px; margin:0 0 14px; font:500 15px/1.75 Manrope,Arial,sans-serif; letter-spacing:-.008em; color:rgba(17,17,15,.78); }
.legal-page p:last-child{ margin-bottom:0; }
.legal-page strong{ color:#11110f; font-weight:800; }
.legal-page a:not(.legal-back){ color:#11110f; text-underline-offset:3px; text-decoration-thickness:1px; }
.legal-date{ margin-top:58px!important; font:600 10px/1.4 'DM Mono',monospace!important; text-transform:uppercase; letter-spacing:.08em; opacity:.48; }
.legal-back{ display:inline-flex; margin-top:28px; padding:13px 18px; border:1px solid #11110f; border-radius:999px; color:#11110f; text-decoration:none; font:700 10px/1 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; transition:background .2s ease,color .2s ease,transform .2s ease; }
.legal-back:hover{ background:#11110f; color:#c9ff32; transform:translateY(-2px); }
@media(max-width:700px){
  .legal-header{ width:calc(100% - 32px); padding:22px 0 18px; }
  .legal-page{ width:calc(100% - 32px); padding:58px 0 70px; }
  .legal-page h1{ font-size:clamp(46px,15vw,70px); }
  .legal-lead{ margin-bottom:50px; font-size:18px; }
  .legal-page section{ padding:28px 0 32px; }
  .legal-page h2{ font-size:25px; line-height:1.02; }
  .legal-page p{ font-size:14px; line-height:1.7; }
}

/* FINAL — browser docks to the right as the demos arrive */
@media (min-width:761px){
  .hero-site-stage{position:fixed;z-index:20;pointer-events:none;transition:transform .06s linear,opacity .25s ease;}
}

/* Demo cards now share the rounded, editorial language of the hero cards. */
.niche-grid-rich{gap:22px}
.niche-card-rich{
  border:0!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 18px 55px rgba(23,19,31,.10);
  overflow:hidden;
  min-height:700px;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;
}
.niche-card-rich:hover{
  transform:translateY(-10px) rotate(-.2deg)!important;
  box-shadow:0 28px 75px rgba(23,19,31,.16)!important;
}
.niche-preview{
  height:300px!important;
  padding:14px!important;
  background:#17131f!important;
}
.preview-browserbar{border-radius:13px 13px 0 0!important}
.preview-screen{border-radius:0 0 13px 13px}
.niche-rich-body{padding:22px 24px 24px!important}
.niche-rich-top{font-family:Manrope,sans-serif!important;font-weight:700!important;letter-spacing:.08em!important;color:#77717e}
.niche-card-rich h3{
  font-family:Manrope,sans-serif!important;
  font-size:clamp(30px,3.2vw,48px)!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  margin:24px 0 16px!important;
  color:#17131f!important;
}
.niche-card-rich h3 em{font-style:italic!important;color:#17131f!important}
.niche-rich-body>p{font-family:Manrope,sans-serif!important;font-size:14px!important;line-height:1.38!important;color:#5f5c63!important}
.feature-list{font-family:Manrope,sans-serif!important;font-size:10px!important;font-weight:700!important;color:#5f5c63}
.feature-list li{border-top:1px solid rgba(23,19,31,.12)!important}
.niche-rich-link{font-family:Manrope,sans-serif!important;font-size:10px!important;font-weight:800!important;border-top:1px solid rgba(23,19,31,.14)!important}
.niche-rich-link strong{font-weight:800!important}
@media(max-width:1100px){.niche-card-rich{min-height:0}.niche-preview{height:320px!important}}
@media(max-width:800px){
  .niche-grid-rich{gap:16px}
  .niche-card-rich{border-radius:24px!important}
  .niche-preview{height:270px!important}
  .niche-rich-body{padding:20px!important}
  .niche-card-rich h3{font-size:11vw!important}
}