:root{
      --bg:#030813;
      --bg2:#06101f;
      --panel:rgba(10,22,43,.72);
      --panel2:rgba(7,15,30,.92);
      --line:rgba(151,187,255,.12);
      --line-strong:rgba(151,187,255,.25);
      --text:#f5f8ff;
      --muted:#94a4bf;
      --blue:#4d83ff;
      --blue2:#2e65ff;
      --cyan:#72e8ff;
      --violet:#8f6cff;
      --green:#52e1a5;
      --gold:#ffd98b;
      --shadow:0 35px 100px rgba(0,0,0,.42);
      --radius:26px;
      --max:1200px;
      --mx:50%;
      --my:50%;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{
      margin:0;
      font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      color:var(--text);
      background:
        radial-gradient(1000px 700px at 10% -10%,rgba(77,131,255,.18),transparent 60%),
        radial-gradient(800px 550px at 100% 8%,rgba(114,232,255,.07),transparent 62%),
        linear-gradient(180deg,#030813 0%,#04101e 50%,#030813 100%);
      overflow-x:hidden;
    }
    body::before{
      content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
      background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:58px 58px;
      mask-image:linear-gradient(to bottom,black,transparent 88%);
    }
    body::after{
      content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
      background:radial-gradient(480px circle at var(--mx) var(--my),rgba(77,131,255,.075),transparent 64%);
    }
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img{max-width:100%;display:block}
    ::selection{background:rgba(77,131,255,.55);color:#fff}

    /* CINEMATIC INTRO */
    .intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#01040a;overflow:hidden;animation:introExit .9s cubic-bezier(.76,0,.24,1) 3.15s forwards}
    .intro::before{content:"";position:absolute;width:min(900px,94vw);height:min(900px,94vw);border-radius:50%;background:radial-gradient(circle,rgba(69,121,255,.20),rgba(19,39,82,.08) 34%,transparent 70%);filter:blur(8px);animation:introPulse 2.2s ease-in-out infinite}
    .intro::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.075) 50%,transparent 60%);transform:translateX(-120%);animation:scan 1.6s ease 1.25s forwards}
    .intro-content{position:relative;text-align:center;padding:30px;max-width:1180px}
    .intro-wordmark{display:flex;justify-content:center;gap:clamp(.55rem,2.2vw,1.75rem);flex-wrap:wrap;font-family:"Avenir Next","Helvetica Neue",Inter,sans-serif;font-size:clamp(2.45rem,7.6vw,7.5rem);line-height:.95;letter-spacing:-.055em;font-weight:520;text-transform:uppercase}
    .intro-wordmark span{display:inline-block;opacity:0;filter:blur(18px);transform:translateY(28px) scale(.97)}
    .intro-wordmark span:nth-child(1){animation:wordIn .85s cubic-bezier(.16,1,.3,1) .18s forwards;color:#edf4ff}
    .intro-wordmark span:nth-child(2){animation:wordIn .85s cubic-bezier(.16,1,.3,1) .48s forwards;color:#a8bfea}
    .intro-wordmark span:nth-child(3){animation:wordIn .85s cubic-bezier(.16,1,.3,1) .78s forwards;color:#7aa5ff}
    .intro-line{width:min(760px,78vw);height:1px;margin:28px auto 0;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);transform:scaleX(0);animation:lineGrow 1.1s cubic-bezier(.16,1,.3,1) 1.2s forwards}
    .intro-sub{margin-top:18px;color:#7187ad;font-size:clamp(.62rem,1.1vw,.8rem);font-weight:650;letter-spacing:.34em;text-transform:uppercase;opacity:0;animation:fadeUp .75s ease 1.55s forwards}
    @keyframes wordIn{to{opacity:1;filter:blur(0);transform:none}}
    @keyframes lineGrow{to{transform:scaleX(1)}}
    @keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
    @keyframes scan{to{transform:translateX(120%)}}
    @keyframes introPulse{50%{transform:scale(1.08);opacity:.72}}
    @keyframes introExit{to{opacity:0;visibility:hidden;transform:scale(1.025)}}

    .progress{position:fixed;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:1200;box-shadow:0 0 18px rgba(114,232,255,.7)}
    .mouse-dot{position:fixed;z-index:1500;width:7px;height:7px;border-radius:50%;background:#dce8ff;pointer-events:none;mix-blend-mode:screen;opacity:0;transform:translate(-50%,-50%)}
    .mouse-ring{position:fixed;z-index:1499;width:36px;height:36px;border:1px solid rgba(154,188,255,.38);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s,background .2s}
    body.is-link .mouse-ring{width:58px;height:58px;border-color:rgba(114,232,255,.48);background:rgba(77,131,255,.07)}

    /* NAV */
    .nav-wrap{position:fixed;top:16px;left:0;right:0;z-index:1000;padding:0 18px}
    .nav{max-width:var(--max);margin:auto;height:68px;padding:0 12px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(3,9,20,.70);backdrop-filter:blur(22px);box-shadow:0 12px 42px rgba(0,0,0,.18);transition:.3s ease}
    .nav.scrolled{height:62px;background:rgba(3,9,20,.88);border-color:rgba(151,187,255,.13)}
    .brand{display:flex;align-items:center;gap:13px;font-family:"Avenir Next","Helvetica Neue",Inter,sans-serif}
    .brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(77,131,255,.15),rgba(114,232,255,.045));border:1px solid rgba(122,166,255,.20);font-size:.75rem;font-weight:650;letter-spacing:-.035em;color:#cbdafa}
    .brand-name{font-size:.75rem;font-weight:470;letter-spacing:.155em;text-transform:uppercase;color:#9dafcf;white-space:nowrap}
    .brand-name .metta{color:#d9e4f8;font-weight:560}.brand-name .prime{color:#90a9d7;font-weight:430}
    .nav-links{display:flex;align-items:center;gap:25px;color:#b9c5d8;font-size:.86rem}
    .nav-links a{position:relative;transition:.22s ease}.nav-links a::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.25s ease}.nav-links a:hover{color:white}.nav-links a:hover::after{transform:scaleX(1)}
    .nav-cta,.btn-primary,.btn-secondary,.btn-ghost{position:relative;overflow:hidden;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s,background .25s;font-weight:750;will-change:transform}
    .nav-cta{padding:12px 16px;background:#f6f9ff;color:#061126;font-size:.83rem}
    .nav-cta::before,.btn-primary::before,.btn-secondary::before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.18) 48%,transparent 64%);transform:translateX(-130%);transition:.55s ease;pointer-events:none}.nav-cta:hover::before,.btn-primary:hover::before,.btn-secondary:hover::before{transform:translateX(130%)}
    .menu-btn{display:none;border:0;background:transparent;color:white;padding:9px;border-radius:10px}

    main{position:relative}
    .section{padding:110px 20px}
    .container{max-width:var(--max);margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8c0f2;font-size:.74rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}.eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
    h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.15rem,7.8vw,7.5rem);line-height:.91;letter-spacing:-.065em;margin-bottom:26px;max-width:1080px}h2{font-size:clamp(2.25rem,4.8vw,4.8rem);line-height:.96;letter-spacing:-.055em;margin-bottom:18px}h3{letter-spacing:-.03em}
    .gradient-text{background:linear-gradient(100deg,#fff 5%,#a9c8ff 46%,#73ebff 86%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .lead{font-size:clamp(1.02rem,1.65vw,1.28rem);line-height:1.65;color:#a8b6cb;max-width:780px}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:44px}.section-head p{max-width:550px;color:var(--muted);line-height:1.72;margin-bottom:4px}

    /* HERO */
    .hero{min-height:100svh;display:flex;align-items:center;padding:150px 20px 76px;position:relative;overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
    .hero-kicker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(140,176,255,.16);background:rgba(12,27,52,.48);padding:9px 12px;border-radius:999px;color:#b8c8e3;font-size:.78rem;backdrop-filter:blur(14px)}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(82,225,165,.7)}
    .hero h1 .thin{font-weight:460;color:#c9d6ec}.hero h1 .strong{font-weight:830}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.btn-primary{padding:15px 19px;background:linear-gradient(135deg,#5389ff,#2c66ff);color:white;box-shadow:0 14px 38px rgba(43,105,255,.26)}.btn-primary:hover{box-shadow:0 18px 50px rgba(43,105,255,.36)}.btn-secondary{padding:15px 19px;background:rgba(255,255,255,.043);color:#e7edf8;border:1px solid rgba(255,255,255,.10)}.btn-secondary:hover{background:rgba(255,255,255,.075);border-color:rgba(151,187,255,.20)}
    .hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;padding-top:25px;border-top:1px solid rgba(255,255,255,.065)}.hero-proof div{min-width:120px}.hero-proof strong{display:block;font-size:1.15rem;letter-spacing:-.03em;color:#dce8fb}.hero-proof span{font-size:.73rem;color:#7788a4}
    .hero-stage{position:relative;min-height:550px;display:grid;place-items:center;perspective:1100px}.hero-orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 33% 28%,rgba(114,232,255,.42),rgba(77,131,255,.24) 32%,rgba(16,34,70,.15) 58%,transparent 70%);filter:blur(1px);animation:float 6s ease-in-out infinite}.hero-ring{position:absolute;width:455px;height:455px;border-radius:50%;border:1px solid rgba(114,161,255,.15);animation:spin 20s linear infinite}.hero-ring::before,.hero-ring::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#7ab8ff;box-shadow:0 0 20px #7ab8ff}.hero-ring::before{top:58px;right:88px}.hero-ring::after{bottom:35px;left:122px;background:#72e8ff;box-shadow:0 0 18px #72e8ff}
    .result-board{position:relative;width:min(470px,100%);border:1px solid rgba(151,187,255,.18);border-radius:29px;background:linear-gradient(180deg,rgba(12,27,53,.86),rgba(5,13,27,.94));backdrop-filter:blur(24px);padding:18px;box-shadow:var(--shadow);transform-style:preserve-3d;will-change:transform}.board-top{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 15px;color:#8193b1;font-size:.76rem}.lights{display:flex;gap:6px}.lights i{display:block;width:8px;height:8px;border-radius:50%;background:#284064}.lights i:first-child{background:#ff6b6b}.lights i:nth-child(2){background:#fbbf24}.lights i:nth-child(3){background:#34d399}
    .board-screen{border-radius:20px;background:linear-gradient(145deg,#091429,#06101e);border:1px solid rgba(255,255,255,.055);padding:25px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between}.board-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#7189b2}.board-title{font-size:clamp(2.6rem,4.5vw,4rem);line-height:.9;letter-spacing:-.07em;font-weight:880;margin:11px 0 8px;background:linear-gradient(100deg,#fff,#8cb5ff);-webkit-background-clip:text;color:transparent}.board-note{font-size:.82rem;color:#8495b1;line-height:1.5}.growth-bars{display:flex;align-items:end;gap:8px;height:128px;margin:20px 0}.growth-bars span{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(114,232,255,.88),rgba(77,131,255,.30));transform-origin:bottom;animation:barGrow 1.5s cubic-bezier(.16,1,.3,1) both}.growth-bars span:nth-child(1){height:24%}.growth-bars span:nth-child(2){height:34%}.growth-bars span:nth-child(3){height:48%}.growth-bars span:nth-child(4){height:45%}.growth-bars span:nth-child(5){height:65%}.growth-bars span:nth-child(6){height:79%}.growth-bars span:nth-child(7){height:96%}.board-chips{display:flex;gap:8px;flex-wrap:wrap}.board-chips span{font-size:.71rem;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);color:#9eb0cf;border:1px solid rgba(255,255,255,.055)}
    @keyframes float{50%{transform:translateY(-20px) scale(1.025)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes barGrow{from{transform:scaleY(.06);opacity:.15}to{transform:scaleY(1);opacity:1}}

    /* PROOF STRIP */
    .proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.proof-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.proof-item{padding:24px;border-right:1px solid var(--line)}.proof-item:last-child{border-right:0}.proof-item strong{display:block;font-size:1.12rem;letter-spacing:-.03em}.proof-item span{font-size:.79rem;color:#7d8da8}

    /* GENERIC CARDS / MOTION */
    .card{position:relative;border:1px solid rgba(151,187,255,.11);background:linear-gradient(180deg,rgba(12,25,48,.68),rgba(6,14,28,.78));border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .3s,box-shadow .3s,background .3s;transform-style:preserve-3d;will-change:transform}.card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--gx,50%) var(--gy,50%),rgba(92,145,255,.11),transparent 62%);opacity:0;transition:opacity .25s}.card:hover::before{opacity:1}.card:hover{border-color:rgba(126,168,255,.24);box-shadow:0 28px 76px rgba(0,0,0,.22)}
    .reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.reveal[data-reveal="left"]{transform:translateX(-42px)}.reveal[data-reveal="right"]{transform:translateX(42px)}.reveal[data-reveal="scale"]{transform:scale(.94)}.reveal.in{opacity:1;transform:none}
    .stagger > *{transition-delay:calc(var(--i,0) * 80ms)}

    /* PORTFOLIO */
    .portfolio{padding-top:120px}.portfolio-intro{max-width:850px;margin-bottom:38px}.portfolio-intro p{color:#91a1bc;line-height:1.7;max-width:720px}.portfolio-note{display:inline-flex;align-items:center;gap:8px;color:#7f93b7;font-size:.78rem;margin-top:5px}.portfolio-note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(82,225,165,.55)}
    .cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.case{min-height:500px;display:grid;grid-template-rows:235px 1fr;padding:0}.case-preview{position:relative;overflow:hidden;background:linear-gradient(145deg,#0e1d38,#07101f)}.case-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,10,21,.54),transparent 68%)}.case-number{position:absolute;top:18px;right:21px;z-index:3;font-size:.7rem;letter-spacing:.14em;color:#6f83a8}.browser{position:absolute;left:30px;right:30px;top:30px;height:230px;border-radius:17px 17px 0 0;border:1px solid rgba(255,255,255,.105);background:#091426;box-shadow:0 28px 70px rgba(0,0,0,.35);overflow:hidden;transform:rotate(-1deg);transition:.55s cubic-bezier(.16,1,.3,1)}.case:hover .browser{transform:rotate(0) translateY(-8px) scale(1.025)}.browser-head{height:31px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:5px;padding:0 10px}.browser-head i{width:6px;height:6px;border-radius:50%;background:#31435f}.browser-body{padding:21px}.browser-body .line{height:10px;border-radius:8px;background:#152843;margin-bottom:10px}.browser-body .line.hero-line{height:30px;width:72%;background:linear-gradient(90deg,#315fae,#173152)}.browser-body .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.browser-body .cards span{height:68px;border-radius:9px;background:#0f213c;border:1px solid rgba(255,255,255,.04)}
    .case-copy{padding:27px}.case-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.case-tag{font-size:.69rem;letter-spacing:.115em;text-transform:uppercase;color:#87a4da;margin-bottom:8px}.case-link{font-size:.77rem;color:#d0ddf4;border:1px solid rgba(255,255,255,.08);padding:9px 11px;border-radius:10px;white-space:nowrap;transition:.25s}.case-link:hover{border-color:rgba(114,232,255,.25);color:#fff;transform:translateY(-2px)}.case h3{font-size:1.55rem;margin:0}.case p{color:#8f9fba;line-height:1.58;margin:12px 0 0;font-size:.91rem}.result{margin-top:18px;padding:16px;border:1px solid rgba(82,225,165,.12);border-radius:15px;background:linear-gradient(135deg,rgba(82,225,165,.055),rgba(77,131,255,.03));font-size:.82rem;line-height:1.55;color:#b8c8df}.result strong{display:block;margin-bottom:4px;color:#7de8bc;font-size:.71rem;letter-spacing:.1em;text-transform:uppercase}.case-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.case-meta span{font-size:.69rem;color:#7f90ac;padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}
    .portfolio-cta{margin-top:24px;padding:24px 26px;border:1px solid rgba(151,187,255,.10);border-radius:20px;background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-cta strong{font-size:1.08rem}.portfolio-cta span{display:block;color:#8393ad;font-size:.82rem;margin-top:4px}

    /* PRICING */
    .pricing{padding-top:78px}.pricing-shell{position:relative;border:1px solid rgba(126,168,255,.16);border-radius:34px;padding:46px;background:radial-gradient(700px 360px at 50% 0%,rgba(77,131,255,.10),transparent 68%),rgba(5,13,27,.50);overflow:hidden}.pricing-shell::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.025) 48%,transparent 68%);transform:translateX(-80%);animation:pricingShine 9s ease-in-out infinite}@keyframes pricingShine{50%,100%{transform:translateX(80%)}}
    .pricing-wrap{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{padding:28px;display:flex;flex-direction:column;min-height:560px}.price-card.popular{border-color:rgba(96,148,255,.40);background:linear-gradient(180deg,rgba(19,42,79,.82),rgba(8,17,33,.86));box-shadow:0 28px 90px rgba(36,85,193,.15);transform:translateY(-10px)}.price-card.popular::after{content:"MAIS ESCOLHIDO";position:absolute;right:18px;top:18px;font-size:.61rem;font-weight:900;letter-spacing:.12em;color:#a8c6ff;background:rgba(77,131,255,.14);border:1px solid rgba(98,147,255,.24);padding:8px 10px;border-radius:999px}.plan-name{color:#bdcbe3;font-size:.79rem;font-weight:820;letter-spacing:.12em;text-transform:uppercase}.price{font-size:3.45rem;letter-spacing:-.065em;font-weight:880;margin:14px 0 3px}.price small{font-size:1rem;color:#8290a9;font-weight:600;letter-spacing:0}.price-sub{color:#7f8da6;font-size:.77rem}.plan-desc{color:#8697b2;font-size:.84rem;line-height:1.55;margin-top:18px}.price-card ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:11px}.price-card li{display:flex;gap:10px;color:#abb9d0;font-size:.88rem;line-height:1.45}.price-card li::before{content:"✓";color:#6ee7b7;font-weight:900}.price-card .btn-primary,.price-card .btn-secondary{margin-top:auto;width:100%}.price-highlight{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;color:#7487a7}.price-highlight strong{color:#9cbaff}
    .recurring{position:relative;margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.rec-card{padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.023);display:flex;justify-content:space-between;gap:20px;align-items:center}.rec-card strong{font-size:1.04rem}.rec-card span{color:#8190a8;font-size:.79rem}.rec-price{font-size:1.2rem;font-weight:850;white-space:nowrap;color:#dbe7fa}.pricing-foot{position:relative;margin-top:18px;color:#7889a5;font-size:.77rem;line-height:1.5;text-align:center}

    /* SERVICES */
    .services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.service{padding:26px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between}.service.large{grid-column:span 6}.service.small{grid-column:span 3}.icon-box{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(80,125,255,.09);border:1px solid rgba(120,166,255,.14);font-size:1.15rem}.service h3{font-size:1.32rem;margin:24px 0 10px}.service p{color:#8f9fba;line-height:1.62;margin-bottom:0;font-size:.91rem}.mini-link{font-size:.8rem;color:#b8ccff;font-weight:700;margin-top:20px}

    /* SAAS */
    .saas{padding-top:30px}.saas-shell{position:relative;border-radius:32px;overflow:hidden;border:1px solid rgba(126,168,255,.18);background:radial-gradient(700px 300px at 0% 0%,rgba(77,131,255,.17),transparent 65%),linear-gradient(145deg,rgba(12,27,54,.92),rgba(5,12,26,.98));box-shadow:var(--shadow)}.saas-grid{display:grid;grid-template-columns:1fr 1fr;min-height:550px}.saas-copy{padding:56px;display:flex;flex-direction:column;justify-content:center}.saas-copy .badge{align-self:flex-start;padding:8px 11px;border-radius:999px;background:rgba(114,232,255,.075);border:1px solid rgba(114,232,255,.15);color:#8eefff;font-size:.72rem;font-weight:800;letter-spacing:.12em}.saas-copy h2{font-size:clamp(2.55rem,5vw,5rem);margin:22px 0 18px}.saas-copy p{color:#9aabc4;line-height:1.72;max-width:560px}.feature-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 30px}.feature-row span{padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:.75rem;color:#a8bad6}.saas-visual{position:relative;display:grid;place-items:center;padding:40px;overflow:hidden}.saas-visual::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(77,131,255,.22),transparent 65%)}.dashboard{position:relative;width:min(540px,100%);aspect-ratio:1.2;border-radius:25px;background:#07101f;border:1px solid rgba(255,255,255,.09);padding:14px;box-shadow:0 35px 80px rgba(0,0,0,.42);transform:perspective(900px) rotateY(-9deg) rotateX(5deg);transition:.5s cubic-bezier(.16,1,.3,1)}.saas-shell:hover .dashboard{transform:perspective(900px) rotateY(-4deg) rotateX(2deg) translateY(-7px)}.dash-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 6px}.dash-top i{width:7px;height:7px;border-radius:50%;background:#294062}.dash-top i:nth-child(1){background:#5d86ff}.dash-body{display:grid;grid-template-columns:90px 1fr;height:calc(100% - 38px);gap:10px}.dash-side,.dash-main{border-radius:15px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}.dash-side{padding:12px 9px}.dash-side span{display:block;height:9px;border-radius:5px;background:#182844;margin-bottom:14px}.dash-side span:first-child{background:#2f5fb7}.dash-main{padding:14px}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-kpis div{height:58px;border-radius:10px;background:linear-gradient(145deg,#11213c,#0b162a);border:1px solid rgba(255,255,255,.035)}.dash-chart{height:120px;margin-top:10px;border-radius:12px;background:linear-gradient(180deg,rgba(55,111,255,.14),rgba(255,255,255,.015));position:relative;overflow:hidden}.dash-chart::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:linear-gradient(90deg,transparent,#4d85ff 12%,#72e7f7 48%,#4d85ff 80%,transparent);transform:skewY(-7deg);box-shadow:0 0 16px rgba(114,232,255,.35)}.dash-table{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.dash-table div{height:48px;border-radius:10px;background:#0c192e;border:1px solid rgba(255,255,255,.035)}

    /* PROCESS / CTA */
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:24px;min-height:230px}.step-num{font-size:.72rem;color:#7f9bd0;font-weight:800;letter-spacing:.12em}.step h3{font-size:1.18rem;margin:36px 0 10px}.step p{font-size:.84rem;color:#8796af;line-height:1.6}.cta{padding-top:55px}.cta-box{position:relative;overflow:hidden;border:1px solid rgba(126,168,255,.18);border-radius:34px;padding:76px 48px;text-align:center;background:radial-gradient(650px 270px at 50% 0%,rgba(77,131,255,.19),transparent 70%),linear-gradient(180deg,#09172f,#06101f)}.cta-box::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;left:50%;bottom:-390px;transform:translateX(-50%);border:1px solid rgba(114,232,255,.14);box-shadow:0 0 120px rgba(77,131,255,.14)}.cta-box h2{position:relative;max-width:900px;margin:0 auto 20px}.cta-box p{position:relative;max-width:650px;margin:0 auto 28px;color:#96a7c0;line-height:1.65}.cta-actions{position:relative;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

    footer{padding:70px 20px 28px;border-top:1px solid var(--line);margin-top:110px;background:rgba(0,0,0,.12)}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:50px}.footer-brand p{color:#8494ad;max-width:430px;line-height:1.7;font-size:.86rem;margin-top:18px}.footer-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#b6c6df;margin-bottom:16px}.footer-col a{display:block;color:#8392aa;font-size:.84rem;margin:11px 0;transition:.2s}.footer-col a:hover{color:white;transform:translateX(3px)}.footer-bottom{max-width:var(--max);margin:50px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:20px;color:#66748c;font-size:.74rem}
    .whatsapp{position:fixed;right:22px;bottom:22px;z-index:900;width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:#25D366;color:#03150b;box-shadow:0 15px 40px rgba(37,211,102,.24);transition:.25s}.whatsapp:hover{transform:translateY(-4px) scale(1.04)}.whatsapp svg{width:25px;height:25px}

    @media(max-width:1020px){
      .nav-links{display:none;position:absolute;top:76px;left:18px;right:18px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(4,9,19,.97);backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:8px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:11px 8px}.nav-cta{display:none}.menu-btn{display:block}
      .hero-grid,.saas-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-stage{min-height:470px}.pricing-wrap{grid-template-columns:1fr;max-width:720px;margin:auto}.price-card{min-height:auto}.price-card.popular{transform:none}.process-grid{grid-template-columns:repeat(2,1fr)}.service.large{grid-column:span 6}.service.small{grid-column:span 6}.saas-copy{padding:44px}.saas-visual{min-height:430px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}
    }
    @media(max-width:760px){
      .section{padding:78px 16px}.hero{min-height:auto;padding:120px 16px 52px}.hero-grid{gap:12px}h1{font-size:clamp(3rem,15.5vw,5rem)}.lead{font-size:.98rem}.hero-stage{min-height:365px}.result-board{width:94%;padding:12px;border-radius:23px}.board-screen{min-height:300px;padding:19px}.board-title{font-size:3rem}.hero-ring{width:320px;height:320px}.hero-orb{width:285px;height:285px}.hero-proof{gap:18px}.section-head{display:block;margin-bottom:29px}.section-head p{margin-top:14px}.proof-inner{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.proof-item{min-width:72%;scroll-snap-align:start;border-right:1px solid var(--line)}
      .cases-grid,.pricing-wrap,.services-grid,.process-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-16px;padding-right:16px;padding-bottom:8px}.case{min-width:88%;scroll-snap-align:center;min-height:470px}.pricing-shell{padding:30px 18px}.price-card{min-width:88%;scroll-snap-align:center;min-height:545px}.service.large,.service.small{min-width:84%;scroll-snap-align:center}.service{min-height:225px}.step{min-width:80%;scroll-snap-align:center}.portfolio-cta{align-items:flex-start;flex-direction:column}.recurring{grid-template-columns:1fr}.rec-card{align-items:flex-start;flex-direction:column}.saas{padding-top:15px}.saas-shell{border-radius:26px}.saas-copy{padding:34px 24px}.saas-copy h2{font-size:2.8rem}.saas-visual{min-height:330px;padding:24px}.dashboard{transform:perspective(900px) rotateY(-4deg) rotateX(3deg)}.cta-box{padding:54px 22px;border-radius:26px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}.whatsapp{right:16px;bottom:16px}.mouse-dot,.mouse-ring{display:none}
    }
    @media(max-width:430px){.brand-name{font-size:.63rem;letter-spacing:.11em}.nav{height:62px;border-radius:18px}.hero-actions>a{width:100%}.browser{left:18px;right:18px}.case-preview{height:215px}.case{grid-template-rows:215px 1fr}.price{font-size:2.95rem}.cta-actions>a{width:100%}.intro-wordmark{gap:.6rem}.intro-sub{letter-spacing:.21em}.pricing-shell{margin-left:-4px;margin-right:-4px}.hero-proof div{min-width:104px}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro{display:none}.reveal{opacity:1;transform:none!important}.mouse-dot,.mouse-ring{display:none}}


    /* V4 — CASE STUDIES REAIS */
    .case-studies{display:grid;gap:22px;margin-top:32px}
    .case-study{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:0;min-height:520px;border:1px solid rgba(151,187,255,.13);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(10,23,45,.82),rgba(5,13,27,.92));box-shadow:0 28px 95px rgba(0,0,0,.24);transition:border-color .35s,transform .35s,box-shadow .35s;transform-style:preserve-3d}
    .case-study:hover{border-color:rgba(121,166,255,.28);box-shadow:0 36px 110px rgba(0,0,0,.34)}
    .case-study.reverse{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)}
    .case-study.reverse .case-visual{order:2}.case-study.reverse .case-details{order:1}
    .case-visual{position:relative;min-height:520px;overflow:hidden;background:#06101e}
    .case-shot{position:absolute;inset:0;overflow:hidden}
    .case-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .35s;filter:saturate(.98) contrast(1.01)}
    .case-study:hover .case-shot img{transform:scale(1.025)}
    .case-shot::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 55%,rgba(4,10,21,.18)),linear-gradient(to top,rgba(3,8,19,.24),transparent 34%)}
    .case-study.reverse .case-shot::after{background:linear-gradient(270deg,transparent 55%,rgba(4,10,21,.18)),linear-gradient(to top,rgba(3,8,19,.20),transparent 34%)}
    .case-site-badge{position:absolute;z-index:3;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(3,9,20,.78);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.10);font-size:.73rem;color:#dbe8fb;box-shadow:0 12px 34px rgba(0,0,0,.22)}
    .case-site-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(82,225,165,.7)}
    .case-details{padding:38px 34px 34px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(420px 280px at 100% 0%,rgba(77,131,255,.08),transparent 70%)}
    .case-index{font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:#7185a8;margin-bottom:15px}
    .case-study h3{font-size:clamp(2rem,3vw,3.15rem);line-height:.98;letter-spacing:-.055em;margin:0 0 10px}
    .case-service{font-size:.82rem;color:#8ba8dd;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px;font-weight:780}
    .case-rating{display:flex;align-items:center;gap:10px;margin:4px 0 18px}.stars{font-size:1rem;letter-spacing:.08em;color:#ffd66d;text-shadow:0 0 18px rgba(255,214,109,.18)}.rating-label{font-size:.73rem;color:#7d8da7}
    .case-summary{color:#9dacbf;line-height:1.65;font-size:.93rem;margin-bottom:18px}
    .case-quote{position:relative;margin:0 0 18px;padding:17px 17px 17px 20px;border-radius:16px;border:1px solid rgba(114,232,255,.10);background:linear-gradient(135deg,rgba(77,131,255,.07),rgba(82,225,165,.025));color:#c6d2e5;line-height:1.62;font-size:.88rem;font-style:italic}
    .case-quote::before{content:"“";position:absolute;left:11px;top:1px;font-size:2.2rem;line-height:1;color:#6398ff;opacity:.55;transform:translateX(-2px)}
    .case-quote span{display:block;padding-left:10px}
    .result-list{display:grid;gap:9px;margin:0 0 20px}.result-point{display:flex;gap:10px;align-items:flex-start;font-size:.81rem;color:#9fafc7}.result-point i{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:8px;background:rgba(82,225,165,.08);border:1px solid rgba(82,225,165,.13);color:#6ee7b7;font-style:normal;font-size:.72rem;font-weight:900}
    .case-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.case-actions a{font-size:.79rem}
    .mini-case{margin-top:18px;padding:20px 22px;border:1px solid rgba(151,187,255,.09);background:rgba(255,255,255,.018);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.mini-case strong{display:block;font-size:1rem}.mini-case span{display:block;color:#7789a7;font-size:.78rem;margin-top:3px}
    .proof-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.proof-badges b{font-size:.68rem;font-weight:700;color:#8ea4c9;padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
    @media(max-width:900px){.case-study,.case-study.reverse{grid-template-columns:1fr;min-height:0}.case-study.reverse .case-visual,.case-study.reverse .case-details{order:initial}.case-visual{min-height:360px}.case-details{padding:30px 24px}.case-study h3{font-size:2.35rem}}
    @media(max-width:600px){.case-studies{gap:14px}.case-study{border-radius:22px}.case-visual{min-height:255px}.case-details{padding:25px 19px}.case-study h3{font-size:2rem}.case-quote{font-size:.83rem}.mini-case{align-items:flex-start;flex-direction:column}.case-site-badge{left:12px;bottom:12px}}

  
    /* V4.1 — PORTFÓLIO MAIS COMPACTO */
    .portfolio{padding-top:86px;padding-bottom:72px}
    .portfolio .section-head{margin-bottom:20px}
    .portfolio-note{margin-bottom:4px}
    .case-studies{
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
      margin-top:18px;
      align-items:stretch
    }
    .case-study,.case-study.reverse{
      display:grid;
      grid-template-columns:1fr;
      grid-template-rows:188px auto;
      min-height:0;
      border-radius:22px
    }
    .case-study.reverse .case-visual,.case-study.reverse .case-details{order:initial}
    .case-visual{height:188px;min-height:188px}
    .case-shot::after,.case-study.reverse .case-shot::after{
      background:linear-gradient(to top,rgba(3,8,19,.25),transparent 48%)
    }
    .case-site-badge{
      left:12px;bottom:12px;
      padding:8px 10px;
      font-size:.65rem
    }
    .case-details{
      padding:20px 18px 18px;
      justify-content:flex-start
    }
    .case-index{font-size:.57rem;margin-bottom:8px}
    .case-service{font-size:.64rem;margin-bottom:7px}
    .case-study h3{font-size:1.68rem;line-height:.98;margin-bottom:6px}
    .case-rating{margin:1px 0 10px;gap:7px}
    .stars{font-size:.85rem}
    .rating-label{font-size:.63rem}
    .case-summary{
      font-size:.76rem;
      line-height:1.48;
      margin-bottom:10px;
      display:-webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      overflow:hidden
    }
    .case-quote{
      margin-bottom:10px;
      padding:11px 11px 11px 14px;
      border-radius:13px;
      font-size:.72rem;
      line-height:1.42;
      display:-webkit-box;
      -webkit-line-clamp:4;
      -webkit-box-orient:vertical;
      overflow:hidden
    }
    .case-quote::before{font-size:1.6rem;left:7px}
    .case-quote span{padding-left:8px}
    .result-list{
      display:grid;
      grid-template-columns:1fr;
      gap:5px;
      margin:0 0 9px
    }
    .result-point{gap:7px;font-size:.67rem;line-height:1.32}
    .result-point i{
      flex-basis:20px;height:20px;border-radius:6px;
      font-size:.62rem
    }
    .proof-badges{gap:5px;margin-top:3px}
    .proof-badges b{
      padding:5px 7px;
      font-size:.59rem
    }
    .case-actions{gap:7px;margin-top:13px}
    .case-actions a{
      padding:10px 11px;
      border-radius:11px;
      font-size:.68rem
    }
    .mini-case{margin-top:13px;padding:16px 18px}
    .portfolio-cta{margin-top:14px;padding:18px 20px}

    /* ÍCONES DE MARCA */
    .icon-box.brand-icon{
      width:48px;height:48px;
      padding:10px;
      overflow:hidden;
      background:rgba(255,255,255,.035)
    }
    .brand-svg{display:block;width:100%;height:100%}
    .mono-svg{color:#a9c6ff}
    .google-ads-icon{border-color:rgba(66,133,244,.24)!important;background:rgba(66,133,244,.055)!important}
    .whatsapp-icon{border-color:rgba(37,211,102,.24)!important;background:rgba(37,211,102,.055)!important}
    .instagram-icon{border-color:rgba(193,53,132,.20)!important;background:rgba(193,53,132,.045)!important}
    .google-profile-icon{border-color:rgba(66,133,244,.20)!important;background:rgba(66,133,244,.045)!important}
    .api-icon,.web-icon{border-color:rgba(120,166,255,.16)!important}

    .brand-proof{
      display:inline-flex!important;
      align-items:center;
      gap:5px
    }
    .brand-proof .brand-svg{width:13px;height:13px;flex:0 0 13px}
    .brand-proof span{display:inline!important}

    .rec-card-brand{padding:18px 20px}
    .rec-brand-wrap{display:flex;align-items:center;gap:13px;min-width:0}
    .rec-brand-icon{
      width:42px;height:42px;flex:0 0 42px;
      display:grid;place-items:center;
      padding:8px;border-radius:13px;
      border:1px solid rgba(66,133,244,.22)
    }
    .rec-brand-icon .brand-svg{width:100%;height:100%}

    @media(max-width:1050px){
      .case-studies{grid-template-columns:repeat(2,minmax(0,1fr))}
      .case-study:last-child{grid-column:1/-1;grid-template-columns:260px 1fr;grid-template-rows:auto}
      .case-study:last-child .case-visual{height:auto;min-height:285px}
      .case-study:last-child .case-details{padding:24px}
      .case-study:last-child .case-summary,
      .case-study:last-child .case-quote{-webkit-line-clamp:3}
    }
    @media(max-width:720px){
      .portfolio{padding-top:66px;padding-bottom:54px}
      .portfolio .section-head{margin-bottom:14px}
      .case-studies{
        display:flex;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        gap:11px;
        margin-right:-20px;
        padding-right:20px;
        padding-bottom:10px
      }
      .case-study,.case-study:last-child{
        min-width:86%;
        max-width:86%;
        grid-column:auto;
        grid-template-columns:1fr;
        grid-template-rows:175px auto;
        scroll-snap-align:center
      }
      .case-study:last-child .case-visual,.case-visual{height:175px;min-height:175px}
      .case-study:last-child .case-details,.case-details{padding:18px 16px 16px}
      .case-summary{-webkit-line-clamp:2}
      .case-quote{-webkit-line-clamp:3}
      .result-list{display:none}
      .mini-case{margin-top:8px}
      .portfolio-cta{margin-top:10px}
      .rec-brand-wrap{align-items:flex-start}
    }

  
    /* V5 — QUEM SOMOS, PRAZOS, FAQ E REFINAMENTOS */
    .nav-links{gap:19px}

    .about{padding-top:58px;padding-bottom:82px}
    .about-shell{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:42px;
      padding:48px;
      border:1px solid rgba(151,187,255,.13);
      border-radius:32px;
      background:
        radial-gradient(600px 350px at 0% 0%,rgba(77,131,255,.12),transparent 68%),
        linear-gradient(145deg,rgba(9,22,43,.78),rgba(5,13,27,.90));
      box-shadow:0 28px 90px rgba(0,0,0,.20)
    }
    .about-copy h2{font-size:clamp(2.4rem,4.8vw,4.7rem)}
    .about-copy p{color:#8f9fba;line-height:1.72;max-width:650px}
    .about-copy .about-lead{font-size:1.03rem;color:#b1c0d7}
    .about-statement{
      display:flex;align-items:center;gap:12px;margin-top:26px;
      padding-top:22px;border-top:1px solid rgba(255,255,255,.065);
      color:#d5e2f7;font-size:.9rem;line-height:1.5
    }
    .about-statement span{
      width:8px;height:8px;flex:0 0 8px;border-radius:50%;
      background:var(--green);box-shadow:0 0 16px rgba(82,225,165,.65)
    }
    .about-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .about-value{
      min-height:190px;padding:22px;border-radius:20px;
      border:1px solid rgba(151,187,255,.09);
      background:rgba(255,255,255,.022);
      transition:.3s ease
    }
    .about-value:hover{transform:translateY(-4px);border-color:rgba(126,168,255,.22);background:rgba(255,255,255,.035)}
    .about-num{font-size:.62rem;letter-spacing:.15em;color:#6686bd}
    .about-value h3{font-size:1.1rem;margin:28px 0 9px}
    .about-value p{margin:0;color:#8292ab;font-size:.8rem;line-height:1.55}
    .about-strip{
      margin-top:14px;padding:15px 18px;border-radius:16px;
      border:1px solid rgba(151,187,255,.08);
      display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
      background:rgba(255,255,255,.018)
    }
    .about-strip span{
      font-size:.68rem;color:#8da0bf;padding:7px 10px;border-radius:999px;
      border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)
    }

    .delivery-pill{
      align-self:flex-start;
      margin-top:13px;
      padding:7px 10px;
      border-radius:999px;
      border:1px solid rgba(114,232,255,.11);
      background:rgba(114,232,255,.045);
      color:#7e91ae;
      font-size:.69rem
    }
    .delivery-pill strong{color:#b9d8ff;font-weight:800}
    .pricing-foot{max-width:900px;margin-left:auto;margin-right:auto}

    .faq{padding-top:66px;padding-bottom:56px}
    .faq-list{
      max-width:960px;margin:0 auto;
      border-top:1px solid rgba(151,187,255,.11)
    }
    .faq-list details{
      border-bottom:1px solid rgba(151,187,255,.11);
      background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(255,255,255,.018));
      transition:background .25s
    }
    .faq-list details:hover{background:rgba(255,255,255,.025)}
    .faq-list summary{
      position:relative;
      list-style:none;
      cursor:pointer;
      padding:22px 50px 22px 4px;
      font-size:1rem;
      font-weight:720;
      color:#d6e2f4;
      user-select:none
    }
    .faq-list summary::-webkit-details-marker{display:none}
    .faq-list summary::after{
      content:"+";
      position:absolute;right:7px;top:50%;transform:translateY(-50%);
      width:30px;height:30px;border-radius:10px;
      display:grid;place-items:center;
      border:1px solid rgba(151,187,255,.12);
      background:rgba(77,131,255,.05);
      color:#8eb5ff;font-size:1.15rem;font-weight:400;
      transition:.25s
    }
    .faq-list details[open] summary::after{content:"–";transform:translateY(-50%) rotate(180deg)}
    .faq-answer{
      padding:0 55px 23px 4px;
      color:#8d9db7;
      font-size:.88rem;
      line-height:1.7;
      max-width:850px
    }
    .faq-answer strong{color:#bfd3f4}

    @media(max-width:1020px){
      .about-shell{grid-template-columns:1fr;padding:38px}
      .about-copy p{max-width:none}
      .nav-links{gap:8px}
    }
    @media(max-width:720px){
      .about{padding-top:45px;padding-bottom:58px}
      .about-shell{padding:27px 20px;border-radius:25px;gap:28px}
      .about-values{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;padding-bottom:6px}
      .about-value{min-width:78%;scroll-snap-align:center}
      .about-strip{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
      .about-strip span{white-space:nowrap}
      .faq{padding-top:50px;padding-bottom:35px}
      .faq-list summary{padding:19px 48px 19px 2px;font-size:.93rem}
      .faq-answer{padding:0 42px 20px 2px;font-size:.83rem}
      .delivery-pill{font-size:.66rem}
    }

  
    /* V6 — ACABAMENTO PARA PUBLICAÇÃO */
    :root{--neon:#58a6ff;--neon2:#72efff}

    /* Portfólio: screenshots inteiros, sem corte */
    .case-study,.case-study.reverse{grid-template-rows:auto auto}
    .case-visual{
      position:relative;
      height:auto!important;
      min-height:0!important;
      aspect-ratio:16/9;
      background:
        radial-gradient(500px 220px at 50% 50%,rgba(58,112,220,.12),transparent 72%),
        #020813;
      border-bottom:1px solid rgba(151,187,255,.08)
    }
    .case-shot{position:absolute;inset:0;display:grid;place-items:center;background:#020813}
    .case-shot img{
      width:100%;height:100%;
      object-fit:contain!important;
      object-position:center!important;
      transform:none!important;
      filter:saturate(1.02) contrast(1.015);
      background:#020813
    }
    .case-study:hover .case-shot img{transform:scale(1.008)!important}
    .case-shot::after,.case-study.reverse .case-shot::after{
      background:linear-gradient(to top,rgba(2,8,19,.10),transparent 28%)!important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)
    }
    .case-site-badge{bottom:10px;left:10px;background:rgba(2,8,19,.86)}

    /* Neon sutil: marca inicial e produto Metta Loterias */
    .intro-wordmark span{
      color:transparent!important;
      background:linear-gradient(105deg,#d9f3ff 0%,#77b7ff 48%,#62efff 100%);
      -webkit-background-clip:text;background-clip:text;
      text-shadow:0 0 18px rgba(73,151,255,.18),0 0 42px rgba(75,196,255,.08)
    }
    .intro-wordmark span:nth-child(1){animation:wordIn .85s cubic-bezier(.16,1,.3,1) .18s forwards,neonBreathe 4.2s ease-in-out 1.5s infinite}
    .intro-wordmark span:nth-child(2){animation:wordIn .85s cubic-bezier(.16,1,.3,1) .48s forwards,neonBreathe 4.2s ease-in-out 1.8s infinite}
    .intro-wordmark span:nth-child(3){animation:wordIn .85s cubic-bezier(.16,1,.3,1) .78s forwards,neonBreathe 4.2s ease-in-out 2.1s infinite}
    @keyframes neonBreathe{
      0%,100%{text-shadow:0 0 16px rgba(73,151,255,.17),0 0 38px rgba(75,196,255,.07)}
      50%{text-shadow:0 0 21px rgba(73,151,255,.30),0 0 52px rgba(75,222,255,.14)}
    }
    .brand-name{animation:brandGlow 5s ease-in-out infinite}
    .brand-name .metta{color:#d6efff}.brand-name .prime{color:#78baff}
    @keyframes brandGlow{50%{text-shadow:0 0 13px rgba(74,163,255,.35)}}

    .neon-title{
      color:#9ed0ff!important;
      text-shadow:0 0 15px rgba(64,141,255,.23),0 0 44px rgba(74,218,255,.08);
      animation:neonTitleFloat 4.6s ease-in-out infinite
    }
    .neon-title .gradient-text{
      background:linear-gradient(95deg,#69a8ff,#73efff 75%);
      -webkit-background-clip:text;background-clip:text;color:transparent;
      text-shadow:0 0 17px rgba(73,161,255,.25),0 0 45px rgba(82,230,255,.08)
    }
    @keyframes neonTitleFloat{
      0%,100%{filter:drop-shadow(0 0 0 rgba(77,154,255,0));transform:translateY(0)}
      50%{filter:drop-shadow(0 0 8px rgba(77,154,255,.12));transform:translateY(-2px)}
    }

    /* Resumo de preços exclusivo do mobile */
    .mobile-price-overview{display:none}

    /* pequenos refinamentos de publicação */
    .portfolio-note{color:#91a4c5}
    .saas-copy .badge{box-shadow:0 0 24px rgba(114,232,255,.06)}

    @media(max-width:1050px){
      .case-study:last-child{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
      .case-study:last-child .case-visual{height:auto!important;min-height:0!important;aspect-ratio:16/9}
    }

    @media(max-width:720px){
      body{overflow-x:hidden}
      .section{padding-left:15px;padding-right:15px}
      .container{width:100%;max-width:100%}
      .nav-wrap{top:10px;padding:0 10px}
      .nav{padding:0 9px 0 12px;border-radius:18px}
      .brand{gap:9px}.brand-mark{width:32px;height:32px;border-radius:10px}
      .brand-name{font-size:.58rem;letter-spacing:.08em}

      .hero{padding:108px 15px 42px}
      .hero h1{font-size:clamp(2.75rem,14vw,4.2rem);line-height:.92}
      .hero-kicker{gap:7px}.pill{padding:7px 9px;font-size:.68rem}
      .hero-actions{gap:8px;margin-top:24px}
      .hero-actions .btn-primary,.hero-actions .btn-secondary{padding:13px 14px}
      .hero-proof{gap:10px;margin-top:25px;padding-top:18px}
      .hero-proof div{min-width:30%;flex:1}.hero-proof strong{font-size:.96rem}.hero-proof span{font-size:.62rem}
      .hero-stage{min-height:325px}.result-board{width:100%;max-width:360px}.board-screen{min-height:275px}

      /* portfólio horizontal, mas sem cortar os screenshots */
      .case-studies{gap:10px;margin-right:-15px;padding-right:15px}
      .case-study,.case-study:last-child{
        min-width:91%;max-width:91%;
        grid-template-columns:1fr!important;
        grid-template-rows:auto auto!important;
        border-radius:20px
      }
      .case-visual,.case-study:last-child .case-visual{
        height:auto!important;min-height:0!important;aspect-ratio:16/9!important
      }
      .case-details,.case-study:last-child .case-details{padding:17px 15px 15px}
      .case-study h3{font-size:1.55rem}
      .case-summary{font-size:.73rem;-webkit-line-clamp:2}
      .case-quote{font-size:.69rem;-webkit-line-clamp:3}
      .proof-badges b{font-size:.56rem}
      .case-actions a{flex:1;padding:10px 8px;font-size:.64rem}

      /* os 3 valores aparecem juntos na mesma tela */
      .pricing-shell{padding:25px 11px;border-radius:24px;margin-left:0;margin-right:0}
      .mobile-price-overview{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
        margin:2px 0 17px;
        position:relative;
        z-index:3
      }
      .mobile-price-tile{
        min-width:0;
        padding:11px 5px 10px;
        border-radius:14px;
        border:1px solid rgba(151,187,255,.10);
        background:rgba(255,255,255,.024);
        text-align:center;
        display:flex;flex-direction:column;align-items:center;gap:3px
      }
      .mobile-price-tile.featured{
        border-color:rgba(88,155,255,.34);
        background:linear-gradient(180deg,rgba(44,91,174,.20),rgba(255,255,255,.025));
        box-shadow:0 10px 28px rgba(29,79,178,.12)
      }
      .mobile-price-tile span{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:#8ca2c5;white-space:nowrap}
      .mobile-price-tile strong{font-size:clamp(.86rem,3.8vw,1.12rem);letter-spacing:-.04em;color:#e8f2ff;white-space:nowrap}
      .mobile-price-tile small{font-size:.52rem;color:#7186a7;white-space:nowrap}
      .pricing-wrap{margin-right:-11px;padding-right:11px;gap:9px}
      .price-card{min-width:91%;padding:22px 18px;min-height:510px}
      .price-card.popular{transform:none}
      .price{font-size:2.85rem}
      .plan-desc{font-size:.78rem}.price-card li{font-size:.79rem}

      .recurring{gap:9px}.rec-card{padding:17px 15px}
      .rec-price{font-size:1.05rem}

      .saas-copy{padding:31px 20px}
      .saas-copy h2,.neon-title{font-size:2.65rem!important;line-height:.92}
      .saas-visual{min-height:300px;padding:18px}
      .dashboard{width:100%;transform:perspective(900px) rotateY(-2deg) rotateX(2deg)}

      .process-grid,.services-grid{margin-right:-15px;padding-right:15px}
      .faq-list summary{line-height:1.35}
      .cta-box{padding:48px 18px}
    }

    @media(max-width:390px){
      .mobile-price-tile{padding-left:3px;padding-right:3px}
      .mobile-price-tile strong{font-size:.86rem}
      .mobile-price-tile span{font-size:.49rem}
      .mobile-price-tile small{font-size:.47rem}
      .brand-name{max-width:155px;white-space:normal;line-height:1.05}
    }

  
    /* V7 — METTA LOTERIAS EM DESTAQUE */
    .metta-nav-link{
      color:#8fc5ff!important;
      font-weight:800;
      text-shadow:0 0 12px rgba(67,150,255,.28);
      isolation:isolate
    }
    .metta-nav-link span{
      position:relative;
      display:inline-block;
      animation:mettaNavGlow 3.8s ease-in-out infinite
    }
    .metta-nav-link span::before{
      content:"";
      position:absolute;
      left:-7px;right:-7px;top:50%;
      height:18px;
      transform:translateY(-50%);
      border-radius:999px;
      background:radial-gradient(circle,rgba(74,151,255,.13),transparent 70%);
      filter:blur(4px);
      z-index:-1;
      opacity:.7
    }
    @keyframes mettaNavGlow{
      0%,100%{color:#8fc5ff;text-shadow:0 0 10px rgba(66,145,255,.22)}
      50%{color:#71e8ff;text-shadow:0 0 17px rgba(71,184,255,.42)}
    }

    .metta-product-shell{
      min-height:640px;
      isolation:isolate;
      background:
        radial-gradient(700px 420px at 8% 5%,rgba(61,126,255,.18),transparent 65%),
        radial-gradient(580px 380px at 88% 56%,rgba(95,71,255,.12),transparent 70%),
        linear-gradient(145deg,#071326 0%,#06101f 48%,#050a18 100%);
      border-color:rgba(103,158,255,.24);
      box-shadow:0 38px 120px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)
    }
    .metta-product-shell::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(110deg,transparent 38%,rgba(111,190,255,.035) 50%,transparent 62%);
      transform:translateX(-100%);
      animation:mettaShellShine 8s ease-in-out infinite;
      z-index:0
    }
    @keyframes mettaShellShine{
      0%,25%{transform:translateX(-100%)}
      60%,100%{transform:translateX(100%)}
    }

    .metta-grid-light{
      position:absolute;inset:0;z-index:0;pointer-events:none;
      opacity:.18;
      background-image:
        linear-gradient(rgba(102,157,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(102,157,255,.05) 1px,transparent 1px);
      background-size:46px 46px;
      mask-image:linear-gradient(90deg,black,transparent 72%)
    }
    .metta-orbit{
      position:absolute;border:1px solid rgba(98,157,255,.11);border-radius:50%;z-index:0;pointer-events:none
    }
    .orbit-one{width:470px;height:470px;right:-120px;top:-100px;animation:mettaOrbit 26s linear infinite}
    .orbit-two{width:310px;height:310px;right:70px;bottom:-190px;animation:mettaOrbit 20s linear infinite reverse}
    @keyframes mettaOrbit{to{transform:rotate(360deg)}}

    .metta-product-grid{position:relative;z-index:2;min-height:610px}
    .metta-product-copy{padding:54px 34px 54px 52px}
    .metta-product-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .metta-live{
      display:inline-flex;align-items:center;gap:7px;
      padding:8px 10px;border-radius:999px;
      border:1px solid rgba(99,151,255,.10);
      background:rgba(255,255,255,.022);
      color:#7690b8;font-size:.67rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase
    }
    .metta-live i{
      width:6px;height:6px;border-radius:50%;
      background:#5ce5b0;box-shadow:0 0 13px rgba(92,229,176,.7);
      animation:mettaLive 2s ease-in-out infinite
    }
    @keyframes mettaLive{50%{opacity:.35;transform:scale(.75)}}

    .metta-product-title{
      margin-top:24px!important;
      font-size:clamp(3.2rem,5.7vw,5.65rem)!important;
      letter-spacing:-.065em!important
    }
    .metta-product-lead{font-size:.96rem;max-width:560px!important}
    .metta-product-lead strong{color:#c6daf8;font-weight:720}

    .metta-core-features{display:grid;gap:9px;margin:25px 0 27px;max-width:560px}
    .metta-core-item{
      display:flex;align-items:center;gap:12px;
      padding:12px 13px;
      border:1px solid rgba(126,168,255,.08);
      border-radius:14px;
      background:rgba(255,255,255,.018);
      transition:.25s ease
    }
    .metta-core-item:hover{
      border-color:rgba(100,169,255,.20);
      background:rgba(75,126,255,.045);
      transform:translateX(4px)
    }
    .metta-feature-icon{
      width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;
      border-radius:10px;
      background:linear-gradient(145deg,rgba(72,125,255,.16),rgba(86,229,255,.05));
      border:1px solid rgba(96,158,255,.13);
      color:#86baff;font-size:.58rem;font-weight:900;letter-spacing:.05em
    }
    .metta-core-item strong{display:block;font-size:.83rem;color:#d7e5fa}
    .metta-core-item small{display:block;margin-top:3px;font-size:.68rem;color:#7587a5;line-height:1.35}

    .metta-product-actions{margin-top:0}
    .metta-product-actions .btn-primary{
      box-shadow:0 14px 42px rgba(53,100,255,.27),0 0 28px rgba(77,182,255,.07)
    }

    .metta-product-visual{
      min-height:610px;
      padding:42px 36px 42px 10px;
      overflow:visible
    }
    .metta-screen-glow{
      position:absolute;
      width:470px;height:390px;border-radius:50%;
      background:radial-gradient(circle,rgba(62,111,255,.24),rgba(84,61,255,.09) 40%,transparent 70%);
      filter:blur(26px);
      animation:mettaGlowFloat 6s ease-in-out infinite
    }
    @keyframes mettaGlowFloat{50%{transform:translateY(-14px) scale(1.035);opacity:.75}}

    .metta-real-screen{
      position:relative;
      width:min(680px,100%);
      aspect-ratio:1.75;
      border-radius:22px;
      overflow:hidden;
      border:1px solid rgba(127,164,255,.17);
      background:#050b19;
      box-shadow:0 44px 95px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.015) inset;
      transform:perspective(1100px) rotateY(-7deg) rotateX(3deg);
      transform-origin:center;
      transition:.65s cubic-bezier(.16,1,.3,1);
      animation:mettaScreenFloat 6.5s ease-in-out infinite
    }
    .metta-product-shell:hover .metta-real-screen{
      transform:perspective(1100px) rotateY(-2deg) rotateX(1deg) translateY(-7px) scale(1.012)
    }
    @keyframes mettaScreenFloat{
      0%,100%{translate:0 0}
      50%{translate:0 -7px}
    }
    .metta-screen-bar{
      height:34px;
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:0 12px;
      background:rgba(6,12,28,.97);
      border-bottom:1px solid rgba(255,255,255,.055);
      color:#7182a2;font-size:.54rem;font-weight:800;letter-spacing:.12em
    }
    .metta-screen-bar b{
      color:#62ddb0;font-size:.5rem;letter-spacing:.08em
    }
    .metta-window-dots{display:flex;gap:5px}
    .metta-window-dots i{width:6px;height:6px;border-radius:50%;background:#31415e}
    .metta-window-dots i:first-child{background:#5b83ff}.metta-window-dots i:nth-child(2){background:#715dff}
    .metta-screen-viewport{position:relative;height:calc(100% - 34px);overflow:hidden}
    .metta-screen-viewport img{
      width:100%;height:100%;object-fit:cover;object-position:center top;
      filter:saturate(.95) contrast(1.035) brightness(.91);
      transform:scale(1.01)
    }
    .metta-screen-viewport::after{
      content:"";position:absolute;inset:0;pointer-events:none;
      background:
        linear-gradient(to right,rgba(2,7,18,.05),transparent 24%,transparent 75%,rgba(2,7,18,.08)),
        linear-gradient(to top,rgba(2,7,18,.14),transparent 28%)
    }
    .metta-screen-scan{
      position:absolute;left:0;right:0;top:-22%;
      height:26%;
      background:linear-gradient(to bottom,transparent,rgba(92,200,255,.055),transparent);
      transform:skewY(-4deg);
      animation:mettaScan 6s ease-in-out infinite;
      pointer-events:none
    }
    @keyframes mettaScan{
      0%,15%{top:-28%;opacity:0}
      35%{opacity:1}
      75%{top:105%;opacity:.75}
      100%{top:105%;opacity:0}
    }

    .metta-float-card{
      position:absolute;z-index:4;
      display:flex;align-items:center;gap:9px;
      padding:10px 12px;
      border-radius:13px;
      background:rgba(5,13,29,.84);
      backdrop-filter:blur(16px);
      border:1px solid rgba(120,168,255,.13);
      box-shadow:0 20px 50px rgba(0,0,0,.28);
      animation:mettaChipFloat 4.5s ease-in-out infinite
    }
    .metta-float-card>span{
      width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
      background:rgba(72,122,255,.11);color:#84b5ff;font-size:.8rem
    }
    .metta-float-card b{display:block;font-size:.68rem;color:#d5e2f7}
    .metta-float-card small{display:block;margin-top:1px;font-size:.56rem;color:#6f82a1}
    .float-card-one{left:-8px;top:102px}
    .float-card-two{right:8px;top:74px;animation-delay:.8s}
    .float-card-three{right:-3px;bottom:100px;animation-delay:1.5s}
    @keyframes mettaChipFloat{50%{transform:translateY(-7px)}}

    .metta-product-footer{
      position:relative;z-index:3;
      display:grid;grid-template-columns:repeat(4,1fr);
      border-top:1px solid rgba(126,168,255,.09);
      background:rgba(2,8,18,.24)
    }
    .metta-product-footer span{
      display:flex;align-items:center;justify-content:center;gap:8px;
      padding:16px 10px;
      border-right:1px solid rgba(126,168,255,.07);
      color:#7f91af;font-size:.67rem
    }
    .metta-product-footer span:last-child{border-right:0}
    .metta-product-footer i{
      width:5px;height:5px;border-radius:50%;background:#6da7ff;box-shadow:0 0 10px rgba(109,167,255,.6)
    }

    .instagram-float{
      position:fixed;
      right:22px;
      bottom:87px;
      z-index:900;
      width:55px;height:55px;
      border-radius:18px;
      display:grid;place-items:center;
      color:white;
      background:linear-gradient(145deg,#7c3aed 5%,#c13584 48%,#f56040 76%,#fbbf4a 100%);
      box-shadow:0 15px 40px rgba(193,53,132,.20);
      transition:.25s
    }
    .instagram-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 20px 48px rgba(193,53,132,.30)}
    .instagram-float svg{width:25px;height:25px}

    @media(max-width:1020px){
      .metta-product-grid{grid-template-columns:1fr;min-height:0}
      .metta-product-copy{padding:42px 38px 25px}
      .metta-product-visual{min-height:500px;padding:25px 48px 48px}
      .metta-real-screen{width:min(780px,95%);transform:perspective(1100px) rotateY(-3deg) rotateX(2deg)}
      .float-card-one{left:28px}.float-card-two{right:25px}.float-card-three{right:32px;bottom:80px}
    }

    @media(max-width:720px){
      .metta-nav-link{
        color:#83c9ff!important;
        border:1px solid rgba(80,156,255,.13);
        background:rgba(65,122,255,.05);
        border-radius:12px
      }
      .metta-product-shell{border-radius:24px;min-height:0}
      .metta-product-copy{padding:29px 18px 16px}
      .metta-product-topline{gap:7px}
      .metta-product-title{font-size:clamp(2.75rem,14vw,4rem)!important;margin:19px 0 15px!important}
      .metta-product-lead{font-size:.84rem;line-height:1.62}
      .metta-core-features{margin:19px 0 21px;gap:7px}
      .metta-core-item{padding:10px;border-radius:12px}
      .metta-feature-icon{width:29px;height:29px;flex-basis:29px}
      .metta-core-item strong{font-size:.76rem}.metta-core-item small{font-size:.61rem}
      .metta-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
      .metta-product-actions a{width:100%;padding:12px 8px;font-size:.67rem;line-height:1.2}

      .metta-product-visual{min-height:315px;padding:22px 12px 31px;overflow:hidden}
      .metta-real-screen{
        width:100%;
        aspect-ratio:1.7;
        border-radius:16px;
        transform:none!important;
        animation:mettaScreenMobile 5.5s ease-in-out infinite
      }
      @keyframes mettaScreenMobile{50%{transform:translateY(-4px)!important}}
      .metta-screen-bar{height:28px;padding:0 8px;font-size:.45rem}
      .metta-screen-viewport{height:calc(100% - 28px)}
      .metta-float-card{padding:7px 8px;border-radius:10px}
      .metta-float-card>span{width:22px;height:22px;border-radius:7px}
      .metta-float-card b{font-size:.57rem}.metta-float-card small{font-size:.48rem}
      .float-card-one{left:5px;top:56px}
      .float-card-two{right:4px;top:45px}
      .float-card-three{right:7px;bottom:42px}
      .metta-product-footer{
        display:flex;overflow-x:auto;scroll-snap-type:x mandatory
      }
      .metta-product-footer span{
        min-width:48%;scroll-snap-align:start;border-bottom:0;
        white-space:nowrap;font-size:.58rem;padding:13px 8px
      }

      .instagram-float{right:16px;bottom:80px;width:52px;height:52px;border-radius:17px}
      .instagram-float svg{width:23px;height:23px}
    }

    @media(prefers-reduced-motion:reduce){
      .metta-nav-link span,.metta-product-shell::after,.metta-orbit,.metta-live i,
      .metta-screen-glow,.metta-real-screen,.metta-screen-scan,.metta-float-card{
        animation:none!important
      }
    }

  
    /* V8 — MOBILE FIX FINAL
       Desktop permanece visualmente intacto. */
    @media(max-width:760px){
      html{scroll-padding-top:86px}
      section[id]{scroll-margin-top:86px}

      /* Segurança de toque */
      a,button,summary{
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent
      }
      a,.btn-primary,.btn-secondary,.btn-ghost,.nav-cta,.menu-btn,
      .case-site-badge,.case-actions a,.mobile-price-tile,.mobile-plan-cta,
      .instagram-float,.whatsapp{
        pointer-events:auto!important;
        position:relative
      }

      /* A intro nunca deve bloquear a interface no mobile */
      .intro{pointer-events:none!important}

      /* NAV / MENU MOBILE */
      .nav-wrap{z-index:3000}
      .nav{position:relative;z-index:3001}
      .menu-btn{
        display:grid!important;
        place-items:center;
        position:relative;
        z-index:3005;
        width:44px;height:44px;
        flex:0 0 44px;
        cursor:pointer
      }
      .nav-links{
        position:fixed!important;
        top:80px!important;
        left:10px!important;
        right:10px!important;
        z-index:3004!important;
        max-height:calc(100dvh - 95px);
        overflow-y:auto;
        padding:10px!important;
        border-radius:18px!important;
        box-shadow:0 28px 80px rgba(0,0,0,.48)!important
      }
      .nav-links.open{display:flex!important}
      .nav-links a{
        min-height:44px;
        display:flex!important;
        align-items:center;
        padding:11px 12px!important;
        border-radius:11px
      }
      .nav-links a:active{background:rgba(91,148,255,.10)}
      body.mobile-menu-open{overflow:hidden}
      body.mobile-menu-open::after{
        content:"";
        position:fixed;inset:0;
        z-index:2998;
        background:rgba(0,4,12,.56);
        backdrop-filter:blur(3px);
        pointer-events:none
      }

      /* HERO mais estável e botões grandes */
      .hero{min-height:auto!important}
      .hero-grid{display:block!important}
      .hero-copy{width:100%}
      .hero-actions{
        display:grid!important;
        grid-template-columns:1fr 1fr;
        gap:8px!important
      }
      .hero-actions>a{
        width:100%!important;
        min-height:46px;
        padding:12px 10px!important
      }
      .hero-stage{
        min-height:310px!important;
        margin-top:18px
      }
      .result-board{max-width:360px!important}
      .board-screen{min-height:260px!important}
      .hero-ring{width:290px!important;height:290px!important}
      .hero-orb{width:260px!important;height:260px!important}

      /* Proof strip: 2 x 2, sem item escondido no scroll */
      .proof-inner{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        overflow:visible!important
      }
      .proof-item{
        min-width:0!important;
        padding:16px 13px!important;
        border-bottom:1px solid var(--line)
      }
      .proof-item:nth-child(2n){border-right:0}
      .proof-item strong{font-size:.9rem!important}
      .proof-item span{font-size:.66rem!important}

      /* PORTFÓLIO:
         os 3 projetos sempre aparecem, um abaixo do outro,
         compactos e sem depender de carrossel horizontal */
      .portfolio{padding-top:58px!important;padding-bottom:48px!important}
      .portfolio .section-head h2{font-size:clamp(2rem,10vw,3rem)!important}
      .portfolio-note{font-size:.7rem!important;line-height:1.45}

      .case-studies{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        overflow:visible!important;
        margin-right:0!important;
        padding-right:0!important;
        padding-bottom:0!important
      }
      .case-study,
      .case-study:last-child{
        min-width:0!important;
        max-width:none!important;
        width:100%!important;
        display:grid!important;
        grid-template-columns:136px minmax(0,1fr)!important;
        grid-template-rows:auto!important;
        min-height:210px!important;
        border-radius:18px!important;
        scroll-snap-align:none!important
      }
      .case-visual,
      .case-study:last-child .case-visual{
        width:136px!important;
        min-width:136px!important;
        height:100%!important;
        min-height:210px!important;
        aspect-ratio:auto!important;
        border-bottom:0!important;
        border-right:1px solid rgba(151,187,255,.08)
      }
      .case-shot img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        object-position:top center!important
      }
      .case-site-badge{
        left:7px!important;
        right:7px!important;
        bottom:7px!important;
        width:auto!important;
        justify-content:center;
        padding:7px 5px!important;
        font-size:.49rem!important;
        white-space:nowrap
      }
      .case-site-badge::before{display:none}

      .case-details,
      .case-study:last-child .case-details{
        min-width:0!important;
        padding:14px 12px 12px!important;
        justify-content:flex-start!important
      }
      .case-index{font-size:.47rem!important;margin-bottom:5px!important}
      .case-service{font-size:.54rem!important;margin-bottom:5px!important}
      .case-study h3{
        font-size:1.33rem!important;
        line-height:.96!important;
        margin-bottom:5px!important
      }
      .case-rating{margin:0 0 7px!important;gap:5px!important}
      .stars{font-size:.72rem!important;letter-spacing:.04em!important}
      .rating-label{font-size:.52rem!important}
      .case-summary{
        display:-webkit-box!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
        font-size:.65rem!important;
        line-height:1.4!important;
        margin-bottom:7px!important
      }
      .case-quote,.result-list,.proof-badges{display:none!important}
      .case-actions{
        display:grid!important;
        grid-template-columns:1fr 1fr;
        gap:5px!important;
        margin-top:auto!important
      }
      .case-actions a{
        min-height:38px;
        padding:7px 5px!important;
        border-radius:9px!important;
        font-size:.55rem!important;
        text-align:center
      }
      .mini-case{
        margin-top:10px!important;
        padding:14px!important;
        border-radius:14px!important
      }
      .mini-case strong{font-size:.82rem!important}
      .mini-case span{font-size:.66rem!important}
      .portfolio-cta{
        margin-top:10px!important;
        padding:15px!important;
        border-radius:15px!important
      }
      .portfolio-cta strong{font-size:.85rem!important}
      .portfolio-cta span{font-size:.67rem!important}
      .portfolio-cta .btn-secondary{
        width:100%;
        min-height:44px
      }

      /* QUEM SOMOS: todos os quatro pontos visíveis, sem carousel */
      .about-values{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
        overflow:visible!important;
        margin-right:0!important;
        padding-right:0!important
      }
      .about-value{
        min-width:0!important;
        min-height:145px!important;
        padding:15px!important
      }
      .about-value h3{font-size:.88rem!important;margin:18px 0 6px!important}
      .about-value p{font-size:.67rem!important}
      .about-strip{
        display:flex!important;
        overflow-x:auto!important;
        scrollbar-width:none
      }
      .about-strip::-webkit-scrollbar{display:none}

      /* PREÇOS:
         3 valores ficam juntos na tela.
         Os cards gigantes de desktop não aparecem no mobile. */
      .pricing{padding-top:50px!important}
      .pricing-shell{padding:22px 9px!important}
      .mobile-price-overview{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:5px!important;
        margin:0 0 10px!important
      }
      .mobile-price-tile{
        min-height:91px;
        padding:10px 3px 8px!important;
        justify-content:center;
        border-radius:13px!important
      }
      .mobile-price-tile span{font-size:.48rem!important}
      .mobile-price-tile strong{
        font-size:clamp(.84rem,3.8vw,1.05rem)!important;
        white-space:nowrap
      }
      .mobile-price-tile small{font-size:.47rem!important}
      .pricing-wrap{display:none!important}

      .mobile-plan-details{
        display:block;
        position:relative;
        z-index:3;
        margin:0 0 12px;
        border:1px solid rgba(151,187,255,.09);
        border-radius:14px;
        background:rgba(255,255,255,.018);
        overflow:hidden
      }
      .mobile-plan-details summary{
        min-height:46px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        list-style:none;
        cursor:pointer;
        padding:12px 13px;
        color:#afbfda;
        font-size:.72rem;
        font-weight:750
      }
      .mobile-plan-details summary::-webkit-details-marker{display:none}
      .mobile-plan-details summary span{
        width:25px;height:25px;display:grid;place-items:center;
        border-radius:8px;
        border:1px solid rgba(151,187,255,.10);
        color:#8bb7ff;
        transition:.2s
      }
      .mobile-plan-details[open] summary span{transform:rotate(45deg)}
      .mobile-plan-grid{
        display:grid;
        gap:7px;
        padding:0 8px 9px
      }
      .mobile-plan-grid article{
        padding:11px;
        border-radius:11px;
        border:1px solid rgba(151,187,255,.07);
        background:rgba(255,255,255,.018)
      }
      .mobile-plan-grid article.featured{
        border-color:rgba(86,150,255,.22);
        background:rgba(62,111,217,.06)
      }
      .mobile-plan-grid article>div{
        display:flex;justify-content:space-between;align-items:center;gap:10px
      }
      .mobile-plan-grid small{
        color:#8da4c8;font-size:.57rem;font-weight:800;letter-spacing:.08em
      }
      .mobile-plan-grid strong{font-size:1rem;color:#e3edfc}
      .mobile-plan-grid p{
        margin:7px 0 9px;
        color:#8192ac;
        font-size:.66rem;
        line-height:1.45
      }
      .mobile-plan-cta{
        min-height:38px;
        display:flex;align-items:center;justify-content:center;
        border-radius:9px;
        background:rgba(77,131,255,.10);
        border:1px solid rgba(101,155,255,.14);
        color:#c7daf8;
        font-size:.62rem;
        font-weight:750
      }
      .recurring{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:7px!important
      }
      .rec-card{
        flex-direction:row!important;
        align-items:center!important;
        padding:13px!important
      }
      .rec-card strong{font-size:.83rem!important}
      .rec-card span{font-size:.64rem!important}
      .rec-price{font-size:.86rem!important}

      /* SERVIÇOS: grade 2 colunas, sem swipe escondendo card */
      .services-grid{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
        overflow:visible!important;
        margin-right:0!important;
        padding-right:0!important
      }
      .service.large,.service.small{
        grid-column:auto!important;
        min-width:0!important;
        min-height:180px!important;
        padding:15px!important
      }
      .service h3{font-size:.94rem!important;margin:16px 0 7px!important}
      .service p{
        font-size:.68rem!important;
        line-height:1.45!important;
        display:-webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical;
        overflow:hidden
      }
      .icon-box.brand-icon{width:40px!important;height:40px!important;padding:8px!important}
      .mini-link{font-size:.65rem!important;margin-top:12px!important}

      /* METTA LOTERIAS — manter bonito, mas sem elementos bloqueando toque */
      .metta-product-shell,
      .metta-product-shell *{max-width:100%}
      .metta-product-shell::after,
      .metta-grid-light,.metta-orbit,.metta-screen-glow,
      .metta-screen-scan,.metta-float-card{pointer-events:none!important}
      .metta-product-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:7px!important
      }
      .metta-product-actions a{
        min-height:44px!important;
        font-size:.7rem!important
      }
      .metta-product-visual{min-height:290px!important}
      .metta-float-card{opacity:.92}
      .metta-product-footer span{min-width:52%!important}

      /* PROCESSO: 4 passos visíveis em grade */
      .process-grid{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
        overflow:visible!important;
        margin-right:0!important;
        padding-right:0!important
      }
      .step{
        min-width:0!important;
        min-height:170px!important;
        padding:15px!important
      }
      .step h3{font-size:.92rem!important;margin:22px 0 7px!important}
      .step p{font-size:.68rem!important;line-height:1.45!important}

      /* CTA e FAQ */
      .faq-list summary{min-height:50px}
      .cta-actions{
        display:grid!important;
        grid-template-columns:1fr!important
      }
      .cta-actions>a{width:100%!important;min-height:46px}

      /* Floating social buttons: above content and safely clickable */
      .instagram-float,.whatsapp{
        z-index:2800!important;
        position:fixed!important
      }
    }

    /* Desktop/tablet: mobile-only comparison stays hidden */
    @media(min-width:761px){
      .mobile-plan-details{display:none!important}
    }

  
    /* V9 — MOBILE CLEAN: foco em portfólio, prova e preços */
    .mobile-results-only,.mobile-services-summary{display:none}

    @media(max-width:760px){
      main{display:flex!important;flex-direction:column!important}
      #inicio{order:1}.proof-strip{order:2}#portfolio{order:3}#resultados-mobile{order:4}#planos{order:5}.mobile-services-summary{order:6}#faq{order:7}.cta{order:9}

      #quem-somos,#servicos,#processo{display:none!important}

      .proof-inner{grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:hidden!important}
      .proof-item{padding:10px 4px!important;text-align:center!important;border-bottom:0!important}
      .proof-item strong{font-size:.6rem!important;line-height:1.05!important}
      .proof-item span{display:none!important}

      .hero{padding-bottom:24px!important}
      .hero-stage{display:none!important}
      .lead{font-size:.86rem!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
      .hero-actions{margin-top:17px!important}
      .hero-proof{margin-top:16px!important;padding-top:13px!important}
      .hero-proof div:nth-child(3){display:none!important}

      #portfolio{padding-top:40px!important;padding-bottom:20px!important}
      #portfolio .section-head{margin-bottom:12px!important}
      #portfolio .section-head p,.portfolio-note{display:none!important}
      #portfolio .section-head h2{font-size:clamp(1.8rem,9vw,2.5rem)!important;line-height:.98!important}
      .case-studies{gap:8px!important}
      .case-study,.case-study:last-child{grid-template-columns:116px minmax(0,1fr)!important;min-height:164px!important;border-radius:15px!important}
      .case-visual,.case-study:last-child .case-visual{width:116px!important;min-width:116px!important;min-height:164px!important}
      .case-site-badge,.case-index,.case-quote,.result-list,.proof-badges,.mini-case,.portfolio-cta{display:none!important}
      .case-details,.case-study:last-child .case-details{padding:10px 9px!important}
      .case-service{font-size:.47rem!important;margin-bottom:3px!important}
      .case-study h3{font-size:1.14rem!important;margin-bottom:3px!important}
      .case-rating{margin-bottom:4px!important}
      .case-summary{-webkit-line-clamp:2!important;font-size:.6rem!important;line-height:1.35!important;margin-bottom:4px!important}
      .case-actions{grid-template-columns:1fr!important}
      .case-actions a{min-height:33px!important;font-size:.52rem!important;padding:6px!important}
      .case-actions a:nth-child(2){display:none!important}

      .mobile-results-only{display:block!important;padding:22px 15px 32px;border-top:1px solid rgba(151,187,255,.08);border-bottom:1px solid rgba(151,187,255,.08);background:radial-gradient(420px 240px at 20% 0%,rgba(77,131,255,.08),transparent 70%),rgba(255,255,255,.008)}
      .mobile-results-head span{display:block;font-size:.54rem;letter-spacing:.15em;color:#7f9dcd;font-weight:900;margin-bottom:7px}
      .mobile-results-head h2{font-size:1.7rem!important;line-height:.96!important;margin-bottom:8px!important}
      .mobile-results-head h2 strong{background:linear-gradient(95deg,#8abaff,#71edff);-webkit-background-clip:text;background-clip:text;color:transparent}
      .mobile-results-head p{color:#788aa8;font-size:.68rem;line-height:1.4;margin-bottom:13px}
      .mobile-results-grid{display:grid;gap:8px}
      .mobile-results-grid article{padding:12px;border-radius:14px;border:1px solid rgba(151,187,255,.09);background:rgba(255,255,255,.018)}
      .mobile-result-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
      .mobile-result-top b{display:block;font-size:.76rem;color:#dbe6f8}
      .mobile-result-top small{display:block;margin-top:2px;color:#6f82a2;font-size:.54rem}
      .mobile-stars{white-space:nowrap;color:#ffd66d;font-size:.65rem}
      .mobile-results-grid article>p{color:#8999b2;font-size:.64rem;line-height:1.42;margin:8px 0}
      .mobile-result-tags{display:flex;gap:5px;flex-wrap:wrap}
      .mobile-result-tags span{font-size:.51rem;color:#7fa2d8;padding:5px 7px;border-radius:999px;background:rgba(74,126,255,.055);border:1px solid rgba(93,151,255,.08)}

      #planos{padding-top:34px!important;padding-bottom:30px!important}
      #planos .section-head{margin-bottom:13px!important}
      #planos .section-head h2{font-size:clamp(1.9rem,9.5vw,2.65rem)!important}
      #planos .section-head p{font-size:.68rem!important;line-height:1.4!important;margin-top:8px!important}
      .pricing-shell{padding:15px 7px!important;border-radius:20px!important}
      .mobile-price-overview{gap:5px!important;margin-bottom:8px!important}
      .mobile-price-tile{min-height:84px!important;padding:8px 2px!important}
      .mobile-price-tile span{font-size:.44rem!important}
      .mobile-price-tile strong{font-size:.82rem!important}
      .mobile-price-tile small{font-size:.43rem!important}
      .mobile-plan-details{margin-bottom:8px!important}
      .recurring{margin-top:8px!important}
      .rec-card{padding:10px!important}
      .rec-brand-icon{width:32px!important;height:32px!important;flex-basis:32px!important}
      .rec-card strong{font-size:.71rem!important}
      .rec-card span{font-size:.56rem!important;line-height:1.28!important}
      .rec-price{font-size:.76rem!important}
      .pricing-foot{font-size:.56rem!important;line-height:1.35!important;margin-top:9px!important}

      .mobile-services-summary{display:block!important;padding:10px 15px 28px}
      .mobile-summary-card{padding:17px 14px;border-radius:17px;border:1px solid rgba(151,187,255,.09);background:linear-gradient(145deg,rgba(12,25,48,.56),rgba(6,14,28,.70))}
      .mobile-summary-eyebrow{display:block;font-size:.5rem;letter-spacing:.14em;font-weight:900;color:#7896c4;margin-bottom:7px}
      .mobile-summary-card h2{font-size:1.48rem!important;line-height:.98!important;margin-bottom:10px!important}
      .mobile-summary-card h2 strong{color:#8fc0ff}
      .mobile-summary-chips{display:flex;flex-wrap:wrap;gap:5px}
      .mobile-summary-chips span{padding:6px 8px;border-radius:999px;border:1px solid rgba(151,187,255,.08);background:rgba(255,255,255,.018);color:#8799b6;font-size:.53rem}
      .mobile-summary-card p{margin:10px 0 0;color:#7888a2;font-size:.63rem;line-height:1.42}

      #faq{padding-top:20px!important;padding-bottom:24px!important}
      #faq .section-head{margin-bottom:8px!important}
      #faq .section-head h2{font-size:1.6rem!important}
      #faq .section-head p{display:none!important}
      .faq-list details:nth-child(n+5){display:none!important}
      .faq-list summary{min-height:44px!important;padding-top:13px!important;padding-bottom:13px!important;font-size:.76rem!important}
      .faq-answer{font-size:.68rem!important;line-height:1.48!important}

      #metta-loterias{padding-top:24px!important;padding-bottom:26px!important}
      .metta-product-shell{min-height:0!important}
      .metta-product-copy{padding:21px 14px 10px!important}
      .metta-product-title{font-size:2.55rem!important;margin:14px 0 9px!important}
      .metta-product-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.71rem!important;line-height:1.45!important}
      .metta-core-features{grid-template-columns:1fr 1fr!important;gap:6px!important;margin:13px 0 13px!important}
      .metta-core-item{padding:8px!important}
      .metta-core-item:nth-child(3),.metta-core-item small,.metta-float-card,.metta-product-footer{display:none!important}
      .metta-product-visual{min-height:235px!important;padding:11px 8px 21px!important}

      .cta{padding-top:8px!important;padding-bottom:22px!important}
      .cta-box{padding:30px 14px!important;border-radius:20px!important}
      .cta-box h2{font-size:1.75rem!important}
      .cta-box p{font-size:.68rem!important;line-height:1.42!important}

      footer{margin-top:0!important;padding-top:32px!important}
      .footer-grid{gap:16px!important}
      .footer-col:nth-child(2){display:none!important}
    }

  
    /* V10 — EXCLUSIVE */
    .exclusive-plan{
      position:relative;
      overflow:hidden;
      margin-top:17px;
      padding:32px;
      display:grid;
      grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
      gap:34px;
      align-items:center;
      border-radius:26px;
      border:1px solid rgba(111,157,255,.24);
      background:
        radial-gradient(620px 270px at 0% 0%,rgba(70,118,255,.15),transparent 70%),
        radial-gradient(480px 300px at 100% 100%,rgba(107,68,255,.10),transparent 70%),
        linear-gradient(145deg,rgba(10,24,49,.94),rgba(5,12,26,.98));
      box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025)
    }
    .exclusive-glow{
      position:absolute;
      width:360px;height:360px;
      right:-150px;top:-170px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(83,146,255,.20),rgba(103,67,255,.07) 45%,transparent 70%);
      filter:blur(10px);
      pointer-events:none;
      animation:exclusiveGlow 6s ease-in-out infinite
    }
    @keyframes exclusiveGlow{50%{transform:scale(1.08) translateY(8px);opacity:.75}}
    .exclusive-left,.exclusive-right{position:relative;z-index:2}
    .exclusive-kicker{
      display:inline-flex;align-items:center;gap:8px;
      color:#8cb5ff;
      font-size:.66rem;
      font-weight:900;
      letter-spacing:.13em;
      margin-bottom:15px
    }
    .exclusive-kicker span{
      width:7px;height:7px;border-radius:50%;
      background:#6be8ff;
      box-shadow:0 0 16px rgba(107,232,255,.65)
    }
    .exclusive-left h3{
      margin:0 0 13px;
      font-size:clamp(1.75rem,3.2vw,3rem);
      line-height:1;
      letter-spacing:-.05em
    }
    .exclusive-left h3 span{
      background:linear-gradient(95deg,#8fbaff,#74efff 70%);
      -webkit-background-clip:text;background-clip:text;color:transparent
    }
    .exclusive-left p{
      max-width:720px;
      margin-bottom:18px;
      color:#8f9fba;
      font-size:.84rem;
      line-height:1.62
    }
    .exclusive-left p strong{color:#b9cce8}
    .exclusive-features{
      display:flex;flex-wrap:wrap;gap:7px
    }
    .exclusive-features span{
      padding:7px 9px;
      border-radius:999px;
      border:1px solid rgba(112,164,255,.10);
      background:rgba(74,126,255,.04);
      color:#8499bc;
      font-size:.62rem
    }
    .exclusive-right{
      padding:24px;
      border-radius:20px;
      border:1px solid rgba(119,166,255,.12);
      background:rgba(255,255,255,.022)
    }
    .exclusive-price-label{
      color:#7892bc;
      font-size:.64rem;
      text-transform:uppercase;
      letter-spacing:.12em;
      font-weight:850
    }
    .exclusive-price{
      margin:9px 0 5px;
      font-size:2.45rem;
      font-weight:900;
      letter-spacing:-.06em;
      background:linear-gradient(95deg,#edf6ff,#8dbbff,#70edff);
      -webkit-background-clip:text;background-clip:text;color:transparent
    }
    .exclusive-price-note{
      color:#7e8faa;
      font-size:.72rem;
      line-height:1.48;
      margin-bottom:17px
    }
    .exclusive-price-note strong{color:#a9c8f4}
    .exclusive-button{width:100%;padding:14px 12px!important}
    .exclusive-right>small{
      display:block;
      margin-top:10px;
      color:#667a99;
      font-size:.57rem;
      text-align:center
    }

    .exclusive-tile{
      border-color:rgba(111,167,255,.30)!important;
      background:
        radial-gradient(100px 70px at 50% 0%,rgba(95,157,255,.16),transparent 70%),
        linear-gradient(180deg,rgba(58,90,175,.16),rgba(94,62,181,.06))!important;
      box-shadow:0 10px 30px rgba(61,100,210,.12)
    }
    .exclusive-tile span{color:#8fc2ff!important}
    .exclusive-tile strong{
      background:linear-gradient(95deg,#bddcff,#72ebff);
      -webkit-background-clip:text;background-clip:text;color:transparent
    }
    .mobile-plan-grid article.exclusive{
      border-color:rgba(105,164,255,.24)!important;
      background:linear-gradient(145deg,rgba(60,110,216,.09),rgba(95,63,174,.04))!important
    }
    .mobile-plan-grid article.exclusive strong{color:#9fd6ff}
    .exclusive-cta{
      background:linear-gradient(135deg,rgba(77,131,255,.20),rgba(94,87,255,.14))!important;
      border-color:rgba(105,163,255,.22)!important
    }

    @media(max-width:1020px) and (min-width:761px){
      .exclusive-plan{grid-template-columns:1fr;gap:18px}
      .exclusive-right{max-width:520px}
    }

    @media(max-width:760px){
      /* 4 planos: 2 x 2 para continuar legível */
      .mobile-price-overview{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important
      }
      .mobile-price-tile{
        min-height:80px!important;
        padding:9px 5px!important
      }
      .mobile-price-tile span{font-size:.48rem!important}
      .mobile-price-tile strong{font-size:.93rem!important}
      .mobile-price-tile small{font-size:.46rem!important}

      /* Desktop Exclusive substituído pelo resumo mobile */
      .exclusive-plan{display:none!important}

      .mobile-plan-grid article.exclusive p{
        -webkit-line-clamp:4;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        overflow:hidden
      }
    }

    @media(prefers-reduced-motion:reduce){
      .exclusive-glow{animation:none!important}
    }

  
    /* V11 — MOBILE PORTFÓLIO / CAPAS INTEIRAS */
    @media(max-width:760px){

      /* Tira a faixa Auto Posto / Aisha / Caçula / Metta Loterias do início */
      .proof-strip{
        display:none!important;
      }

      /* Como a faixa saiu, portfólio sobe naturalmente */
      #portfolio{
        padding-top:34px!important;
      }

      /* PORTFÓLIO: cards verticais, screenshot inteiro e legível */
      .case-studies{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:11px!important;
      }

      .case-study,
      .case-study:last-child{
        display:grid!important;
        grid-template-columns:1fr!important;
        grid-template-rows:auto auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:0!important;
        border-radius:18px!important;
        overflow:hidden!important;
        background:linear-gradient(180deg,rgba(10,23,45,.84),rgba(5,13,27,.94))!important;
      }

      /* capa mostra a imagem INTEIRA */
      .case-visual,
      .case-study:last-child .case-visual{
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        border-right:0!important;
        border-bottom:1px solid rgba(151,187,255,.08)!important;
        background:#020813!important;
      }

      .case-shot{
        position:absolute!important;
        inset:0!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
        background:#020813!important;
      }

      .case-shot img{
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
        filter:saturate(1.02) contrast(1.02)!important;
        background:#020813!important;
      }

      .case-study:hover .case-shot img{
        transform:none!important;
      }

      .case-shot::after,
      .case-study.reverse .case-shot::after{
        background:linear-gradient(to top,rgba(2,8,19,.08),transparent 26%)!important;
      }

      .case-site-badge{
        display:none!important;
      }

      /* conteúdo compacto logo abaixo da capa */
      .case-details,
      .case-study:last-child .case-details{
        padding:13px 13px 12px!important;
        min-width:0!important;
      }

      .case-index{
        display:none!important;
      }

      /* "Site + Google Ads..." vira destaque neon azul */
      .case-service{
        display:inline-flex!important;
        align-self:flex-start!important;
        width:auto!important;
        margin:0 0 7px!important;
        padding:6px 8px!important;
        border-radius:999px!important;
        border:1px solid rgba(83,172,255,.24)!important;
        background:linear-gradient(135deg,rgba(57,116,255,.12),rgba(74,226,255,.05))!important;
        color:#6fcbff!important;
        font-size:.55rem!important;
        line-height:1!important;
        font-weight:900!important;
        letter-spacing:.07em!important;
        text-transform:uppercase!important;
        text-shadow:
          0 0 8px rgba(68,163,255,.52),
          0 0 20px rgba(72,222,255,.18)!important;
        box-shadow:
          inset 0 0 16px rgba(62,137,255,.035),
          0 0 18px rgba(59,145,255,.055)!important;
        animation:mobileCaseNeon 4s ease-in-out infinite!important;
      }

      @keyframes mobileCaseNeon{
        0%,100%{
          color:#72bfff;
          text-shadow:0 0 7px rgba(68,155,255,.38);
        }
        50%{
          color:#70e7ff;
          text-shadow:0 0 11px rgba(70,183,255,.58),0 0 24px rgba(75,224,255,.20);
        }
      }

      .case-study h3{
        font-size:1.3rem!important;
        line-height:1!important;
        margin:0 0 5px!important;
      }

      .case-rating{
        margin:0 0 8px!important;
      }

      /* comentário da Metta: deixa claro o que foi feito */
      .case-summary{
        display:block!important;
        overflow:visible!important;
        margin:0 0 9px!important;
        color:#95a6c0!important;
        font-size:.67rem!important;
        line-height:1.46!important;
        -webkit-line-clamp:unset!important;
      }

      .case-summary::before{
        content:"O QUE A METTA FEZ";
        display:block;
        margin-bottom:4px;
        color:#6e8fbe;
        font-size:.48rem;
        line-height:1;
        font-weight:900;
        letter-spacing:.12em;
      }

      /* Avaliação continua, detalhes redundantes continuam fora para não alongar */
      .case-quote,
      .result-list,
      .proof-badges{
        display:none!important;
      }

      .case-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        margin-top:2px!important;
      }

      .case-actions a{
        min-height:38px!important;
        padding:8px 10px!important;
        font-size:.59rem!important;
        border-radius:10px!important;
      }

      .case-actions a:nth-child(2){
        display:none!important;
      }

      /* resultados/avaliações continuam logo após o portfólio */
      #resultados-mobile{
        padding-top:25px!important;
      }
    }

    @media(max-width:390px){
      .case-study h3{font-size:1.2rem!important}
      .case-summary{font-size:.64rem!important}
      .case-service{font-size:.5rem!important}
    }

    @media(prefers-reduced-motion:reduce){
      .case-service{animation:none!important}
    }

  
    /* =========================================================
       V12 — ROYAL LIGHT
       Identidade clara, branca, azul e etérea.
       ========================================================= */
    body.royal-home{
      --bg:#f8fbff;
      --bg2:#edf5ff;
      --panel:rgba(255,255,255,.82);
      --panel2:#ffffff;
      --line:rgba(37,99,235,.10);
      --line-strong:rgba(37,99,235,.18);
      --text:#10254b;
      --muted:#6e7e98;
      --blue:#2563eb;
      --blue2:#1d4ed8;
      --cyan:#38bdf8;
      --violet:#6d5dfc;
      --green:#0ea672;
      --gold:#b88a31;
      --shadow:0 28px 80px rgba(35,76,133,.12);
      color:var(--text);
      background:
        radial-gradient(900px 620px at 2% -5%,rgba(59,130,246,.12),transparent 62%),
        radial-gradient(850px 620px at 101% 10%,rgba(125,211,252,.17),transparent 64%),
        radial-gradient(720px 500px at 50% 48%,rgba(219,234,254,.42),transparent 70%),
        linear-gradient(180deg,#ffffff 0%,#f7fbff 32%,#eef6ff 68%,#ffffff 100%);
    }
    body.royal-home::before{
      background-image:
        linear-gradient(rgba(37,99,235,.026) 1px,transparent 1px),
        linear-gradient(90deg,rgba(37,99,235,.026) 1px,transparent 1px);
      background-size:64px 64px;
      mask-image:linear-gradient(to bottom,black,transparent 86%);
      opacity:.8
    }
    body.royal-home::after{
      background:radial-gradient(520px circle at var(--mx) var(--my),rgba(59,130,246,.09),transparent 66%)
    }
    body.royal-home ::selection{background:rgba(37,99,235,.18);color:#0b1f42}

    /* INTRO */
    body.royal-home .intro{
      background:
        radial-gradient(650px 350px at 50% 45%,rgba(147,197,253,.24),transparent 68%),
        linear-gradient(180deg,#ffffff,#f2f8ff)
    }
    body.royal-home .intro::before{
      background:radial-gradient(circle,rgba(96,165,250,.24),rgba(219,234,254,.20) 34%,transparent 70%)
    }
    body.royal-home .intro::after{
      background:linear-gradient(110deg,transparent 40%,rgba(37,99,235,.08) 50%,transparent 60%)
    }
    body.royal-home .intro-wordmark span{
      color:transparent!important;
      background:linear-gradient(105deg,#173e82 0%,#2f6dd5 44%,#58c7f3 100%);
      -webkit-background-clip:text;background-clip:text;
      text-shadow:0 8px 35px rgba(37,99,235,.09)
    }
    body.royal-home .intro-line{
      background:linear-gradient(90deg,transparent,#4f8ef7,#79d8f7,transparent)
    }
    body.royal-home .intro-sub{color:#6f88ad}
    body.royal-home .progress{
      background:linear-gradient(90deg,#1d4ed8,#38bdf8);
      box-shadow:0 0 18px rgba(56,189,248,.30)
    }

    /* NAV */
    body.royal-home .nav{
      border-color:rgba(37,99,235,.10);
      background:rgba(255,255,255,.76);
      box-shadow:0 12px 42px rgba(45,86,145,.08);
      backdrop-filter:blur(24px) saturate(140%)
    }
    body.royal-home .nav.scrolled{
      background:rgba(255,255,255,.92);
      border-color:rgba(37,99,235,.13);
      box-shadow:0 14px 46px rgba(45,86,145,.11)
    }
    body.royal-home .brand-mark{
      background:linear-gradient(145deg,#ffffff,#e8f2ff);
      border-color:rgba(37,99,235,.15);
      color:#2d62b7;
      box-shadow:0 8px 24px rgba(37,99,235,.08)
    }
    body.royal-home .brand-name{color:#6e83a6;text-shadow:none!important}
    body.royal-home .brand-name .metta{color:#173d7a}
    body.royal-home .brand-name .prime{color:#3f70c5}
    body.royal-home .nav-links{color:#61728d}
    body.royal-home .nav-links a:hover{color:#1e4f9f}
    body.royal-home .nav-links a::after{
      background:linear-gradient(90deg,#2563eb,#38bdf8)
    }
    body.royal-home .metta-nav-link{
      color:#276ed5!important;
      text-shadow:0 0 16px rgba(56,189,248,.18)!important
    }
    body.royal-home .metta-nav-link span::before{
      background:radial-gradient(circle,rgba(96,165,250,.12),transparent 70%)
    }
    body.royal-home .nav-cta{
      background:linear-gradient(135deg,#1f5fd3,#4e98ef);
      color:#fff;
      box-shadow:0 12px 32px rgba(37,99,235,.18)
    }
    body.royal-home .menu-btn{color:#204d94}

    /* TEXT */
    body.royal-home .eyebrow{color:#3e6fae}
    body.royal-home .eyebrow::before{background:linear-gradient(90deg,#2563eb,#7dd3fc)}
    body.royal-home .gradient-text{
      background:linear-gradient(100deg,#14386e 4%,#2f6fd2 48%,#49bfea 92%);
      -webkit-background-clip:text;background-clip:text;color:transparent
    }
    body.royal-home .lead,
    body.royal-home .section-head p{color:#70819a}
    body.royal-home h1,
    body.royal-home h2,
    body.royal-home h3{color:#10254b}
    body.royal-home .hero h1 .thin{
      font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
      font-style:italic;
      font-weight:400;
      color:#6b7d99;
      letter-spacing:-.04em
    }
    body.royal-home .hero h1 .strong{font-weight:760}

    /* HERO */
    body.royal-home .hero::before{
      content:"";
      position:absolute;
      width:760px;height:390px;
      top:4%;left:-250px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(191,219,254,.46),rgba(224,242,254,.16) 48%,transparent 72%);
      filter:blur(12px);
      pointer-events:none
    }
    body.royal-home .hero::after{
      content:"";
      position:absolute;
      width:560px;height:560px;
      right:-240px;top:7%;
      border:1px solid rgba(59,130,246,.08);
      border-radius:50%;
      box-shadow:0 0 120px rgba(125,211,252,.12);
      pointer-events:none
    }
    body.royal-home .pill{
      border-color:rgba(37,99,235,.10);
      background:rgba(255,255,255,.70);
      color:#607693;
      box-shadow:0 8px 24px rgba(55,94,145,.05)
    }
    body.royal-home .dot{background:#38bdf8;box-shadow:0 0 14px rgba(56,189,248,.35)}
    body.royal-home .btn-primary{
      background:linear-gradient(135deg,#2867dc,#4e9aed);
      color:white;
      box-shadow:0 14px 38px rgba(37,99,235,.18)
    }
    body.royal-home .btn-secondary,
    body.royal-home .btn-ghost{
      background:rgba(255,255,255,.70);
      color:#234a86;
      border-color:rgba(37,99,235,.12);
      box-shadow:0 10px 28px rgba(45,86,145,.05)
    }
    body.royal-home .btn-secondary:hover{
      background:#fff;
      border-color:rgba(37,99,235,.22)
    }
    body.royal-home .hero-proof{
      border-color:rgba(37,99,235,.10)
    }
    body.royal-home .hero-proof strong{color:#173e77}
    body.royal-home .hero-proof span{color:#7b8ba4}

    /* Hero visual */
    body.royal-home .hero-orb{
      background:radial-gradient(circle at 33% 28%,rgba(255,255,255,.98),rgba(147,197,253,.50) 30%,rgba(191,219,254,.23) 54%,transparent 72%);
      box-shadow:0 20px 70px rgba(59,130,246,.10)
    }
    body.royal-home .hero-ring{border-color:rgba(37,99,235,.10)}
    body.royal-home .result-board{
      border-color:rgba(37,99,235,.13);
      background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(242,248,255,.94));
      box-shadow:0 34px 90px rgba(46,83,137,.14)
    }
    body.royal-home .board-top{color:#7f90a8}
    body.royal-home .board-screen{
      background:linear-gradient(145deg,#ffffff,#edf5ff);
      border-color:rgba(37,99,235,.08)
    }
    body.royal-home .board-label{color:#6985ac}
    body.royal-home .board-title{
      background:linear-gradient(100deg,#173d79,#3b7bdd);
      -webkit-background-clip:text;color:transparent
    }
    body.royal-home .board-note{color:#7688a1}
    body.royal-home .growth-bars span{
      background:linear-gradient(180deg,rgba(56,189,248,.80),rgba(37,99,235,.32))
    }
    body.royal-home .board-chips span{
      background:rgba(255,255,255,.72);
      color:#6f82a0;
      border-color:rgba(37,99,235,.08)
    }

    /* STRIP */
    body.royal-home .proof-strip{
      border-color:rgba(37,99,235,.08);
      background:rgba(255,255,255,.48)
    }
    body.royal-home .proof-item{border-color:rgba(37,99,235,.08)}
    body.royal-home .proof-item strong{color:#214b89}
    body.royal-home .proof-item span{color:#7d8ca4}

    /* GENERIC CARDS */
    body.royal-home .card,
    body.royal-home .case-study,
    body.royal-home .about-shell,
    body.royal-home .faq-list details{
      border-color:rgba(37,99,235,.09);
      background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(247,251,255,.94));
      box-shadow:0 20px 58px rgba(45,86,145,.07)
    }
    body.royal-home .card::before{
      background:radial-gradient(280px circle at var(--gx,50%) var(--gy,50%),rgba(59,130,246,.09),transparent 62%)
    }
    body.royal-home .card:hover,
    body.royal-home .case-study:hover{
      border-color:rgba(37,99,235,.17);
      box-shadow:0 28px 70px rgba(45,86,145,.11)
    }

    /* PORTFOLIO */
    body.royal-home .case-visual{background:#eff6ff}
    body.royal-home .case-shot{background:#f4f8ff}
    body.royal-home .case-shot img{background:#f4f8ff}
    body.royal-home .case-details{
      background:radial-gradient(420px 260px at 100% 0%,rgba(191,219,254,.22),transparent 70%)
    }
    body.royal-home .case-index{color:#7a8da9}
    body.royal-home .case-service{
      color:#2c71d2;
      text-shadow:0 0 16px rgba(56,189,248,.15)
    }
    body.royal-home .case-rating .rating-label{color:#7d8ba2}
    body.royal-home .case-summary{color:#71819a}
    body.royal-home .case-quote{
      border-color:rgba(37,99,235,.09);
      background:linear-gradient(135deg,rgba(219,234,254,.35),rgba(240,249,255,.58));
      color:#61738f
    }
    body.royal-home .result-point{color:#72829a}
    body.royal-home .result-point i{
      background:rgba(14,165,233,.07);
      border-color:rgba(14,165,233,.12);
      color:#1686b6
    }
    body.royal-home .proof-badges b{
      color:#6980a0;
      border-color:rgba(37,99,235,.08);
      background:rgba(255,255,255,.72)
    }
    body.royal-home .portfolio-cta,
    body.royal-home .mini-case{
      border-color:rgba(37,99,235,.08);
      background:rgba(255,255,255,.62)
    }

    /* ABOUT */
    body.royal-home .about-shell{
      background:
        radial-gradient(620px 340px at 0% 0%,rgba(191,219,254,.34),transparent 70%),
        linear-gradient(145deg,rgba(255,255,255,.94),rgba(243,249,255,.96))
    }
    body.royal-home .about-copy p{color:#72829b}
    body.royal-home .about-copy .about-lead{color:#536c91}
    body.royal-home .about-statement{
      border-color:rgba(37,99,235,.08);
      color:#254b84
    }
    body.royal-home .about-value{
      border-color:rgba(37,99,235,.08);
      background:rgba(255,255,255,.64)
    }
    body.royal-home .about-value p{color:#74839b}
    body.royal-home .about-num{color:#4b78ba}
    body.royal-home .about-strip{
      border-color:rgba(37,99,235,.07);
      background:rgba(255,255,255,.58)
    }
    body.royal-home .about-strip span{
      color:#6d83a2;
      border-color:rgba(37,99,235,.07);
      background:rgba(255,255,255,.72)
    }

    /* PRICING */
    body.royal-home .pricing-shell{
      border-color:rgba(37,99,235,.10);
      background:
        radial-gradient(700px 360px at 50% 0%,rgba(191,219,254,.33),transparent 68%),
        rgba(255,255,255,.60);
      box-shadow:0 28px 80px rgba(45,86,145,.06)
    }
    body.royal-home .price-card{
      background:linear-gradient(180deg,#ffffff,#f8fbff)
    }
    body.royal-home .price-card.popular{
      border-color:rgba(37,99,235,.28);
      background:linear-gradient(180deg,#ffffff,#edf5ff);
      box-shadow:0 24px 70px rgba(37,99,235,.10)
    }
    body.royal-home .plan-name{color:#60789d}
    body.royal-home .price{color:#163d79}
    body.royal-home .price small,
    body.royal-home .price-sub,
    body.royal-home .plan-desc{color:#7888a1}
    body.royal-home .price-card li{color:#667995}
    body.royal-home .price-highlight{border-color:rgba(37,99,235,.08);color:#7b8ca5}
    body.royal-home .price-highlight strong{color:#3d71bf}
    body.royal-home .delivery-pill{
      border-color:rgba(14,165,233,.10);
      background:rgba(224,242,254,.50);
      color:#6d82a0
    }
    body.royal-home .delivery-pill strong{color:#2c6fb7}
    body.royal-home .rec-card{
      border-color:rgba(37,99,235,.08);
      background:rgba(255,255,255,.72)
    }
    body.royal-home .rec-card strong,
    body.royal-home .rec-price{color:#1d477f}
    body.royal-home .rec-card span,
    body.royal-home .pricing-foot{color:#7888a1}
    body.royal-home .mobile-price-tile{
      border-color:rgba(37,99,235,.10);
      background:rgba(255,255,255,.80)
    }
    body.royal-home .mobile-price-tile span{color:#6e86a8}
    body.royal-home .mobile-price-tile strong{color:#173f7c}
    body.royal-home .mobile-price-tile small{color:#7b8ba4}
    body.royal-home .mobile-price-tile.featured{
      border-color:rgba(37,99,235,.20);
      background:linear-gradient(180deg,#fafdff,#eaf4ff)
    }
    body.royal-home .mobile-plan-details{
      border-color:rgba(37,99,235,.08);
      background:rgba(255,255,255,.70)
    }
    body.royal-home .mobile-plan-details summary{color:#526d95}
    body.royal-home .mobile-plan-grid article{
      border-color:rgba(37,99,235,.07);
      background:rgba(247,251,255,.92)
    }
    body.royal-home .mobile-plan-grid p{color:#73839b}
    body.royal-home .mobile-plan-grid strong{color:#173d79}

    /* EXCLUSIVE */
    body.royal-home .exclusive-plan{
      border-color:rgba(37,99,235,.16);
      background:
        radial-gradient(620px 270px at 0% 0%,rgba(191,219,254,.38),transparent 70%),
        radial-gradient(480px 300px at 100% 100%,rgba(224,242,254,.52),transparent 70%),
        linear-gradient(145deg,#ffffff,#f2f8ff);
      box-shadow:0 28px 80px rgba(45,86,145,.09)
    }
    body.royal-home .exclusive-left p{color:#71819a}
    body.royal-home .exclusive-left p strong{color:#315f9d}
    body.royal-home .exclusive-features span{
      border-color:rgba(37,99,235,.08);
      background:rgba(239,246,255,.74);
      color:#647e9f
    }
    body.royal-home .exclusive-right{
      border-color:rgba(37,99,235,.10);
      background:rgba(255,255,255,.72)
    }
    body.royal-home .exclusive-price-note{color:#72839d}

    /* SERVICES */
    body.royal-home .service p{color:#71819a}
    body.royal-home .icon-box{
      background:linear-gradient(145deg,#eef6ff,#ffffff);
      border-color:rgba(37,99,235,.10)
    }
    body.royal-home .mono-svg{color:#3876cb}
    body.royal-home .mini-link{color:#2e68ba}

    /* PROCESS */
    body.royal-home .step-num{color:#527db9}
    body.royal-home .step p{color:#73829a}

    /* FAQ */
    body.royal-home .faq-list{
      border-color:rgba(37,99,235,.09)
    }
    body.royal-home .faq-list details{
      border-bottom-color:rgba(37,99,235,.08);
      box-shadow:none
    }
    body.royal-home .faq-list details:hover{background:#f8fbff}
    body.royal-home .faq-list summary{color:#254a82}
    body.royal-home .faq-list summary::after{
      border-color:rgba(37,99,235,.10);
      background:#eef6ff;
      color:#2e70c4
    }
    body.royal-home .faq-answer{color:#71819a}
    body.royal-home .faq-answer strong{color:#315e99}

    /* MOBILE RESULTS / SUMMARY */
    body.royal-home .mobile-results-only{
      border-color:rgba(37,99,235,.08)!important;
      background:
        radial-gradient(420px 240px at 20% 0%,rgba(191,219,254,.30),transparent 70%),
        rgba(255,255,255,.62)!important
    }
    body.royal-home .mobile-results-head span{color:#527bb4}
    body.royal-home .mobile-results-head p{color:#74849c}
    body.royal-home .mobile-results-grid article{
      border-color:rgba(37,99,235,.08);
      background:rgba(255,255,255,.84)
    }
    body.royal-home .mobile-result-top b{color:#244a82}
    body.royal-home .mobile-result-top small,
    body.royal-home .mobile-results-grid article>p{color:#72839b}
    body.royal-home .mobile-result-tags span{
      color:#3e6fae;
      background:#edf6ff;
      border-color:rgba(37,99,235,.07)
    }
    body.royal-home .mobile-summary-card{
      border-color:rgba(37,99,235,.08);
      background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(242,248,255,.96))
    }
    body.royal-home .mobile-summary-eyebrow{color:#567ab0}
    body.royal-home .mobile-summary-card h2 strong{color:#2e6fc3}
    body.royal-home .mobile-summary-chips span{
      border-color:rgba(37,99,235,.07);
      background:#f5f9ff;
      color:#7185a2
    }
    body.royal-home .mobile-summary-card p{color:#73839a}

    /* CTA */
    body.royal-home .cta-box{
      border-color:rgba(37,99,235,.12);
      background:
        radial-gradient(650px 270px at 50% 0%,rgba(191,219,254,.38),transparent 70%),
        linear-gradient(180deg,#ffffff,#eef6ff);
      box-shadow:0 30px 90px rgba(45,86,145,.08)
    }
    body.royal-home .cta-box::before{
      border-color:rgba(59,130,246,.10);
      box-shadow:0 0 120px rgba(125,211,252,.12)
    }
    body.royal-home .cta-box p{color:#71819a}

    /* FOOTER */
    body.royal-home footer{
      border-color:rgba(37,99,235,.08);
      background:linear-gradient(180deg,rgba(247,251,255,.70),rgba(237,246,255,.92))
    }
    body.royal-home .footer-brand p,
    body.royal-home .footer-col a,
    body.royal-home .footer-bottom{color:#71819a}
    body.royal-home .footer-col h4{color:#315c95}
    body.royal-home .footer-col a:hover{color:#1d4e97}

    /* CURSOR */
    body.royal-home .mouse-dot{background:#2563eb}
    body.royal-home .mouse-ring{
      border-color:rgba(37,99,235,.28)
    }
    body.royal-home.is-link .mouse-ring{
      border-color:rgba(14,165,233,.38);
      background:rgba(59,130,246,.05)
    }

    /* MOBILE MENU */
    @media(max-width:1020px){
      body.royal-home .nav-links{
        background:rgba(255,255,255,.97);
        border-color:rgba(37,99,235,.10);
        box-shadow:0 24px 70px rgba(45,86,145,.14)
      }
    }

    @media(max-width:760px){
      body.royal-home .hero{
        background:
          radial-gradient(360px 220px at 86% 5%,rgba(186,230,253,.30),transparent 72%),
          transparent
      }
      body.royal-home .case-study,
      body.royal-home .case-study:last-child{
        background:linear-gradient(180deg,#ffffff,#f6faff)!important;
        border-color:rgba(37,99,235,.09)!important;
        box-shadow:0 14px 38px rgba(45,86,145,.07)
      }
      body.royal-home .case-visual,
      body.royal-home .case-study:last-child .case-visual,
      body.royal-home .case-shot,
      body.royal-home .case-shot img{
        background:#eef5ff!important
      }
      body.royal-home .case-service{
        border-color:rgba(37,99,235,.16)!important;
        background:linear-gradient(135deg,rgba(219,234,254,.72),rgba(240,249,255,.95))!important;
        color:#246fd1!important;
        text-shadow:0 0 10px rgba(56,189,248,.15)!important;
        box-shadow:none!important
      }
      body.royal-home .case-summary{color:#6f819b!important}
      body.royal-home .case-summary::before{color:#577bad}
      body.royal-home .mobile-plan-cta{
        background:#edf5ff;
        border-color:rgba(37,99,235,.10);
        color:#315f9e
      }
      body.royal-home .nav-links a:active{background:#eef6ff}
    }

  
    /* =========================================================
       V13 — PORTFÓLIO LIMPO, AVALIAÇÕES E PREÇOS FLEXÍVEIS
       ========================================================= */
    .reviews{padding-top:64px;padding-bottom:72px}
    .reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .review-card{
      position:relative;padding:25px;border-radius:22px;
      border:1px solid rgba(151,187,255,.11);
      background:linear-gradient(180deg,rgba(12,25,48,.68),rgba(6,14,28,.78));
      box-shadow:inset 0 1px rgba(255,255,255,.025);
      min-height:305px;display:flex;flex-direction:column
    }
    .review-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
    .review-type{display:block;color:#7e9bc8;font-size:.61rem;font-weight:900;letter-spacing:.14em;margin-bottom:7px}
    .review-card h3{font-size:1.28rem;margin:0;line-height:1.05}
    .review-stars{color:#f0bb35;white-space:nowrap;font-size:.88rem;letter-spacing:.06em}
    .review-copy{margin:24px 0 22px;color:#8fa0ba;line-height:1.65;font-size:.86rem}
    .review-meta{margin-top:auto;padding-top:16px;border-top:1px solid rgba(151,187,255,.08);display:grid;gap:5px}
    .review-meta span{color:#7a8eae;font-size:.68rem}
    .review-meta b{color:#7ee2bd;font-size:.66rem;font-weight:800;letter-spacing:.04em}
    .reviews-note{margin-top:15px;text-align:center;color:#71839f;font-size:.66rem;line-height:1.5}
    .price-from{margin-top:12px;color:#7d8ca6;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    .rec-price{display:grid;gap:2px;text-align:right}
    .rec-price small{font-size:.56rem;font-weight:700;color:#768aa8;text-transform:uppercase;letter-spacing:.08em}
    .exclusive-price small{font-size:1rem;font-weight:850}
    .portfolio .case-details{justify-content:flex-start}
    .portfolio .proof-badges{margin-top:15px}
    .portfolio .case-actions{margin-top:16px}
    .portfolio .case-actions a{width:100%}
    .portfolio .case-study{min-height:0}
    .portfolio .mini-case{margin-top:16px}
    .pricing-foot strong{color:#9ab6de}
    body.royal-home .review-card{
      border-color:rgba(37,99,235,.09);
      background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,250,255,.97));
      box-shadow:0 20px 58px rgba(45,86,145,.07)
    }
    body.royal-home .review-type{color:#4d76ae}
    body.royal-home .review-card h3{color:#214b89}
    body.royal-home .review-copy{color:#6e809b}
    body.royal-home .review-meta{border-color:rgba(37,99,235,.08)}
    body.royal-home .review-meta span{color:#7185a2}
    body.royal-home .review-meta b{color:#178c72}
    body.royal-home .reviews-note{color:#73859e}
    body.royal-home .price-from{color:#7185a1}
    body.royal-home .rec-price small{color:#7287a4}
    body.royal-home .pricing-foot strong{color:#315f9d}

    @media(max-width:1020px){
      .reviews-grid{grid-template-columns:1fr}
      .review-card{min-height:0}
    }

    @media(max-width:760px){
      /* Ordem V13: portfólio -> avaliações -> quem somos -> preços */
      main{display:flex!important;flex-direction:column!important}
      #inicio{order:1!important}
      #portfolio{order:2!important}
      #avaliacoes{order:3!important}
      #quem-somos{order:4!important;display:block!important}
      #planos{order:5!important}
      .mobile-services-summary{order:6!important}
      #faq{order:7!important}
      .cta{order:9!important}

      .reviews{padding:23px 15px 28px!important}
      .reviews .section-head{margin-bottom:11px!important}
      .reviews .section-head h2{font-size:1.72rem!important;line-height:.98!important}
      .reviews .section-head p{font-size:.66rem!important;line-height:1.42!important;margin-top:8px!important}
      .reviews-grid{gap:8px!important}
      .review-card{padding:13px!important;border-radius:15px!important}
      .review-card h3{font-size:.96rem!important}
      .review-type{font-size:.46rem!important;margin-bottom:4px!important}
      .review-stars{font-size:.65rem!important}
      .review-copy{font-size:.64rem!important;line-height:1.46!important;margin:12px 0!important}
      .review-meta{padding-top:9px!important}
      .review-meta span,.review-meta b{font-size:.52rem!important}
      .reviews-note{font-size:.51rem!important;margin-top:9px!important}

      /* Quem somos volta ao mobile, mas de forma enxuta */
      #quem-somos{padding:20px 15px 26px!important}
      #quem-somos .about-shell{display:block!important;padding:20px 16px!important;border-radius:18px!important}
      #quem-somos .about-copy h2{font-size:1.72rem!important;line-height:.97!important}
      #quem-somos .about-copy p{font-size:.67rem!important;line-height:1.48!important}
      #quem-somos .about-statement{font-size:.68rem!important;margin-top:15px!important;padding-top:14px!important}
      #quem-somos .about-values,#quem-somos .about-strip{display:none!important}

      /* Badges continuam no portfólio; depoimentos ficam fora */
      #portfolio .proof-badges{display:flex!important;gap:4px!important;margin-top:8px!important}
      #portfolio .proof-badges b{font-size:.49rem!important;padding:5px 6px!important}
      #portfolio .case-actions{margin-top:9px!important}
      #portfolio .case-actions a{min-height:38px!important}
      #portfolio .mini-case{display:flex!important;margin-top:9px!important;padding:12px!important}
      #portfolio .mini-case strong{font-size:.74rem!important}
      #portfolio .mini-case span{font-size:.58rem!important}

      .price-from{font-size:.56rem!important;margin-top:8px!important}
      .rec-price{display:grid!important;text-align:right!important}
      .rec-price small{font-size:.46rem!important}
      #faq .faq-list details:nth-child(n){display:block!important}
    }

  

    /* V13 REFINADA — TEXTO MAIS ENXUTO + CONTATO */
    .contact-section{padding-top:58px;padding-bottom:82px}
    .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .contact-card{position:relative;display:flex;flex-direction:column;gap:7px;min-height:150px;padding:24px;border-radius:22px;border:1px solid rgba(151,187,255,.12);background:linear-gradient(180deg,rgba(12,25,48,.68),rgba(6,14,28,.78));transition:.25s;overflow:hidden}
    .contact-card::after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(77,131,255,.14),transparent 70%);transition:.3s}
    .contact-card:hover{transform:translateY(-4px);border-color:rgba(114,184,255,.28)}
    .contact-card:hover::after{transform:scale(1.2)}
    .contact-card span{color:#7398cf;font-size:.62rem;font-weight:900;letter-spacing:.14em}
    .contact-card strong{position:relative;z-index:1;color:#e1ecff;font-size:clamp(.95rem,1.8vw,1.2rem);overflow-wrap:anywhere}
    .contact-card small{position:relative;z-index:1;color:#8094b4;font-size:.72rem;margin-top:auto}
    @media(min-width:761px){.price-card{min-height:500px}}
    @media(max-width:760px){
      #contato{order:10!important}
      .contact-section{padding-top:24px!important;padding-bottom:34px!important}
      .contact-section .section-head{margin-bottom:12px!important}
      .contact-section .section-head h2{font-size:1.8rem!important}
      .contact-section .section-head p{font-size:.67rem!important;line-height:1.4!important}
      .contact-grid{grid-template-columns:1fr!important;gap:8px!important}
      .contact-card{min-height:102px;padding:15px 14px;border-radius:16px}
      .contact-card strong{font-size:.9rem}
      .contact-card small{font-size:.6rem}
    }

    /* POLIMENTO FINAL — portfólio, preços e contato */
    .metta-portfolio-case .case-summary{max-width:42ch}
    .mini-case{margin-top:18px;padding:18px 20px;border:1px solid rgba(151,187,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(11,25,48,.58),rgba(6,14,28,.72))}
    .mini-case strong{display:block;margin-bottom:4px}
    .price-card{min-height:490px!important;padding:26px 24px 24px!important}
    .plan-desc,.price-sub,.delivery-pill,.price-card li,.rec-card span,.mobile-plan-grid p{overflow-wrap:anywhere}
    .plan-desc{font-size:.8rem;line-height:1.58;max-width:35ch}
    .price-sub{font-size:.72rem;line-height:1.4}
    .delivery-pill{margin-top:14px;padding:10px 12px}
    .price-card ul{margin:20px 0 16px;gap:9px}
    .price-card li{font-size:.84rem;line-height:1.4}
    .price-highlight{margin-top:10px;padding-top:14px}
    .price-card .btn-primary,.price-card .btn-secondary{margin-top:18px}
    .rec-card{padding:18px 18px;border-radius:18px}
    .rec-card span{display:inline-block;max-width:40ch}
    .contact-grid{gap:14px}
    .contact-card{min-height:168px!important;padding:22px!important;border-radius:24px!important;justify-content:space-between;gap:16px}
    .contact-top{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}
    .contact-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(77,131,255,.08));color:#d7e8ff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
    .contact-icon svg{width:24px;height:24px}
    .contact-copy{display:flex;flex-direction:column;gap:6px}
    .contact-copy span{color:#7ea2d8;font-size:.62rem;font-weight:900;letter-spacing:.14em}
    .contact-copy strong{font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.25;color:#eff6ff}
    .contact-card small{font-size:.76rem;line-height:1.45;color:#90a7cb}
    .contact-card::before{content:"↗";position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#cddfff;z-index:1}
    .contact-card.contact-whatsapp .contact-icon{background:linear-gradient(145deg,rgba(37,211,102,.16),rgba(77,131,255,.07));color:#dff9e8}
    .contact-card.contact-email .contact-icon{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(77,131,255,.08))}
    .contact-card.contact-instagram .contact-icon{background:linear-gradient(145deg,rgba(179,96,255,.14),rgba(255,95,109,.10));color:#f6e8ff}
    .contact-card.contact-product .contact-icon{background:linear-gradient(145deg,rgba(77,131,255,.18),rgba(114,232,255,.10));color:#e2f3ff}
    @media(max-width:760px){
      .price-card{min-height:auto!important;padding:22px 18px!important}
      .plan-desc{max-width:none}
      .rec-card span{max-width:none}
      .contact-grid{grid-template-columns:1fr!important;gap:9px!important}
      .contact-card{min-height:auto!important;padding:18px!important;border-radius:18px!important}
      .contact-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
      .contact-copy strong{font-size:.95rem}
      .contact-card small{font-size:.66rem}
      .contact-card::before{top:14px;right:14px;width:30px;height:30px}
    }


    /* AJUSTES FINAIS — PREÇOS */
    .pricing-shell{
      border:1px solid rgba(37,99,235,.10)!important;
      box-shadow:0 26px 70px rgba(37,99,235,.07)!important
    }
    .price-card{
      border:1px solid rgba(37,99,235,.08)!important;
      box-shadow:0 14px 36px rgba(37,99,235,.05)!important
    }
    .price-card:hover{transform:translateY(-5px);box-shadow:0 22px 58px rgba(37,99,235,.10)!important}
    .price-card.popular{
      border-color:rgba(37,99,235,.22)!important;
      box-shadow:0 26px 70px rgba(37,99,235,.11)!important
    }
    .price-card ul{gap:10px!important}
    .price-card li{display:flex;gap:10px;align-items:flex-start}
    .price-card li::before{margin-top:1px}
    .price-card .plan-desc{max-width:34ch}
    .recurring{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;margin-top:22px!important}
    .rec-card{
      min-height:118px;
      padding:22px 22px!important;
      border-radius:22px!important;
      border:1px solid rgba(37,99,235,.10)!important;
      background:linear-gradient(180deg,#ffffff,#f5f9ff)!important;
      box-shadow:0 14px 34px rgba(37,99,235,.06)!important;
      align-items:center!important
    }
    .rec-card strong{display:block;font-size:1.06rem;color:#173f7a!important}
    .rec-card span{display:block;max-width:36ch;color:#6c82a5!important;line-height:1.45;overflow-wrap:anywhere}
    .rec-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:max-content;color:#1b4b97!important;font-size:1.15rem!important}
    .rec-price small{font-size:.72rem;color:#7d90aa}
    .rec-card-brand{padding:22px!important}
    .rec-brand-wrap{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
    .rec-brand-icon{
      width:50px!important;height:50px!important;flex:0 0 50px!important;padding:10px!important;border-radius:16px!important;
      border:1px solid rgba(37,99,235,.12)!important;background:linear-gradient(180deg,#eef5ff,#e2efff)!important
    }
    .rec-brand-icon .brand-svg{width:100%;height:100%}
    .pricing-foot{margin-top:18px!important;color:#6f84a7!important}
    @media(max-width:980px){
      .recurring{grid-template-columns:1fr!important}
    }
    @media(max-width:760px){
      .price-card .plan-desc{max-width:none}
      .rec-card{padding:18px 16px!important;gap:12px!important;align-items:flex-start!important}
      .rec-price{align-items:flex-start;font-size:1.06rem!important}
      .rec-card span{max-width:none}
      .rec-brand-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:14px!important}
    }


    /* AJUSTES FINAIS — CONTATO ROYAL/BRANCO/AZUL */
    .contact-section{
      position:relative;
      background:
        radial-gradient(780px 280px at 12% 0%,rgba(96,165,250,.16),transparent 70%),
        radial-gradient(780px 280px at 88% 100%,rgba(59,130,246,.12),transparent 70%),
        linear-gradient(180deg,rgba(246,250,255,.9),rgba(236,244,255,.96));
      border-top:1px solid rgba(37,99,235,.08);
      border-bottom:1px solid rgba(37,99,235,.08)
    }
    .contact-section .section-head p{max-width:54ch}
    .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .contact-card{
      position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;
      min-height:176px!important;padding:24px 24px 20px!important;border-radius:24px!important;
      border:1px solid rgba(37,99,235,.10)!important;
      background:linear-gradient(180deg,#ffffff,#f3f8ff)!important;
      box-shadow:0 16px 44px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.95);
      overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
    }
    .contact-card::after{
      content:"";position:absolute;inset:auto -44px -44px auto;width:134px;height:134px;border-radius:50%;
      background:radial-gradient(circle,rgba(59,130,246,.13),transparent 68%);pointer-events:none
    }
    .contact-card::before{
      content:"↗";position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;
      background:linear-gradient(180deg,#f7fbff,#ebf3ff);border:1px solid rgba(37,99,235,.10);color:#2f67b8;z-index:1
    }
    .contact-card:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.20)!important;box-shadow:0 24px 60px rgba(37,99,235,.12), inset 0 1px 0 rgba(255,255,255,.98)}
    .contact-top{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}
    .contact-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(180deg,#eef5ff,#dfeeff);color:#2563eb;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
    .contact-icon svg{width:24px;height:24px}
    .contact-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
    .contact-copy span{color:#5d7dad!important;font-size:.64rem!important;font-weight:900;letter-spacing:.16em}
    .contact-copy strong{color:#183f79!important;font-size:clamp(1rem,1.9vw,1.28rem)!important;line-height:1.24;overflow-wrap:anywhere}
    .contact-card small{position:relative;z-index:1;color:#6d85a9!important;font-size:.78rem!important;line-height:1.46;overflow-wrap:anywhere}
    .contact-card.contact-whatsapp .contact-icon{background:linear-gradient(180deg,#eafaf1,#dbf4e6)!important;color:#1c9b59!important;border-color:rgba(37,211,102,.20)!important}
    .contact-card.contact-email .contact-icon{background:linear-gradient(180deg,#eef5ff,#e3efff)!important;color:#315fa4!important}
    .contact-card.contact-instagram .contact-icon{background:linear-gradient(180deg,#f5eeff,#efe7ff)!important;color:#8356d8!important;border-color:rgba(131,86,216,.18)!important}
    .contact-card.contact-product .contact-icon{background:linear-gradient(180deg,#ebf4ff,#def0ff)!important;color:#1f5bc7!important}
    @media(max-width:760px){
      .contact-grid{grid-template-columns:1fr!important;gap:10px!important}
      .contact-card{min-height:auto!important;padding:18px 16px!important;border-radius:18px!important;gap:14px}
      .contact-card::before{top:14px;right:14px;width:30px;height:30px}
      .contact-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
      .contact-copy strong{font-size:.95rem!important}
      .contact-card small{font-size:.65rem!important}
    }


    /* LOGO METTA DIGITAL + AJUSTES MOBILE */
    .brand-mark{display:grid;place-items:center;overflow:hidden}
    .brand-mark img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 16px rgba(37,99,235,.18))}
    .brand-mark.logo-mark{padding:0;background:transparent!important;border:0!important;box-shadow:none!important}
    .footer-brand{display:flex;flex-direction:column;gap:16px}
    .footer-logo{width:min(300px,100%);height:auto;display:block;filter:drop-shadow(0 12px 30px rgba(37,99,235,.10))}
    .footer-brand p{margin-top:0}
    .footer-mini{display:flex;align-items:center;gap:10px;color:#6e86a8;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
    .footer-mini img{width:34px;height:34px;object-fit:contain}
    @media(max-width:760px){
      .brand-mark{width:34px!important;height:34px!important;border-radius:10px!important}
      .brand-name{font-size:.56rem!important;letter-spacing:.08em!important;max-width:150px;white-space:normal;line-height:1.02}
      .nav{padding-left:12px!important;padding-right:10px!important}
      .footer-logo{width:min(250px,100%)}
      .footer-mini{font-size:.68rem;line-height:1.3;align-items:flex-start}
    }


    /* V13 PREMIUM FINAL — HERO */
    .hero-brand-signature{display:inline-flex;align-items:center;gap:11px;margin-bottom:15px;padding:9px 12px 9px 9px;border:1px solid rgba(37,99,235,.10);border-radius:16px;background:rgba(255,255,255,.58);box-shadow:0 10px 28px rgba(37,99,235,.05);backdrop-filter:blur(14px)}
    .hero-brand-signature img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(37,99,235,.17))}
    .hero-brand-signature div{display:flex;flex-direction:column;gap:2px}
    .hero-brand-signature strong{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#214d90}
    .hero-brand-signature span{font-size:.61rem;letter-spacing:.07em;text-transform:uppercase;color:#7c90ac}
    .board-brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.08em}
    .board-brand img{width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(37,99,235,.15))}
    body.royal-home .result-board{box-shadow:0 34px 92px rgba(37,99,235,.11),0 16px 38px rgba(65,91,127,.08)}
    body.royal-home .board-screen{background:linear-gradient(145deg,#fbfdff,#edf5ff)}
    body.royal-home .board-note{max-width:34ch}
    @media(max-width:760px){
      .hero-brand-signature{margin-bottom:11px;padding:7px 10px 7px 7px;border-radius:14px}
      .hero-brand-signature img{width:29px;height:29px}
      .hero-brand-signature strong{font-size:.59rem}
      .hero-brand-signature span{font-size:.52rem}
      .board-brand img{width:20px;height:20px}
    }


    /* AJUSTE FINAL DA LOGO NO RODAPÉ */
    .footer-brand-clean{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
    .footer-logo-link{display:inline-flex;align-items:center;justify-content:flex-start;max-width:100%}
    .footer-logo-clean{width:220px!important;max-width:100%!important;height:auto!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 10px 24px rgba(37,99,235,.10))!important}
    .footer-brand-tagline{max-width:380px!important;margin:0!important;color:#71819a!important;font-size:.82rem!important;line-height:1.6!important}
    @media(max-width:760px){
      .footer-brand-clean{align-items:center!important;text-align:center!important;gap:10px!important}
      .footer-logo-link{justify-content:center;width:100%}
      .footer-logo-clean{width:190px!important;margin:0 auto!important}
      .footer-brand-tagline{max-width:300px!important;font-size:.72rem!important;line-height:1.5!important}
    }


    /* LOGO PNG OFICIAL — RODAPÉ */
    .footer-brand-final{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;max-width:430px}
    .footer-logo-official-link{display:inline-flex;align-items:center;max-width:100%;padding:6px 0;transition:.25s ease}
    .footer-logo-official-link:hover{transform:translateY(-2px)}
    .footer-logo-official{width:320px;max-width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(37,99,235,.12))}
    .footer-brand-tagline-final{max-width:390px!important;margin:0!important;color:#71829b!important;font-size:.82rem!important;line-height:1.58!important}
    @media(max-width:760px){
      .footer-brand-final{align-items:center!important;text-align:center!important;max-width:none;width:100%}
      .footer-logo-official-link{justify-content:center;width:100%}
      .footer-logo-official{width:260px;margin:0 auto}
      .footer-brand-tagline-final{max-width:310px!important;font-size:.72rem!important}
    }

    /* METTA ASTRA — CASE EM ANDAMENTO */
    .astra-portfolio-case{border-color:rgba(37,99,235,.14)!important}
    .astra-case-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#071327,#0a1c38)!important}
    .astra-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:
      radial-gradient(340px 190px at 22% 18%,rgba(96,165,250,.24),transparent 68%),
      radial-gradient(300px 220px at 82% 74%,rgba(109,93,252,.20),transparent 68%),
      linear-gradient(145deg,#061225,#0a1e3a 58%,#071223)}
    .astra-stage::before{content:"";position:absolute;inset:0;background-image:
      linear-gradient(rgba(125,180,255,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(125,180,255,.055) 1px,transparent 1px);background-size:34px 34px;opacity:.55;mask-image:linear-gradient(to bottom,black,transparent 92%)}
    .astra-orbit{position:absolute;width:260px;height:260px;border:1px solid rgba(115,180,255,.18);border-radius:50%;animation:astraOrbit 18s linear infinite}
    .astra-orbit::before,.astra-orbit::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#79c5ff;box-shadow:0 0 18px rgba(121,197,255,.8)}
    .astra-orbit::before{top:26px;right:42px}.astra-orbit::after{bottom:28px;left:48px;background:#9d8cff;box-shadow:0 0 18px rgba(157,140,255,.65)}
    @keyframes astraOrbit{to{transform:rotate(360deg)}}
    .astra-panel{position:relative;z-index:2;width:min(78%,420px);padding:20px;border:1px solid rgba(143,190,255,.20);border-radius:22px;background:linear-gradient(180deg,rgba(9,26,52,.94),rgba(6,14,29,.96));box-shadow:0 28px 70px rgba(0,0,0,.35);transform:perspective(700px) rotateY(-7deg) rotateX(4deg);animation:astraFloat 5.5s ease-in-out infinite}
    @keyframes astraFloat{50%{transform:perspective(700px) rotateY(-3deg) rotateX(2deg) translateY(-7px)}}
    .astra-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
    .astra-panel-top strong{font-size:.72rem;letter-spacing:.14em;color:#cfe1ff}.astra-panel-top span{font-size:.58rem;color:#70d7ff;padding:6px 8px;border-radius:999px;border:1px solid rgba(112,215,255,.18);background:rgba(112,215,255,.06)}
    .astra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.astra-grid i{display:block;height:52px;border-radius:12px;background:linear-gradient(145deg,#102748,#0c1b34);border:1px solid rgba(255,255,255,.05)}
    .astra-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#315fae,#56c6f2);margin-top:12px;width:72%;opacity:.85}
    .astra-line.short{width:46%;opacity:.5}
    .astra-status-badge{background:rgba(8,20,40,.86)!important;border-color:rgba(98,163,255,.20)!important;color:#d7e7ff!important}
    .astra-status-badge::before{background:#f5b544!important;box-shadow:0 0 12px rgba(245,181,68,.60)!important}
    body.royal-home .astra-case-visual{background:#eef5ff!important}
    body.royal-home .astra-stage{background:
      radial-gradient(340px 190px at 22% 18%,rgba(96,165,250,.28),transparent 68%),
      radial-gradient(300px 220px at 82% 74%,rgba(129,110,255,.16),transparent 68%),
      linear-gradient(145deg,#edf6ff,#dfeeff 58%,#edf6ff)}
    body.royal-home .astra-stage::before{background-image:
      linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),
      linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px)}
    body.royal-home .astra-orbit{border-color:rgba(37,99,235,.14)}
    body.royal-home .astra-panel{border-color:rgba(37,99,235,.12);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(237,246,255,.98));box-shadow:0 26px 60px rgba(37,99,235,.12)}
    body.royal-home .astra-panel-top strong{color:#1d4f95}body.royal-home .astra-panel-top span{color:#2b72c8;background:#edf6ff;border-color:rgba(37,99,235,.10)}
    body.royal-home .astra-grid i{background:linear-gradient(145deg,#f7fbff,#e4efff);border-color:rgba(37,99,235,.07)}
    body.royal-home .astra-line{background:linear-gradient(90deg,#2f6fd2,#45bfe9)}
    @media(max-width:760px){.astra-panel{width:82%;padding:14px;border-radius:17px;transform:none;animation:astraMobileFloat 5s ease-in-out infinite}.astra-orbit{width:200px;height:200px}.astra-grid i{height:36px}.astra-panel-top{margin-bottom:12px}.astra-panel-top strong{font-size:.62rem}.astra-panel-top span{font-size:.48rem;padding:5px 6px}@keyframes astraMobileFloat{50%{transform:translateY(-5px)}}}
    @media(prefers-reduced-motion:reduce){.astra-orbit,.astra-panel{animation:none!important}}
    /* PREÇOS V2 — MAIS CLAREZA, COR E INTERAÇÃO */
    .pricing-vnext{padding-top:78px}
    .pricing-shell-vnext{padding:48px!important;background:radial-gradient(700px 320px at 50% 0%,rgba(85,136,255,.09),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,251,255,.95))!important}
    .pricing-head-vnext{align-items:flex-end;gap:18px}
    .pricing-head-vnext p{max-width:560px;color:#6f85a7;line-height:1.6}
    .price-clarity-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 22px;padding:22px 24px;border-radius:22px;border:1px solid rgba(37,99,235,.10);background:linear-gradient(135deg,rgba(236,244,255,.92),rgba(255,255,255,.96));box-shadow:0 18px 45px rgba(37,99,235,.06)}
    .price-clarity-banner div{display:grid;gap:6px}
    .price-clarity-banner strong{color:#173f7b;font-size:1.02rem}
    .price-clarity-banner span{color:#7386a3;font-size:.81rem;line-height:1.55}
    .price-clarity-banner .btn-secondary{flex:0 0 auto}
    .new-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
    .mp-price-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:560px;padding:30px;border:1px solid rgba(37,99,235,.09);border-radius:28px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 20px 55px rgba(37,99,235,.06);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease}
    .mp-price-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#4b7cff,#70b5ff);opacity:.95}
    .mp-price-card::after{content:"";position:absolute;right:-75px;top:-85px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);pointer-events:none}
    .mp-price-card:hover{transform:translateY(-8px);border-color:rgba(37,99,235,.19);box-shadow:0 28px 70px rgba(37,99,235,.12)}
    .mp-price-card.essential{background:radial-gradient(300px 180px at 100% 0%,rgba(111,201,255,.15),transparent 68%),linear-gradient(180deg,#fff,#f6fbff)}
    .mp-price-card.structured{background:radial-gradient(340px 190px at 50% 0%,rgba(191,219,254,.32),transparent 72%),linear-gradient(180deg,#fff,#eef6ff)}
    .mp-price-card.structured::before{background:linear-gradient(90deg,#2563eb,#4ea3ff)}
    .mp-price-card.featured{border-color:rgba(37,99,235,.22);box-shadow:0 28px 78px rgba(37,99,235,.11)}
    .mp-price-card.premium{background:radial-gradient(360px 210px at 100% 0%,rgba(118,95,255,.16),transparent 70%),linear-gradient(180deg,#ffffff,#f2f6ff)}
    .mp-price-card.premium::before{background:linear-gradient(90deg,#4f46e5,#3b82f6,#6dd3ff)}
    .mp-price-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}
    .mp-price-kicker{font-size:.72rem;letter-spacing:.13em;font-weight:900;color:#315f9d}
    .mp-price-badge{padding:8px 10px;border-radius:999px;font-size:.58rem;font-weight:850;color:#6d83a4;border:1px solid rgba(37,99,235,.08);background:#f4f8ff}
    .mp-price-badge.featured{color:#2563eb;background:#edf5ff;border-color:rgba(37,99,235,.12)}
    .mp-price-badge.premium{color:#5a58c4;background:#f2efff;border-color:rgba(100,84,240,.14)}
    .mp-price-from{margin-top:26px;color:#7a8ba5;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
    .mp-price{margin:7px 0 14px;color:#173f7b;font-size:3.35rem;line-height:1;font-weight:900;letter-spacing:-.065em}
    .mp-price-card p{color:#71819a;font-size:.84rem;line-height:1.6;margin:0 0 18px}
    .mp-price-note{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(111,201,255,.07));border:1px solid rgba(37,99,235,.08);color:#4972aa;font-size:.71rem;font-weight:750}
    .mp-price-note strong{color:#1d4f96}
    .mp-price-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
    .mp-price-card li{display:flex;gap:9px;color:#657996;font-size:.82rem;line-height:1.43}
    .mp-price-card li::before{content:"✓";color:#0ea672;font-weight:900}
    .mp-price-card>a{margin-top:auto;width:100%}
    .system-highlight{position:relative;overflow:hidden;margin-top:18px;padding:28px;border-radius:28px;border:1px solid rgba(67,118,255,.12);background:radial-gradient(520px 240px at 100% 0%,rgba(114,94,255,.13),transparent 70%),radial-gradient(360px 180px at 0% 100%,rgba(44,155,255,.10),transparent 72%),linear-gradient(180deg,#f8fbff,#eff5ff);box-shadow:0 20px 58px rgba(37,99,235,.08)}
    .system-highlight::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 48%,transparent 72%);transform:translateX(-90%);animation:pricingPanelShine 9s ease-in-out infinite}
    @keyframes pricingPanelShine{45%,100%{transform:translateX(90%)}}
    .system-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .9fr;gap:18px;align-items:center}
    .system-copy .eyebrow{margin-bottom:8px}
    .system-copy h3{margin:0 0 10px;color:#173f7b;font-size:2rem;line-height:1.06;letter-spacing:-.03em}
    .system-copy p{margin:0;color:#6d83a5;font-size:.88rem;line-height:1.62;max-width:58ch}
    .system-copy p strong{color:#2c5ca1}
    .system-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
    .system-chips span{padding:8px 10px;border-radius:999px;border:1px solid rgba(37,99,235,.08);background:rgba(255,255,255,.76);color:#5d76a0;font-size:.63rem;font-weight:800;letter-spacing:.04em}
    .system-side{display:grid;gap:12px}
    .system-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .system-metric{padding:14px 12px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(37,99,235,.08);box-shadow:0 12px 28px rgba(37,99,235,.05)}
    .system-metric small{display:block;color:#7b8fb0;font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
    .system-metric strong{display:block;margin-top:8px;color:#173f7b;font-size:1.45rem;line-height:1;letter-spacing:-.04em}
    .system-metric span{display:block;margin-top:7px;color:#6f85a6;font-size:.69rem;line-height:1.45}
    .system-actions{display:flex;gap:12px;flex-wrap:wrap}
    .system-actions .btn-primary,.system-actions .btn-secondary{flex:1 1 220px}
    .pricing-extras-title{margin:34px 0 14px}
    .pricing-extras-title h3{margin:6px 0 0;color:#173f7b;font-size:1.35rem}
    .pricing-extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .pricing-extra-card{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;min-height:112px;padding:18px;border-radius:19px;border:1px solid rgba(37,99,235,.08);background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(37,99,235,.045);transition:.28s ease}
    .pricing-extra-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(37,99,235,.08)}
    .pricing-extra-card .pricing-extra-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#286ad0;background:linear-gradient(180deg,#edf5ff,#e2efff);border:1px solid rgba(37,99,235,.10);font-weight:900}
    .pricing-extra-card strong{display:block;color:#214a85;font-size:.92rem}
    .pricing-extra-card span{display:block;margin-top:4px;color:#7486a1;font-size:.7rem;line-height:1.45}
    .pricing-extra-card b{color:#1d4f96;text-align:right;font-size:.82rem;line-height:1.35;white-space:nowrap}
    .pricing-extra-card.custom b{text-transform:uppercase;letter-spacing:.06em}
    .pricing-extra-card.ads{overflow:hidden}
    .pricing-extra-card.ads .pricing-extra-link{position:absolute;inset:0;z-index:2}
    .pricing-extra-card.ads:hover{border-color:rgba(37,99,235,.18)}
    .pricing-foot-vnext{margin-top:20px!important;padding-top:16px;border-top:1px solid rgba(37,99,235,.07);line-height:1.58!important;color:#7084a4}
    body.royal-home .price-clarity-banner,body.royal-home .mp-price-card,body.royal-home .pricing-extra-card,body.royal-home .system-highlight{color:#10254b}
    @media(max-width:1120px){.system-grid{grid-template-columns:1fr}.system-copy h3{font-size:1.8rem}}
    @media(max-width:1020px){.new-price-grid{grid-template-columns:1fr 1fr}.mp-price-card.premium{grid-column:1/-1}.pricing-extras-grid{grid-template-columns:1fr}.system-metrics{grid-template-columns:1fr 1fr 1fr}}
    @media(max-width:760px){
      .pricing-vnext{padding-top:34px!important;padding-bottom:32px!important}
      .pricing-shell-vnext{padding:18px 10px!important;border-radius:21px!important}
      .pricing-head-vnext{display:block!important;margin-bottom:13px!important}
      .pricing-head-vnext h2{font-size:2rem!important}
      .pricing-head-vnext p{font-size:.68rem!important;line-height:1.45!important;margin-top:8px!important}
      .price-clarity-banner{display:grid;gap:12px;margin:0 0 11px;padding:13px;border-radius:14px}
      .price-clarity-banner strong{font-size:.78rem}
      .price-clarity-banner span{font-size:.61rem}
      .price-clarity-banner .btn-secondary{min-height:40px;width:100%;font-size:.61rem}
      .new-price-grid{grid-template-columns:1fr;gap:10px}
      .mp-price-card,.mp-price-card.premium{grid-column:auto;min-height:0;padding:17px 15px;border-radius:18px}
      .mp-price-top{align-items:flex-start}
      .mp-price-kicker{font-size:.55rem}
      .mp-price-badge{font-size:.48rem;padding:5px 7px}
      .mp-price-from{margin-top:18px;font-size:.56rem}
      .mp-price{font-size:2.45rem;margin:5px 0 10px}
      .mp-price-card p{font-size:.68rem;line-height:1.47;margin-bottom:12px}
      .mp-price-note{font-size:.58rem;padding:8px 10px;margin-bottom:12px}
      .mp-price-card ul{grid-template-columns:1fr 1fr;gap:6px 10px;margin-bottom:14px}
      .mp-price-card li{font-size:.61rem}
      .mp-price-card>a{min-height:42px;font-size:.64rem}
      .system-highlight{margin-top:12px;padding:18px 14px;border-radius:20px}
      .system-grid{gap:14px}
      .system-copy h3{font-size:1.35rem}
      .system-copy p{font-size:.68rem;line-height:1.5}
      .system-chips{gap:5px;margin-top:11px}.system-chips span{font-size:.5rem;padding:5px 7px}
      .system-metrics{grid-template-columns:1fr;gap:8px}
      .system-metric{padding:11px 10px;border-radius:14px}.system-metric strong{font-size:1.15rem}.system-metric span{font-size:.58rem}.system-metric small{font-size:.52rem}
      .system-actions{gap:8px;flex-direction:column}.system-actions .btn-primary,.system-actions .btn-secondary{width:100%;min-height:42px;font-size:.63rem}
      .pricing-extras-title{margin:22px 0 9px}.pricing-extras-title h3{font-size:1rem}
      .pricing-extras-grid{gap:7px}
      .pricing-extra-card{grid-template-columns:38px 1fr;gap:10px;min-height:0;padding:12px;border-radius:14px}
      .pricing-extra-card .pricing-extra-icon{width:38px;height:38px;border-radius:11px}
      .pricing-extra-card strong{font-size:.7rem}
      .pricing-extra-card span{font-size:.56rem}
      .pricing-extra-card b{grid-column:2;text-align:left;font-size:.67rem}
      .pricing-foot-vnext{font-size:.56rem!important;margin-top:12px!important;padding-top:12px}
    }


/* PORTFÓLIO ATUALIZADO — imagens reais e Metta Astra */
body.royal-home #nav .nav-links{gap:14px;font-size:.78rem}
body.royal-home #nav .astra-nav-link{color:#504ac1;font-weight:800;white-space:nowrap}
.astra-nav-star{display:inline-block;font-size:1em;color:#7768eb}
body.royal-home #portfolio .portfolio-real-visual{aspect-ratio:16/9!important;background:#0c101b!important}
body.royal-home #portfolio .portfolio-real-shot{background:#0c101b!important;outline-offset:-3px}
body.royal-home #portfolio .portfolio-real-shot img{object-fit:contain!important;object-position:center center!important;background:#0c101b!important;width:100%!important;height:100%!important;transform:none!important;filter:none!important}
body.royal-home #portfolio .portfolio-real-shot::after{background:none!important;box-shadow:none!important}
#portfolio .predileta-portfolio-case{grid-column:auto!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
#portfolio .portfolio-project-status{display:flex;align-items:center;gap:6px;color:#207762;font-size:.65rem;font-weight:700;margin:3px 0 10px;line-height:1.5}
#portfolio .portfolio-project-status i{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#17976b}
#portfolio .portfolio-live-case .case-summary{max-width:none}
#portfolio .portfolio-live-case .case-actions{margin-top:auto;padding-top:14px}
#portfolio .portfolio-live-case h3{margin-bottom:8px}
@media(min-width:1021px) and (max-width:1180px){
 body.royal-home #nav{position:relative}
 body.royal-home #nav .nav-links{display:none;position:absolute;top:76px;left:0;right:0;z-index:3004;padding:15px;background:rgba(255,255,255,.98);border:1px solid rgba(37,99,235,.12);border-radius:18px;box-shadow:0 20px 45px #26487e22;flex-direction:column;align-items:stretch;font-size:.92rem;gap:6px}
 body.royal-home #nav .nav-links.open{display:flex}
 body.royal-home #nav .nav-links a{padding:12px;min-height:44px}
 body.royal-home #nav .nav-cta{display:none}
 body.royal-home #nav .menu-btn{display:grid;place-items:center;width:44px;height:44px}
}
@media(max-width:1020px){body.royal-home #nav .nav-links{font-size:.9rem;gap:6px}}
@media(max-width:760px){
 #portfolio .portfolio-project-status{font-size:.67rem;margin-bottom:8px}
 #portfolio .portfolio-live-case .case-actions{padding-top:4px}
 body.royal-home #portfolio .portfolio-real-visual{height:auto!important;min-height:0!important;width:100%!important}
}