:root{--blue:#0757d7;--blue2:#0b66f0;--navy:#061b3a;--navy2:#0a2855;--sky:#eaf3ff;--ink:#0b1324;--muted:#344054;--line:#d8e1ee;--bg:#f5f8fc;--white:#fff;--green:#0b7a47;--yellow:#ffd43b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#02132c;color:#fff;font-size:12px}.topbar .wrap{min-height:38px;display:flex;align-items:center;gap:16px}.topbar span{color:#9cc5ff;font-weight:900;letter-spacing:.1em}.topbar b{font-weight:800}.topbar a{margin-left:auto;color:#fff;font-weight:800;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-row{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{max-height:42px;width:auto}.brand span{padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.site-header nav{margin-left:auto;display:flex;gap:25px}.site-header nav a{font-size:13px;font-weight:800;text-decoration:none}.site-header nav a:hover{color:var(--blue)}.nav-coupon{min-width:112px;padding:9px 14px;background:var(--blue);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px}.nav-coupon small{font-size:8px;letter-spacing:.1em}.nav-coupon b{font-size:15px}.hero{background:linear-gradient(112deg,var(--navy) 0 62%,#0b4ca7 62% 100%);color:#fff;overflow:hidden}.hero-grid{min-height:550px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:72px;align-items:center}.eyebrow,.section-head span,.how-copy>span,.platform-grid>div>span,.faq-grid>div>span{margin:0 0 12px;color:#7fb8ff;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1,.subhero h1,.family-hero h1{margin:0;font-size:clamp(48px,6.2vw,82px);line-height:.95;letter-spacing:-.055em;max-width:800px}.hero h1 span{color:#71b7ff}.lead,.hero .lead{max-width:720px;margin:24px 0 0;color:#c6d5e9;font-size:18px;line-height:1.55}.hero-actions{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}.copy-btn,.blue-btn,.ghost-btn{min-height:50px;padding:0 20px;border:0;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;text-decoration:none;cursor:pointer}.copy-btn{background:var(--blue);color:#fff}.copy-btn--light{background:#fff;color:var(--navy)}.blue-btn{background:var(--blue);color:#fff}.ghost-btn{border:1px solid rgba(255,255,255,.38);color:#fff;background:transparent}.hero-facts{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:760px}.hero-facts strong{display:block;font-size:23px}.hero-facts span{display:block;margin-top:4px;color:#9fb1c9;font-size:11px}.coupon-panel{padding:28px;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(0,0,0,.28)}.coupon-label{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.coupon-code{width:100%;margin:12px 0 7px;padding:22px 12px;border:2px dashed #8db9f4;background:var(--sky);color:var(--blue);font-size:48px;font-weight:900;letter-spacing:.02em;cursor:pointer}.coupon-panel p{margin:0 0 16px;color:var(--muted);font-size:12px}.coupon-panel>a{min-height:48px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:11px;font-weight:900}.coupon-panel small{display:block;margin-top:13px;color:#3f4d62;font-size:9px;line-height:1.4}.answer-strip{border-bottom:1px solid var(--line);background:#fff}.answer-strip .wrap{padding:16px 0;font-size:13px;color:#4b5870}.answer-strip strong{color:var(--blue)}.offers,.families,.faq-section{padding:74px 0}.offers{background:var(--bg)}.section-head{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head span{color:var(--blue)}.section-head h2,.how-copy h2,.platform-grid h2,.faq-grid h2,.related h2,.family-content h2{margin:0;font-size:clamp(34px,4.5vw,54px);line-height:1;letter-spacing:-.05em}.section-head>a{color:var(--blue);font-size:12px;font-weight:900;text-decoration:none}.deal-list{border-top:3px solid var(--navy);background:#fff}.deal-row{min-height:142px;padding:22px 20px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr) 160px;gap:28px;align-items:center;border-bottom:1px solid var(--line)}.deal-row small{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em}.deal-row h3{margin:5px 0 7px;font-size:25px;letter-spacing:-.035em}.deal-row p{margin:0;color:var(--muted);font-size:12px}.row-price s{display:block;color:#3f4d62;font-size:11px}.row-price strong{display:block;margin:2px 0;font-size:27px;letter-spacing:-.04em}.row-price span{color:var(--green);font-size:11px;font-weight:900}.deal-row>a,.catalog-link{min-height:44px;padding:0 12px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:10px;font-weight:900}.catalog-banner{margin-top:18px;padding:22px 24px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;text-decoration:none}.catalog-banner small{display:block;color:#7fb8ff;font-size:9px;font-weight:900;letter-spacing:.13em}.catalog-banner strong{display:block;margin-top:5px;font-size:18px}.catalog-banner span{color:var(--yellow);font-size:10px;font-weight:900}.proof{padding:74px 0;background:var(--navy);color:#fff}.section-head--light span{color:#7fb8ff}.section-head--light p{max-width:340px;margin:0;color:#9fb1c9;font-size:12px}.proof-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:min(820px,78vw);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.proof-scroller figure{margin:0;scroll-snap-align:start;background:#fff}.proof-scroller img{display:block;width:100%;height:auto}.proof-scroller figcaption{padding:10px 12px;color:#1e2a3d;font-size:10px;font-weight:900}.family-lines{border-top:2px solid var(--ink)}.family-lines>a{min-height:108px;padding:18px 4px;display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);text-decoration:none}.family-lines>a:hover{background:var(--sky)}.family-lines>a>span{color:var(--blue);font-size:12px;font-weight:900}.family-lines strong{font-size:23px;letter-spacing:-.03em}.family-lines p{margin:5px 0 0;color:var(--muted);font-size:12px}.family-lines b{color:var(--blue);font-size:10px}.how-home{padding:76px 0;background:#fff}.how-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:60px;align-items:center}.how-media{border:1px solid var(--line);background:#f3f6fa;padding:10px}.how-media img{display:block;width:100%;height:auto}.how-copy>span,.platform-grid>div>span,.faq-grid>div>span{color:var(--blue)}.how-copy ol,.big-steps{margin:28px 0 22px;padding:0;list-style:none;border-top:1px solid var(--line)}.how-copy li,.big-steps li{padding:14px 0;display:grid;grid-template-columns:30px 1fr;gap:12px;border-bottom:1px solid var(--line)}.how-copy li>b,.big-steps li>b{color:var(--blue);font-size:12px}.how-copy li p,.big-steps li p{margin:3px 0 0;color:var(--muted);font-size:12px}.how-copy>a,.text-link{color:var(--blue);font-size:11px;font-weight:900}.platform{padding:70px 0;background:#eaf3ff}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.platform-grid>div>p{color:#526071;line-height:1.6}.platform-grid>div>a{display:inline-block;margin-top:12px;color:var(--blue);font-size:11px;font-weight:900}.platform-grid ul{margin:0;padding:0;list-style:none;border-top:2px solid var(--navy)}.platform-grid li{padding:16px 0;border-bottom:1px solid #bfd2ea;display:grid;grid-template-columns:150px 1fr;gap:16px}.platform-grid li strong{font-size:15px}.platform-grid li span{color:#526071;font-size:12px;line-height:1.45}.faq-section{background:var(--bg)}.faq-grid{display:grid;grid-template-columns:340px 1fr;gap:70px}.faq{border-top:2px solid var(--ink)}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:18px 0;font-size:15px;font-weight:900;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue)}.faq details[open] summary:after{content:"−"}.faq p{margin:-4px 0 18px;color:var(--muted);font-size:13px;line-height:1.55}.site-footer{padding:54px 0 24px;background:#03162f;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:60px}.footer-grid img{filter:brightness(0) invert(1);max-width:165px;height:auto}.footer-grid p{max-width:440px;color:#9bb0c8;font-size:11px;line-height:1.6}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:10px}.footer-grid strong{color:#84b9ff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer-grid a{color:#d9e6f4;font-size:11px;text-decoration:none}.footer-bottom{margin-top:36px;padding-top:18px;border-top:1px solid #173658;display:flex;justify-content:space-between;gap:20px;color:#829ab5;font-size:10px}.footer-bottom a{color:#fff}.mobile-bar{display:none}.toast{position:fixed;right:18px;bottom:18px;z-index:60;padding:12px 16px;background:#071c3d;color:#fff;font-size:11px;font-weight:900;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}.subhero{padding:60px 0;background:linear-gradient(120deg,var(--navy),#0a4da7);color:#fff}.subhero-grid{display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:end}.subhero h1{font-size:clamp(44px,6vw,72px)}.subhero p:not(.eyebrow){max-width:760px;color:#c7d5e8;line-height:1.6}.mini-coupon{padding:20px;background:#fff;color:var(--ink);display:grid;gap:5px}.mini-coupon small{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.13em}.mini-coupon button{border:0;background:var(--sky);color:var(--blue);padding:14px;font-size:31px;font-weight:900;cursor:pointer}.mini-coupon span{color:var(--muted);font-size:9px}.mini-coupon--dark{background:#fff}.catalog-page{padding:32px 0 80px;background:var(--bg)}.catalog-index{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.catalog-index a{flex:0 0 auto;padding:8px 10px;border:1px solid var(--line);background:#fff;color:#30415a;font-size:10px;font-weight:800;text-decoration:none}.catalog-note{margin:14px 0 28px;padding:13px 15px;background:#eaf3ff;color:#42536c;font-size:11px}.catalog-group{margin-bottom:28px;background:#fff;border:1px solid var(--line)}.catalog-group>header{padding:16px 18px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:end}.catalog-group h2{margin:0;font-size:24px}.catalog-group header span{color:#9fb5cf;font-size:9px}.catalog-group header a{color:var(--yellow);font-size:9px;text-decoration:none;font-weight:900}.catalog-row{min-height:108px;padding:14px 18px;display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(210px,.8fr) 100px 130px;gap:18px;align-items:center;border-bottom:1px solid var(--line)}.catalog-row:last-child{border-bottom:0}.catalog-name h3{margin:0;font-size:16px;line-height:1.2}.catalog-name small{display:block;margin-top:5px;color:#3f4d62;font-size:9px}.price{display:grid;gap:2px}.price small{color:#8290a2;font-size:9px}.price strong{font-size:22px;letter-spacing:-.035em}.price span{font-size:10px;font-weight:800}.price em{color:var(--green);font-size:9px;font-style:normal;font-weight:900}.price--consult strong{color:var(--green);font-size:18px}.price--consult span{color:#526071;font-size:10px;font-weight:700}.catalog-discount{text-align:center;padding:8px;background:#e7f7ee;color:#09653a}.catalog-discount b{display:block;font-size:14px}.catalog-discount span{font-size:8px;font-weight:800}.family-hero{padding:58px 0;background:var(--navy);color:#fff}.family-hero-grid{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:end}.family-hero h1{font-size:clamp(44px,5.5vw,70px)}.family-hero p:not(.eyebrow){max-width:760px;color:#c6d5e9;font-size:16px;line-height:1.6}.family-content{padding:70px 0}.family-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.feature-list{margin:25px 0;padding:0;list-style:none;border-top:2px solid var(--ink)}.feature-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.family-proof{margin:0;border:1px solid var(--line);background:#f4f7fb}.family-proof img{display:block;width:100%;height:auto}.family-proof figcaption{padding:9px 12px;color:var(--muted);font-size:9px}.related{padding:55px 0;background:#edf4fc}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd8e8;margin-top:20px}.related-links a{min-height:70px;padding:18px;background:#fff;text-decoration:none;font-size:13px;font-weight:900;display:flex;justify-content:space-between;align-items:center}.related-links span{color:var(--blue)}.tutorial{padding:65px 0}.tutorial-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}.tutorial figure{margin:0;border:1px solid var(--line);padding:10px;background:#f4f7fb}.tutorial figure img{display:block;width:100%;height:auto}.legal{padding:60px 0}.prose{max-width:800px}.prose h2{margin:35px 0 8px;font-size:28px}.prose p{color:#526071;line-height:1.7}.prose a{color:var(--blue);font-weight:800}
@media(max-width:900px){.site-header nav{display:none}.hero-grid,.subhero-grid,.family-hero-grid,.how-grid,.platform-grid,.faq-grid,.family-grid,.tutorial-grid{grid-template-columns:1fr}.hero-grid{padding:50px 0;gap:35px}.coupon-panel{max-width:520px}.deal-row{grid-template-columns:1fr 220px}.deal-row>a{grid-column:1/-1;justify-self:start;min-width:160px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.catalog-row{grid-template-columns:1fr 190px 100px}.catalog-link{grid-column:1/-1;justify-self:end;width:150px}.family-grid{gap:30px}.related-links{grid-template-columns:1fr}}
@media(max-width:640px){body{padding-bottom:62px}.wrap{width:min(100% - 24px,1180px)}.topbar .wrap{min-height:34px;gap:8px}.topbar b{font-size:9px}.topbar a{font-size:9px}.header-row{min-height:60px}.brand img{max-width:135px;height:auto}.brand span,.nav-coupon{display:none}.hero{background:var(--navy)}.hero-grid{min-height:0;padding:38px 0}.hero h1,.subhero h1,.family-hero h1{font-size:43px}.lead,.hero .lead{font-size:15px}.hero-facts{grid-template-columns:1fr;gap:10px}.hero-facts div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:8px}.coupon-code{font-size:39px}.offers,.families,.faq-section,.proof,.how-home{padding:48px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.section-head h2,.how-copy h2,.platform-grid h2,.faq-grid h2,.family-content h2{font-size:36px}.deal-row{padding:17px 14px;grid-template-columns:1fr;gap:14px}.deal-row h3{font-size:21px}.deal-row>a{grid-column:auto;justify-self:stretch}.row-price strong{font-size:25px}.catalog-banner{align-items:flex-start;flex-direction:column}.proof-scroller{grid-auto-columns:92vw}.family-lines>a{grid-template-columns:34px 1fr;gap:10px}.family-lines>a>b{grid-column:2}.family-lines strong{font-size:20px}.how-grid,.faq-grid{gap:30px}.platform{padding:48px 0}.platform-grid{gap:34px}.platform-grid li{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.mobile-bar{position:fixed;z-index:50;left:0;right:0;bottom:0;min-height:62px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 90px 96px;align-items:stretch}.mobile-bar>div{padding:8px 12px;display:flex;flex-direction:column}.mobile-bar small{font-size:7px;color:var(--muted)}.mobile-bar strong{font-size:18px;color:var(--blue)}.mobile-bar button,.mobile-bar a{border:0;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:9px;font-weight:900}.mobile-bar button{background:var(--blue);color:#fff}.mobile-bar a{background:var(--navy);color:#fff}.subhero,.family-hero{padding:38px 0}.catalog-page{padding:20px 0 60px}.catalog-row{padding:15px 13px;grid-template-columns:1fr auto;gap:12px}.catalog-name{grid-column:1/-1}.catalog-discount{min-width:90px}.catalog-link{grid-column:1/-1;justify-self:stretch;width:auto}.related{padding:42px 0}}


/* BLOG */
.blog-hero{padding:64px 0 46px;background:linear-gradient(120deg,var(--navy),#0a4da7);color:#fff}
.blog-hero h1{max-width:880px;margin:0;font-size:clamp(46px,6vw,74px);line-height:.96;letter-spacing:-.055em}
.blog-hero p:not(.eyebrow){max-width:760px;margin:20px 0 0;color:#c7d5e8;font-size:17px;line-height:1.55}
.blog-list{padding:48px 0 82px;background:var(--bg)}
.blog-intro{margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;gap:20px;align-items:end}
.blog-intro strong{font-size:18px}
.blog-intro span{color:var(--muted);font-size:10px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.blog-card{min-height:250px;padding:24px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.blog-card span{display:block;margin-bottom:10px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.blog-card h2{margin:0;font-size:27px;line-height:1.05;letter-spacing:-.035em}
.blog-card h2 a{text-decoration:none}
.blog-card h2 a:hover{color:var(--blue)}
.blog-card p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.blog-read{color:var(--blue);font-size:10px;font-weight:900;text-decoration:none}
.article-page{padding:42px 0 84px;background:#fff}
.article-shell{max-width:920px}
.article-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:10px}
.article-breadcrumb a{color:var(--blue);text-decoration:none}
.article-header{padding:36px 0 28px;border-bottom:1px solid var(--line)}
.article-header>span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.article-header h1{max-width:860px;margin:10px 0 16px;font-size:clamp(42px,6vw,70px);line-height:.96;letter-spacing:-.055em}
.article-header p{max-width:760px;margin:0;color:#526071;font-size:18px;line-height:1.55}
.article-header small{display:block;margin-top:14px;color:#3f4d62;font-size:9px}
.article-body{max-width:760px;padding-top:30px}
.article-body h2{margin:34px 0 10px;font-size:31px;line-height:1.05;letter-spacing:-.04em}
.article-body p{margin:0 0 15px;color:#3f4d62;font-size:15px;line-height:1.7}
.article-body s{color:#465469}
.article-cta{margin:32px 0;padding:22px;background:var(--sky);border-left:4px solid var(--blue)}
.article-cta strong{display:block;font-size:18px}
.article-cta p{margin:6px 0 14px;font-size:12px}
.article-cta a{display:inline-block;padding:11px 14px;background:var(--blue);color:#fff;font-size:10px;font-weight:900;text-decoration:none}
.article-coupon{margin:38px 0 20px;padding:22px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}
.article-coupon span{color:#86baff;font-size:9px;font-weight:900;letter-spacing:.12em}
.article-coupon strong{font-size:19px}
.article-coupon button{min-height:42px;padding:0 14px;border:0;background:#fff;color:var(--blue);font-size:10px;font-weight:900;cursor:pointer}
.article-disclaimer{color:#3f4d62!important;font-size:10px!important;line-height:1.5!important}
@media(max-width:680px){
 .blog-hero{padding:40px 0 34px}.blog-hero h1{font-size:42px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0;padding:19px}.blog-card h2{font-size:23px}.article-page{padding:28px 0 64px}.article-header{padding:26px 0 22px}.article-header h1{font-size:42px}.article-header p{font-size:15px}.article-body h2{font-size:27px}.article-body p{font-size:14px}.article-coupon{grid-template-columns:1fr}.article-coupon button{justify-self:start}
}


/* VISUAL HIERARCHY + ACCESSIBILITY */
body{color:#0a1222}
.site-header nav a,.brand span,.answer-strip .wrap,.deal-row p,.family-lines p,.how-copy li p,.big-steps li p,.faq p,.platform-grid>div>p,.platform-grid li span,.catalog-note,.catalog-name small,.price small,.price--consult span,.prose p,.blog-card p,.article-header p,.article-body p,.article-breadcrumb{color:#344054}
.coupon-panel{border:3px solid #0b66f0;box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 0 8px rgba(113,183,255,.12)}
.coupon-title{margin-top:14px;color:#071c3d;font-size:22px;font-weight:900;letter-spacing:-.04em;text-transform:lowercase}
.coupon-code{margin-top:4px;border:0;background:#0757d7;color:#fff;font-size:58px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.16)}
.coupon-panel p,.coupon-panel small{color:#344054}
.coupon-panel>a{font-size:12px}
.hero h1 span{display:inline-block;padding:.02em .08em .08em;background:#fff;color:#0757d7;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-facts{gap:0;border:1px solid rgba(255,255,255,.28)}
.hero-facts>div{padding:16px 18px;border-right:1px solid rgba(255,255,255,.22)}
.hero-facts>div:last-child{border-right:0}
.hero-facts span{color:#d6e4f4}
.answer-strip{border-top:4px solid #0757d7}
.answer-strip .wrap{font-size:14px}
.answer-strip strong{font-weight:900}
.deal-list{box-shadow:0 16px 40px rgba(6,27,58,.08)}
.deal-row{transition:background .18s ease,transform .18s ease}
.deal-row:hover{background:#f4f8ff}
.deal-row>a,.catalog-link,.blue-btn,.copy-btn{box-shadow:0 5px 0 #063f9e}
.deal-row>a:hover,.catalog-link:hover,.blue-btn:hover,.copy-btn:hover{transform:translateY(1px);box-shadow:0 3px 0 #063f9e}
.catalog-banner{border-left:5px solid #4da1ff}
.family-lines>a{padding-left:14px;padding-right:14px;transition:background .18s ease,padding-left .18s ease}
.family-lines>a:hover{padding-left:20px}
.platform{border-top:1px solid #b8d2ef;border-bottom:1px solid #b8d2ef}
.blog-card{border-top:4px solid transparent;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(6,27,58,.12);border-top-color:#0757d7;position:relative;z-index:1}
.blog-card p{font-size:13px}
.article-header small,.article-disclaimer{color:#344054!important}
.article-body{font-size:16px}
.article-body h2{padding-top:6px}
.article-body h3{margin:26px 0 8px;font-size:21px;letter-spacing:-.025em}
.article-body ul,.article-body ol{margin:0 0 20px;padding-left:22px;color:#344054;line-height:1.65}
.article-body li{margin:7px 0}
.article-answer{margin:4px 0 30px;padding:20px 22px;border:2px solid #0757d7;background:#eef5ff}
.article-answer span{display:block;margin-bottom:7px;color:#0757d7;font-size:9px;font-weight:900;letter-spacing:.12em}
.article-answer strong{display:block;font-size:20px;line-height:1.3}
.article-facts{margin:26px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.article-fact{padding:17px;border:1px solid #b8c6d9;background:#fff;box-shadow:0 8px 18px rgba(6,27,58,.06)}
.article-fact small{display:block;margin-bottom:5px;color:#344054;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.article-fact strong{font-size:20px}
.article-table{width:100%;margin:22px 0 30px;border-collapse:collapse;font-size:13px}
.article-table th,.article-table td{padding:12px 10px;border:1px solid #b8c6d9;text-align:left;vertical-align:top}
.article-table th{background:#071c3d;color:#fff;font-weight:900}
.article-table td{color:#243247}
.article-tip{margin:26px 0;padding:18px 20px;border-left:5px solid #0b7a47;background:#edf9f2}
.article-tip strong{display:block;margin-bottom:6px}
.article-related{margin:34px 0;padding-top:20px;border-top:2px solid #0a1222}
.article-related h3{margin-top:0}
.article-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.article-related-links a{padding:13px;border:1px solid #b8c6d9;background:#fff;color:#0757d7;font-size:11px;font-weight:900;text-decoration:none}
.article-faq{margin:34px 0;border-top:2px solid #0a1222}
.article-faq details{border-bottom:1px solid #b8c6d9}
.article-faq summary{padding:15px 0;font-weight:900;cursor:pointer}
.article-faq p{margin:0 0 16px}
.catalog-group header span,.footer-grid p,.footer-bottom{color:#d3e0ee}
.price small{color:#344054}
.family-proof figcaption{color:#344054;font-size:10px}
@media(max-width:640px){
 .coupon-code{font-size:46px}
 .hero h1 span{display:inline}
 .hero-facts{display:grid;grid-template-columns:1fr}
 .hero-facts>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}
 .hero-facts>div:last-child{border-bottom:0}
 .article-facts{grid-template-columns:1fr}
 .article-related-links{grid-template-columns:1fr}
 .article-table{font-size:12px}
 .article-table th,.article-table td{padding:9px 7px}
}


/* CONVERSION HERO + Q&A */
.nav-copy{min-height:44px;padding:7px 12px;border:0;background:#0757d7;color:#fff;display:grid;grid-template-columns:auto auto;grid-template-areas:"small small" "code copy";column-gap:8px;align-items:center;cursor:pointer;box-shadow:0 4px 0 #063f9e}
.nav-copy small{grid-area:small;font-size:7px;letter-spacing:.12em;text-align:left}
.nav-copy b{grid-area:code;font-size:15px;line-height:1}
.nav-copy span{grid-area:copy;font-size:8px;font-weight:900;opacity:.9}
.hero--sales{background:linear-gradient(128deg,#061b3a 0 55%,#0a4da7 100%)}
.hero-sales-grid{min-height:590px;padding:60px 0 72px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(470px,1.05fr);gap:54px;align-items:center}
.hero--sales .hero-copy h1{max-width:640px;font-size:clamp(52px,6vw,82px)}
.hero--sales .hero-copy h1 span{display:inline;background:none;color:#8cc4ff;padding:0}
.hero-proofline{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.hero-proofline span{padding:8px 10px;border:1px solid rgba(255,255,255,.32);color:#fff;font-size:10px;font-weight:800}
.hero-coupon-stage{background:#fff;color:#0a1222;border:4px solid #0b66f0;box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 0 10px rgba(255,255,255,.07)}
.hero-ticket-top{padding:14px 18px;border-bottom:1px solid #c7d5e8;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-ticket-top span{color:#0757d7;font-size:10px;font-weight:900;letter-spacing:.14em}
.hero-ticket-top b{color:#344054;font-size:10px}
.hero-ticket-main{padding:26px 22px 20px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
.hero-code small{display:block;margin-bottom:3px;color:#344054;font-size:9px;font-weight:900;letter-spacing:.12em}
.hero-code strong{display:block;color:#0757d7;font-size:clamp(54px,7vw,86px);line-height:.88;letter-spacing:-.055em}
.hero-copy-button{min-height:58px;padding:0 18px;border:0;background:#0757d7;color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #063f9e;white-space:nowrap}
.hero-copy-button span{font-size:18px;margin-right:5px}
.hero-copy-button:active{transform:translateY(2px);box-shadow:0 3px 0 #063f9e}
.hero-ticket-deal{margin:0 22px;padding:16px 0;border-top:1px solid #d8e1ee;border-bottom:1px solid #d8e1ee;display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.hero-ticket-deal strong{color:#09653a;font-size:18px}
.hero-ticket-deal span{color:#344054;font-size:11px;font-weight:800}
.hero-ticket-actions{padding:18px 22px 10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-official,.hero-prices{min-height:48px;padding:0 14px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:900;text-decoration:none}
.hero-official{background:#071c3d;color:#fff}
.hero-prices{border:2px solid #0757d7;color:#0757d7;background:#fff}
.hero-ticket-note{display:block;padding:0 22px 18px;color:#344054;font-size:9px}
.faq-all-link{display:inline-block;margin-top:20px;color:#0757d7;font-size:10px;font-weight:900;text-decoration:none}

.qa-hero{padding:58px 0;background:linear-gradient(120deg,#061b3a,#0a4da7);color:#fff}
.qa-hero-grid{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:end}
.qa-hero h1{max-width:820px;margin:0;font-size:clamp(46px,6vw,72px);line-height:.96;letter-spacing:-.055em}
.qa-hero p:not(.eyebrow){max-width:760px;color:#e3edf8;font-size:16px;line-height:1.6}
.qa-hero-coupon{padding:20px;background:#fff;color:#0a1222;border:3px solid #0b66f0;display:grid;gap:7px}
.qa-hero-coupon small{color:#0757d7;font-size:9px;font-weight:900;letter-spacing:.12em}
.qa-hero-coupon strong{font-size:38px;color:#0757d7;letter-spacing:-.04em}
.qa-hero-coupon button,.qa-bottom button,.qa-copy{border:0;background:#0757d7;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.qa-hero-coupon button{min-height:44px}
.qa-index{border-bottom:1px solid #c7d5e8;background:#fff}
.qa-index .wrap{padding:14px 0;display:flex;gap:7px;overflow-x:auto}
.qa-index a{flex:0 0 auto;padding:8px 10px;border:1px solid #b8c6d9;color:#243247;font-size:10px;font-weight:800;text-decoration:none;background:#fff}
.qa-index a:hover{border-color:#0757d7;color:#0757d7}
.qa-page{padding:42px 0 78px;background:#f5f8fc}
.qa-group{margin-bottom:28px;background:#fff;border:1px solid #cbd8e8}
.qa-group>header{padding:16px 18px;background:#071c3d;color:#fff;display:flex;gap:14px;align-items:center}
.qa-group>header span{color:#8cc4ff;font-size:11px;font-weight:900}
.qa-group h2{margin:0;font-size:24px;letter-spacing:-.035em}
.qa-list details{border-bottom:1px solid #d8e1ee}
.qa-list details:last-child{border-bottom:0}
.qa-list summary{padding:18px 20px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;font-weight:900;list-style:none}
.qa-list summary::-webkit-details-marker{display:none}
.qa-list summary:after{content:"+";color:#0757d7;font-size:20px}
.qa-list details[open] summary:after{content:"−"}
.qa-list details>div{padding:0 20px 18px}
.qa-list p{max-width:860px;margin:0;color:#344054;font-size:14px;line-height:1.65}
.qa-copy{margin-top:12px;min-height:36px;padding:0 12px}
.qa-bottom{margin-top:36px;padding:24px;background:#071c3d;color:#fff;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}
.qa-bottom span{color:#8cc4ff;font-size:9px;font-weight:900;letter-spacing:.12em}
.qa-bottom h2{margin:5px 0 0;font-size:26px}
.qa-bottom button,.qa-bottom a{min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center}
.qa-bottom a{background:#fff;color:#0757d7;font-size:10px;font-weight:900;text-decoration:none}

@media(max-width:900px){
 .hero-sales-grid{grid-template-columns:1fr;min-height:0}
 .hero-coupon-stage{max-width:720px}
 .qa-hero-grid{grid-template-columns:1fr}
 .qa-hero-coupon{max-width:420px}
}
@media(max-width:640px){
 .nav-copy{display:none}
 .hero-sales-grid{padding:38px 0 46px;gap:28px}
 .hero--sales .hero-copy h1{font-size:45px}
 .hero-ticket-main{grid-template-columns:1fr;padding:20px 14px 14px}
 .hero-code strong{font-size:56px}
 .hero-copy-button{width:100%}
 .hero-ticket-top{padding:12px 14px}
 .hero-ticket-top b{display:none}
 .hero-ticket-deal{margin:0 14px;display:grid;gap:4px}
 .hero-ticket-actions{grid-template-columns:1fr;padding:14px 14px 8px}
 .hero-ticket-note{padding:0 14px 14px}
 .mobile-bar{grid-template-columns:1fr 130px 82px}
 .mobile-bar button{font-size:8px}
 .qa-hero{padding:38px 0}
 .qa-hero h1{font-size:42px}
 .qa-page{padding:24px 0 60px}
 .qa-group h2{font-size:21px}
 .qa-list summary{padding:16px 14px;font-size:14px}
 .qa-list details>div{padding:0 14px 16px}
 .qa-bottom{grid-template-columns:1fr}
}


/* SITE DEPTH + INTERACTION SYSTEM */
:root{
  --shadow-1:0 8px 20px rgba(6,27,58,.08);
  --shadow-2:0 16px 34px rgba(6,27,58,.12);
  --shadow-3:0 26px 60px rgba(6,27,58,.18);
}
a,button,.catalog-row,.catalog-group,.qa-group,.blog-card,.related-links a,.family-proof,.tutorial figure,.deal-row,.article-fact,.article-cta,.coupon-spotlight{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease;
}
.site-header{box-shadow:0 4px 18px rgba(6,27,58,.08)}
.site-header nav a{position:relative}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:#0757d7;transition:right .18s ease}
.site-header nav a:hover:after,.site-header nav a[aria-current="page"]:after{right:0}

.subhero,.family-hero,.blog-hero,.qa-hero{
  position:relative;
  overflow:hidden;
}
.subhero:after,.family-hero:after,.blog-hero:after,.qa-hero:after{
  content:"";
  position:absolute;
  width:440px;height:440px;
  right:-160px;top:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(113,183,255,.20),rgba(113,183,255,0) 68%);
  pointer-events:none;
}
.subhero>.wrap,.family-hero>.wrap,.blog-hero>.wrap,.qa-hero>.wrap{position:relative;z-index:1}

.coupon-spotlight{
  width:100%;
  min-width:0;
  padding:0;
  background:#fff;
  color:#0a1222;
  border:4px solid #0b66f0;
  box-shadow:var(--shadow-3),0 0 0 9px rgba(255,255,255,.07);
  overflow:hidden;
}
.coupon-spotlight:hover{transform:translateY(-3px);box-shadow:0 34px 76px rgba(6,27,58,.24),0 0 0 10px rgba(113,183,255,.12)}
.coupon-spotlight-head{
  padding:13px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:#eef5ff;
  border-bottom:1px solid #bfd2ea;
}
.coupon-spotlight-head span{
  color:#0757d7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.coupon-spotlight-head b{
  color:#344054;
  font-size:9px;
}
.coupon-spotlight-code{
  width:100%;
  padding:20px 16px 15px;
  border:0;
  background:#fff;
  display:block;
  text-align:left;
  cursor:pointer;
}
.coupon-spotlight-code small{
  display:block;
  color:#344054;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.coupon-spotlight-code strong{
  display:block;
  margin-top:3px;
  color:#0757d7;
  font-size:clamp(48px,5.6vw,72px);
  line-height:.88;
  letter-spacing:-.055em;
}
.coupon-spotlight-copy{
  width:calc(100% - 32px);
  min-height:50px;
  margin:0 16px;
  border:0;
  background:#0757d7;
  color:#fff;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 5px 0 #063f9e;
}
.coupon-spotlight-copy:hover{transform:translateY(-1px);box-shadow:0 7px 0 #063f9e}
.coupon-spotlight p{
  margin:13px 16px 16px;
  color:#344054;
  font-size:10px;
  line-height:1.4;
}

.family-hero-grid,.subhero-grid,.blog-hero-grid{align-items:center}
.family-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.55fr)}
.subhero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.55fr)}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.55fr);gap:56px;align-items:center}

.catalog-page{
  background:
    linear-gradient(180deg,#f5f8fc 0%,#eef4fb 100%);
}
.catalog-group{
  border:1px solid #c8d5e5;
  box-shadow:var(--shadow-1);
  overflow:hidden;
}
.catalog-group:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-2);
  border-color:#9db8d8;
}
.catalog-group>header{
  background:linear-gradient(105deg,#061b3a,#0a2855);
}
.catalog-row{
  position:relative;
  background:#fff;
}
.catalog-row:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:0;
  background:#0b66f0;
  transition:width .18s ease;
}
.catalog-row:hover{
  background:#f7fbff;
}
.catalog-row:hover:before{width:4px}
.catalog-discount{
  border:1px solid #b9e2cb;
  box-shadow:0 5px 12px rgba(11,122,71,.08);
}
.catalog-link:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #063f9e;
}
.catalog-index a:hover{
  transform:translateY(-2px);
  box-shadow:0 7px 14px rgba(6,27,58,.10);
}
.catalog-note{
  border:1px solid #bfd2ea;
  box-shadow:0 6px 14px rgba(6,27,58,.05);
}

.offers{background:linear-gradient(180deg,#f5f8fc,#eef4fb)}
.deal-row{background:#fff}
.deal-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(6,27,58,.10);position:relative;z-index:1}
.proof-scroller figure{box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease}
.proof-scroller figure:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.24)}

.families{background:#fff}
.family-lines>a{
  background:#fff;
  border-left:4px solid transparent;
}
.family-lines>a:hover{
  border-left-color:#0757d7;
  background:#eef5ff;
  transform:translateX(3px);
}
.family-proof,.tutorial figure{
  box-shadow:var(--shadow-2);
}
.family-proof:hover,.tutorial figure:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-3);
}
.related-links a{
  box-shadow:0 5px 12px rgba(6,27,58,.05);
}
.related-links a:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(6,27,58,.12);
  color:#0757d7;
}

.qa-page{background:linear-gradient(180deg,#f5f8fc,#edf4fc)}
.qa-group{
  border:1px solid #c8d5e5;
  box-shadow:var(--shadow-1);
  overflow:hidden;
}
.qa-group:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-2);
}
.qa-list details{background:#fff}
.qa-list details[open]{background:#f8fbff}
.qa-list summary:hover{color:#0757d7}
.qa-hero-coupon{
  box-shadow:var(--shadow-3),0 0 0 8px rgba(255,255,255,.07);
}
.qa-hero-coupon:hover{transform:translateY(-3px)}
.qa-index{box-shadow:0 5px 18px rgba(6,27,58,.07)}

.blog-list{background:linear-gradient(180deg,#f5f8fc,#eef4fb)}
.blog-card{
  border:1px solid #d1dce9;
  box-shadow:0 8px 18px rgba(6,27,58,.06);
}
.blog-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 38px rgba(6,27,58,.15);
  border-color:#9db8d8;
}
.blog-read{display:inline-flex;align-items:center;gap:6px}
.blog-card:hover .blog-read{transform:translateX(3px)}

.article-top-coupon{
  margin:24px 0 0;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:linear-gradient(105deg,#061b3a,#0a4da7);
  color:#fff;
  box-shadow:var(--shadow-2);
}
.article-top-coupon>div{display:grid;gap:2px}
.article-top-coupon small{color:#9cc5ff;font-size:8px;font-weight:900;letter-spacing:.12em}
.article-top-coupon strong{font-size:28px;letter-spacing:-.04em}
.article-top-coupon span{color:#d9e6f4;font-size:10px}
.article-top-coupon button{
  min-height:46px;
  padding:0 16px;
  border:0;
  background:#fff;
  color:#0757d7;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 4px 0 rgba(0,0,0,.18);
}
.article-top-coupon button:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(0,0,0,.18)}
.article-answer,.article-fact,.article-cta{
  box-shadow:var(--shadow-1);
}
.article-fact:hover,.article-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
.article-related-links a:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}

.copy-btn,.blue-btn,.ghost-btn,.nav-copy,.qa-copy,.hero-official,.hero-prices,.hero-copy-button,.coupon-spotlight-copy{
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.copy-btn:hover,.blue-btn:hover,.nav-copy:hover,.qa-copy:hover,.hero-official:hover,.hero-copy-button:hover,.coupon-spotlight-copy:hover{
  filter:brightness(1.04);
  transform:translateY(-2px);
}
.ghost-btn:hover,.hero-prices:hover{
  background:#fff;
  color:#0757d7;
  transform:translateY(-2px);
}
button.is-copied{
  background:#0b7a47!important;
  color:#fff!important;
  box-shadow:0 4px 0 #075b35!important;
}

@media(max-width:900px){
  .family-hero-grid,.subhero-grid,.blog-hero-grid{grid-template-columns:1fr}
  .coupon-spotlight{max-width:620px}
}
@media(max-width:640px){
  .coupon-spotlight-code strong{font-size:52px}
  .coupon-spotlight{border-width:3px}
  .catalog-group:hover,.qa-group:hover,.blog-card:hover,.family-proof:hover,.tutorial figure:hover,.deal-row:hover{
    transform:none;
  }
  .article-top-coupon{align-items:stretch;flex-direction:column}
  .article-top-coupon button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

.nav-copy{min-width:154px}
@media(max-width:1080px){.site-header nav{gap:16px}.nav-copy{min-width:142px}}


/* APPROVED ESTRATEGIA MED VISUAL ACCENTS — OWL + ANSWER SHEET + TICKET */
.hero--sales{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(118deg,#061b3a 0%,#082a5c 52%,#0a58bd 100%);
}
.hero--sales::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    radial-gradient(circle at center,transparent 0 7px,rgba(164,207,255,.72) 7.5px 8.5px,transparent 9px),
    linear-gradient(90deg,transparent 0 47px,rgba(104,175,255,.10) 48px),
    linear-gradient(0deg,transparent 0 47px,rgba(104,175,255,.08) 48px);
  background-size:48px 48px,48px 48px,48px 48px;
  background-position:22px 17px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.78) 70%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.78) 70%,#000 100%);
}
.hero--sales::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(48vw,560px);
  aspect-ratio:1;
  right:-2%;
  top:3%;
  background:url("/public/coruja-logo.png") center/contain no-repeat;
  opacity:.13;
  filter:grayscale(1) brightness(2.1) contrast(1.05);
  transform:rotate(-4deg);
}
.hero-sales-grid{
  position:relative;
  z-index:2;
  min-height:640px;
  padding:58px 0 72px;
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  align-items:start;
}
.hero--sales .hero-copy{
  max-width:760px;
}
.hero--sales .hero-copy h1{
  max-width:760px;
}
.hero--sales .lead{
  max-width:660px;
}
.hero-proofline{
  max-width:720px;
}
.hero-coupon-stage.coupon-ticket{
  position:relative;
  width:min(900px,100%);
  max-width:none;
  margin-top:6px;
  overflow:visible;
  border:0;
  border-radius:24px;
  background:#fff;
  color:#0a1222;
  box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.55);
  clip-path:polygon(
    0 0,100% 0,100% 39%,
    98.5% 42%,100% 45%,
    100% 100%,0 100%,
    0 45%,1.5% 42%,0 39%
  );
}
.hero-coupon-stage.coupon-ticket::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1.5px dashed #9dc6fb;
  border-radius:16px;
  pointer-events:none;
}
.hero-coupon-stage.coupon-ticket::after{
  content:"";
  position:absolute;
  inset:auto 24px 92px 24px;
  height:1px;
  background:linear-gradient(90deg,transparent,#b8cee8 10%,#b8cee8 90%,transparent);
  pointer-events:none;
}
.coupon-ticket .hero-ticket-top{
  padding:20px 28px 8px;
  border:0;
  position:relative;
  z-index:1;
}
.coupon-ticket .hero-ticket-top span{
  font-size:11px;
  letter-spacing:.15em;
}
.coupon-ticket .hero-ticket-top b{
  font-size:10px;
}
.coupon-ticket .hero-ticket-main{
  position:relative;
  z-index:1;
  padding:12px 28px 22px;
  grid-template-columns:minmax(0,1fr) minmax(190px,240px);
  gap:24px;
  align-items:end;
}
.coupon-ticket .hero-code small{
  font-size:9px;
}
.coupon-ticket .hero-code strong{
  margin-top:5px;
  font-size:clamp(72px,9vw,116px);
  line-height:.82;
  letter-spacing:-.065em;
  background:linear-gradient(180deg,#156eff 0%,#074ebd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.coupon-ticket .hero-copy-button{
  min-height:64px;
  border-radius:14px;
  background:linear-gradient(180deg,#1472ff,#0757d7);
  box-shadow:0 7px 0 #063f9e,0 12px 26px rgba(7,87,215,.24);
  font-size:12px;
}
.coupon-ticket .hero-ticket-deal{
  position:relative;
  z-index:1;
  margin:0 28px;
  padding:17px 0;
}
.coupon-ticket .hero-ticket-deal strong{
  font-size:19px;
}
.coupon-ticket .hero-ticket-actions{
  position:relative;
  z-index:1;
  padding:18px 28px 12px;
}
.coupon-ticket .hero-ticket-note{
  position:relative;
  z-index:1;
  padding:0 28px 22px;
}

/* The same ticket language on price/product/how-to/blog guide heroes */
.coupon-spotlight{
  position:relative;
  overflow:visible;
  border:0;
  border-radius:20px;
  clip-path:polygon(
    0 0,100% 0,100% 40%,
    97.5% 44%,100% 48%,
    100% 100%,0 100%,
    0 48%,2.5% 44%,0 40%
  );
  box-shadow:0 24px 55px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.5);
}
.coupon-spotlight::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1.5px dashed #a4cafa;
  border-radius:13px;
  pointer-events:none;
  z-index:2;
}
.coupon-spotlight-head,
.coupon-spotlight-code,
.coupon-spotlight-copy,
.coupon-spotlight p{
  position:relative;
  z-index:3;
}
.coupon-spotlight-code strong{
  font-size:clamp(54px,5.9vw,78px);
  background:linear-gradient(180deg,#176fff,#0751c7);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.coupon-spotlight-copy{
  border-radius:12px;
}

/* Answer-sheet atmosphere on secondary heroes, without obscuring content */
.subhero,
.family-hero,
.blog-hero,
.qa-hero{
  isolation:isolate;
  background:
    linear-gradient(118deg,#061b3a 0%,#082d63 58%,#0a57b8 100%);
}
.subhero::before,
.family-hero::before,
.blog-hero::before,
.qa-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.12;
  background-image:
    radial-gradient(circle at center,transparent 0 6px,rgba(179,218,255,.8) 6.5px 7.5px,transparent 8px);
  background-size:42px 42px;
  background-position:right 18px top 15px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 52%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 52%,#000 100%);
}
.subhero::after,
.family-hero::after,
.blog-hero::after,
.qa-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(34vw,360px);
  aspect-ratio:1;
  right:2%;
  top:50%;
  transform:translateY(-50%) rotate(-5deg);
  background:url("/public/coruja-logo.png") center/contain no-repeat;
  opacity:.075;
  filter:grayscale(1) brightness(2.2);
}
.subhero>.wrap,
.family-hero>.wrap,
.blog-hero>.wrap,
.qa-hero>.wrap{
  position:relative;
  z-index:2;
}

/* Slight extra layering around conversion sections, keeping current layout intact */
.answer-strip{
  position:relative;
  z-index:3;
  box-shadow:0 8px 24px rgba(6,27,58,.08);
}
.offers .section-head,
.families .section-head,
.faq-section .faq-grid{
  position:relative;
  z-index:1;
}
.deal-list,
.family-lines,
.faq,
.qa-group,
.catalog-group{
  border-radius:14px;
}
.deal-list{
  overflow:hidden;
  box-shadow:0 16px 38px rgba(6,27,58,.10);
}
.faq details,
.qa-list details{
  transition:background-color .18s ease,transform .18s ease;
}
.faq details:hover,
.qa-list details:hover{
  background:#f3f8ff;
}
.faq summary,
.qa-list summary{
  border-radius:10px;
}
.faq details[open],
.qa-list details[open]{
  background:#eef5ff;
}

/* Keep the motif elegant and readable on mobile */
@media(max-width:900px){
  .hero-sales-grid{
    min-height:0;
    padding:44px 0 52px;
  }
  .hero--sales::after{
    width:440px;
    right:-180px;
    top:4%;
    opacity:.09;
  }
  .hero-coupon-stage.coupon-ticket{
    width:100%;
  }
}
@media(max-width:640px){
  .hero--sales::before{
    opacity:.12;
    background-size:40px 40px;
  }
  .hero--sales::after{
    width:340px;
    right:-155px;
    top:8%;
    opacity:.08;
  }
  .hero-sales-grid{
    padding:34px 0 42px;
    gap:22px;
  }
  .hero--sales .hero-copy h1{
    font-size:44px;
  }
  .coupon-ticket .hero-ticket-top{
    padding:17px 18px 7px;
  }
  .coupon-ticket .hero-ticket-main{
    padding:10px 18px 17px;
    grid-template-columns:1fr;
    gap:12px;
  }
  .coupon-ticket .hero-code strong{
    font-size:clamp(56px,17vw,78px);
  }
  .coupon-ticket .hero-copy-button{
    width:100%;
    min-height:56px;
  }
  .coupon-ticket .hero-ticket-deal{
    margin:0 18px;
    padding:14px 0;
    display:grid;
    gap:4px;
  }
  .coupon-ticket .hero-ticket-actions{
    padding:15px 18px 10px;
    grid-template-columns:1fr;
  }
  .coupon-ticket .hero-ticket-note{
    padding:0 18px 18px;
  }
  .hero-coupon-stage.coupon-ticket,
  .coupon-spotlight{
    border-radius:18px;
    clip-path:polygon(
      0 0,100% 0,100% 39%,
      97% 43%,100% 47%,
      100% 100%,0 100%,
      0 47%,3% 43%,0 39%
    );
  }
  .coupon-spotlight-code strong{
    font-size:54px;
  }
  .subhero::after,
  .family-hero::after,
  .blog-hero::after,
  .qa-hero::after{
    width:260px;
    right:-120px;
    opacity:.055;
  }
}


/* HERO ASSETS — uploaded 26/09/2026 */
.hero--asset-led{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 24%,rgba(17,113,255,.28),transparent 26%),
    linear-gradient(118deg,#04172f 0%,#06295a 58%,#0a56b5 100%);
}
.hero--asset-led::before,
.hero--asset-led::after{
  display:none!important;
}
.hero--asset-led .hero-sales-grid{
  position:relative;
  z-index:4;
  min-height:680px;
  padding:58px 0 74px;
}
.hero-owl-art,
.hero-sheet-art{
  position:absolute;
  z-index:1;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.hero-owl-art{
  width:min(57vw,760px);
  right:-5.5%;
  top:-5%;
  opacity:.30;
  filter:saturate(.92) brightness(.78) contrast(1.06);
  -webkit-mask-image:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.62) 30%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.62) 30%,#000 100%);
}
.hero-sheet-art{
  width:min(34vw,500px);
  right:2%;
  top:9%;
  opacity:.20;
  transform:rotate(6deg);
  filter:saturate(.78) brightness(.86);
}
.hero--asset-led .hero-copy{
  position:relative;
  z-index:5;
  max-width:720px;
}
.hero--asset-led .hero-copy h1{
  max-width:720px;
  text-shadow:0 2px 20px rgba(0,0,0,.20);
}
.hero--asset-led .hero-copy .lead{
  max-width:650px;
  color:#e4eef9;
}
.hero--asset-led .hero-proofline span{
  background:rgba(4,23,47,.36);
  border-color:rgba(255,255,255,.34);
  backdrop-filter:blur(6px);
}

/* Real uploaded ticket shell with live HTML text/buttons above it */
.coupon-ticket--image{
  position:relative;
  z-index:6;
  width:min(900px,100%);
  aspect-ratio:1672/941;
  min-height:0;
  margin-top:8px;
  padding:0;
  border:0;
  border-radius:0;
  clip-path:none;
  overflow:visible;
  background:
    url("/public/ticket-hero.png") center/100% 100% no-repeat;
  box-shadow:none;
}
.coupon-ticket--image::before,
.coupon-ticket--image::after{
  display:none!important;
}
.ticket-content{
  position:absolute;
  inset:9.5% 7.6% 8.8%;
  display:grid;
  grid-template-rows:auto 1fr auto auto auto;
  gap:2.1%;
  align-items:center;
}
.ticket-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 1.5%;
}
.ticket-heading span{
  color:#0a2b62;
  font-size:clamp(9px,1vw,13px);
  font-weight:900;
  letter-spacing:.14em;
}
.ticket-heading b{
  padding:7px 11px;
  border-radius:12px;
  background:#d8fae4;
  color:#0b6b3d;
  box-shadow:0 5px 12px rgba(11,122,71,.12);
  font-size:clamp(9px,.95vw,13px);
  white-space:nowrap;
}
.ticket-code-button{
  position:relative;
  width:100%;
  min-height:0;
  padding:1.8% 10% 1.8% 3.5%;
  border:0;
  background:transparent;
  color:#0757d7;
  text-align:left;
  cursor:pointer;
}
.ticket-code-button small{
  display:block;
  margin-bottom:.6%;
  color:#40577a;
  font-size:clamp(8px,.75vw,11px);
  font-weight:900;
  letter-spacing:.13em;
}
.ticket-code-button strong{
  display:block;
  font-size:clamp(54px,7.6vw,104px);
  line-height:.86;
  letter-spacing:-.065em;
  background:linear-gradient(180deg,#1a72ff 0%,#064ec0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 9px 30px rgba(7,87,215,.10);
}
.ticket-code-button>span{
  position:absolute;
  right:2.7%;
  top:50%;
  transform:translateY(-50%);
  color:#0a2f67;
  font-size:clamp(24px,3.2vw,46px);
  font-weight:400;
}
.ticket-copy-main{
  width:100%;
  min-height:56px;
  border-radius:999px;
  background:linear-gradient(180deg,#1676ff 0%,#0757d7 100%);
  box-shadow:0 7px 0 #06449f,0 14px 32px rgba(7,87,215,.27);
  font-size:clamp(11px,1.15vw,15px);
}
.ticket-copy-main:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 0 #06449f,0 18px 36px rgba(7,87,215,.31);
}
.ticket-subactions{
  display:grid;
  grid-template-columns:1.3fr .9fr;
  gap:10px;
}
.ticket-subactions .hero-official,
.ticket-subactions .hero-prices{
  min-height:45px;
  border-radius:999px;
  font-size:clamp(9px,.8vw,11px);
}
.ticket-subactions .hero-official{
  background:#071c3d;
}
.ticket-subactions .hero-prices{
  background:rgba(255,255,255,.82);
}
.coupon-ticket--image .hero-ticket-note{
  padding:0 1.5%;
  color:#40516a;
  text-align:center;
  font-size:clamp(8px,.7vw,10px);
}

/* Secondary heroes use the actual uploaded owl instead of the old logo watermark */
.subhero::after,
.family-hero::after,
.blog-hero::after,
.qa-hero::after{
  background-image:url("/public/coruja-hero.png")!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  opacity:.085!important;
  filter:saturate(.75) brightness(1.2)!important;
}

/* Keep text readable above decorative media */
.hero--asset-led .hero-copy,
.hero--asset-led .coupon-ticket--image{
  position:relative;
}
.hero--asset-led .hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-24px -34px -24px -28px;
  background:linear-gradient(90deg,rgba(4,23,47,.48),rgba(4,23,47,.12),transparent);
  filter:blur(8px);
  border-radius:30px;
}

@media(max-width:900px){
  .hero--asset-led .hero-sales-grid{
    min-height:0;
    padding:44px 0 52px;
  }
  .hero-owl-art{
    width:760px;
    right:-360px;
    top:-10px;
    opacity:.20;
  }
  .hero-sheet-art{
    width:430px;
    right:-180px;
    top:120px;
    opacity:.13;
  }
  .coupon-ticket--image{
    width:min(760px,100%);
  }
}
@media(max-width:640px){
  .hero--asset-led{
    background:linear-gradient(145deg,#04172f 0%,#06295a 62%,#0a4da7 100%);
  }
  .hero--asset-led .hero-sales-grid{
    padding:34px 0 40px;
    gap:20px;
  }
  .hero-owl-art{
    width:430px;
    right:-210px;
    top:-6px;
    opacity:.17;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.48) 28%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.48) 28%,#000 100%);
  }
  .hero-sheet-art{
    width:300px;
    right:-150px;
    top:138px;
    opacity:.10;
  }
  .hero--asset-led .hero-copy h1{
    font-size:43px;
    max-width:94%;
  }
  .hero--asset-led .hero-copy .lead{
    max-width:88%;
  }
  .coupon-ticket--image{
    aspect-ratio:auto;
    min-height:345px;
    background-size:100% 100%;
  }
  .ticket-content{
    inset:10% 8% 8%;
    grid-template-rows:auto auto auto auto auto;
    gap:8px;
  }
  .ticket-heading{
    align-items:flex-start;
  }
  .ticket-heading span{
    max-width:55%;
    line-height:1.2;
  }
  .ticket-heading b{
    padding:5px 8px;
    font-size:8px;
  }
  .ticket-code-button{
    padding:8px 44px 8px 8px;
  }
  .ticket-code-button strong{
    font-size:clamp(50px,17vw,72px);
  }
  .ticket-code-button>span{
    right:3%;
    font-size:29px;
  }
  .ticket-copy-main{
    min-height:50px;
  }
  .ticket-subactions{
    grid-template-columns:1fr;
    gap:7px;
  }
  .ticket-subactions .hero-official,
  .ticket-subactions .hero-prices{
    min-height:40px;
  }
  .coupon-ticket--image .hero-ticket-note{
    font-size:8px;
  }
}


/* HERO V4 — compact mockup proportions + alternating visual assets */
.hero-visual{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 78% 34%,rgba(18,112,255,.26),transparent 30%),
    linear-gradient(118deg,#04162f 0%,#062b5e 58%,#0a54b1 100%)!important;
}
.hero-visual::before{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,18,39,.94) 0%,rgba(3,18,39,.82) 42%,rgba(3,18,39,.30) 70%,rgba(3,18,39,.10) 100%)!important;
}
.hero-visual::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  top:-10%!important;
  right:-4%!important;
  bottom:-10%!important;
  width:54%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  transform:none!important;
  opacity:.34!important;
  filter:saturate(.92) brightness(.80) contrast(1.08)!important;
  background-repeat:no-repeat!important;
  background-position:right center!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 18%,#000 52%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.36) 18%,#000 52%,#000 100%)!important;
}
.hero-visual--owl::after{
  background-image:url("/public/coruja-hero.png")!important;
  background-size:auto 128%!important;
  background-position:right -62px center!important;
}
.hero-visual--sheet::after{
  background-image:url("/public/gabaito-hero.png")!important;
  background-size:auto 145%!important;
  background-position:right -38px center!important;
  opacity:.29!important;
}
.hero-visual>.wrap{
  position:relative;
  z-index:3;
}

/* hide previous duplicated hero art; hero variants above now control crop/placement */
.hero--asset-led>.hero-owl-art,
.hero--asset-led>.hero-sheet-art{
  display:none!important;
}

/* compact hero proportions matching approved mockups */
.hero-compact{
  padding:0!important;
}
.hero-compact .hero-sales-grid{
  min-height:0!important;
  padding:38px 0 42px!important;
  gap:20px!important;
}
.hero-compact .hero-copy{
  max-width:650px!important;
}
.hero-compact .hero-copy h1{
  max-width:650px!important;
  font-size:clamp(42px,5.2vw,64px)!important;
  line-height:.94!important;
}
.hero-compact .hero-copy .lead{
  max-width:590px!important;
  margin-top:16px!important;
  font-size:16px!important;
  line-height:1.48!important;
}
.hero-compact .hero-proofline{
  margin-top:18px!important;
}

/* Home ticket: same content, mockup-sized instead of oversized */
.hero-compact .coupon-ticket--image{
  width:min(760px,100%)!important;
  height:286px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:4px 0 0!important;
  background:url("/public/ticket-hero.png") center/100% 100% no-repeat!important;
}
.hero-compact .coupon-ticket--image .ticket-content{
  inset:8% 7.8% 8%!important;
  grid-template-rows:auto auto 48px auto auto!important;
  gap:6px!important;
}
.hero-compact .ticket-heading{
  padding:0 2%!important;
}
.hero-compact .ticket-heading span{
  font-size:9px!important;
}
.hero-compact .ticket-heading b{
  padding:5px 9px!important;
  font-size:9px!important;
}
.hero-compact .ticket-code-button{
  padding:5px 10% 4px 3%!important;
}
.hero-compact .ticket-code-button small{
  font-size:8px!important;
}
.hero-compact .ticket-code-button strong{
  font-size:clamp(54px,6.7vw,82px)!important;
  line-height:.86!important;
}
.hero-compact .ticket-code-button>span{
  font-size:30px!important;
}
.hero-compact .ticket-copy-main{
  min-height:48px!important;
  height:48px!important;
  font-size:11px!important;
}
.hero-compact .ticket-subactions{
  grid-template-columns:1.15fr .85fr!important;
  gap:8px!important;
}
.hero-compact .ticket-subactions .hero-official,
.hero-compact .ticket-subactions .hero-prices{
  min-height:36px!important;
  height:36px!important;
  font-size:9px!important;
}
.hero-compact .coupon-ticket--image .hero-ticket-note{
  padding:0 2%!important;
  font-size:8px!important;
}

/* Secondary guide heroes */
.family-hero.hero-compact,
.subhero.hero-compact,
.blog-hero.hero-compact,
.qa-hero.hero-compact{
  padding:30px 0!important;
}
.family-hero.hero-compact .family-hero-grid,
.subhero.hero-compact .subhero-grid,
.blog-hero.hero-compact .blog-hero-grid,
.qa-hero.hero-compact .qa-hero-grid{
  min-height:340px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.62fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.family-hero.hero-compact h1,
.subhero.hero-compact h1,
.blog-hero.hero-compact h1,
.qa-hero.hero-compact h1{
  max-width:700px!important;
  margin:0!important;
  font-size:clamp(38px,4.7vw,56px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
}
.family-hero.hero-compact p:not(.eyebrow),
.subhero.hero-compact p:not(.eyebrow),
.blog-hero.hero-compact p:not(.eyebrow),
.qa-hero.hero-compact p:not(.eyebrow){
  max-width:650px!important;
  margin:15px 0 0!important;
  color:#e0ebf7!important;
  font-size:14px!important;
  line-height:1.52!important;
}
.family-hero.hero-compact .hero-actions{
  margin-top:18px!important;
}

/* Use the uploaded blank ticket as the compact coupon shell on guide pages */
.hero-compact .coupon-spotlight{
  width:100%!important;
  max-width:390px!important;
  height:238px!important;
  min-height:0!important;
  justify-self:end!important;
  margin:0!important;
  padding:22px 30px 20px!important;
  border:0!important;
  border-radius:0!important;
  clip-path:none!important;
  overflow:visible!important;
  background:url("/public/ticket-hero.png") center/100% 100% no-repeat!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-rows:auto 1fr 44px auto!important;
  gap:5px!important;
}
.hero-compact .coupon-spotlight::before,
.hero-compact .coupon-spotlight::after{
  display:none!important;
}
.hero-compact .coupon-spotlight-head{
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
}
.hero-compact .coupon-spotlight-head span{
  font-size:8px!important;
  letter-spacing:.12em!important;
}
.hero-compact .coupon-spotlight-head b{
  font-size:8px!important;
}
.hero-compact .coupon-spotlight-code{
  padding:5px 4px!important;
  background:transparent!important;
}
.hero-compact .coupon-spotlight-code small{
  font-size:7px!important;
}
.hero-compact .coupon-spotlight-code strong{
  margin-top:1px!important;
  font-size:clamp(44px,4.8vw,62px)!important;
  line-height:.88!important;
}
.hero-compact .coupon-spotlight-copy{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:10px!important;
}
.hero-compact .coupon-spotlight p{
  margin:4px 2px 0!important;
  color:#40516a!important;
  font-size:8px!important;
  text-align:center!important;
}

/* Q&A hero uses its existing coupon block but in ticket proportions */
.qa-hero.hero-compact .qa-hero-coupon{
  width:100%!important;
  max-width:390px!important;
  min-height:220px!important;
  justify-self:end!important;
  padding:34px 34px 28px!important;
  border:0!important;
  background:url("/public/ticket-hero.png") center/100% 100% no-repeat!important;
  box-shadow:none!important;
}
.qa-hero.hero-compact .qa-hero-coupon small{
  font-size:8px!important;
}
.qa-hero.hero-compact .qa-hero-coupon strong{
  font-size:52px!important;
  line-height:.9!important;
}
.qa-hero.hero-compact .qa-hero-coupon button{
  min-height:44px!important;
  border-radius:999px!important;
}

/* mobile keeps the same visual language without showing the whole art */
@media(max-width:900px){
  .hero-visual::after{
    width:64%!important;
    right:-18%!important;
    top:-4%!important;
    bottom:-4%!important;
    opacity:.23!important;
  }
  .hero-visual--owl::after{
    background-size:auto 112%!important;
    background-position:right -72px top 15%!important;
  }
  .hero-visual--sheet::after{
    background-size:auto 122%!important;
    background-position:right -84px top 22%!important;
    opacity:.18!important;
  }
  .family-hero.hero-compact .family-hero-grid,
  .subhero.hero-compact .subhero-grid,
  .blog-hero.hero-compact .blog-hero-grid,
  .qa-hero.hero-compact .qa-hero-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:20px!important;
  }
  .hero-compact .coupon-spotlight,
  .qa-hero.hero-compact .qa-hero-coupon{
    justify-self:start!important;
    max-width:370px!important;
  }
}
@media(max-width:640px){
  .hero-visual::before{
    background:linear-gradient(180deg,rgba(3,18,39,.92) 0%,rgba(3,18,39,.75) 58%,rgba(3,18,39,.50) 100%)!important;
  }
  .hero-visual::after{
    width:75%!important;
    right:-30%!important;
    top:-7%!important;
    bottom:auto!important;
    height:300px!important;
    opacity:.19!important;
  }
  .hero-visual--owl::after{
    background-size:auto 115%!important;
    background-position:right -55px top 0!important;
  }
  .hero-visual--sheet::after{
    background-size:auto 126%!important;
    background-position:right -80px top 0!important;
    opacity:.16!important;
  }
  .hero-compact .hero-sales-grid{
    padding:28px 0 34px!important;
    gap:16px!important;
  }
  .hero-compact .hero-copy h1,
  .family-hero.hero-compact h1,
  .subhero.hero-compact h1,
  .blog-hero.hero-compact h1,
  .qa-hero.hero-compact h1{
    max-width:88%!important;
    font-size:40px!important;
  }
  .hero-compact .hero-copy .lead,
  .family-hero.hero-compact p:not(.eyebrow),
  .subhero.hero-compact p:not(.eyebrow),
  .blog-hero.hero-compact p:not(.eyebrow),
  .qa-hero.hero-compact p:not(.eyebrow){
    max-width:90%!important;
    font-size:13px!important;
  }
  .hero-compact .coupon-ticket--image{
    width:100%!important;
    height:270px!important;
  }
  .hero-compact .coupon-ticket--image .ticket-content{
    inset:8% 8% 8%!important;
    grid-template-rows:auto auto 44px auto auto!important;
    gap:5px!important;
  }
  .hero-compact .ticket-code-button strong{
    font-size:52px!important;
  }
  .hero-compact .ticket-heading b{
    display:none!important;
  }
  .hero-compact .ticket-subactions{
    grid-template-columns:1fr 1fr!important;
  }
  .family-hero.hero-compact,
  .subhero.hero-compact,
  .blog-hero.hero-compact,
  .qa-hero.hero-compact{
    padding:26px 0 30px!important;
  }
  .hero-compact .coupon-spotlight,
  .qa-hero.hero-compact .qa-hero-coupon{
    max-width:345px!important;
    height:218px!important;
    min-height:0!important;
    padding:29px 28px 24px!important;
  }
  .hero-compact .coupon-spotlight-code strong,
  .qa-hero.hero-compact .qa-hero-coupon strong{
    font-size:48px!important;
  }
}


/* FINAL TICKET SHELL — only the uploaded ticket image defines the shape */
.coupon-ticket--image,
.hero-compact .coupon-ticket--image,
.hero-compact .coupon-spotlight{
  position:relative!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  clip-path:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.coupon-ticket--image::before,
.coupon-ticket--image::after,
.hero-compact .coupon-spotlight::before,
.hero-compact .coupon-spotlight::after{
  content:none!important;
  display:none!important;
}
.ticket-shell-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  display:block;
  z-index:0;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.coupon-ticket--image .ticket-content,
.hero-compact .coupon-spotlight>.coupon-spotlight-head,
.hero-compact .coupon-spotlight>.coupon-spotlight-code,
.hero-compact .coupon-spotlight>.coupon-spotlight-copy,
.hero-compact .coupon-spotlight>p{
  position:relative!important;
  z-index:2!important;
}
.hero-compact .coupon-spotlight{
  padding:26px 34px 22px!important;
}
.hero-compact .coupon-spotlight-head{
  background:transparent!important;
  border:0!important;
}
.hero-compact .coupon-spotlight-code{
  background:transparent!important;
}
.hero-compact .coupon-spotlight-copy{
  box-shadow:0 6px 0 #06449f,0 12px 26px rgba(7,87,215,.20)!important;
}

/* Blog offer card placed next to the quick answer */
.article-price-card{
  margin:18px 0 34px;
  padding:20px 22px;
  border:1px solid #c9d9ed;
  border-left:5px solid #0757d7;
  border-radius:16px;
  background:
    radial-gradient(circle at 90% 0,rgba(82,157,255,.13),transparent 34%),
    #fff;
  box-shadow:0 10px 28px rgba(6,27,58,.09);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.article-price-card:hover{
  transform:translateY(-4px);
  border-color:#9dbbe1;
  box-shadow:0 22px 44px rgba(6,27,58,.16);
}
.article-price-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.article-price-meta span{
  color:#0757d7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.article-price-meta b{
  padding:6px 9px;
  border-radius:999px;
  background:#e5f7ec;
  color:#09653a;
  font-size:9px;
  white-space:nowrap;
}
.article-price-product{
  margin-top:10px;
  color:#18243a;
  font-size:17px;
  font-weight:900;
}
.article-price-values{
  margin-top:8px;
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
}
.article-price-values s{
  color:#65738a;
  font-size:13px;
}
.article-price-values strong{
  color:#0757d7;
  font-size:32px;
  letter-spacing:-.045em;
}
.article-price-values em{
  color:#09653a;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}
.article-price-actions{
  margin-top:14px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.article-price-actions button,
.article-price-actions a{
  min-height:42px;
  padding:0 14px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
.article-price-actions button{
  border:0;
  background:#0757d7;
  color:#fff;
  cursor:pointer;
  box-shadow:0 4px 0 #06449f;
}
.article-price-actions a{
  border:1px solid #b6cae5;
  background:#f5f9ff;
  color:#0757d7;
}
.article-price-actions button:hover,
.article-price-actions a:hover{
  transform:translateY(-2px);
}
.article-price-card>small{
  display:block;
  margin-top:11px;
  color:#526071;
  font-size:9px;
  line-height:1.45;
}

@media(max-width:640px){
  .hero-compact .coupon-spotlight{
    padding:24px 28px 20px!important;
  }
  .article-price-card{
    padding:17px 16px;
  }
  .article-price-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .article-price-values strong{
    font-size:29px;
  }
  .article-price-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .article-price-actions button,
  .article-price-actions a{
    width:100%;
    padding:0 8px;
    text-align:center;
  }
}


/* TICKET V5 — use the uploaded ticket image itself, cropped by CSS */
.ticket-shell-img{display:none!important}
.coupon-ticket--image,
.hero-compact .coupon-spotlight,
.qa-hero.hero-compact .qa-hero-coupon{
  background-image:url("/public/ticket-hero.png")!important;
  background-repeat:no-repeat!important;
  background-size:auto 300%!important;
  background-position:center 58%!important;
  border:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  overflow:visible!important;
}
.coupon-ticket--image::before,
.coupon-ticket--image::after,
.hero-compact .coupon-spotlight::before,
.hero-compact .coupon-spotlight::after{
  content:none!important;
  display:none!important;
}

/* landing page: proportions based on the approved mockup */
.hero-compact .coupon-ticket--image{
  width:min(820px,100%)!important;
  height:220px!important;
  margin-top:4px!important;
}
.ticket-content--reference{
  position:absolute!important;
  inset:34px 54px 32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}
.ticket-reference-left{
  min-width:0;
  padding:8px 28px 6px 4px;
  border-right:1px dashed #b6cae5;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ticket-kicker{
  color:#405d85;
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}
.ticket-content--reference .ticket-code-button{
  width:100%!important;
  min-height:0!important;
  padding:8px 0 0!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
}
.ticket-content--reference .ticket-code-button strong{
  display:block;
  font-size:clamp(62px,7.4vw,98px)!important;
  line-height:.84!important;
  letter-spacing:-.065em!important;
  background:linear-gradient(180deg,#1b73ff,#0751c7)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.ticket-reference-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}
.ticket-copy-hint{
  display:flex;
  align-items:center;
  gap:11px;
  color:#375a88;
}
.ticket-copy-hint span{
  font-size:24px;
  color:#0757d7;
}
.ticket-copy-hint b{
  font-size:10px;
  line-height:1.3;
  letter-spacing:.03em;
}
.ticket-content--reference .ticket-copy-main{
  width:100%!important;
  min-height:52px!important;
  height:52px!important;
  margin:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#1b77ff,#0757d7)!important;
  box-shadow:0 6px 0 #06449f,0 13px 26px rgba(7,87,215,.24)!important;
  font-size:12px!important;
}
.hero-ticket-trust{
  width:min(820px,100%);
  margin-top:0;
  padding:0 10px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
}
.hero-ticket-trust>div{
  min-height:58px;
  padding:12px 18px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.20);
}
.hero-ticket-trust>div:last-child{border-right:0}
.hero-ticket-trust b{
  width:30px;height:30px;
  flex:0 0 30px;
  border:1px solid #63aaff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#66b0ff;
  font-size:15px;
}
.hero-ticket-trust span{
  font-size:10px;
  line-height:1.35;
}
.hero-ticket-trust strong{
  color:#f7fbff;
  font-weight:800;
}

/* product/blog/how-to coupon tickets: same uploaded shell, no extra card behind it */
.hero-compact .coupon-spotlight{
  width:100%!important;
  max-width:410px!important;
  height:176px!important;
  min-height:0!important;
  padding:26px 34px 22px!important;
  display:grid!important;
  grid-template-rows:auto 1fr 40px!important;
  gap:2px!important;
  align-content:center!important;
}
.hero-compact .coupon-spotlight-head{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.hero-compact .coupon-spotlight-head span{
  font-size:8px!important;
}
.hero-compact .coupon-spotlight-head b{
  font-size:8px!important;
}
.hero-compact .coupon-spotlight-code{
  padding:3px 0!important;
  background:transparent!important;
}
.hero-compact .coupon-spotlight-code small{
  display:none!important;
}
.hero-compact .coupon-spotlight-code strong{
  font-size:50px!important;
  line-height:.85!important;
}
.hero-compact .coupon-spotlight-copy{
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:9px!important;
}
.hero-compact .coupon-spotlight p{
  display:none!important;
}

/* no faux outer rectangle on the FAQ coupon either */
.qa-hero.hero-compact .qa-hero-coupon{
  max-width:410px!important;
  min-height:176px!important;
  height:176px!important;
  padding:35px 40px 27px!important;
}
.qa-hero.hero-compact .qa-hero-coupon strong{
  font-size:46px!important;
}
.qa-hero.hero-compact .qa-hero-coupon button{
  min-height:40px!important;
  border-radius:999px!important;
}

@media(max-width:900px){
  .hero-compact .coupon-ticket--image,
  .hero-ticket-trust{
    width:min(720px,100%)!important;
  }
}
@media(max-width:640px){
  .hero-compact .coupon-ticket--image{
    height:190px!important;
  }
  .ticket-content--reference{
    inset:28px 34px 26px!important;
    grid-template-columns:minmax(0,1.35fr) minmax(118px,.65fr)!important;
    gap:16px!important;
  }
  .ticket-reference-left{
    padding-right:14px;
  }
  .ticket-kicker{
    font-size:8px;
  }
  .ticket-content--reference .ticket-code-button strong{
    font-size:clamp(46px,14vw,64px)!important;
  }
  .ticket-copy-hint{
    gap:6px;
  }
  .ticket-copy-hint span{
    font-size:18px;
  }
  .ticket-copy-hint b{
    font-size:7px;
  }
  .ticket-content--reference .ticket-copy-main{
    min-height:42px!important;
    height:42px!important;
    font-size:9px!important;
    padding:0 8px!important;
  }
  .hero-ticket-trust{
    grid-template-columns:1fr;
    padding:0;
  }
  .hero-ticket-trust>div{
    min-height:42px;
    padding:8px 6px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
  .hero-ticket-trust b{
    width:24px;height:24px;flex-basis:24px;font-size:12px;
  }
  .hero-ticket-trust span{
    font-size:9px;
  }
  .hero-compact .coupon-spotlight{
    max-width:345px!important;
    height:150px!important;
    padding:24px 30px 20px!important;
  }
  .hero-compact .coupon-spotlight-code strong{
    font-size:43px!important;
  }
}


/* TICKET V6 — transparent crop derived from the uploaded ticket-hero asset */
.coupon-ticket--image,
.hero-compact .coupon-spotlight,
.qa-hero.hero-compact .qa-hero-coupon{
  background-image:url("/public/ticket-shell.webp")!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
}
.hero-compact .coupon-ticket--image{
  width:min(820px,100%)!important;
  height:auto!important;
  aspect-ratio:1000/317!important;
}
.hero-compact .coupon-ticket--image .ticket-content{
  inset:12% 7.5% 12%!important;
}
.hero-compact .coupon-spotlight{
  max-width:410px!important;
  height:auto!important;
  aspect-ratio:1000/317!important;
  padding:8.5% 9% 7.5%!important;
}
.qa-hero.hero-compact .qa-hero-coupon{
  max-width:410px!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1000/317!important;
  padding:8.5% 9% 7.5%!important;
}
@media(max-width:640px){
  .hero-compact .coupon-ticket--image{
    height:auto!important;
    aspect-ratio:1000/317!important;
  }
  .hero-compact .coupon-ticket--image .ticket-content{
    inset:12% 6.5% 11%!important;
  }
  .hero-compact .coupon-spotlight,
  .qa-hero.hero-compact .qa-hero-coupon{
    height:auto!important;
    aspect-ratio:1000/317!important;
  }
}


/* LANDING HERO FINAL FIT — compact, ticket-contained, no excess blue height */
.hero--sales.hero-compact .hero-sales-grid{
  min-height:0!important;
  padding:28px 0 18px!important;
  gap:10px!important;
  align-items:start!important;
}
.hero--sales.hero-compact .hero-copy{
  max-width:650px!important;
  margin-bottom:2px!important;
}
.hero--sales.hero-compact .hero-copy h1{
  font-size:clamp(46px,5vw,66px)!important;
  line-height:.94!important;
}
.hero--sales.hero-compact .hero-copy .lead{
  margin-top:14px!important;
  font-size:15px!important;
  line-height:1.45!important;
}

/* exact ticket shell, derived from the existing ticket-hero asset */
.hero--sales.hero-compact .coupon-ticket--image{
  width:min(820px,100%)!important;
  height:auto!important;
  aspect-ratio:900/285!important;
  margin:10px 0 0!important;
  background-image:url("/public/ticket-hero-transparent.webp")!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:drop-shadow(0 14px 24px rgba(0,18,50,.20));
}
.hero--sales.hero-compact .ticket-content--reference{
  inset:10% 7% 11%!important;
  grid-template-columns:minmax(0,1.7fr) minmax(205px,.72fr)!important;
  gap:20px!important;
  align-items:center!important;
}
.hero--sales.hero-compact .ticket-reference-left{
  min-width:0!important;
  padding:4px 22px 2px 8px!important;
  border-right:1px dashed #bfd0e8!important;
  justify-content:center!important;
}
.hero--sales.hero-compact .ticket-kicker{
  color:#405d85!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
}
.hero--sales.hero-compact .ticket-content--reference .ticket-code-button{
  padding:8px 0 0!important;
  margin:0!important;
}
.hero--sales.hero-compact .ticket-content--reference .ticket-code-button strong{
  font-size:clamp(58px,6.3vw,82px)!important;
  line-height:.84!important;
}
.hero--sales.hero-compact .ticket-reference-right{
  gap:10px!important;
  padding:0 4px!important;
}
.hero--sales.hero-compact .ticket-copy-hint{
  gap:8px!important;
  color:#3d5d88!important;
}
.hero--sales.hero-compact .ticket-copy-hint span{
  font-size:19px!important;
}
.hero--sales.hero-compact .ticket-copy-hint b{
  font-size:8px!important;
  line-height:1.2!important;
}
.hero--sales.hero-compact .ticket-content--reference .ticket-copy-main{
  min-height:44px!important;
  height:44px!important;
  border-radius:999px!important;
  font-size:10px!important;
  box-shadow:0 5px 0 #06449f,0 10px 20px rgba(7,87,215,.22)!important;
}

/* trust strip immediately below the ticket */
.hero--sales.hero-compact .hero-ticket-trust{
  width:min(820px,100%)!important;
  margin-top:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:8px!important;
}
.hero--sales.hero-compact .hero-ticket-trust>div{
  min-height:44px!important;
  padding:7px 10px!important;
  border:1px solid rgba(121,183,255,.24)!important;
  border-radius:10px!important;
  background:rgba(2,24,54,.34)!important;
  gap:8px!important;
}
.hero--sales.hero-compact .hero-ticket-trust b{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  font-size:12px!important;
}
.hero--sales.hero-compact .hero-ticket-trust span{
  font-size:8.5px!important;
  line-height:1.25!important;
}

/* blue hero ends immediately after the content */
.hero--sales.hero-compact{
  min-height:0!important;
}
.hero--sales.hero-compact + .answer-strip{
  margin-top:0!important;
}

@media(max-width:900px){
  .hero--sales.hero-compact .hero-sales-grid{
    padding:24px 0 16px!important;
  }
  .hero--sales.hero-compact .coupon-ticket--image,
  .hero--sales.hero-compact .hero-ticket-trust{
    width:min(720px,100%)!important;
  }
}
@media(max-width:640px){
  .hero--sales.hero-compact .hero-sales-grid{
    padding:22px 0 14px!important;
    gap:9px!important;
  }
  .hero--sales.hero-compact .hero-copy h1{
    font-size:39px!important;
  }
  .hero--sales.hero-compact .hero-copy .lead{
    font-size:13px!important;
  }
  .hero--sales.hero-compact .coupon-ticket--image{
    width:100%!important;
    aspect-ratio:900/285!important;
    margin-top:8px!important;
  }
  .hero--sales.hero-compact .ticket-content--reference{
    inset:10% 6% 11%!important;
    grid-template-columns:minmax(0,1.55fr) minmax(112px,.68fr)!important;
    gap:11px!important;
  }
  .hero--sales.hero-compact .ticket-reference-left{
    padding-right:10px!important;
  }
  .hero--sales.hero-compact .ticket-kicker{
    font-size:7px!important;
  }
  .hero--sales.hero-compact .ticket-content--reference .ticket-code-button strong{
    font-size:clamp(39px,13vw,55px)!important;
  }
  .hero--sales.hero-compact .ticket-copy-hint{
    gap:5px!important;
  }
  .hero--sales.hero-compact .ticket-copy-hint span{
    font-size:14px!important;
  }
  .hero--sales.hero-compact .ticket-copy-hint b{
    font-size:6.5px!important;
  }
  .hero--sales.hero-compact .ticket-content--reference .ticket-copy-main{
    min-height:36px!important;
    height:36px!important;
    padding:0 6px!important;
    font-size:7.5px!important;
  }
  .hero--sales.hero-compact .hero-ticket-trust{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:5px!important;
  }
  .hero--sales.hero-compact .hero-ticket-trust>div{
    min-height:46px!important;
    padding:6px!important;
    align-items:flex-start!important;
  }
  .hero--sales.hero-compact .hero-ticket-trust b{
    width:21px!important;
    height:21px!important;
    flex-basis:21px!important;
    font-size:10px!important;
  }
  .hero--sales.hero-compact .hero-ticket-trust span{
    font-size:7px!important;
  }
}