:root{--bf-navy:#09111f;--bf-navy-2:#101b2d;--bf-paper:#f1efe9;--bf-white:#fff;--bf-ink:#15191f;--bf-muted:#73777d;--bf-line:#d8d5ce;--s-navy:#0F1B2E;--s-navy-mid:#13243A;--s-navy-deep:#0B1728;--s-gold-light:#F4D8B8;--s-gold:#E8B889;--s-copper:#C98F5E;--s-copper-deep:#B57D50;--s-off:#FAFAF7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Aptos,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;color:var(--bf-ink);background:var(--bf-paper);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.container{width:min(1220px,calc(100% - 56px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(130,130,130,.2);backdrop-filter:blur(18px)}.dark-header{background:rgba(9,17,31,.93);color:#fff}.serein-header{background:rgba(250,250,247,.94);color:var(--s-navy)}.nav-wrap{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:.98rem;font-weight:650;letter-spacing:-.02em}.brand-light{color:#f5f7fb}.brand strong{font-weight:500;opacity:.62}.main-nav{display:flex;align-items:center;gap:27px;font-size:.87rem}.main-nav>a:not(.nav-cta){opacity:.72}.main-nav>a:hover{opacity:1}.nav-cta{border:1px solid currentColor;padding:9px 14px}.menu-toggle{display:none;background:none;border:0;color:inherit}.bifrost-hero{background:var(--bf-navy);color:white;padding:0 0 60px}.hero-shell{min-height:720px;display:grid;grid-template-rows:auto 1fr auto;padding-top:58px}.hero-index{font-size:.72rem;letter-spacing:.14em;color:#8290a6}.hero-statement{align-self:center;max-width:1050px}.hero-statement h1{font-size:clamp(3.8rem,7.7vw,7.4rem);line-height:.93;letter-spacing:-.066em;font-weight:520;margin:0}.hero-statement h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#aebbcf}.hero-statement p{max-width:660px;margin:34px 0 0 31%;font-size:1.12rem;color:#9ca8ba}.hero-foot{border-top:1px solid #263247;padding-top:22px;display:flex;justify-content:space-between;align-items:end}.text-link{font-size:1.02rem}.text-link span{margin-left:10px;color:#8da1bd}.hero-foot p{margin:0;text-align:right;font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;color:#6f7f95}.products-editorial{padding:120px 0 130px}.section-kicker{display:grid;grid-template-columns:42px 1fr;border-bottom:1px solid var(--bf-line);padding-bottom:13px;margin-bottom:42px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.section-kicker span{color:#96928b}.section-kicker p{margin:0}.product-story{margin-bottom:34px}.serein-story{background:var(--s-navy);color:#fff;padding:26px 34px 38px}.product-meta{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:17px;text-transform:uppercase;font-size:.69rem;letter-spacing:.1em;color:#b8c2d1}.product-story-grid{display:grid;grid-template-columns:.78fr 1.45fr .9fr;gap:56px;padding-top:66px;align-items:end}.serein-home-logo{width:190px;margin-bottom:26px}.product-identity p{color:#c5cedb;max-width:230px}.light-link{display:inline-flex;gap:12px;margin-top:36px;color:var(--s-gold-light);font-size:.9rem}.product-message h2{font-size:clamp(2.2rem,4.6vw,4.5rem);line-height:1.01;letter-spacing:-.05em;font-weight:510;margin:0 0 28px}.product-message p{color:#b6c0ce;max-width:620px;font-size:1.04rem}.product-system{border-left:1px solid rgba(255,255,255,.15);padding-left:26px}.system-line{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.76rem}.system-line i{height:1px;background:#3e4c60}.system-line b{font-weight:500;color:var(--s-gold)}.incorte-story{border:1px solid var(--bf-line);padding:26px 34px 44px;background:#ebe8e0}.incorte-story .product-meta{color:#79746c;border-color:#d2cec5}.incorte-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:48px;align-items:end}.incorte-name{font-family:Georgia,serif;font-size:3.6rem;letter-spacing:-.05em}.incorte-row p{color:#736f68}.incorte-note{max-width:500px}.principles-section{background:#10151d;color:#fff;padding:115px 0}.section-kicker.light{border-color:#303642;color:#9ea5af}.principles-heading{max-width:920px}.principles-heading h2{font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 0 80px}.principles-list{border-top:1px solid #303642}.principles-list article{display:grid;grid-template-columns:70px .75fr 1fr;gap:30px;border-bottom:1px solid #303642;padding:26px 0;align-items:start}.principles-list article>span{color:#596577}.principles-list h3{margin:0;font-size:1rem;font-weight:600}.principles-list p{margin:0;color:#9099a8;max-width:520px}.company-section{padding:130px 0}.company-grid{display:grid;grid-template-columns:.45fr 1fr .8fr;gap:60px}.company-grid .section-kicker{display:block;border:0;margin:0}.company-grid h2{font-size:clamp(2.5rem,4.5vw,4.7rem);line-height:.99;letter-spacing:-.055em;font-weight:520;margin:0}.company-copy p{color:#6f716f;font-size:1.03rem;margin:0 0 20px}.closing-section{background:#d7d1c5;padding:42px 0}.closing-grid{display:flex;align-items:center;justify-content:space-between}.closing-grid p{font-family:Georgia,serif;font-size:1.5rem;margin:0}.closing-grid a{font-weight:600}.site-footer{padding:25px 0;border-top:1px solid rgba(130,130,130,.2)}.dark-footer{background:var(--bf-navy);color:#75839a}.footer-wrap{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.footer-wrap p{margin:0}
/* Serein */
.serein-page{background:var(--s-off);color:var(--s-navy)}.serein-brand img{width:142px}.serein-nav-cta{color:var(--s-navy)}.serein-landing-hero{background:var(--s-off);padding-top:68px}.serein-hero-inner{min-height:690px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:70px}.serein-overline,.serein-label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;color:var(--s-copper-deep);margin-bottom:22px}.serein-hero-copy h1{font-size:clamp(3.2rem,6.3vw,6.5rem);line-height:.91;letter-spacing:-.065em;font-weight:520;margin:0 0 34px}.serein-hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--s-copper-deep)}.serein-hero-copy>p{max-width:720px;font-size:1.14rem;color:#607083}.hero-actions{display:flex;gap:13px;margin-top:33px;align-items:center}.serein-btn{display:inline-flex;align-items:center;gap:11px;padding:12px 17px;font-weight:650;font-size:.9rem}.serein-btn.primary{background:var(--s-navy);color:#fff}.serein-btn.text{color:var(--s-navy)}.serein-btn.light{background:var(--s-gold-light);color:var(--s-navy)}.serein-hero-mark{justify-self:end;width:min(100%,340px);aspect-ratio:1;border:1px solid #dedbd4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;position:relative}.serein-hero-mark:before,.serein-hero-mark:after{content:"";position:absolute;background:#dedbd4}.serein-hero-mark:before{width:1px;height:100%;left:50%}.serein-hero-mark:after{height:1px;width:100%;top:50%}.serein-hero-mark img{width:148px;z-index:1;filter:drop-shadow(0 12px 24px rgba(15,27,46,.07))}.serein-hero-mark span{z-index:1;background:var(--s-off);padding:4px 10px;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;color:#8b8177}.serein-proof{border-top:1px solid #ddd9d1;border-bottom:1px solid #ddd9d1}.proof-grid{min-height:76px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.proof-grid span{border-right:1px solid #ddd9d1;padding-left:20px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#7e756d}.proof-grid span:last-child{border-right:0}.serein-editorial-section{padding:125px 0}.serein-section-head{display:grid;grid-template-columns:.35fr 1fr;gap:40px;align-items:start;margin-bottom:70px}.serein-section-head>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--s-copper-deep)}.serein-section-head h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0;max-width:950px}.workflow-board{border-top:1px solid #d7d5cf}.workflow-step{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid #d7d5cf;min-height:104px;align-items:center;color:#7b7b78}.workflow-step>span{font-family:Georgia,serif;font-size:1.4rem}.workflow-step div{display:grid;grid-template-columns:170px 1fr;align-items:center}.workflow-step small{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.workflow-step strong{font-size:1.14rem;font-weight:550;color:var(--s-navy)}.workflow-step.active{background:#f2e7db;margin-inline:-20px;padding-inline:20px;border-color:#e2d3c2}.serein-dark-section{background:var(--s-navy);color:#fff;padding:120px 0}.dark-section-intro{display:grid;grid-template-columns:.35fr 1fr;gap:40px;margin-bottom:75px}.dark-section-intro>span{color:var(--s-gold);text-transform:uppercase;letter-spacing:.13em;font-size:.7rem}.dark-section-intro h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0;max-width:900px}.capability-lines{border-top:1px solid #344154}.capability-lines article{display:grid;grid-template-columns:65px .45fr 1fr .45fr;gap:30px;padding:28px 0;border-bottom:1px solid #344154;align-items:start}.capability-lines b{color:#657187;font-size:.72rem}.capability-lines h3{margin:0;font-size:1.02rem;font-weight:600}.capability-lines p{margin:0;color:#aab4c2;max-width:550px}.capability-lines article>span{text-align:right;color:var(--s-gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.public-booking-section{padding:125px 0;background:#efe9df}.booking-grid{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:center}.booking-grid h2,.management-grid h2,.plans-head h2,.faq-grid h2{font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:.99;letter-spacing:-.055em;font-weight:500;margin:0 0 25px}.booking-grid>div:first-child>p,.management-grid>div:last-child>p{color:#6e7073;font-size:1.04rem;max-width:620px}.booking-phone{width:min(100%,410px);justify-self:end;background:#fff;padding:22px;border:1px solid #dcd6cc;box-shadow:0 28px 70px rgba(70,51,31,.09)}.booking-top{display:flex;justify-content:space-between;color:#817b73;font-size:.72rem;padding-bottom:28px}.booking-phone>strong{display:block;font-size:1.25rem;margin-bottom:20px}.booking-option{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid #e1ded8;margin-bottom:9px}.booking-option i{width:34px;height:34px;border-radius:50%;background:#f3eee7}.booking-option small,.booking-option b{display:block}.booking-option small{color:#888;font-size:.72rem}.booking-option.selected{border-color:var(--s-copper);background:#fbf6ef}.booking-phone button{width:100%;border:0;background:var(--s-navy);color:#fff;padding:13px;margin-top:18px}.management-section{padding:125px 0;background:var(--s-off)}.management-grid{display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:center}.management-panel{background:var(--s-navy-deep);color:#fff;padding:26px;min-height:390px}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #2d394b;padding-bottom:18px;font-size:.78rem}.panel-head small{color:#7f8a9a}.panel-metric{padding:36px 0}.panel-metric small,.panel-metric strong,.panel-metric span{display:block}.panel-metric small{color:#8995a6}.panel-metric strong{font-size:2.3rem;font-weight:500;margin:8px 0}.panel-metric span{color:var(--s-gold);font-size:.78rem}.panel-bars{height:135px;display:flex;gap:11px;align-items:end}.panel-bars i{flex:1;background:linear-gradient(to top,var(--s-copper-deep),var(--s-gold-light))}.plans-section{padding:125px 0;background:#e8e4dc}.plans-head{display:grid;grid-template-columns:1fr .55fr;gap:80px;margin-bottom:58px}.plans-head>p{align-self:end;color:#6e6c67}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c7c2b9;border-bottom:1px solid #c7c2b9}.plan-card{padding:32px 30px 35px;border-right:1px solid #c7c2b9;display:flex;flex-direction:column;min-height:520px;position:relative}.plan-card:last-child{border-right:0}.plan-card.recommended{background:var(--s-navy);color:#fff}.recommendation{position:absolute;top:0;right:0;background:var(--s-gold);color:var(--s-navy);padding:7px 10px;text-transform:uppercase;font-size:.62rem;letter-spacing:.09em;font-weight:700}.plan-name{display:block;font-size:1.25rem;font-weight:650;margin-bottom:10px}.plan-card p{color:#75736f;min-height:50px}.plan-card.recommended p{color:#aeb8c5}.price{margin:36px 0}.price strong{display:block;font-size:2.6rem;letter-spacing:-.05em;font-weight:520}.price span{font-size:.75rem;color:#87837d}.plan-card ul{list-style:none;padding:0;margin:0 0 35px;border-top:1px solid rgba(130,130,130,.3)}.plan-card li{padding:11px 0;border-bottom:1px solid rgba(130,130,130,.23);font-size:.83rem}.plan-action{margin-top:auto;display:flex;justify-content:space-between;font-weight:650;font-size:.86rem}.plan-card.recommended .plan-action{color:var(--s-gold-light)}.plan-footnote{font-size:.72rem;color:#817d76;margin:18px 0 0}.faq-section{padding:120px 0}.faq-grid{display:grid;grid-template-columns:.45fr 1fr;gap:90px}.faq-list{border-top:1px solid #d8d5ce}.faq-list details{border-bottom:1px solid #d8d5ce;padding:19px 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{color:#6f7275;max-width:700px;margin:16px 40px 5px 0}.serein-closing{background:var(--s-navy);color:#fff;padding:95px 0}.serein-closing img{width:170px}.serein-closing h2{font-size:clamp(2.8rem,5.5vw,5.7rem);line-height:.96;letter-spacing:-.055em;font-weight:500;max-width:1000px;margin:55px 0}.serein-closing>div>div{display:flex;justify-content:space-between;align-items:center}.serein-closing>div>div span{color:#98a5b6;font-size:.82rem}.serein-footer{background:var(--s-navy-deep);color:#8491a2}.serein-footer a{color:var(--s-gold)}
@media(max-width:900px){.container{width:min(100% - 36px,1220px)}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:62px;left:18px;right:18px;padding:18px;background:#fff;color:var(--bf-ink);flex-direction:column;align-items:stretch;gap:7px;border:1px solid #ddd}.main-nav.open{display:flex}.dark-nav{background:var(--bf-navy-2);color:#fff;border-color:#293447}.product-story-grid,.company-grid,.serein-hero-inner,.booking-grid,.management-grid,.plans-head,.faq-grid{grid-template-columns:1fr}.product-story-grid{gap:38px}.product-system{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding:15px 0 0}.incorte-row{grid-template-columns:1fr;gap:25px}.principles-list article{grid-template-columns:45px 1fr}.principles-list p{grid-column:2}.company-grid{gap:35px}.serein-hero-mark{justify-self:start}.serein-section-head,.dark-section-intro{grid-template-columns:1fr;gap:16px}.capability-lines article{grid-template-columns:45px 1fr}.capability-lines article p,.capability-lines article>span{grid-column:2;text-align:left}.booking-phone{justify-self:start}.plans-grid{grid-template-columns:1fr}.plan-card{border-right:0;border-bottom:1px solid #c7c2b9}.plan-card:last-child{border-bottom:0}}
@media(max-width:620px){.container{width:min(100% - 28px,1220px)}.hero-shell{min-height:650px;padding-top:42px}.hero-statement h1{font-size:3.5rem}.hero-statement p{margin-left:0}.hero-foot{align-items:flex-start;gap:20px}.hero-foot p{display:none}.products-editorial,.company-section,.serein-editorial-section,.serein-dark-section,.public-booking-section,.management-section,.plans-section,.faq-section{padding:86px 0}.serein-story,.incorte-story{padding:22px 20px 28px}.product-story-grid{padding-top:42px}.product-message h2{font-size:2.55rem}.principles-heading h2{font-size:3rem}.principles-list article{gap:14px}.closing-grid{align-items:flex-start;gap:22px;flex-direction:column}.serein-hero-inner{min-height:auto;padding:55px 0}.serein-hero-copy h1{font-size:3.55rem}.serein-hero-mark{width:260px}.proof-grid{grid-template-columns:1fr 1fr;padding:12px 0}.proof-grid span{padding:10px;border-right:0}.workflow-step{grid-template-columns:74px 1fr}.workflow-step div{grid-template-columns:1fr;gap:4px}.capability-lines article{padding:23px 0}.booking-phone{width:100%}.management-grid{gap:55px}.plans-grid{display:block}.serein-closing h2{font-size:3rem}.serein-closing>div>div{align-items:flex-start;flex-direction:column;gap:22px}.footer-wrap{align-items:flex-start;gap:16px;flex-direction:column}}
/* === Serein V3 conversion-focused refinement === */
.v3 .eyebrow{display:block;margin-bottom:18px;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:750;color:var(--s-copper-deep)}
.v3 .eyebrow.light{color:var(--s-gold)}
.v3-hero{padding:72px 0 0;background:linear-gradient(180deg,#fafaf7 0%,#f5f1ea 100%);overflow:hidden}
.v3-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center;min-height:660px}
.v3-hero-copy h1{margin:0;max-width:760px;font-size:clamp(3.2rem,5.8vw,6.05rem);line-height:.93;letter-spacing:-.064em;font-weight:520}
.v3-hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--s-copper-deep)}
.hero-lead{max-width:690px;margin:29px 0 0;color:#5e6d7f;font-size:1.13rem;line-height:1.65}
.hero-benefits{display:flex;flex-wrap:wrap;gap:9px 22px;margin:25px 0 0;font-size:.82rem;color:#47566a}.hero-benefits span{white-space:nowrap}
.hero-note{margin:18px 0 0;font-size:.78rem;color:#7c7d7a}.hero-note strong{color:var(--s-navy)}
.product-stage{position:relative;min-height:590px;border-left:1px solid #ddd7cd;border-right:1px solid #ddd7cd;background:radial-gradient(circle at 50% 40%,rgba(232,184,137,.18),transparent 48%)}
.stage-caption{position:absolute;top:0;left:18px;right:18px;display:flex;justify-content:space-between;border-top:1px solid #d9d4cb;padding-top:10px;text-transform:uppercase;letter-spacing:.09em;font-size:.62rem;color:#8a837a}
.screen{position:absolute;margin:0;background:white;border:1px solid #d6d2cb;box-shadow:0 24px 60px rgba(35,34,31,.13);overflow:hidden}.screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.screen-main{width:250px;height:520px;left:50%;top:48px;transform:translateX(-50%);z-index:3}.screen-side{width:185px;height:384px;left:9px;top:140px;transform:rotate(-3deg);z-index:2}.screen-mini{width:160px;height:332px;right:8px;top:186px;transform:rotate(3deg);z-index:4}
.trust-strip{margin-top:34px;min-height:76px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #d8d2c8;border-bottom:1px solid #d8d2c8}.trust-strip span{display:flex;align-items:center;justify-content:center;border-right:1px solid #ddd7cd;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;color:#78736c}.trust-strip span:last-child{border-right:0}
.v3-problem{padding:120px 0 110px}.split-heading{display:grid;grid-template-columns:.34fr 1fr;gap:46px;align-items:start}.split-heading h2{margin:0;font-size:clamp(2.6rem,4.7vw,4.8rem);line-height:.98;letter-spacing:-.052em;font-weight:500;max-width:950px}.split-heading.compact{margin-bottom:55px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #d7d3ca}.pain-grid article{padding:27px 30px 0 0;border-right:1px solid #d7d3ca;min-height:210px}.pain-grid article+article{padding-left:30px}.pain-grid article:last-child{border-right:0}.pain-grid b{font-size:.68rem;color:var(--s-copper-deep)}.pain-grid h3{margin:30px 0 12px;font-size:1.2rem}.pain-grid p{margin:0;color:#747572;max-width:310px}
.v3-story{padding:115px 0;background:var(--s-navy);color:white}.story-intro{display:grid;grid-template-columns:.32fr 1fr .55fr;gap:38px;align-items:end;margin-bottom:70px}.story-intro h2{margin:0;font-size:clamp(2.6rem,4.8vw,4.9rem);line-height:.98;letter-spacing:-.052em;font-weight:500}.story-intro p{color:#aab4c2;margin:0 0 8px}.story-rail{border-top:1px solid #344154}.story-rail article{display:grid;grid-template-columns:60px .9fr .55fr;gap:38px;min-height:330px;padding:30px 0;border-bottom:1px solid #344154;align-items:center}.story-rail>article>span{align-self:start;color:#647389;font-size:.7rem}.story-rail small{text-transform:uppercase;letter-spacing:.1em;color:var(--s-gold);font-size:.66rem}.story-rail h3{max-width:560px;margin:12px 0 0;font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:1.1;font-weight:500}.story-rail figure{justify-self:end;width:180px;height:270px;overflow:hidden;margin:0;border:1px solid #425065;background:white}.story-rail figure img{width:100%;height:100%;object-fit:cover;object-position:top}
.booking-showcase{padding:125px 0;background:#eee8de}.booking-v3-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.booking-copy h2{margin:0 0 25px;font-size:clamp(2.6rem,4.6vw,4.7rem);line-height:.99;letter-spacing:-.053em;font-weight:500}.booking-copy>p{color:#686e73;font-size:1.04rem}.booking-copy ul{padding:0;list-style:none;margin:28px 0}.booking-copy li{padding:11px 0;border-bottom:1px solid #d6cfc4;font-size:.85rem}.inline-link{font-weight:650;font-size:.86rem}.booking-phones{display:flex;justify-content:flex-end;align-items:center;gap:14px;min-height:570px}.booking-phones figure{width:180px;height:390px;margin:0;background:white;overflow:hidden;border:1px solid #d7d1c8;box-shadow:0 20px 55px rgba(68,52,38,.1)}.booking-phones figure.raised{width:205px;height:445px;transform:translateY(-20px)}.booking-phones img{width:100%;height:100%;object-fit:cover;object-position:top}
.feature-index{padding:120px 0}.feature-table{border-top:1px solid #d8d5ce}.feature-table article{display:grid;grid-template-columns:70px .48fr 1fr;gap:30px;align-items:start;padding:24px 0;border-bottom:1px solid #d8d5ce}.feature-table span{color:#9a8d7f;font-size:.7rem}.feature-table h3{margin:0;font-size:1.03rem}.feature-table p{margin:0;color:#6f7275;max-width:610px}
.management-proof{padding:120px 0;background:#0b1728;color:white}.management-proof-grid{display:grid;grid-template-columns:.95fr 1fr;gap:90px;align-items:center}.proof-screens{min-height:520px;display:flex;gap:18px;align-items:end;justify-content:center}.proof-screens figure{width:190px;height:390px;margin:0;overflow:hidden;border:1px solid #3a4759;background:white;box-shadow:0 22px 60px rgba(0,0,0,.22)}.proof-screens figure.wide{width:220px;height:460px;transform:translateY(-28px)}.proof-screens img{width:100%;height:100%;object-fit:cover;object-position:top}.management-proof h2{margin:0 0 24px;font-size:clamp(2.6rem,4.6vw,4.7rem);line-height:.99;letter-spacing:-.053em;font-weight:500}.management-proof p{color:#a9b3c0;font-size:1.04rem}.tier-lines{margin-top:34px;border-top:1px solid #334054}.tier-lines span{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #334054;color:#aab4c2;font-size:.8rem}.tier-lines b{color:var(--s-gold);font-weight:650}
.v3-plans{background:#e9e4dc}.v3-plans .plans-head h2{margin:0}.decision-section{padding:120px 0;background:#f8f7f3}.decision-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px}.decision-grid h2{margin:0;font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1;letter-spacing:-.052em;font-weight:500}.decision-points{border-top:1px solid #d7d3ca}.decision-points article{padding:24px 0;border-bottom:1px solid #d7d3ca}.decision-points strong{font-size:1rem}.decision-points p{margin:8px 0 0;color:#6e7174;max-width:620px}.v3-closing .closing-kicker{display:block;margin-top:52px;color:var(--s-gold);text-transform:uppercase;letter-spacing:.13em;font-size:.68rem}.v3-closing h2{margin-top:16px}
@media(max-width:900px){.v3-hero-grid,.booking-v3-grid,.management-proof-grid,.decision-grid{grid-template-columns:1fr}.v3-hero-grid{gap:35px}.product-stage{min-height:590px}.trust-strip{grid-template-columns:repeat(3,1fr)}.trust-strip span{min-height:58px;border-bottom:1px solid #ddd7cd}.split-heading,.story-intro{grid-template-columns:1fr}.pain-grid{grid-template-columns:1fr}.pain-grid article,.pain-grid article+article{padding:24px 0;border-right:0;border-bottom:1px solid #d7d3ca;min-height:auto}.story-rail article{grid-template-columns:45px 1fr}.story-rail figure{grid-column:2;justify-self:start}.booking-phones{justify-content:center}.decision-grid{gap:55px}}
@media(max-width:620px){.v3-hero{padding-top:35px}.v3-hero-copy h1{font-size:3.35rem}.hero-benefits{display:grid}.product-stage{min-height:470px;margin-inline:-4px}.screen-main{width:205px;height:425px}.screen-side{width:135px;height:282px;top:145px}.screen-mini{width:122px;height:255px;top:180px}.trust-strip{grid-template-columns:1fr 1fr;margin-top:18px}.v3-problem,.v3-story,.booking-showcase,.feature-index,.management-proof,.decision-section{padding:84px 0}.story-rail article{min-height:auto}.story-rail figure{width:150px;height:235px}.booking-phones{gap:7px;min-height:410px}.booking-phones figure{width:110px;height:245px}.booking-phones figure.raised{width:128px;height:285px}.feature-table article{grid-template-columns:42px 1fr}.feature-table p{grid-column:2}.proof-screens{min-height:390px}.proof-screens figure{width:140px;height:300px}.proof-screens figure.wide{width:155px;height:340px}.tier-lines span{display:grid;gap:3px}.v3 .plans-head{gap:22px}}

/* === Serein V4 — commercial plans + brand personalization === */
.brand-personalization{padding:125px 0;background:#f8f7f3;border-top:1px solid #ddd8cf;border-bottom:1px solid #ddd8cf}
.brand-personalization-grid{display:grid;grid-template-columns:1fr .82fr;gap:90px;align-items:center}
.brand-personalization-copy h2{margin:0 0 25px;font-size:clamp(2.7rem,4.8vw,4.9rem);line-height:.98;letter-spacing:-.055em;font-weight:500;max-width:790px}
.brand-personalization-copy>p{max-width:720px;color:#6f7275;font-size:1.05rem;line-height:1.7}
.brand-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.brand-benefits span{padding:9px 12px;border:1px solid #d7d2c9;background:#fff;font-size:.74rem;color:#505966}
.brand-demo{background:#fff;border:1px solid #d6d1c8;box-shadow:0 30px 75px rgba(52,42,32,.11);padding:22px;transform:translateY(-8px)}
.brand-demo-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e2ddd5;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.brand-demo-top small{color:#968d82}
.brand-demo-body{padding:34px 20px 27px;background:#f3eee7;margin-top:14px}.brand-mark-demo{font-family:Georgia,serif;font-size:1.45rem;line-height:.9;letter-spacing:-.03em;margin-bottom:30px;color:#25354a}.brand-palette-demo{display:flex;gap:8px;margin-bottom:32px}.brand-palette-demo i{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.brand-palette-demo i:nth-child(1){background:#25354a}.brand-palette-demo i:nth-child(2){background:#b78361}.brand-palette-demo i:nth-child(3){background:#e7c4a5}.brand-palette-demo i:nth-child(4){background:#f9f5ee}.brand-ui-demo{background:#fff;padding:17px;border:1px solid #ddd6cc}.brand-ui-demo span{display:block;height:9px;background:#e7e2da;margin:8px 0}.brand-ui-demo span:nth-child(1){width:46%}.brand-ui-demo span:nth-child(2){width:78%}.brand-ui-demo span:nth-child(3){width:61%}.brand-ui-demo b{display:block;margin-top:20px;background:#25354a;color:white;text-align:center;padding:11px;font-size:.75rem}.brand-demo>p{margin:16px 2px 2px;color:#7c7a76;font-size:.75rem;line-height:1.55}

.v4-plans{background:linear-gradient(180deg,#e9e4dc 0%,#f1ede6 100%);overflow:visible}.v4-plans .plans-head{margin-bottom:48px}
.v4-plans-grid{border:0;gap:24px;align-items:stretch}
.v4-plan-card{background:#fbfaf7;color:var(--s-navy);border:1px solid #d5cfc5!important;border-radius:3px;padding:33px 30px 30px;min-height:650px;box-shadow:0 24px 58px rgba(53,43,32,.10),0 4px 12px rgba(53,43,32,.05);transform:translateY(-10px);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.v4-plan-card:hover{transform:translateY(-16px);box-shadow:0 32px 72px rgba(53,43,32,.14),0 6px 16px rgba(53,43,32,.06);border-color:#c5baad!important}
.v4-plan-card.recommended{background:var(--s-navy);color:#fff;transform:translateY(-22px);box-shadow:0 34px 80px rgba(15,27,46,.24),0 6px 18px rgba(15,27,46,.15);border-color:#24344a!important}
.v4-plan-card.recommended:hover{transform:translateY(-28px)}
.v4-plan-card .recommendation{top:17px;right:17px;border-radius:999px;padding:7px 11px;background:var(--s-gold-light);font-size:.59rem}
.plan-top{padding-right:4px}.plan-top h3{margin:17px 0 9px;font-size:1.28rem;line-height:1.15;letter-spacing:-.025em;font-weight:600}.plan-top p{min-height:63px;margin:0;color:#74736f;line-height:1.5}.recommended .plan-top p{color:#aeb8c5}
.v4-plan-card .price{margin:29px 0 17px}.v4-plan-card .price strong{font-size:2.55rem}.v4-plan-card.recommended .price span{color:#8f9bad}
.plan-scale{display:grid;grid-template-columns:1fr;gap:6px;padding:15px 0;border-top:1px solid rgba(125,117,107,.24);border-bottom:1px solid rgba(125,117,107,.24);font-size:.75rem}.plan-scale strong{font-size:.86rem}.plan-scale span{color:#797771}.recommended .plan-scale{border-color:#344154}.recommended .plan-scale span{color:#a8b2c0}.plan-highlights{border-top:0!important;margin:18px 0 18px!important}.plan-highlights li{position:relative;padding:8px 0 8px 20px!important;border-bottom:0!important;line-height:1.35}.plan-highlights li:before{content:"✓";position:absolute;left:0;color:var(--s-copper-deep);font-weight:750}.recommended .plan-highlights li:before{color:var(--s-gold)}
.plan-details{margin:2px 0 22px;border-top:1px solid rgba(125,117,107,.24);border-bottom:1px solid rgba(125,117,107,.24)}.recommended .plan-details{border-color:#344154}.plan-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:.78rem;font-weight:700}.plan-details summary::-webkit-details-marker{display:none}.plan-details summary span{font-size:1.05rem;font-weight:400}.plan-details[open] summary span{transform:rotate(45deg)}.plan-details>div{padding:0 0 14px}.plan-details ul{border-top:0!important;margin:0!important}.plan-details li{padding:7px 0!important;border-bottom:1px solid rgba(125,117,107,.16)!important;font-size:.75rem}.recommended .plan-details li{border-color:#2f3e52!important}.plan-details p{min-height:0!important;margin:13px 0 0!important;font-size:.73rem;line-height:1.55!important}.plan-details p strong{color:inherit}
.v4-plan-card .plan-action{padding-top:4px}.recommended .plan-action{color:var(--s-gold-light)}
.all-plans-band{margin-top:32px;background:#fff;border:1px solid #d5cfc5;box-shadow:0 18px 44px rgba(53,43,32,.07);padding:30px 32px;display:grid;grid-template-columns:.62fr 1.38fr;gap:50px;align-items:start}.all-plans-band .eyebrow{margin-bottom:10px}.all-plans-band h3{margin:0 0 8px;font-size:1.45rem}.all-plans-band p{margin:0;color:#77746f;font-size:.82rem}.all-plans-band ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}.all-plans-band li{position:relative;padding:10px 0 10px 21px;border-bottom:1px solid #ece8e1;font-size:.79rem}.all-plans-band li:before{content:"✓";position:absolute;left:0;color:var(--s-copper-deep);font-weight:750}
@media(max-width:900px){.brand-personalization-grid{grid-template-columns:1fr;gap:48px}.brand-demo{max-width:620px}.v4-plans-grid{grid-template-columns:1fr}.v4-plan-card,.v4-plan-card.recommended{transform:none!important;min-height:auto}.all-plans-band{grid-template-columns:1fr;gap:25px}}
@media(max-width:620px){.brand-personalization{padding:84px 0}.brand-benefits{display:grid}.brand-demo{padding:14px}.v4-plans-grid{gap:18px}.v4-plan-card{padding:27px 22px 24px}.v4-plan-card .recommendation{top:12px;right:12px}.all-plans-band{padding:24px 20px}.all-plans-band ul{grid-template-columns:1fr}}


/* === V5 — premium minimal / visual unification === */
:root{
  --bf-paper:#F6F5F1;
  --bf-line:#DDD9D1;
  --bf-muted:#6F747B;
  --s-off:#F7F6F2;
}
body{background:var(--bf-paper)}

/* Typography: smaller, calmer hierarchy */
.hero-statement h1{font-size:clamp(3.2rem,6vw,6rem);line-height:.96;letter-spacing:-.055em}
.product-message h2{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.03}
.principles-heading h2{font-size:clamp(2.35rem,4.2vw,4.2rem);line-height:1.02}
.company-grid h2{font-size:clamp(2.2rem,3.7vw,3.8rem);line-height:1.02}
.serein-hero-copy h1,.v3-hero-copy h1{font-size:clamp(2.85rem,5vw,5.2rem);line-height:.97;letter-spacing:-.055em}
.serein-section-head h2,.dark-section-intro h2{font-size:clamp(2.2rem,4vw,3.9rem);line-height:1.02}
.booking-grid h2,.management-grid h2,.plans-head h2,.faq-grid h2,.management-proof h2,.decision-grid h2,.brand-personalization-copy h2,.split-heading h2,.story-intro h2{font-size:clamp(2.15rem,3.8vw,3.7rem)!important;line-height:1.03!important;letter-spacing:-.045em!important}
.v3-closing h2{font-size:clamp(2.2rem,4vw,4rem)!important}

/* More restrained spacing = more productive / less theatrical */
.products-editorial,.company-section{padding-top:96px;padding-bottom:100px}
.principles-section,.serein-editorial-section,.serein-dark-section,.public-booking-section,.management-section,.plans-section,.booking-showcase,.management-proof,.decision-section,.brand-personalization,.feature-index,.v3-problem,.v3-story{padding-top:96px;padding-bottom:96px}
.serein-section-head,.dark-section-intro{margin-bottom:52px}
.hero-shell{min-height:650px}
.serein-hero-inner{min-height:620px}

/* One visual system: deep navy + quiet ivory. Warm tones only as accents. */
.bifrost-hero,.principles-section,.dark-footer,.serein-story,.serein-dark-section,.management-proof,.serein-closing,.serein-footer{background:var(--s-navy)!important}
.products-editorial,.company-section,.serein-landing-hero,.management-section,.decision-section,.brand-personalization,.feature-index,.v3-problem{background:var(--s-off)!important}
.incorte-story,.closing-section,.public-booking-section,.booking-showcase,.v3-hero,.v4-plans,.v3-plans{background:var(--s-off)!important}
.v3-hero,.v4-plans{background-image:none!important}

/* Remove decorative warmth from large surfaces */
.workflow-step.active{background:#F0F1F2;border-color:#D9DDE2}
.product-stage{background:linear-gradient(180deg,#F7F6F2,#F1F2F3)!important}
.brand-demo-body{background:#F1F2F3}
.booking-slot.selected{background:#F4F5F6}

/* Premium restraint: accent is used in details, not whole blocks */
.serein-overline,.serein-label,.serein-section-head>span,.eyebrow{color:#8A684D!important}
.light-link,.dark-section-intro>span,.capability-lines article>span,.tier-lines b,.v3-closing .closing-kicker{color:var(--s-gold)!important}

/* Cards / modules: less boxed, more precise */
.brand-demo,.all-plans-band,.booking-phone,.screen,.proof-screens figure{border-color:#D9DCE1!important;box-shadow:0 18px 42px rgba(15,27,46,.08)!important}
.feature-table,.decision-points,.story-rail,.workflow-board{border-color:#D7DADE}

/* Keep plan structure, refine surface and recommendation label */
.v4-plans{padding-top:104px!important;padding-bottom:104px!important}
.v4-plans-grid{gap:26px}
.v4-plan-card{background:#FFFFFF;border-color:#D8DADE!important;border-radius:8px;box-shadow:0 14px 34px rgba(15,27,46,.08),0 2px 7px rgba(15,27,46,.04);transform:translateY(-8px)}
.v4-plan-card:hover{transform:translateY(-12px);box-shadow:0 20px 46px rgba(15,27,46,.11),0 3px 10px rgba(15,27,46,.05)}
.v4-plan-card.recommended{background:var(--s-navy);transform:translateY(-16px);box-shadow:0 22px 52px rgba(15,27,46,.19),0 4px 12px rgba(15,27,46,.10)}
.v4-plan-card.recommended:hover{transform:translateY(-20px)}
.v4-plan-card .recommendation{background:#E8D6C1;color:var(--s-navy);letter-spacing:.11em}
.all-plans-band{background:#FFFFFF;border-radius:8px}

/* Headings should not dominate the viewport */
.serein-hero-copy>p,.v3-hero-copy>p,.product-message p,.company-copy p,.booking-grid>div:first-child>p,.management-grid>div:last-child>p,.management-proof p,.brand-personalization-copy>p{font-size:1rem}

/* subtle navigation / buttons */
.nav-wrap{height:66px}
.nav-cta,.serein-btn{border-radius:6px}
.serein-btn.primary{background:var(--s-navy)}
.serein-btn.light{background:#E8D6C1}

@media(max-width:620px){
  .hero-statement h1{font-size:3rem}
  .serein-hero-copy h1,.v3-hero-copy h1{font-size:2.8rem}
  .products-editorial,.company-section,.principles-section,.serein-editorial-section,.serein-dark-section,.public-booking-section,.management-section,.plans-section,.booking-showcase,.management-proof,.decision-section,.brand-personalization,.feature-index,.v3-problem,.v3-story{padding-top:72px;padding-bottom:72px}
}

/* === V6 — premium minimal refinement === */
:root{
  --bf-navy:#0F1B2E;
  --bf-navy-2:#13243A;
  --bf-paper:#FAFAF7;
  --bf-ink:#0F1B2E;
  --bf-muted:#677181;
  --bf-line:#D9DCE1;
}

/* Home: lower visual volume, tighter hierarchy */
.hero-shell{min-height:560px;padding-top:44px}
.bifrost-hero{padding-bottom:44px}
.hero-statement{max-width:900px}
.hero-statement h1{font-size:clamp(2.8rem,5.1vw,5.15rem);line-height:.98;letter-spacing:-.052em;font-weight:530}
.hero-statement h1 em{color:#B8C3D3}
.hero-statement p{max-width:585px;margin:24px 0 0 26%;font-size:1rem;line-height:1.62}
.hero-index{font-size:.67rem;letter-spacing:.13em}
.hero-foot{padding-top:18px}
.products-editorial{padding-top:88px;padding-bottom:94px}
.product-story-grid{padding-top:48px}
.product-message h2{font-size:clamp(2rem,3.7vw,3.55rem);line-height:1.03;letter-spacing:-.045em}
.principles-section{padding-top:88px!important;padding-bottom:88px!important}
.principles-heading{max-width:760px}
.principles-heading h2{font-size:clamp(2.25rem,4.1vw,4.05rem);line-height:1.01;letter-spacing:-.045em;margin-bottom:58px}
.company-section{padding-top:92px!important;padding-bottom:92px!important}
.company-grid h2{font-size:clamp(2.15rem,3.55vw,3.55rem);line-height:1.02;letter-spacing:-.045em}

/* Serein: compact, premium and product-led */
.v3-hero{padding-top:48px!important;padding-bottom:78px!important}
.v3-hero-copy h1,.serein-hero-copy h1{font-size:clamp(2.55rem,4.25vw,4.2rem)!important;line-height:.99!important;letter-spacing:-.05em!important}
.v3-hero-copy .hero-lead{max-width:650px;font-size:.98rem!important;line-height:1.65}
.v3-hero-grid{gap:64px}
.split-heading h2,.story-intro h2,.booking-copy h2,.management-proof h2,.decision-grid h2,.brand-personalization-copy h2,.plans-head h2,.faq-grid h2{
  font-size:clamp(1.95rem,3.15vw,3rem)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}
.brand-personalization-copy h2{max-width:540px}
.booking-copy h2{max-width:580px}
.management-proof h2{max-width:600px}
.plans-head h2{max-width:620px}
.decision-grid h2{max-width:520px}

/* More uniform surfaces: one light field, dark sections only as deliberate highlights */
.products-editorial,.company-section,.v3-hero,.v3-problem,.v3-story,.booking-showcase,.brand-personalization,.feature-index,.decision-section,.v4-plans,.faq-section{
  background:var(--s-off)!important;
}
.principles-section,.serein-story,.management-proof,.serein-closing,.dark-footer,.serein-footer,.bifrost-hero{
  background:var(--s-navy)!important;
}

/* Reduce ornamental contrast and preserve copper/gold as accents only */
.eyebrow,.hero-index,.section-kicker,.plan-name{letter-spacing:.105em}
.brand-benefits span,.all-plans-band,.brand-demo{background:#fff}

/* Plans stay structurally identical; only polish surface separation */
.v4-plans-grid{gap:28px}
.v4-plan-card{border-radius:10px!important;box-shadow:0 14px 34px rgba(15,27,46,.085)!important}
.v4-plan-card.recommended{transform:translateY(-14px);box-shadow:0 22px 52px rgba(15,27,46,.18)!important}
.v4-plan-card.recommended:hover{transform:translateY(-18px)}
.recommendation{text-transform:uppercase;letter-spacing:.09em}

@media(max-width:900px){
  .hero-shell{min-height:500px}
  .hero-statement p{margin-left:0}
  .v3-hero-grid{gap:38px}
}
@media(max-width:620px){
  .hero-shell{min-height:470px;padding-top:34px}
  .hero-statement h1{font-size:2.65rem}
  .hero-statement p{font-size:.94rem}
  .v3-hero-copy h1,.serein-hero-copy h1{font-size:2.55rem!important}
  .split-heading h2,.story-intro h2,.booking-copy h2,.management-proof h2,.decision-grid h2,.brand-personalization-copy h2,.plans-head h2,.faq-grid h2{font-size:2rem!important}
}

/* === V7 — authentic premium / contrast + real product imagery === */
:root{
  --surface-light:#F7F6F2;
  --surface-paper:#FFFFFF;
  --text-primary:#0F1B2E;
  --text-secondary:#5E6877;
  --line-soft:#D9DCE1;
  --accent-warm:#8A684D;
}

/* Accessibility guardrail: explicit text colors per surface.
   Light surfaces use navy/dark copy; dark surfaces use white/light copy. */
.serein-page,
.v3-hero,.v3-problem,.booking-showcase,.brand-personalization,.feature-index,
.decision-section,.v4-plans,.faq-section{
  color:var(--text-primary);
}
.v3-problem p,.booking-copy>p,.brand-personalization-copy>p,.feature-table p,
.decision-points p,.plans-head>p,.faq-list details p,.story-intro p{
  color:var(--text-secondary);
}

/* Deliberate dark highlight: this section was inheriting white text after its
   background was changed to light in V6. Restore a single coherent contrast system. */
.v3-story{
  background:var(--s-navy)!important;
  color:#FFFFFF!important;
}
.v3-story .story-intro h2,.v3-story .story-rail h3{color:#FFFFFF!important}
.v3-story .story-intro p{color:#B8C3D3!important}
.v3-story .story-rail{border-color:#334154!important}
.v3-story .story-rail article{border-color:#334154!important}
.v3-story .story-rail>article>span{color:#8593A8!important}
.v3-story .story-rail small{color:var(--s-gold)!important}

/* Public booking screenshots remain vertical phone captures. Desktop product
   proof geometry is consolidated in the V9.2 blocks below. */
.booking-phones figure{
  background:#FFFFFF;
  overflow:hidden;
  border:1px solid var(--line-soft);
  border-radius:10px;
  box-shadow:0 16px 36px rgba(15,27,46,.09);
}
.booking-phones figure img{
  width:100%;
  height:auto;
  aspect-ratio:9 / 20;
  object-fit:contain;
  object-position:center top;
  filter:none;
  opacity:1;
  transform:none;
  image-rendering:auto;
}

/* Booking sequence: keep the entire public booking screen visible. */
.booking-phones{gap:18px;min-height:520px;align-items:center}
.booking-phones figure,
.booking-phones figure.raised{
  width:184px;
  height:auto!important;
  aspect-ratio:9 / 20;
  transform:none;
}
.booking-phones figure.raised{width:206px}
.booking-phones img{aspect-ratio:auto}

/* More human/editorial rhythm: fewer "AI SaaS" card cues. */
.feature-table article{background:transparent!important}
.feature-table article:hover{background:transparent!important}
.brand-benefits span{
  border-radius:4px;
  box-shadow:none;
}
.decision-points article,.feature-table article,.story-rail article{
  transition:none;
}

/* Keep plan cards as approved. */
.v4-plan-card,.v4-plan-card.recommended{
  border-radius:10px!important;
}

@media(max-width:900px){
  .booking-phones{justify-content:center;flex-wrap:wrap;min-height:auto}
}
@media(max-width:620px){
  .booking-phones figure,.booking-phones figure.raised{width:130px}
  .booking-phones figure.raised{width:145px}
}

/* ---------------------------------------------------------
   Serein self-service acquisition — r33 frontend conductor
   Business authority remains in Bifrost Core.
--------------------------------------------------------- */
.acquisition-page{background:#f7f6f2;color:#0f1b2e;min-height:100vh}
.acquisition-page .serein-header{background:rgba(247,246,242,.96);border-bottom:1px solid rgba(15,27,46,.1)}
.acquisition-page .acquisition-nav{display:flex;align-items:center;color:#677181;font-size:.875rem}
.acquisition-main{min-height:calc(100vh - 150px);padding:72px 0 96px}
.acquisition-shell{max-width:860px}
.acquisition-shell.wide{max-width:980px}
.acquisition-intro{max-width:620px;margin:0 0 34px}
.acquisition-intro h1,.acquisition-step-head h1,.acquisition-card>h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.04;letter-spacing:-.045em;margin:12px 0 16px;color:#0f1b2e}
.acquisition-intro p,.acquisition-step-head p,.acquisition-card>p{color:#677181;line-height:1.65;max-width:650px}
.acquisition-card{position:relative;background:#fff;border:1px solid rgba(15,27,46,.12);border-radius:18px;padding:clamp(24px,5vw,44px);box-shadow:0 18px 60px rgba(15,27,46,.07)}
.acquisition-card[hidden]{display:none!important}
.acquisition-success,.acquisition-error{text-align:center;padding-block:56px}
.acquisition-success>p,.acquisition-error>p{margin-left:auto;margin-right:auto}
.status-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 18px;background:#0f1b2e;color:#f7f6f2;font-weight:800;font-size:1.25rem}
.acquisition-error .status-mark{background:#8a493b}
.selected-plan{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:18px 20px;background:#f2efe9;border:1px solid rgba(15,27,46,.1);border-radius:12px;margin-bottom:28px}
.selected-plan span{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:#8a684d;grid-column:1/-1}
.selected-plan strong{font-size:1.06rem;color:#0f1b2e}
.selected-plan small{font-size:.94rem;color:#677181;text-align:right}
.selected-plan.inline{margin:8px 0 24px}
.selected-plan .plan-change{grid-column:1/-1;margin-top:10px;padding-top:12px;border-top:1px solid rgba(15,27,46,.1);font-size:.78rem;color:#677181}
.selected-plan .plan-change select{margin-top:7px}
#verification-form>label,.acquisition-form label{display:flex;flex-direction:column;gap:8px;font-size:.82rem;font-weight:700;color:#0f1b2e}
.acquisition-page input,.acquisition-page select{width:100%;min-height:48px;border:1px solid rgba(15,27,46,.2);border-radius:9px;background:#fff;color:#0f1b2e;padding:0 14px;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.acquisition-page input:focus,.acquisition-page select:focus{border-color:#8a684d;box-shadow:0 0 0 3px rgba(138,104,77,.12)}
.acquisition-page input::placeholder{color:#9ca2aa}
.field-help,.acquisition-form small,.muted,.security-note{display:block;color:#7b8390;font-size:.78rem;line-height:1.5}
.field-help{margin:8px 0 20px}
.acquisition-submit{width:100%;justify-content:center;border:0;cursor:pointer;min-height:50px}
.acquisition-submit:disabled{opacity:.55;cursor:not-allowed}
.acquisition-status{font-size:.82rem;line-height:1.55;margin-top:15px;color:#677181}
.acquisition-status.error{color:#8a3f34}
.acquisition-status.warning{color:#8a684d}
.acquisition-status:empty{display:none}
.acquisition-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:12px;margin-bottom:28px;color:#969da7;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}
.acquisition-progress span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.acquisition-progress span b{font:inherit}
.acquisition-progress i{height:1px;background:rgba(15,27,46,.15)}
.acquisition-progress .active{color:#0f1b2e;font-weight:800}
.acquisition-progress .done{color:#8a684d}
.acquisition-step-head{margin-bottom:30px}
.acquisition-step-head h1{font-size:clamp(1.85rem,3vw,2.65rem)}
.acquisition-form fieldset{border:0;padding:0;margin:0 0 32px}
.acquisition-form legend{width:100%;font-weight:800;font-size:.9rem;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid rgba(15,27,46,.12)}
.form-grid{display:grid;gap:18px}
.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid .span-2{grid-column:1/-1}
.mp-field{min-height:48px;border:1px solid rgba(15,27,46,.2);border-radius:9px;background:#fff;padding:13px 12px}
.payment-form .mp-progress{width:100%;height:2px;border:0;margin:12px 0 0;opacity:.45}
.security-note{text-align:center;margin-top:16px}
.acquisition-spinner{width:34px;height:34px;border:2px solid rgba(15,27,46,.14);border-top-color:#8a684d;border-radius:50%;animation:acqSpin .85s linear infinite;margin:0 auto 18px}
@keyframes acqSpin{to{transform:rotate(360deg)}}
.error-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}

@media(max-width:760px){
  .acquisition-main{padding:42px 0 70px}
  .acquisition-card{border-radius:14px;padding:24px 18px}
  .form-grid.two{grid-template-columns:1fr}
  .form-grid .span-2{grid-column:auto}
  .acquisition-progress{gap:6px;font-size:.65rem}
  .acquisition-progress span b{display:none}
  .selected-plan{grid-template-columns:1fr}
  .selected-plan small{text-align:left}
}

/* ---------------------------------------------------------
   Assisted sales CTA — institutional WhatsApp only.
   No acquisition/Core calls are triggered by this route.
--------------------------------------------------------- */
.serein-btn.secondary{background:transparent;border:1px solid rgba(15,27,46,.22);color:#0f1b2e;cursor:pointer}
.serein-btn.secondary:hover{border-color:#0f1b2e;background:rgba(15,27,46,.035)}
.serein-btn.outline-light{background:transparent;border:1px solid rgba(247,246,242,.5);color:#f7f6f2;cursor:pointer}
.serein-btn.outline-light:hover{border-color:#f7f6f2;background:rgba(247,246,242,.08)}
.hero-actions{flex-wrap:wrap}
.assisted-contact-dialog{width:min(520px,calc(100% - 32px));padding:0;border:0;border-radius:16px;background:transparent;color:#0f1b2e;box-shadow:0 28px 90px rgba(15,27,46,.28)}
.assisted-contact-dialog::backdrop{background:rgba(15,27,46,.56);backdrop-filter:blur(3px)}
.assisted-contact-card{position:relative;background:#f7f6f2;border:1px solid rgba(15,27,46,.12);border-radius:16px;padding:36px}
.assisted-contact-card h2{font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.08;letter-spacing:-.04em;margin:10px 0 12px}
.assisted-contact-card>p{color:#677181;line-height:1.6;margin:0 0 24px}
.assisted-contact-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;background:transparent;color:#677181;font:300 1.7rem/1 sans-serif;cursor:pointer;border-radius:50%}
.assisted-contact-close:hover{background:rgba(15,27,46,.06);color:#0f1b2e}
.whatsapp-contact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px 18px;border:1px solid rgba(15,27,46,.14);border-radius:10px;background:#fff;color:#0f1b2e;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.whatsapp-contact:hover{transform:translateY(-1px);border-color:rgba(15,27,46,.28);box-shadow:0 10px 26px rgba(15,27,46,.08)}
.whatsapp-contact span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.whatsapp-contact strong{font-size:.94rem}
.whatsapp-contact small{font-size:.76rem;color:#7b8390}
.whatsapp-contact>b{font-size:1rem}
.whatsapp-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0f1b2e;color:#f7f6f2;font-weight:800;font-size:.8rem}
.assisted-contact-card .assisted-contact-note{margin:16px 0 0;font-size:.75rem;line-height:1.5;color:#7b8390}
.closing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:620px){
  .assisted-contact-card{padding:30px 20px 22px}
  .hero-actions .serein-btn.secondary{order:2}
  .hero-actions .serein-btn.text{flex-basis:100%;padding-left:0}
  .closing-actions>span{flex-basis:100%;margin-top:4px}
}


/* V8.7 — atendimento assistido próximo aos cards, mais sutil */
.plans-assisted-contact{
  margin-top:14px;
  margin-bottom:26px;
  padding:20px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:#f3eee8;
  border:1px solid rgba(138,104,77,.18);
  border-radius:10px;
  box-shadow:0 7px 20px rgba(15,27,46,.035);
}
.plans-assisted-contact .eyebrow{color:#8a684d}
.plans-assisted-contact h3{margin:3px 0 5px;font-size:1.18rem;line-height:1.2;letter-spacing:-.02em;color:#0f1b2e}
.plans-assisted-contact p{margin:0;color:#677181;line-height:1.5;font-size:.95rem}
.plans-assisted-contact .serein-btn{flex:0 0 auto;white-space:nowrap}
.plans-assisted-contact .serein-btn.secondary{
  background:#dfc7b1;
  border-color:#dfc7b1;
  color:#0f1b2e;
  box-shadow:none;
}
.plans-assisted-contact .serein-btn.secondary:hover{
  background:#d5b89f;
  border-color:#d5b89f;
  color:#0f1b2e;
}
@media (max-width:760px){
  .plans-assisted-contact{margin-top:12px;margin-bottom:22px;align-items:flex-start;flex-direction:column;padding:18px;gap:16px}
  .plans-assisted-contact .serein-btn{width:100%;justify-content:center}
}

/* === V8.8 — mobile-first refinement =====================================
   Desktop plan presentation remains unchanged. On touch/mobile screens,
   plans become a horizontal snap carousel so the user evaluates one plan
   at a time without scrolling through three full cards vertically.
========================================================================== */
.plans-carousel-shell{position:relative}
.plans-carousel-arrow,.plans-carousel-status{display:none}

@media (max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .container{width:min(100% - 32px,var(--container,1180px))}

  /* More compact mobile rhythm without removing content. */
  .v3-hero,.v3-problem,.v3-story,.booking-showcase,.brand-personalization,
  .feature-index,.management-proof,.decision-section,.v4-plans,.faq-section{
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
  .plans-head{margin-bottom:28px!important;gap:14px!important}
  .plans-head h2{font-size:1.86rem!important;max-width:92%}
  .plans-head>p{font-size:.91rem;line-height:1.55;margin-top:0}

  /* Horizontal plans carousel */
  .plans-carousel-shell{
    margin-inline:-16px;
    padding-inline:16px;
    overflow:visible;
  }
  .v4-plans-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:14px!important;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-left:16px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:18px 38px 22px 0;
    margin:0!important;
  }
  .v4-plans-grid::-webkit-scrollbar{display:none}
  .v4-plan-card,.v4-plan-card.recommended{
    flex:0 0 min(84vw,350px);
    width:min(84vw,350px);
    min-width:0;
    min-height:auto!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    transform:none!important;
    padding:25px 21px 22px!important;
    margin:0!important;
  }
  .v4-plan-card:hover,.v4-plan-card.recommended:hover{transform:none!important}
  .v4-plan-card .price{margin:22px 0 14px}
  .v4-plan-card .price strong{font-size:2.2rem}
  .v4-plan-card .plan-highlights{margin-block:16px}
  .v4-plan-card .plan-highlights li{padding-block:7px;font-size:.84rem}
  .v4-plan-card .plan-top h3{font-size:1.18rem;line-height:1.2}
  .v4-plan-card .plan-top p{font-size:.86rem;line-height:1.48}
  .v4-plan-card .plan-scale{gap:8px;font-size:.73rem}

  /* Directional affordance: arrow floats at the right edge until last card. */
  .plans-carousel-arrow{
    display:grid;
    position:absolute;
    z-index:8;
    top:46%;
    width:42px;
    height:42px;
    place-items:center;
    border:1px solid rgba(15,27,46,.12);
    border-radius:50%;
    background:rgba(247,246,242,.94);
    color:#0f1b2e;
    box-shadow:0 9px 24px rgba(15,27,46,.13);
    font-size:1.15rem;
    cursor:pointer;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .plans-carousel-next{right:2px}
  .plans-carousel-prev{left:2px;opacity:0;pointer-events:none}
  .plans-carousel-arrow.is-hidden{opacity:0;pointer-events:none}
  .plans-carousel-arrow:not(.is-hidden){opacity:1}

  .plans-carousel-status{
    display:flex;
    align-items:center;
    gap:5px;
    min-height:28px;
    margin-top:-10px;
    color:#707985;
    font-size:.72rem;
    letter-spacing:.03em;
  }
  .plans-carousel-status [data-plan-current]{color:#0f1b2e;font-weight:750}
  .plans-carousel-status-sep{opacity:.45}
  .plans-carousel-hint{margin-left:8px}

  /* Keep the assisted CTA visually attached to the plan decision. */
  .plans-assisted-contact{
    margin-top:10px!important;
    margin-bottom:24px!important;
  }

  /* Real product imagery: no off-canvas compositions on small screens. */
  .v3-hero-visual{max-width:100%;overflow:hidden}
  .screen-side,.screen-mini{display:none!important}
  .screen-main{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:min(66vw,240px)!important;
    margin:0 auto!important;
  }
  .story-rail article{grid-template-columns:34px minmax(0,1fr)!important;gap:16px!important;padding:26px 0!important}
  .story-rail figure{grid-column:2!important;width:min(58vw,205px)!important;max-width:100%;margin-top:8px!important}
  .booking-phones,.proof-screens{overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;scroll-snap-type:x proximity;padding-bottom:10px}
  .booking-phones figure,.booking-phones figure.raised,.proof-screens figure,.proof-screens figure.wide{
    flex:0 0 58vw;
    width:58vw!important;
    max-width:210px;
    scroll-snap-align:start;
  }
  .all-plans-band{margin-top:24px!important}
}

@media (max-width:390px){
  .v4-plan-card,.v4-plan-card.recommended{flex-basis:86vw;width:86vw;padding-inline:19px!important}
  .plans-carousel-arrow{width:39px;height:39px}
  .plans-head h2{font-size:1.72rem!important}
}


/* === V8.9 — mobile touch-first, compact plan rail =======================
   Reference behavior: responsive reflow for general content; the plan
   comparison is the deliberate one-dimensional horizontal scroller.
   No arrow controls: native finger swipe is the primary interaction.
========================================================================== */
@media (max-width:760px){
  #planos{scroll-margin-top:76px}
  .serein-page img{max-width:100%;height:auto}
  .serein-page main,.serein-page section,.serein-page .container{min-width:0}
  .serein-page h1,.serein-page h2,.serein-page h3,.serein-page p,.serein-page li{overflow-wrap:break-word}

  .plans-carousel-shell{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0!important;
    overflow:visible!important;
  }
  .v4-plans-grid{
    display:flex!important;
    gap:12px!important;
    width:100%!important;
    overflow-x:scroll!important;
    overflow-y:visible!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:18px;
    -webkit-overflow-scrolling:touch;
    touch-action:auto;
    scrollbar-width:none;
    padding:10px 18px 18px!important;
    margin:0!important;
  }
  .v4-plans-grid::-webkit-scrollbar{display:none!important}

  /* A visible slice of the next card is the affordance for finger swipe. */
  .v4-plan-card,.v4-plan-card.recommended{
    flex:0 0 clamp(258px,76vw,300px)!important;
    width:clamp(258px,76vw,300px)!important;
    min-width:clamp(258px,76vw,300px)!important;
    min-height:0!important;
    height:auto!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    transform:none!important;
    padding:20px 18px 18px!important;
    border-radius:10px!important;
  }
  .v4-plan-card .recommendation{top:10px!important;right:10px!important;font-size:.52rem!important;padding:6px 8px!important}
  .v4-plan-card .plan-name{font-size:1.12rem!important;margin-bottom:7px!important}
  .v4-plan-card .plan-top h3{font-size:1rem!important;line-height:1.22!important;margin-bottom:7px!important;max-width:92%}
  .v4-plan-card .plan-top p{font-size:.78rem!important;line-height:1.42!important;min-height:0!important;margin:0!important}
  .v4-plan-card .price{margin:15px 0 11px!important}
  .v4-plan-card .price strong{font-size:1.85rem!important;line-height:1!important}
  .v4-plan-card .price span{font-size:.65rem!important}
  .v4-plan-card .plan-scale{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px 11px!important;
    padding:10px 0!important;
    font-size:.67rem!important;
    line-height:1.3!important;
  }
  .v4-plan-card .plan-scale strong{width:100%;font-size:.75rem!important}
  .v4-plan-card .plan-highlights{margin:10px 0 8px!important}
  .v4-plan-card .plan-highlights li{padding:5px 0!important;font-size:.74rem!important;line-height:1.35!important}
  .v4-plan-card .plan-highlights li:nth-child(n+5){display:none!important}
  .v4-plan-card .plan-details{margin-top:2px!important}
  .v4-plan-card .plan-details summary{padding:10px 0!important;font-size:.72rem!important}
  .v4-plan-card .plan-details[open] div{font-size:.74rem!important;line-height:1.45!important}
  .v4-plan-card .plan-action{margin-top:8px!important;padding-top:12px!important;font-size:.78rem!important}

  .plans-carousel-arrow{display:none!important}
  .plans-carousel-status{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:calc(100% - 36px)!important;
    margin:2px auto 0!important;
    min-height:24px!important;
    color:#6f7782!important;
    font-size:.7rem!important;
  }
  .plans-carousel-hint{margin:0!important;white-space:nowrap}
  .plans-carousel-count{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
  .plans-carousel-dots{display:flex;gap:5px;margin-left:auto}
  .plans-carousel-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#c9c4bc;transition:width .18s ease,background .18s ease}
  .plans-carousel-dots i.is-active{width:15px;border-radius:999px;background:#9b6e4f}

  .plans-assisted-contact{width:100%!important;margin-top:14px!important}
}

@media (max-width:370px){
  .v4-plan-card,.v4-plan-card.recommended{
    flex-basis:78vw!important;
    width:78vw!important;
    min-width:78vw!important;
    padding-inline:16px!important;
  }
}

/* === V8.10 — MOBILE PLAN RAIL / TRUE TOUCH SWIPE =======================
   Mobile plans are a deliberate horizontal rail. The page itself keeps
   vertical reflow, but the plan comparison is compact and swipe-driven.
========================================================================== */
@media (max-width:760px){
  .v4-plans{overflow:hidden!important}
  .v4-plans .container{width:min(100% - 28px,1220px)!important;overflow:visible!important}
  .v4-plans .plans-head{margin-bottom:18px!important}
  .v4-plans .plans-head h2{font-size:1.6rem!important;line-height:1.08!important;margin-bottom:6px!important}
  .v4-plans .plans-head>p{font-size:.82rem!important;line-height:1.42!important;max-width:34rem}

  .v4-plans .plans-carousel-shell{
    position:relative!important;
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0!important;
    overflow:visible!important;
  }

  .v4-plans .v4-plans-grid{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100vw!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:18px!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    scrollbar-width:none!important;
    padding:8px 18px 14px!important;
    margin:0!important;
  }
  .v4-plans .v4-plans-grid::-webkit-scrollbar{display:none!important}

  .v4-plans .v4-plan-card,
  .v4-plans .v4-plan-card.recommended{
    box-sizing:border-box!important;
    flex:0 0 82vw!important;
    width:82vw!important;
    min-width:82vw!important;
    max-width:330px!important;
    min-height:430px!important;
    height:auto!important;
    margin:0!important;
    padding:18px 17px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:normal!important;
    transform:none!important;
  }

  .v4-plans .v4-plan-card .plan-name{font-size:1.02rem!important;margin-bottom:5px!important}
  .v4-plans .v4-plan-card .plan-top h3{font-size:.95rem!important;line-height:1.18!important;margin:0 0 5px!important;max-width:90%!important}
  .v4-plans .v4-plan-card .plan-top p{
    font-size:.74rem!important;
    line-height:1.35!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .v4-plans .v4-plan-card .price{margin:12px 0 9px!important}
  .v4-plans .v4-plan-card .price strong{font-size:1.72rem!important;line-height:1!important}
  .v4-plans .v4-plan-card .price span{font-size:.62rem!important}
  .v4-plans .v4-plan-card .plan-scale{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px 10px!important;
    padding:8px 0!important;
    margin:0!important;
    font-size:.62rem!important;
    line-height:1.25!important;
  }
  .v4-plans .v4-plan-card .plan-scale strong{grid-column:1/-1!important;font-size:.7rem!important}
  .v4-plans .v4-plan-card .plan-highlights{margin:8px 0 5px!important}
  .v4-plans .v4-plan-card .plan-highlights li{
    padding:4px 0 4px 17px!important;
    font-size:.7rem!important;
    line-height:1.28!important;
  }
  .v4-plans .v4-plan-card .plan-highlights li:nth-child(n+5){display:none!important}
  .v4-plans .v4-plan-card .plan-details{margin-top:0!important}
  .v4-plans .v4-plan-card .plan-details summary{padding:8px 0!important;font-size:.68rem!important}
  .v4-plans .v4-plan-card .plan-details[open]{max-height:220px!important;overflow-y:auto!important}
  .v4-plans .v4-plan-card .plan-details[open] div{font-size:.68rem!important;line-height:1.36!important}
  .v4-plans .v4-plan-card .plan-action{
    margin-top:auto!important;
    padding-top:10px!important;
    font-size:.74rem!important;
  }
  .v4-plans .v4-plan-card .recommendation{top:9px!important;right:9px!important;font-size:.48rem!important;padding:5px 7px!important}

  .v4-plans .plans-carousel-status{
    width:calc(100% - 36px)!important;
    margin:0 auto!important;
    min-height:22px!important;
    font-size:.66rem!important;
  }
  .v4-plans .plans-carousel-hint::before{content:"↔ ";color:#9b6e4f;font-weight:700}

  .v4-plans .plans-assisted-contact{margin-top:9px!important}
}

@media (max-width:390px){
  .v4-plans .v4-plan-card,
  .v4-plans .v4-plan-card.recommended{
    flex-basis:84vw!important;
    width:84vw!important;
    min-width:84vw!important;
    max-width:315px!important;
  }
}


/* ---------------------------------------------------------
   V8.12 — checkout Serein: slim, premium and payment-focused.
   CardForm / MercadoPago.js remains responsible for card data.
--------------------------------------------------------- */
#payment-panel.payment-card{
  max-width:780px;
  margin-inline:auto;
  padding:32px 36px 30px;
  border-radius:16px;
  box-shadow:0 16px 46px rgba(15,27,46,.065);
}
.payment-step-head{margin-bottom:20px}
.payment-step-head .eyebrow{margin-bottom:10px}
.payment-step-head h1{font-size:clamp(1.75rem,3vw,2.25rem);margin:7px 0 10px}
.payment-step-head p{font-size:.9rem;line-height:1.55;max-width:690px;margin:0}
.payment-plan{padding:14px 16px!important;margin:0 0 16px!important;border-radius:10px}
.payment-plan span{font-size:.65rem}
.payment-plan strong{font-size:.96rem}
.payment-plan small{font-size:.86rem}
.payment-meta{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:0 0 18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(15,27,46,.1);
}
.payment-meta-label{display:block;font-size:.66rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#7b8390;margin-bottom:8px}
.brand-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.brand-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(15,27,46,.13);
  border-radius:7px;
  background:#fff;
  color:#243047;
  font-size:.67rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-.01em;
}
.brand-visa{font-style:italic;letter-spacing:.04em}
.brand-master{font-size:.62rem}
.brand-amex{letter-spacing:.03em}
.secure-badge{display:flex;align-items:center;gap:8px;color:#526071;font-size:.75rem;white-space:nowrap}
.secure-badge svg{width:18px;height:18px;fill:none;stroke:#8a684d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.payment-grid{gap:14px 16px}
.payment-form label{gap:6px}
.payment-form .mp-field{
  box-sizing:border-box;
  width:100%;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:0 12px!important;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:9px;
}
.payment-form .mp-field iframe{
  display:block!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  border:0!important;
}
.payment-form input,.payment-form select{
  min-height:52px!important;
  height:52px!important;
}
.payment-submit{min-height:50px;margin-top:18px}
.payment-form .mp-progress{margin-top:8px}

@media(max-width:760px){
  #payment-panel.payment-card{padding:22px 16px 20px;border-radius:14px}
  .payment-step-head{margin-bottom:16px}
  .payment-step-head h1{font-size:1.7rem}
  .payment-step-head p{font-size:.84rem}
  .payment-plan{margin-bottom:14px!important}
  .payment-meta{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:14px;margin-bottom:14px}
  .secure-badge{white-space:normal}
  .payment-grid{gap:12px}
  .payment-form .mp-field,.payment-form input,.payment-form select{height:50px!important;min-height:50px!important;max-height:50px!important}
  .payment-form .mp-field iframe{height:48px!important;min-height:48px!important;max-height:48px!important}
  .brand-chip{min-height:26px;padding:4px 8px}
  .payment-submit{margin-top:14px}
}

/* ---------------------------------------------------------
   V8.13 — post-payment handoff + onboarding personalization
--------------------------------------------------------- */
#ready-panel{max-width:760px;margin-inline:auto}
.serein-onboarding-note{
  max-width:620px;
  margin:26px auto 0;
  padding:20px 22px;
  border:1px solid rgba(15,27,46,.11);
  border-radius:12px;
  background:#f7f3ec;
  text-align:left;
}
.serein-onboarding-note strong{display:block;color:#0f1b2e;font-size:.96rem;margin-bottom:8px}
.serein-onboarding-note p{margin:0;color:#677181;line-height:1.65;font-size:.9rem}
.ready-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.ready-actions .serein-btn{min-height:48px;justify-content:center}
.ready-redirect-note{margin:18px auto 0!important;font-size:.78rem;line-height:1.5;color:#7b8390!important}
@media(max-width:620px){
  .serein-onboarding-note{padding:18px 16px}
  .ready-actions{flex-direction:column}
  .ready-actions .serein-btn{width:100%}
}


/* ---------------------------------------------------------
   V8.14 — R43.1: PIX + manual first login + polished payment UX
--------------------------------------------------------- */
.serein-login-link{font-weight:700;color:#0f1b2e!important}
.payment-methods{border:0!important;padding:0!important;margin:0 0 18px!important}
.payment-methods legend{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#687485;margin-bottom:9px}
.payment-method-option{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 15px!important;margin:0 0 8px!important;border:1px solid rgba(15,27,46,.12);border-radius:11px;background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.payment-method-option:hover{border-color:rgba(138,104,77,.42);box-shadow:0 8px 22px rgba(15,27,46,.045)}
.payment-method-option.selected{border-color:rgba(138,104,77,.58);background:#fbf8f3;box-shadow:0 0 0 2px rgba(138,104,77,.07)}
.payment-method-option input{width:18px!important;height:18px!important;min-height:0!important;accent-color:#8a684d;margin:0}
.payment-method-copy{display:flex;flex-direction:column;gap:2px}.payment-method-copy strong{font-size:.92rem;color:#0f1b2e}.payment-method-copy small{font-size:.76rem;color:#727d8c;line-height:1.35}
.payment-method-mark{font-size:.66rem;font-weight:800;letter-spacing:.04em;padding:6px 8px;border-radius:7px;background:#0f1b2e;color:#fff}.pix-mark{background:#edf7f5;color:#176d63;border:1px solid #cfe9e5}
.payment-trust-copy{margin:14px 0 0;padding:12px 14px;border-radius:9px;background:#f7f3ec;color:#677181;font-size:.76rem;line-height:1.5}
.pix-checkout-start{padding:18px;border:1px solid rgba(15,27,46,.1);border-radius:12px;background:#fbfaf7}
.pix-intro{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.pix-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf7f5;border:1px solid #cfe9e5;color:#176d63;font-size:.74rem;font-weight:900;flex:0 0 auto}.pix-intro strong{display:block;color:#0f1b2e;font-size:.94rem;margin:2px 0 4px}.pix-intro p{margin:0;color:#6b7685;font-size:.82rem;line-height:1.5}
.pix-qr-panel{margin-top:4px;padding:20px;border:1px solid rgba(15,27,46,.11);border-radius:13px;background:#fbfaf7}.pix-qr-layout{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:center}.pix-qr-visual{width:210px;aspect-ratio:1;border:1px solid rgba(15,27,46,.11);border-radius:13px;background:#fff;padding:10px;display:grid;place-items:center}.pix-qr-visual img{width:100%;height:100%;object-fit:contain}.pix-qr-placeholder{color:#9aa2ad;font-size:.78rem;font-weight:700}.pix-qr-content h2{font-size:1.35rem;margin:5px 0 8px;color:#0f1b2e}.pix-qr-content>p{font-size:.84rem;color:#687485;line-height:1.55;margin:0 0 14px}.pix-copy-field{font-size:.72rem;font-weight:700;color:#4f5b6b;gap:6px}.pix-copy-field textarea{width:100%;resize:none;min-height:76px!important;height:auto!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;line-height:1.4;background:#fff}.pix-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.pix-actions .serein-btn{min-height:42px}.pix-expiry{display:block;margin-top:10px;color:#7b8390;font-size:.72rem}.pix-secure{margin-top:18px;padding-top:14px;border-top:1px solid rgba(15,27,46,.08)}
.ready-login-note{margin:17px auto 0!important;color:#7b8390!important;font-size:.78rem!important;line-height:1.5}
.pix-billing-card{max-width:760px;margin-inline:auto}.pix-billing-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(15,27,46,.08);border:1px solid rgba(15,27,46,.08);border-radius:12px;overflow:hidden;margin:20px 0}.pix-billing-summary>div{padding:15px 16px;background:#fff;display:flex;flex-direction:column;gap:4px}.pix-billing-summary span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#7b8390;font-weight:750}.pix-billing-summary strong{font-size:.94rem;color:#0f1b2e}.pix-billing-summary .amount strong{font-size:1.2rem}
@media(max-width:760px){.payment-method-option{padding:13px!important;grid-template-columns:auto 1fr}.payment-method-mark{display:none}.pix-qr-panel{padding:15px}.pix-qr-layout{grid-template-columns:1fr;gap:16px}.pix-qr-visual{width:min(230px,80vw);margin:auto}.pix-actions{flex-direction:column;align-items:stretch}.pix-actions .serein-btn{width:100%;justify-content:center}.pix-billing-summary{grid-template-columns:1fr 1fr}.serein-login-link{order:4}}
@media(max-width:420px){.pix-billing-summary{grid-template-columns:1fr}.payment-method-copy small{font-size:.72rem}}

/* Bifrost Tech Brand System v2.0.1 — institutional lockup only */
.bifrost-brand-lockup{display:inline-flex;align-items:center;line-height:0;flex:0 0 auto}
.bifrost-brand-lockup img{display:block;width:168px;height:auto;max-height:48px}
.brand-signature{font-family:Montserrat,Aptos,"Segoe UI Variable","Segoe UI",sans-serif;font-weight:400;font-style:normal}
.hero-foot .brand-signature{text-transform:none;letter-spacing:.025em;color:#8f9db0}
.footer-signature{letter-spacing:.015em}
@media(max-width:620px){.bifrost-brand-lockup img{width:148px;max-height:42px}}


/* ---------------------------------------------------------
   V8.16 — R51.2 Contract Acceptance (dormant-compatible)
--------------------------------------------------------- */
.contract-slot{width:100%}
.contract-acceptance.contract-compact{margin:14px 0 12px;padding:0;border:0;background:transparent;box-shadow:none}
.contract-title{margin:0 0 8px;color:#4f5d70;font-size:.74rem;font-weight:700;line-height:1.4}
.contract-check{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#4f5d70;font-size:.76rem;line-height:1.5;cursor:pointer;text-align:left!important}
.contract-check input{width:17px!important;height:17px!important;min-height:0!important;margin:0!important;accent-color:#8a684d;flex:0 0 auto}
.contract-check>span{display:inline!important;flex:1 1 auto!important;min-width:0!important}
.contract-check a{color:#0f1b2e;font-weight:750;text-decoration:underline;text-decoration-color:rgba(138,104,77,.38);text-underline-offset:2px}
.contract-check a:hover{text-decoration-color:#8a684d}
.contract-acceptance .acquisition-status{margin-top:7px;font-size:.74rem}
.contract-acceptance.contract-incomplete{padding:10px 12px;border:1px solid rgba(170,65,47,.18)!important;border-radius:9px;background:#fffaf8!important}
@media (max-width:720px){
  .contract-acceptance.contract-compact{margin:12px 0 10px}
  .contract-title{font-size:.72rem}
  .contract-check{font-size:.74rem!important;gap:8px!important}
}

/* V8.23 — R52.2 Public Trial */
.trial-hero-cta { min-width: 150px; }
.trial-offer-band {
  margin: 28px 0 18px;
  padding: 24px 26px;
  border: 1px solid rgba(15, 27, 46, .14);
  border-radius: 18px;
  background: #f7f4ee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.trial-offer-band[hidden] { display: none !important; }
.trial-offer-band h3 { margin: 4px 0 6px; font-size: clamp(1.2rem, 2vw, 1.55rem); color: #0f1b2e; }
.trial-offer-band p { margin: 0; color: #596374; }
.trial-offer-summary {
  margin-bottom: 22px;
  padding: 18px 20px;
  border: 1px solid rgba(15, 27, 46, .12);
  border-radius: 14px;
  background: #f7f4ee;
  display: grid;
  gap: 4px;
}
.trial-offer-summary > span { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: #8a5a3b; }
.trial-offer-summary strong { font-size: 1.15rem; color: #0f1b2e; }
.trial-offer-summary small { color: #657083; }
.trial-offer-summary.compact { margin: 0 0 22px; }
.trial-contract-head { margin-bottom: 18px; }
.trial-contract-head h1 { max-width: 760px; }
.trial-contract-documents {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0 0 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(15, 27, 46, .10);
}
.trial-contract-documents a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #596579;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: underline;
  text-decoration-color: rgba(138, 104, 77, .28);
  text-underline-offset: 2px;
}
.trial-contract-documents a:hover { color: #0f1b2e; text-decoration-color: #8a684d; }
.trial-contract-documents a::after { content: '↗'; font-size: .72rem; font-weight: 400; color: #8a5a3b; }
.trial-contract-check {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  margin: 0 0 12px !important;
  font-size: .76rem;
  line-height: 1.5;
}
.trial-contract-check input { flex: 0 0 auto; margin: 0 !important; }
.trial-contract-check a { color: #0f1b2e; font-weight: 750; }
.trial-page .acquisition-success .ready-actions { justify-content: center; }
@media (max-width: 720px) {
  .trial-offer-band { align-items: stretch; flex-direction: column; padding: 20px; }
  .trial-offer-band .serein-btn { width: 100%; text-align: center; }
  .trial-hero-cta { width: 100%; text-align: center; }
}

/* V8.24 — Trial integrated into pricing + compatibility routing */
.trial-pricing-intro {
  position: relative;
  margin: 0 0 28px;
  padding: 22px 0 20px;
  border-top: 1px solid rgba(15,27,46,.14);
  border-bottom: 1px solid rgba(15,27,46,.14);
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 32px;
}
.trial-pricing-intro[hidden]{display:none!important}
.trial-pricing-copy{max-width:720px}
.trial-pricing-copy h3{margin:5px 0 7px;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.18;color:#0f1b2e;letter-spacing:-.025em}
.trial-pricing-copy p{margin:0;color:#596374;line-height:1.55;max-width:680px}
.trial-pricing-copy p strong{color:#0f1b2e;font-weight:750}
.trial-pricing-action{display:flex;align-items:center;gap:16px;white-space:nowrap}
.trial-pricing-meta{font-size:.76rem;color:#737d8b}
.trial-pricing-meta b{font-size:1rem;color:#8a684d}
@media(max-width:800px){
  .trial-pricing-intro{grid-template-columns:1fr;align-items:start;gap:16px;padding:20px 0}
  .trial-pricing-action{justify-content:space-between;white-space:normal}
}
@media(max-width:520px){
  .trial-pricing-action{align-items:stretch;flex-direction:column;gap:10px}
  .trial-pricing-action .serein-btn{width:100%;text-align:center;justify-content:center}
}


/* V8.25 — R52.2.1A Trial cross-device + discreet trial note below paid plans */
.trial-after-plans {
  margin: 18px 0 26px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(15,27,46,.12);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
}
.trial-after-plans[hidden]{display:none!important}
.trial-after-plans-copy {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 9px;
  color: #667080;
  font-size: .92rem;
  line-height: 1.55;
}
.trial-after-plans-copy strong {
  color: #0f1b2e;
  font-size: .96rem;
  font-weight: 760;
}
.trial-after-plans-copy b { color: #0f1b2e; font-weight: 700; }
.trial-after-plans-link {
  flex: 0 0 auto;
  color: #8a5a3b;
  font-size: .88rem;
  font-weight: 730;
  text-decoration: none;
  white-space: nowrap;
}
.trial-after-plans-link:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 720px) {
  .trial-after-plans { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 14px; }
  .trial-after-plans-link { white-space: normal; }
}


/* V8.26 — Trial CTA no hero + robust hierarchy */
.hero-trial-link{margin:11px 0 0;font-size:.82rem;line-height:1.4}
.hero-trial-link[hidden]{display:none!important}
.hero-trial-link a{color:#8a5a3b;font-weight:720;text-decoration:none}
.hero-trial-link a:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:720px){.hero-trial-link{margin-top:10px}}


/* V8.35 — política de cancelamento próxima à decisão de compra */
.plans-cancel-policy{
  margin:18px 0 14px;
  padding:16px 18px;
  display:flex;
  align-items:flex-start;
  gap:13px;
  border-top:1px solid rgba(15,27,46,.14);
  border-bottom:1px solid rgba(15,27,46,.14);
  color:#0f1b2e;
}
.plans-cancel-policy-mark{
  flex:0 0 auto;
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-top:1px;
  background:#0f1b2e;
  color:#f7f6f2;
  font-size:.74rem;
  font-weight:800;
}
.plans-cancel-policy strong{display:block;margin:0 0 3px;font-size:.98rem;letter-spacing:-.01em}
.plans-cancel-policy p{margin:0;color:#667181;font-size:.88rem;line-height:1.5}
@media(max-width:620px){
  .plans-cancel-policy{padding:15px 0;margin:16px 0 12px}
}

/* =========================================================
   V9.0 — Credibilidade, especificidade e conversão
   Mantém a identidade atual; prioriza produto real e confiança.
========================================================= */
.v9-home-hero .hero-index{letter-spacing:.16em;color:#9ba8bb}
.v9-home-hero .hero-statement p{max-width:720px}

.v9-serein-story{padding-bottom:28px}
.v9-home-product-proof{display:grid;grid-template-columns:1.55fr .9fr .42fr;gap:12px;margin-top:54px;align-items:stretch}
.v9-home-product-proof figure{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#fff;min-height:220px}
.v9-home-product-proof img{width:100%;height:100%;object-fit:cover;object-position:top left}
.v9-home-product-proof .v9-proof-wide{min-height:320px}
.v9-home-product-proof figure:last-child{max-height:320px}
.v9-home-product-proof figure:last-child img{object-fit:cover;object-position:top center}
.v9-real-ui-note{margin:14px 0 0!important;color:#8190a4!important;font-size:.72rem!important;letter-spacing:.04em}
.v9-incorte-story .incorte-note h3{margin:0 0 8px;font-size:1.12rem;color:#2a2d30}
.v9-coming-label{display:inline-block;margin-top:14px;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#6e665d}
.v9-incorte-device-note{display:block;margin-top:18px;color:#706a62;font-size:.74rem;letter-spacing:.02em}
.v9-incorte-features{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;color:#5c5750;font-size:.76rem}
.v9-incorte-features span:before{content:"✓";margin-right:6px;color:#8a684d;font-weight:800}
.v9-incorte-cta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:11px 15px;border:1px solid #0f1b2e;border-radius:7px;color:#0f1b2e;font-size:.82rem;font-weight:750}
.v9-incorte-cta:hover{background:#0f1b2e;color:#fff}


.v9-trust-section{background:#111827;color:#fff;padding:94px 0}
.v9-trust-section .section-kicker{border-color:#303a4a;color:#a9b2c0}
.v9-trust-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;align-items:start}
.v9-trust-grid h2{margin:0 0 22px;font-size:clamp(2.3rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em;font-weight:520}
.v9-trust-grid>div>p{margin:0;color:#aab4c2;max-width:620px}
.v9-trust-points{border-top:1px solid #303a4a}
.v9-trust-points article{display:grid;grid-template-columns:.7fr 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #303a4a}
.v9-trust-points strong{font-size:.94rem}.v9-trust-points span{font-size:.86rem;color:#aab4c2}
.v9-company .inline-link{display:inline-block;margin-top:12px;color:#0f1b2e;font-weight:700}

.v9-footer{padding:54px 0 20px}
.v9-footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,.72fr);gap:54px}
.v9-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.v9-footer-grid strong{color:#f3f5f8;font-size:.78rem;margin-bottom:8px}
.v9-footer-grid a,.v9-footer-grid span{font-size:.78rem;color:#8593a8}
.v9-footer-grid a:hover{color:#fff}
.v9-footer-brand img{width:168px}.v9-footer-brand p{margin:8px 0 0;color:#aab4c2;font-size:.8rem}
.v9-footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #263247;margin-top:42px;padding-top:18px;color:#718097;font-size:.72rem}
.v9-footer-bottom p{margin:0}

/* Serein V9 */
.v9-how-section{padding:90px 0;background:#fff;border-top:1px solid #e0ded8;border-bottom:1px solid #e0ded8}
.v9-how-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9dce1;margin-top:44px}
.v9-how-grid article{padding:24px 24px 18px 0;border-bottom:1px solid #d9dce1;min-height:185px}
.v9-how-grid article+article{padding-left:24px;border-left:1px solid #d9dce1}
.v9-how-grid b{display:block;margin-bottom:26px;color:#a07857;font-size:.72rem;font-weight:700}
.v9-how-grid h3{margin:0 0 9px;font-size:1rem;letter-spacing:-.01em}
.v9-how-grid p{margin:0;color:#697483;font-size:.86rem;line-height:1.55}

.v9-brand-real{padding:12px!important;display:grid;gap:14px;background:#fff!important}
.v9-brand-real figure{margin:0;border:1px solid #dedfe3;background:#f8f8f6;overflow:hidden}
.v9-brand-real img{width:100%;aspect-ratio:2.18/1;object-fit:cover;object-position:top left}
.v9-brand-real figcaption{padding:9px 11px;color:#6f7783;font-size:.72rem;line-height:1.45;background:#fff;border-top:1px solid #e2e3e5}

.v9-plan-fit{display:block;margin-top:9px;color:#8a684d;font-size:.66rem;font-weight:760;text-transform:uppercase;letter-spacing:.07em;line-height:1.35}
.recommended .v9-plan-fit{color:#e8c9a8}
.v9-buying-confidence{display:flex;align-items:center;justify-content:center;gap:22px 34px;flex-wrap:wrap;margin:4px 0 28px;color:#697482;font-size:.76rem}
.v9-buying-confidence span{white-space:nowrap}

.v9-serein-footer{padding:52px 0 20px!important}
.v9-serein-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,.7fr);gap:48px}
.v9-serein-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.v9-serein-footer-grid img{width:150px;margin-bottom:5px}
.v9-serein-footer-grid p{margin:0;color:#a9b4c3;font-size:.84rem}.v9-serein-footer-grid small{color:#75849a}
.v9-serein-footer-grid strong{color:#fff;font-size:.78rem;margin-bottom:7px}.v9-serein-footer-grid a{color:#8e9caf;font-size:.78rem}.v9-serein-footer-grid a:hover{color:#fff}

@media(max-width:980px){
  .v9-home-product-proof{grid-template-columns:1.35fr .65fr}.v9-home-product-proof figure:last-child{display:none}
  .v9-trust-grid{grid-template-columns:1fr;gap:48px}
  .v9-footer-grid,.v9-serein-footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:34px}.v9-footer-grid>div:last-child,.v9-serein-footer-grid>div:last-child{grid-column:2/4}
  .v9-how-grid{grid-template-columns:repeat(2,1fr)}.v9-how-grid article:nth-child(3){border-left:0}.v9-how-grid article:nth-child(n+3){border-top:0}
}
@media(max-width:720px){
  .v9-home-product-proof{grid-template-columns:1fr;margin-top:34px}.v9-home-product-proof .v9-proof-wide{min-height:210px}.v9-home-product-proof figure:nth-child(2){display:none}
  .v9-trust-section{padding:76px 0}.v9-trust-points article{grid-template-columns:1fr;gap:5px}.v9-footer-grid,.v9-serein-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.v9-footer-grid>div:first-child,.v9-serein-footer-grid>div:first-child{grid-column:1/-1}.v9-footer-grid>div:last-child,.v9-serein-footer-grid>div:last-child{grid-column:auto}.v9-footer-bottom{flex-direction:column;gap:6px}
  .v9-how-section{padding:72px 0}.v9-how-grid{grid-template-columns:1fr;margin-top:30px}.v9-how-grid article,.v9-how-grid article+article{border-left:0;padding:20px 0;min-height:auto}.v9-how-grid b{margin-bottom:12px}
  .v9-buying-confidence{justify-content:flex-start;gap:9px 18px}.v9-buying-confidence span{white-space:normal}
}
@media(max-width:460px){
  .v9-footer-grid,.v9-serein-footer-grid{grid-template-columns:1fr}.v9-footer-grid>div:last-child,.v9-serein-footer-grid>div:last-child{grid-column:auto}
}


/* ==========================================================================
   BIFROST SITE V9.2 — Consolidação de mídia, acessibilidade e CSS público
   --------------------------------------------------------------------------
   As geometrias legadas V7/V9.0 de screenshots foram removidas. Este bloco
   passa a ser a única autoridade visual para hero, rotina, gestão e prova real
   do produto no front-end público. Fluxos transacionais permanecem isolados.
   ========================================================================== */

/* ---------- 0. Base: fonte própria, imagens e foco ---------- */
@font-face{
  font-family:"Inter";
  src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:where(img){height:auto}
.skip-link{position:absolute;left:12px;top:-64px;z-index:200;background:var(--s-navy);color:#fff;padding:11px 16px;border-radius:6px;font-size:.9rem;font-weight:600;transition:none}
.skip-link:focus{top:12px}
:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--s-copper-deep);outline-offset:3px;border-radius:3px}
.bifrost-hero :focus-visible,.principles-section :focus-visible,.v9-trust-section :focus-visible,
.serein-story :focus-visible,.management-proof :focus-visible,.v3-story :focus-visible,
.serein-closing :focus-visible,.dark-footer :focus-visible,.serein-footer :focus-visible,
.dark-header :focus-visible,.plan-card.recommended :focus-visible{outline-color:var(--s-gold)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ---------- 1. Contraste (meta da Diretriz: WCAG 2.2 AA) ---------- */
.section-kicker span{color:#6b665e}
.section-kicker.light span,.section-kicker.light{color:#a3adbb}
.principles-list article>span{color:#8593a8}
.company-copy p{color:#565a58}
.incorte-row p,.incorte-note p{color:#58534c}
.incorte-story .product-meta,.v9-coming-label{color:#5a554e}
.stage-caption,.stage-caption small{color:#6b655d}
.trust-strip span{color:#5f5a53}
.hero-foot p{color:#8a98ad}
.dark-footer,.dark-footer p,.dark-footer span{color:#93a1b6}
.v9-footer-bottom,.v9-footer-bottom p,.v9-footer-bottom span{color:#93a1b6}

/* ---------- 2. Serein · vitrine do hero (desktop 1600px dentro de moldura 9:20 = bug) ---------- */
.v3 .product-stage{min-height:0;padding:58px 26px 74px;display:block}
.v3 .product-stage .screen{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;aspect-ratio:auto;transform:none;border-radius:8px;background:#fff}
.v3 .product-stage .screen img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:top left}
.v3 .product-stage .v9-desktop-screen{width:100%;z-index:1}
.v3 .product-stage .v9-mobile-screen{position:absolute;right:14px;bottom:0;width:25%;z-index:3;border-radius:14px}
.v3 .product-stage .v9-report-screen{display:none}
@media (max-width:760px){
  .v3 .product-stage{padding:52px 12px 56px}
  .v3 .product-stage .screen-main{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;transform:none!important}
  .v3 .product-stage .screen-side{display:block!important;position:absolute!important;right:2px;bottom:0;width:29%!important}
  .v3 .product-stage .screen-mini{display:none!important}
}

/* ---------- 3. Serein · "Uma rotina conectada" (capturas desktop na proporção real) ---------- */
.v3-story .story-rail article{grid-template-columns:44px minmax(0,1fr) minmax(320px,46%);gap:40px;min-height:0;padding:40px 0;align-items:center}
.v3-story .story-rail figure{justify-self:stretch;width:100%;height:auto;aspect-ratio:auto;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.v3-story .story-rail figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain!important}
@media (max-width:900px){
  .v3-story .story-rail article{grid-template-columns:34px minmax(0,1fr)!important;gap:16px!important}
  .v3-story .story-rail figure{grid-column:2!important;width:100%!important;max-width:none!important;justify-self:stretch}
}

/* ---------- 4. Serein · gestão (financeiro + relatórios sobrepostos, sem recorte) ---------- */
.management-proof .proof-screens{display:block;position:relative;min-height:0;padding:0 0 17%;overflow:visible}
.management-proof .proof-screens figure,.management-proof .proof-screens figure.wide{position:relative;width:88%!important;max-width:none!important;flex:none!important;height:auto;aspect-ratio:auto;margin:0;transform:none;border-radius:8px}
.management-proof .proof-screens figure+figure{position:absolute;right:0;bottom:0;width:60%;z-index:2}
.management-proof .proof-screens img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain!important}

/* ---------- 5. Serein · páginas públicas de exemplo (sem recorte, maiores) ---------- */
.brand-personalization-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}
.v9-brand-real img{aspect-ratio:auto;height:auto;object-fit:contain}
@media (max-width:900px){.brand-personalization-grid{grid-template-columns:1fr;gap:40px}}

/* ---------- 6. Home Bifrost · prova de produto (mesma altura, proporção real) ---------- */
.v9-home-product-proof{display:flex;gap:14px;align-items:flex-end;grid-template-columns:none;margin-top:54px}
.v9-home-product-proof figure{--r:2.13;flex:var(--r) 1 0;min-width:0;aspect-ratio:var(--r);min-height:0!important;max-height:none!important;margin:0;background:#fff}
.v9-home-product-proof figure:nth-child(2){--r:1.756}
.v9-home-product-proof figure:nth-child(3){--r:.45}
.v9-home-product-proof img{width:100%;height:100%;object-fit:contain;object-position:top left}
@media (max-width:1000px){.v9-home-product-proof figure:last-child{display:none}}
@media (max-width:720px){.v9-home-product-proof{margin-top:34px}.v9-home-product-proof figure:nth-child(2){display:none}}

/* ---------- 7. Planos · CTA de verdade e estados do catálogo ---------- */
.v4-plan-card .plan-action{display:flex!important;justify-content:center!important;align-items:center;gap:10px;margin-top:auto!important;padding:14px 18px!important;font-size:.9rem!important;font-weight:650;color:var(--s-navy);border:1px solid var(--s-navy);border-radius:8px;background:transparent}
.v4-plan-card .plan-action:hover{background:var(--s-navy);color:#fff}
.v4-plan-card.recommended .plan-action{background:var(--s-gold-light);border-color:var(--s-gold-light);color:var(--s-navy)}
.v4-plan-card.recommended .plan-action:hover{background:#fff;border-color:#fff}
.v4-plan-card:hover{transform:none}
.v4-plan-card.recommended:hover{transform:none}
.plan-action[aria-disabled="true"]{opacity:.45;pointer-events:none}
html:not([data-catalog="ready"]) .v4-plan-card [data-plan-price]{font-size:1.05rem!important;font-weight:500;color:#5b6675}
html:not([data-catalog="ready"]) .v4-plan-card.recommended [data-plan-price]{color:#c5cedb}

/* ---------- 8. Contraste — resíduos encontrados na auditoria automática ---------- */
.hero-note{color:#5b5f5d}
.v9-how-grid b,.pain-grid b{color:#8A684D}
.eyebrow.light{color:var(--s-gold)!important}
.feature-table article>span{color:#6f6252}
.v4-plan-card .price>span{color:#66615a}
.v4-plan-card.recommended .price>span{color:#a9b5c6}
.plan-scale span{color:#66625c}
.v9-buying-confidence span{color:#4f5b6b}
.brand-personalization .eyebrow,.plans-assisted-contact .eyebrow{color:#7a563a!important}
.brand-personalization-copy>p,.plans-assisted-contact p{color:#4f5b6d}



/* ========================================================================== 
   BIFROST SITE V9.3 — Hero institucional com ponte tecnológica aprovada
   --------------------------------------------------------------------------
   A imagem é conteúdo visual institucional da Bifrost. O overlay preserva a
   legibilidade do hero sem competir com a marca, título ou CTA.
   ========================================================================== */
.v9-home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#09111f;
}
.v93-home-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  margin:0;
  pointer-events:none;
}
.v93-home-hero-media img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
}
.v9-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,17,31,.97) 0%,rgba(9,17,31,.91) 30%,rgba(9,17,31,.67) 57%,rgba(9,17,31,.27) 100%),
    linear-gradient(180deg,rgba(9,17,31,.24) 0%,rgba(9,17,31,.08) 45%,rgba(9,17,31,.72) 100%);
}
.v9-home-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  height:36%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(9,17,31,0),#09111f 96%);
}
.v9-home-hero .hero-shell{
  position:relative;
  z-index:3;
  min-height:650px;
}
.v9-home-hero .hero-statement{
  max-width:980px;
}
.v9-home-hero .hero-statement h1{
  text-shadow:0 2px 26px rgba(2,8,18,.24);
}
.v9-home-hero .hero-statement p{
  color:#c1cad8;
  text-shadow:0 1px 16px rgba(2,8,18,.34);
}
.v9-home-hero .hero-index,
.v9-home-hero .hero-foot{
  position:relative;
  z-index:2;
}
.v9-home-hero .hero-foot{
  border-top-color:rgba(200,214,233,.22);
}
.v9-home-hero .hero-foot .text-link{
  color:#fff;
}
.v9-home-hero .hero-foot .brand-signature{
  color:#aeb9c9;
}
@media(max-width:900px){
  .v93-home-hero-media img{object-position:61% center}
  .v9-home-hero::before{
    background:
      linear-gradient(90deg,rgba(9,17,31,.96) 0%,rgba(9,17,31,.85) 58%,rgba(9,17,31,.48) 100%),
      linear-gradient(180deg,rgba(9,17,31,.28) 0%,rgba(9,17,31,.12) 42%,rgba(9,17,31,.8) 100%);
  }
}
@media(max-width:620px){
  .v9-home-hero .hero-shell{min-height:610px;padding-top:38px}
  .v93-home-hero-media img{object-position:67% center}
  .v9-home-hero::before{
    background:
      linear-gradient(90deg,rgba(9,17,31,.97) 0%,rgba(9,17,31,.90) 70%,rgba(9,17,31,.70) 100%),
      linear-gradient(180deg,rgba(9,17,31,.32) 0%,rgba(9,17,31,.16) 35%,rgba(9,17,31,.88) 100%);
  }
  .v9-home-hero .hero-statement p{color:#d0d7e2}
}

/* ========================================================================== 
   BIFROST SITE V9.3.1 — Ajuste de hierarquia do subtítulo no hero
   --------------------------------------------------------------------------
   Mantém o hero aprovado e integra o texto descritivo ao mesmo eixo visual
   do título, sem alterar imagem, CTA, slogan ou comportamento responsivo.
   ========================================================================== */
.v9-home-hero .hero-statement p{
  max-width:660px;
  margin:26px 0 0;
}
@media(max-width:620px){
  .v9-home-hero .hero-statement p{
    max-width:100%;
    margin-top:22px;
  }
}


/* === V9.4 — Serein catalog multi-interval === */
.billing-toggle{
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  align-self:flex-start;
  gap:3px;
  margin:18px 0 2px;
  padding:3px;
  border:1px solid #d8d2c8;
  border-radius:999px;
  background:#f2efe9;
}
.billing-toggle button{
  min-width:76px;
  border:0;
  border-radius:999px;
  padding:8px 13px;
  background:transparent;
  color:#5f625f;
  font:inherit;
  font-size:.72rem;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.billing-toggle button:hover{color:var(--s-navy)}
.billing-toggle button:focus-visible{
  outline:2px solid var(--s-copper-deep);
  outline-offset:2px;
}
.billing-toggle button.is-active{
  background:#fff;
  color:var(--s-navy);
  box-shadow:0 1px 4px rgba(15,27,46,.12);
}
.v4-plan-card.recommended .billing-toggle{
  border-color:#3a485b;
  background:#17263a;
}
.v4-plan-card.recommended .billing-toggle button{color:#aeb8c5}
.v4-plan-card.recommended .billing-toggle button:hover{color:#fff}
.v4-plan-card.recommended .billing-toggle button.is-active{
  background:var(--s-gold-light);
  color:var(--s-navy);
  box-shadow:none;
}
.v4-plan-card .price{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "price price"
    "unit note";
  align-items:start;
  column-gap:18px;
  row-gap:7px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(125,117,107,.24);
}
.v4-plan-card.recommended .price{border-bottom-color:#344154}
.v4-plan-card .price strong{grid-area:price}
.v4-plan-card .price>span{
  grid-area:unit;
  align-self:start;
  padding:0;
  white-space:nowrap;
}
.billing-price-note{
  grid-area:note;
  justify-self:end;
  display:grid;
  gap:2px;
  min-height:1.25em;
  margin:0;
  color:var(--s-copper-deep);
  font-size:.71rem;
  line-height:1.35;
  letter-spacing:0;
  text-align:right;
}
.billing-price-note [data-plan-saving]{
  color:#9B5F36;
  font-weight:750;
}
.billing-price-note [data-plan-equivalent]{
  color:#706d68;
  font-size:.68rem;
}
.v4-plan-card.recommended .billing-price-note{color:var(--s-gold)}
.v4-plan-card.recommended .billing-price-note [data-plan-saving]{
  color:var(--s-gold-light);
}
.v4-plan-card.recommended .billing-price-note [data-plan-equivalent]{color:#c1c9d3}
html[data-catalog="loading"] .billing-toggle button,
html[data-catalog="error"] .billing-toggle button{cursor:default}
html[data-catalog="error"] .plan-action[aria-disabled="true"]{
  opacity:.5;
  pointer-events:none;
}
@media(max-width:620px){
  .billing-toggle{
    display:grid;
    width:100%;
    margin-top:16px;
  }
  .billing-toggle button{
    min-height:38px;
    min-width:0;
  }
  .v4-plan-card .price{
    margin-top:23px;
    grid-template-columns:minmax(0,auto) minmax(0,1fr);
    column-gap:12px;
  }
  .billing-price-note{
    max-width:150px;
    font-size:.66rem;
  }
  .billing-price-note [data-plan-equivalent]{font-size:.64rem}
}


/* ==========================================================================
   BIFROST HOME V10 — institucional tecnológica, ponte protagonista
   ========================================================================== */
.v9-home-hero::before{
  background:
    linear-gradient(90deg,rgba(9,17,31,.93) 0%,rgba(9,17,31,.76) 34%,rgba(9,17,31,.33) 58%,rgba(9,17,31,.08) 100%),
    linear-gradient(180deg,rgba(9,17,31,.18) 0%,rgba(9,17,31,.06) 48%,rgba(9,17,31,.56) 100%);
}
.v9-home-hero::after{
  height:22%;
  background:linear-gradient(180deg,rgba(9,17,31,0),rgba(9,17,31,.92) 100%);
}
.v93-home-hero-media img{
  object-position:56% center;
  filter:saturate(1.06) contrast(1.05);
}
.v9-home-hero .hero-shell{min-height:700px}
.v9-home-hero .hero-statement{max-width:790px}
.v9-home-hero .hero-statement h1{
  max-width:760px;
  font-size:clamp(3.7rem,6.7vw,6.8rem);
  line-height:.94;
  letter-spacing:-.061em;
}
.v9-home-hero .hero-statement h1 em{
  color:#d3dbe7;
  text-shadow:0 2px 24px rgba(3,9,18,.22);
}
.v9-home-hero .hero-statement p{
  max-width:610px;
  margin:28px 0 0;
  color:#c9d1dc;
}
.hero-signal{
  margin:0!important;
  color:#9cabc0!important;
  font-size:.7rem!important;
  letter-spacing:.095em!important;
  text-transform:uppercase;
}

.v10-products{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 100% 8%,transparent 0 180px,rgba(26,71,126,.10) 181px 182px,transparent 183px 255px,rgba(26,71,126,.045) 256px 257px,transparent 258px),
    radial-gradient(circle at 0% 92%,transparent 0 215px,rgba(26,71,126,.09) 216px 217px,transparent 218px 300px,rgba(26,71,126,.04) 301px 302px,transparent 303px),
    linear-gradient(135deg,#f8fbff 0%,#eef4fa 52%,#f8fbff 100%);
}
.v10-products::before,
.v10-products::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.v10-products::before{
  width:520px;
  height:1px;
  right:-70px;
  top:176px;
  background:linear-gradient(90deg,transparent,#0f3769 22%,#6d8fb7 72%,transparent);
  box-shadow:0 42px 0 rgba(15,55,105,.12);
  transform:rotate(-22deg);
  opacity:.55;
}
.v10-products::after{
  left:0;
  bottom:115px;
  width:360px;
  height:360px;
  border:1px solid rgba(15,55,105,.08);
  border-radius:50%;
  transform:translate(-42%,38%);
}
.v10-products>.container{position:relative;z-index:1}
.v10-products-heading{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:72px;
  align-items:end;
  margin:0 0 46px;
}
.v10-products-heading h2{
  max-width:900px;
  margin:0;
  font-size:clamp(2.55rem,4.8vw,4.9rem);
  line-height:.99;
  letter-spacing:-.052em;
  font-weight:520;
  color:#10213a;
}
.v10-products-heading p{
  margin:0;
  color:#5a6777;
  font-size:.98rem;
  line-height:1.65;
}

.v10-product-card{
  position:relative;
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease;
  will-change:transform;
}
.v10-product-card::after{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  bottom:0;
  height:2px;
  transform:scaleX(.16);
  transform-origin:left;
  transition:transform .28s ease;
}
.v9-serein-story.v10-product-card{
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 18px 45px rgba(12,24,42,.12);
}
.v9-serein-story.v10-product-card::after{background:linear-gradient(90deg,var(--s-gold),#8ba3c2)}
.v9-incorte-story.v10-product-card{
  background:rgba(248,246,241,.94);
  border-color:#cbd5df;
  box-shadow:0 16px 38px rgba(31,54,82,.08);
}
.v9-incorte-story.v10-product-card::after{background:linear-gradient(90deg,#8a684d,#173c69)}
@media(hover:hover) and (pointer:fine){
  .v10-product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 28px 65px rgba(22,43,70,.16);
  }
  .v9-serein-story.v10-product-card:hover{border-color:rgba(244,216,184,.35)}
  .v9-incorte-story.v10-product-card:hover{border-color:#9fb1c6;background:#fbfaf7}
  .v10-product-card:hover::after{transform:scaleX(1)}
  .v10-product-card:hover .v9-home-product-proof img,
  .v10-product-card:hover .v10-incorte-proof img{transform:scale(1.018)}
  .v10-product-card:hover .light-link span,
  .v10-product-card:hover .v9-incorte-cta span{transform:translateX(4px)}
}
.v9-home-product-proof img,
.v10-incorte-proof img{transition:transform .3s ease}
.light-link span,
.v9-incorte-cta span{display:inline-block;transition:transform .22s ease}

.v9-incorte-story .incorte-row{
  grid-template-columns:.88fr 1.12fr;
  gap:72px;
  align-items:start;
  padding-top:50px;
}
.v10-incorte-identity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:100%;
}
.v10-incorte-identity .incorte-name{
  color:#10213a;
  font-size:clamp(3.5rem,5vw,5rem);
}
.v10-incorte-identity>p{
  max-width:360px;
  margin:18px 0 0;
  color:#5d5a55;
  font-size:1rem;
}
.v9-incorte-device-note{
  margin-top:28px;
  max-width:360px;
  color:#6d7885;
  font-size:.71rem;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.v9-incorte-story .incorte-note{max-width:none}
.v9-incorte-story .incorte-note h3{
  max-width:620px;
  margin:0 0 13px;
  color:#17263a;
  font-size:clamp(1.7rem,2.6vw,2.45rem);
  line-height:1.08;
  letter-spacing:-.032em;
  font-weight:560;
}
.v9-incorte-story .incorte-note>p{
  max-width:610px;
  margin:0;
  color:#5e646c;
  font-size:.95rem;
  line-height:1.65;
}
.v10-incorte-axes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:27px;
  border-top:1px solid #cfd7df;
  border-bottom:1px solid #cfd7df;
}
.v10-incorte-axes>div{
  padding:16px 18px 16px 0;
  min-width:0;
}
.v10-incorte-axes>div+div{
  padding-left:18px;
  border-left:1px solid #cfd7df;
}
.v10-incorte-axes b{
  display:block;
  margin-bottom:5px;
  color:#10213a;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.v10-incorte-axes span{
  display:block;
  color:#69727c;
  font-size:.74rem;
  line-height:1.45;
}
.v9-incorte-cta{
  margin-top:24px;
  border-color:#173c69;
  color:#173c69;
}
.v9-incorte-cta:hover{background:#173c69}
.v10-incorte-proof{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(150px,.62fr);
  gap:12px;
  margin-top:38px;
  align-items:stretch;
}
.v10-incorte-proof figure{
  margin:0;
  overflow:hidden;
  border:1px solid #c9d3de;
  background:#0f1722;
  min-height:0;
}
.v10-incorte-proof figure:first-child{aspect-ratio:2.08}
.v10-incorte-proof figure:last-child{aspect-ratio:.72}
.v10-incorte-proof img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
.v10-incorte-note{color:#6f7b89!important}

.v9-trust-section{
  background:
    linear-gradient(135deg,rgba(255,255,255,.018),transparent 38%),
    #101a2a;
}
.principles-section{background:#0d141f}
.v9-company{background:#f7f9fc}
.closing-section{
  background:linear-gradient(90deg,#dbe5f0,#edf3f8 60%,#dfe9f3);
  border-top:1px solid #cbd6e1;
}

@media(max-width:980px){
  .v10-products-heading{grid-template-columns:1fr;gap:20px}
  .v9-incorte-story .incorte-row{grid-template-columns:1fr;gap:32px}
  .v10-incorte-axes{grid-template-columns:1fr}
  .v10-incorte-axes>div{padding:14px 0}
  .v10-incorte-axes>div+div{padding-left:0;border-left:0;border-top:1px solid #cfd7df}
}
@media(max-width:720px){
  .v9-home-hero::before{
    background:
      linear-gradient(90deg,rgba(9,17,31,.96) 0%,rgba(9,17,31,.84) 58%,rgba(9,17,31,.47) 100%),
      linear-gradient(180deg,rgba(9,17,31,.18),rgba(9,17,31,.62));
  }
  .v93-home-hero-media img{object-position:68% center}
  .v9-home-hero .hero-statement h1{font-size:3.25rem}
  .hero-signal{display:none}
  .v10-products-heading{margin-bottom:30px}
  .v10-products-heading h2{font-size:2.55rem}
  .v10-incorte-proof{grid-template-columns:1fr}
  .v10-incorte-proof figure:last-child{display:none}
  .v10-product-card::after{left:20px;right:20px}
}
@media(prefers-reduced-motion:reduce){
  .v10-product-card,
  .v10-product-card::after,
  .v9-home-product-proof img,
  .v10-incorte-proof img,
  .light-link span,
  .v9-incorte-cta span{transition:none!important;transform:none!important}
}


/* ==========================================================================
   BIFROST HOME V11 — descoberta de produtos compacta e escalável
   ========================================================================== */
.products-menu{position:relative}
.products-menu>summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
}
.products-menu>summary::-webkit-details-marker{display:none}
.products-menu>summary::after{
  content:"⌄";
  display:inline-block;
  margin-left:8px;
  font-size:.72rem;
  transition:transform .18s ease;
}
.products-menu[open]>summary::after{transform:rotate(180deg)}
.products-menu-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:90;
  min-width:230px;
  padding:7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#101b2d;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
.products-menu-panel a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 12px;
  border-radius:7px;
  color:#fff;
}
.products-menu-panel a:hover{background:rgba(255,255,255,.07)}
.products-menu-panel span{font-size:.83rem;font-weight:700}
.products-menu-panel small{color:#8fa0b7;font-size:.68rem}

.v11-products{padding-top:82px;padding-bottom:88px}
.v11-products .v10-products-heading{margin-bottom:34px}
.v11-products-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.v11-product-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:24px;
  border:1px solid transparent;
  border-radius:12px;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.v11-product-serein{
  background:#0f1b2e;
  color:#fff;
  border-color:rgba(255,255,255,.08);
}
.v11-product-incorte{
  background:rgba(249,248,244,.96);
  color:#10213a;
  border-color:#cbd5df;
}
.v11-product-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-height:54px;
}
.v11-product-sector{
  display:block;
  margin-bottom:10px;
  font-size:.64rem;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#90a0b6;
}
.v11-product-incorte .v11-product-sector{color:#756b62}
.v11-product-logo{width:132px}
.v11-product-name{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:2.35rem;
  line-height:.9;
  letter-spacing:-.045em;
}
.v11-product-status{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:.59rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.7;
}
.v11-product-card h3{
  margin:28px 0 10px;
  max-width:480px;
  font-size:clamp(1.45rem,2.25vw,2.1rem);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:560;
}
.v11-product-card>p{
  margin:0;
  max-width:520px;
  font-size:.86rem;
  line-height:1.6;
}
.v11-product-serein>p{color:#afbac9}
.v11-product-incorte>p{color:#5f6770}
.v11-product-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:18px 0 20px;
}
.v11-product-tags span{
  padding:6px 9px;
  border-radius:999px;
  font-size:.64rem;
  line-height:1;
}
.v11-product-serein .v11-product-tags span{
  border:1px solid #314158;
  color:#bdc8d6;
  background:#132238;
}
.v11-product-incorte .v11-product-tags span{
  border:1px solid #d6dde5;
  color:#5a6571;
  background:#f2f5f8;
}
.v11-product-media{
  position:relative;
  margin:0;
  aspect-ratio:2.12;
  overflow:hidden;
  border-radius:8px;
  background:#0a111c;
}
.v11-product-media::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:inherit;
  pointer-events:none;
}
.v11-product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  transition:transform .22s ease;
}
.v11-product-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  align-self:flex-start;
  margin-top:18px;
  padding:9px 12px;
  border:1px solid currentColor;
  border-radius:7px;
  font-size:.78rem;
  font-weight:750;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.v11-product-serein .v11-product-link{color:var(--s-gold-light);border-color:rgba(244,216,184,.48)}
.v11-product-incorte .v11-product-link{color:#173c69;border-color:#aebdcd}
.v11-product-link span{transition:transform .22s ease}
@media(hover:hover) and (pointer:fine){
  .v11-product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 45px rgba(22,43,70,.13);
  }
  .v11-product-serein:hover{border-color:rgba(244,216,184,.28)}
  .v11-product-incorte:hover{border-color:#9eb1c5}
  .v11-product-card:hover .v11-product-media img{transform:scale(1.018)}
  .v11-product-card:hover .v11-product-link{transform:translateY(-1px)}
  .v11-product-serein:hover .v11-product-link{background:var(--s-gold-light);color:var(--s-navy);border-color:var(--s-gold-light)}
  .v11-product-incorte:hover .v11-product-link{background:#173c69;color:#fff;border-color:#173c69}
  .v11-product-card:hover .v11-product-link span{transform:translateX(4px)}
}
@media(max-width:900px){
  .products-menu{width:100%}
  .products-menu>summary{display:block;text-align:center}
  .products-menu-panel{
    position:static;
    min-width:0;
    margin-top:7px;
    box-shadow:none;
  }
  .v11-products-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .v11-products{padding-top:70px;padding-bottom:72px}
  .v11-product-card{padding:20px}
  .v11-product-card h3{margin-top:24px;font-size:1.6rem}
  .v11-product-media{aspect-ratio:1.75}
}
@media(prefers-reduced-motion:reduce){
  .products-menu>summary::after,
  .v11-product-card,
  .v11-product-media img,
  .v11-product-link span{transition:none!important;transform:none!important}
}


/* ==========================================================================
   SEREIN SITE V10 — produto real, navegação horizontal e identidade premium
   ========================================================================== */
.serein-v10-hero{
  position:relative;
  overflow:hidden;
  padding:76px 0 0;
  background:
    radial-gradient(circle at 74% 22%,rgba(232,184,137,.08),transparent 34%),
    linear-gradient(135deg,#071625 0%,#0b1b2e 55%,#0d2035 100%);
  color:#fff;
}
.serein-v10-hero-bg{
  position:absolute;
  inset:0 0 auto auto;
  width:min(52vw,720px);
  height:100%;
  background:url("../img/serein/v10/serein-premium-bg.webp") top right/cover no-repeat;
  opacity:.34;
  mix-blend-mode:screen;
  pointer-events:none;
}
.serein-v10-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,22,37,.96) 0%,rgba(7,22,37,.86) 40%,rgba(7,22,37,.38) 72%,rgba(7,22,37,.12) 100%);
  pointer-events:none;
}
.serein-v10-hero-grid,.serein-v10-capabilities{position:relative;z-index:1}
.serein-v10-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  gap:66px;
  align-items:center;
  min-height:620px;
}
.serein-v10-hero-copy{padding:30px 0 66px}
.serein-v10-hero-copy h1{
  margin:0;
  max-width:720px;
  font-size:clamp(3.15rem,5.35vw,5.55rem);
  line-height:.94;
  letter-spacing:-.058em;
  font-weight:520;
}
.serein-v10-hero-copy h1 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:var(--s-gold-light);
}
.serein-v10-hero-copy>p{
  max-width:630px;
  margin:27px 0 0;
  color:#b7c2cf;
  font-size:1.02rem;
  line-height:1.66;
}
.serein-v10-actions{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}
.serein-v10-actions [data-trial-offer]{display:inline-flex}
.serein-v10-actions .serein-btn.primary{
  background:linear-gradient(135deg,#efd0a8,#dba66f);
  color:#0d1a2b;
  box-shadow:0 10px 28px rgba(232,184,137,.14);
}
.serein-v10-secondary{
  display:inline-flex;
  gap:9px;
  align-items:center;
  padding:11px 2px;
  color:#dbe2ea;
  font-size:.86rem;
  font-weight:650;
  border-bottom:1px solid rgba(244,216,184,.38);
}
.serein-v10-trial-note{margin-top:13px!important;color:#8595a8!important;font-size:.73rem!important}
.serein-v10-hero-product{
  position:relative;
  min-height:520px;
  align-self:end;
}
.serein-v10-hero-product figure{
  margin:0;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.serein-v10-hero-product img{width:100%;height:100%;object-fit:cover;object-position:top}
.serein-v10-hero-desktop{
  position:absolute;
  width:min(100%,650px);
  aspect-ratio:2.13;
  right:0;
  top:90px;
  border-radius:10px;
}
.serein-v10-hero-mobile{
  position:absolute;
  width:150px;
  aspect-ratio:.48;
  left:-26px;
  top:180px;
  z-index:2;
  border-radius:18px!important;
}
.serein-v10-capabilities{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  min-height:72px;
  border-top:1px solid rgba(255,255,255,.13);
}
.serein-v10-capabilities span{
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.10);
  color:#97a7ba;
  font-size:.65rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.serein-v10-capabilities span:last-child{border-right:0}

.serein-v10-motion{
  position:relative;
  overflow:hidden;
  padding:96px 0;
  background:#0b1728;
  color:#fff;
}
.serein-v10-motion::before{
  content:"";
  position:absolute;
  inset:auto auto -42% -12%;
  width:520px;
  height:520px;
  border-radius:50%;
  border:1px solid rgba(232,184,137,.08);
  box-shadow:0 0 0 58px rgba(232,184,137,.025),0 0 0 118px rgba(255,255,255,.015);
}
.serein-v10-motion-grid{
  position:relative;
  display:grid;
  grid-template-columns:.58fr 1.42fr;
  gap:72px;
  align-items:center;
}
.serein-v10-section-copy h2{
  margin:0 0 20px;
  font-size:clamp(2.4rem,4.2vw,4rem);
  line-height:1;
  letter-spacing:-.048em;
  font-weight:520;
}
.serein-v10-section-copy p{margin:0;color:#9eabba;line-height:1.68}
.serein-v10-motion-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:25px;
}
.serein-v10-motion-points span{
  padding:7px 9px;
  border:1px solid #324157;
  color:#aeb9c7;
  font-size:.66rem;
  border-radius:999px;
}
.serein-v10-video-frame{
  margin:0;
  padding:12px;
  border:1px solid #2f3d50;
  border-radius:12px;
  background:#07111f;
  box-shadow:0 25px 70px rgba(0,0,0,.24);
}
.serein-v10-video-frame video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:7px;
  background:#08121f;
}
.serein-v10-video-frame figcaption{
  padding:11px 3px 1px;
  color:#738297;
  font-size:.68rem;
  letter-spacing:.04em;
}

.serein-v10-explore{padding:86px 0;background:#f7f6f2}
.serein-v10-explore-dark{background:#101d2f;color:#fff}
.serein-v10-rail-head{
  display:grid;
  grid-template-columns:1fr .42fr;
  gap:60px;
  align-items:end;
  margin-bottom:30px;
}
.serein-v10-rail-head h2{
  margin:0;
  max-width:780px;
  font-size:clamp(2.2rem,3.7vw,3.65rem);
  line-height:1.02;
  letter-spacing:-.046em;
  font-weight:520;
}
.serein-v10-rail-head>p{
  margin:0 0 5px;
  color:#747a80;
  font-size:.82rem;
  text-align:right;
}
.serein-v10-rail-head.light>p{color:#8290a3}
.serein-v10-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(430px,52vw);
  gap:18px;
  overflow-x:auto;
  padding:3px 2px 18px;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:#a9b2bd transparent;
}
.serein-v10-phone-rail{grid-auto-columns:minmax(245px,300px)}
.serein-v10-shot{
  scroll-snap-align:start;
  min-width:0;
  border:1px solid #d7dce2;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.serein-v10-explore-dark .serein-v10-shot{background:#0b1728;border-color:#304056}
.serein-v10-shot figure{margin:0;overflow:hidden;background:#101a28}
.serein-v10-shot.wide figure{aspect-ratio:2.05}
.serein-v10-shot.phone figure{aspect-ratio:.53}
.serein-v10-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s ease}
.serein-v10-shot>div{padding:14px 15px 16px}
.serein-v10-shot b{display:block;margin-bottom:4px;color:#14233a;font-size:.82rem}
.serein-v10-shot span{display:block;color:#707781;font-size:.75rem;line-height:1.45}
.serein-v10-explore-dark .serein-v10-shot b{color:#fff}
.serein-v10-explore-dark .serein-v10-shot span{color:#95a2b3}
@media(hover:hover) and (pointer:fine){
  .serein-v10-shot:hover img{transform:scale(1.015)}
}

.serein-v10-brand{padding:92px 0;background:#edf0f3}
.serein-v10-brand-grid{
  display:grid;
  grid-template-columns:.64fr 1.36fr;
  gap:68px;
  align-items:center;
}
.serein-v10-brand-grid h2{
  margin:0 0 18px;
  font-size:clamp(2.25rem,3.8vw,3.8rem);
  line-height:1.01;
  letter-spacing:-.047em;
  font-weight:520;
}
.serein-v10-brand-grid>div:first-child>p{color:#66717d;line-height:1.68}
.serein-v10-brand-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.serein-v10-brand-tags span{
  padding:8px 10px;
  background:#fff;
  border:1px solid #d3d9df;
  border-radius:999px;
  color:#596573;
  font-size:.67rem;
}
.serein-v10-brand-previews{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.serein-v10-brand-previews figure{
  margin:0;
  aspect-ratio:2.15;
  overflow:hidden;
  border:1px solid #cfd6de;
  border-radius:8px;
  background:#fff;
}
.serein-v10-brand-previews img{width:100%;height:100%;object-fit:cover;object-position:top}

.serein-v10-closing{
  position:relative;
  overflow:hidden;
  padding:82px 0;
  background:
    linear-gradient(90deg,rgba(7,22,37,.96),rgba(7,22,37,.84)),
    url("../img/serein/v10/serein-premium-bg.webp") center/cover no-repeat;
  color:#fff;
}
.serein-v10-closing-grid{
  display:grid;
  grid-template-columns:1fr .55fr;
  gap:80px;
  align-items:end;
}
.serein-v10-closing img{width:150px}
.serein-v10-closing .closing-kicker{
  display:block;
  margin-top:36px;
  color:var(--s-gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.66rem;
}
.serein-v10-closing h2{
  max-width:720px;
  margin:12px 0 27px;
  font-size:clamp(2.4rem,4.2vw,4.2rem);
  line-height:1;
  letter-spacing:-.048em;
  font-weight:520;
}
.serein-v10-closing-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.serein-v10-closing-actions [data-trial-offer]{display:inline-flex}
.serein-v10-closing-plan{color:#c8d2de;font-size:.84rem;border-bottom:1px solid #526279;padding:8px 0}
.serein-v10-social{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  padding:20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:rgba(7,17,31,.48);
}
.serein-v10-social>span{
  margin-bottom:4px;
  color:#8292a6;
  font-size:.64rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.serein-v10-social a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:12px 13px;
  border:1px solid #34445a;
  border-radius:7px;
  transition:border-color .18s ease,background .18s ease;
}
.serein-v10-social b{font-size:.78rem}
.serein-v10-social small{color:#8fa0b4;font-size:.67rem}
.serein-v10-social a:hover{border-color:#8b745c;background:rgba(232,184,137,.055)}

@media(max-width:980px){
  .serein-v10-hero-grid{grid-template-columns:1fr;gap:10px;min-height:auto}
  .serein-v10-hero-copy{padding-bottom:28px}
  .serein-v10-hero-product{min-height:430px;max-width:760px;width:100%;margin-inline:auto}
  .serein-v10-hero-desktop{top:30px}
  .serein-v10-hero-mobile{top:100px;left:10px}
  .serein-v10-capabilities{grid-template-columns:repeat(3,1fr)}
  .serein-v10-capabilities span{min-height:54px;border-bottom:1px solid rgba(255,255,255,.08)}
  .serein-v10-motion-grid,.serein-v10-brand-grid,.serein-v10-closing-grid{grid-template-columns:1fr;gap:42px}
  .serein-v10-rail-head{grid-template-columns:1fr;gap:8px}
  .serein-v10-rail-head>p{text-align:left}
}
@media(max-width:620px){
  .serein-v10-hero{padding-top:38px}
  .serein-v10-hero-bg{width:100%;opacity:.22}
  .serein-v10-hero::after{background:linear-gradient(180deg,rgba(7,22,37,.88),rgba(7,22,37,.72))}
  .serein-v10-hero-copy h1{font-size:3.15rem}
  .serein-v10-hero-product{min-height:330px}
  .serein-v10-hero-desktop{width:96%;top:30px}
  .serein-v10-hero-mobile{width:92px;top:92px;left:0}
  .serein-v10-capabilities{grid-template-columns:repeat(2,1fr)}
  .serein-v10-motion,.serein-v10-explore,.serein-v10-brand,.serein-v10-closing{padding:72px 0}
  .serein-v10-rail{grid-auto-columns:84vw}
  .serein-v10-phone-rail{grid-auto-columns:68vw}
  .serein-v10-brand-previews{grid-template-columns:1fr}
  .serein-v10-brand-previews figure:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .serein-v10-video-frame video{display:none}
  .serein-v10-shot img,.serein-v10-social a{transition:none!important;transform:none!important}
}


/* ==========================================================================
   SEREIN SITE V10.1 — escala compacta e prova de produto minimalista
   ========================================================================== */
.serein-v10-hero{padding-top:54px}
.serein-v10-hero-grid{
  grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
  gap:42px;
  min-height:520px;
}
.serein-v10-hero-copy{padding:18px 0 42px}
.serein-v10-hero-copy h1{
  max-width:620px;
  font-size:clamp(2.65rem,4.15vw,4.35rem);
  line-height:.98;
  letter-spacing:-.052em;
}
.serein-v10-hero-copy>p{max-width:590px;margin-top:21px;font-size:.96rem;line-height:1.58}
.serein-v10-actions{margin-top:24px}
.serein-v10-hero-product{min-height:420px}
.serein-v10-hero-desktop{width:min(94%,570px);top:42px}
.serein-v10-hero-mobile{width:112px;left:4px;top:126px;border-radius:14px!important}
.serein-v10-capabilities{min-height:58px}

.serein-v10-motion{padding:70px 0}
.serein-v10-motion-grid{grid-template-columns:.68fr 1.32fr;gap:48px}
.serein-v10-section-copy{max-width:390px}
.serein-v10-section-copy h2{
  font-size:clamp(2rem,3.2vw,3.15rem);
  line-height:1.02;
  margin-bottom:15px;
}
.serein-v10-section-copy p{font-size:.9rem;line-height:1.58}
.serein-v10-motion-points{margin-top:19px}
.serein-v10-video-frame{
  width:min(100%,640px);
  justify-self:end;
  padding:9px;
  border-radius:10px;
}
.serein-v10-video-frame figcaption{padding-top:8px;font-size:.64rem}

.serein-v10-explore{padding:62px 0}
.serein-v10-rail-head{margin-bottom:22px;gap:38px}
.serein-v10-rail-head h2{
  max-width:650px;
  font-size:clamp(1.85rem,2.9vw,2.85rem);
  line-height:1.04;
  letter-spacing:-.041em;
}
.serein-v10-rail-head>p{font-size:.72rem}
.serein-v10-rail{
  display:flex;
  grid-auto-flow:unset;
  grid-auto-columns:unset;
  gap:14px;
  padding-bottom:13px;
}
.serein-v10-shot{border-radius:8px}
.serein-v10-shot.wide{flex:0 0 min(360px,34vw)}
.serein-v10-shot.phone{flex:0 0 205px}
.serein-v10-shot.wide figure{aspect-ratio:2.05}
.serein-v10-shot.phone figure{aspect-ratio:.53}
.serein-v10-shot>div{padding:11px 12px 13px}
.serein-v10-shot b{font-size:.76rem}
.serein-v10-shot span{font-size:.68rem;line-height:1.38}
.serein-v10-phone-rail .serein-v10-shot.phone{flex-basis:205px}

.serein-v10-brand{padding:68px 0}
.serein-v10-brand-grid{gap:48px}
.serein-v10-brand-grid h2{font-size:clamp(2rem,3.1vw,3.05rem)}
.serein-v10-brand-grid>div:first-child>p{font-size:.9rem;line-height:1.56}
.serein-v10-brand-previews{gap:10px}
.serein-v10-closing{padding:68px 0}

@media(max-width:980px){
  .serein-v10-hero-grid{grid-template-columns:1fr;gap:0}
  .serein-v10-hero-copy{max-width:690px;padding-bottom:18px}
  .serein-v10-hero-product{min-height:350px;max-width:680px}
  .serein-v10-hero-desktop{top:18px;width:88%}
  .serein-v10-hero-mobile{top:88px;left:8px;width:96px}
  .serein-v10-motion-grid{grid-template-columns:1fr;gap:28px}
  .serein-v10-section-copy{max-width:620px}
  .serein-v10-video-frame{justify-self:start}
}
@media(max-width:620px){
  .serein-v10-hero{padding-top:30px}
  .serein-v10-hero-copy h1{font-size:2.6rem;line-height:1}
  .serein-v10-hero-copy>p{font-size:.9rem}
  .serein-v10-hero-product{min-height:270px}
  .serein-v10-hero-desktop{width:94%;top:14px}
  .serein-v10-hero-mobile{width:76px;top:72px;left:0}
  .serein-v10-capabilities{min-height:50px}
  .serein-v10-motion,.serein-v10-explore,.serein-v10-brand,.serein-v10-closing{padding:54px 0}
  .serein-v10-section-copy h2{font-size:2.25rem}
  .serein-v10-rail-head h2{font-size:2rem}
  .serein-v10-shot.wide{flex-basis:min(80vw,320px)}
  .serein-v10-shot.phone,.serein-v10-phone-rail .serein-v10-shot.phone{flex-basis:min(58vw,200px)}
}
@media(prefers-reduced-motion:reduce){
  .serein-v10-video-frame video{display:block!important}
}


/* ==========================================================================
   SEREIN SITE V10.2 — rodada de layout sem mídia real
   ========================================================================== */
.serein-v102-hero{
  position:relative;
  overflow:hidden;
  padding:54px 0 0;
  background:
    radial-gradient(circle at 86% 16%,rgba(231,184,137,.07),transparent 27%),
    linear-gradient(180deg,#071625 0%,#0a1a2d 100%);
  color:#fff;
}
.serein-v102-hero::before,
.serein-v102-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.serein-v102-hero::before{
  width:420px;
  height:420px;
  right:-170px;
  top:-210px;
  border:1px solid rgba(232,184,137,.16);
  border-radius:50%;
  box-shadow:
    0 0 0 66px rgba(232,184,137,.028),
    0 0 0 132px rgba(255,255,255,.014);
}
.serein-v102-hero::after{
  right:10%;
  top:82px;
  width:240px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,184,137,.5),transparent);
}
.serein-v102-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);
  gap:54px;
  align-items:center;
  min-height:500px;
}
.serein-v102-copy{max-width:620px}
.serein-v102-copy h1{
  margin:0;
  font-size:clamp(2.65rem,4vw,4.15rem);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:520;
}
.serein-v102-copy h1 em{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:#efc89b;
}
.serein-v102-copy>p{
  max-width:590px;
  margin:21px 0 0;
  color:#b4bfcc;
  font-size:.95rem;
  line-height:1.58;
}
.serein-v102-hero-layout{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:12px;
  align-items:stretch;
  min-height:292px;
}
.serein-v102-panel-main,
.serein-v102-panel-stack>div{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(10,24,40,.66);
  backdrop-filter:blur(6px);
}
.serein-v102-panel-main{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  border-radius:12px;
}
.serein-v102-panel-main span,
.serein-v102-panel-stack span{
  color:#d9ad7d;
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.serein-v102-panel-main strong{
  margin-top:8px;
  max-width:250px;
  font-size:1.2rem;
  line-height:1.15;
  font-weight:600;
}
.serein-v102-panel-main small{
  margin-top:8px;
  max-width:260px;
  color:#7f8da0;
  font-size:.69rem;
  line-height:1.4;
}
.serein-v102-panel-stack{display:grid;gap:12px}
.serein-v102-panel-stack>div{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px;
  border-radius:10px;
}
.serein-v102-panel-stack strong{margin-top:6px;font-size:.84rem}
.serein-v102-capabilities{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  border-top:1px solid rgba(255,255,255,.12);
}
.serein-v102-capabilities span{
  display:flex;
  min-height:54px;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(255,255,255,.08);
  color:#8292a6;
  font-size:.62rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.serein-v102-capabilities span:last-child{border-right:0}

.serein-v102-overview{padding:64px 0;background:#f7f6f2}
.serein-v102-section-head{
  display:grid;
  grid-template-columns:1fr .42fr;
  gap:56px;
  align-items:end;
  margin-bottom:34px;
}
.serein-v102-section-head h2{
  margin:0;
  max-width:690px;
  font-size:clamp(2rem,3.15vw,3rem);
  line-height:1.03;
  letter-spacing:-.042em;
  font-weight:520;
  color:#102035;
}
.serein-v102-section-head>p{
  margin:0 0 3px;
  color:#777f89;
  font-size:.76rem;
  line-height:1.5;
}
.serein-v102-lane{
  display:grid;
  grid-template-columns:210px 1fr;
  gap:24px;
  align-items:start;
  padding:22px 0;
  border-top:1px solid #dde1e5;
}
.serein-v102-lane:last-child{border-bottom:1px solid #dde1e5}
.serein-v102-lane-copy{
  display:flex;
  gap:13px;
  align-items:flex-start;
  padding-top:3px;
}
.serein-v102-lane-copy>span{
  color:#b37e51;
  font-size:.65rem;
  letter-spacing:.08em;
}
.serein-v102-lane-copy strong{
  display:block;
  color:#17273b;
  font-size:.83rem;
}
.serein-v102-lane-copy small{
  display:block;
  margin-top:4px;
  color:#7a838d;
  font-size:.68rem;
  line-height:1.4;
}
.serein-v102-layout-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:1px 0 7px;
  scrollbar-width:thin;
  scrollbar-color:#bac1c9 transparent;
}
.serein-v102-layout-rail article{
  flex:0 0 220px;
  min-width:0;
}
.serein-v102-layout-rail article>span{
  display:block;
  margin-bottom:7px;
  color:#626d79;
  font-size:.66rem;
  font-weight:650;
}
.serein-v102-media-slot{
  position:relative;
  height:118px;
  overflow:hidden;
  border:1px solid #d6dce2;
  border-radius:7px;
  background:
    linear-gradient(135deg,rgba(15,31,49,.025),rgba(15,31,49,.06)),
    #fff;
}
.serein-v102-media-slot::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid #e5e9ed;
  border-radius:4px;
}
.serein-v102-media-slot::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:35px;
  height:1px;
  background:#dfe4e8;
  box-shadow:0 18px 0 #e7eaed,0 36px 0 #eef0f2;
}
.serein-v102-media-slot.portrait{
  width:92px;
  margin-inline:auto;
}

.serein-v102-brand{
  padding:58px 0;
  background:#0b1728;
  color:#fff;
}
.serein-v102-brand-grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:56px;
  align-items:center;
}
.serein-v102-brand h2{
  margin:0 0 14px;
  max-width:540px;
  font-size:clamp(1.9rem,3vw,2.9rem);
  line-height:1.03;
  letter-spacing:-.04em;
  font-weight:520;
}
.serein-v102-brand p{
  margin:0;
  max-width:500px;
  color:#8f9dae;
  font-size:.86rem;
  line-height:1.55;
}
.serein-v102-brand-layout{
  display:grid;
  grid-template-columns:.75fr .75fr 1.5fr;
  gap:10px;
}
.serein-v102-brand-layout>div{
  min-height:112px;
  display:flex;
  align-items:flex-end;
  padding:14px;
  border:1px solid #2d3d52;
  border-radius:8px;
  background:#0f1e31;
}
.serein-v102-brand-layout span{
  color:#9cabbc;
  font-size:.67rem;
}

@media(max-width:980px){
  .serein-v102-hero-grid{grid-template-columns:1fr;min-height:auto;gap:32px;padding-bottom:34px}
  .serein-v102-copy{max-width:700px}
  .serein-v102-hero-layout{min-height:240px}
  .serein-v102-capabilities{grid-template-columns:repeat(3,1fr)}
  .serein-v102-capabilities span{border-bottom:1px solid rgba(255,255,255,.06)}
  .serein-v102-section-head{grid-template-columns:1fr;gap:8px}
  .serein-v102-lane{grid-template-columns:1fr;gap:14px}
  .serein-v102-brand-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:620px){
  .serein-v102-hero{padding-top:30px}
  .serein-v102-copy h1{font-size:2.55rem}
  .serein-v102-hero-layout{grid-template-columns:1fr;min-height:auto}
  .serein-v102-panel-main{min-height:170px}
  .serein-v102-panel-stack{grid-template-columns:1fr 1fr}
  .serein-v102-panel-stack>div{min-height:94px}
  .serein-v102-capabilities{grid-template-columns:repeat(2,1fr)}
  .serein-v102-overview{padding:48px 0}
  .serein-v102-layout-rail article{flex-basis:188px}
  .serein-v102-brand{padding:48px 0}
  .serein-v102-brand-layout{grid-template-columns:1fr 1fr}
  .serein-v102-brand-layout>div:last-child{grid-column:1/-1}
}


/* ==========================================================================
   SEREIN SITE V10.3 — mídia real no hero + fechamento compacto
   ========================================================================== */
.serein-v103-hero-video{
  position:relative;
  padding:0;
  overflow:hidden;
  min-height:292px;
  background:#07111f;
}
.serein-v103-hero-video video{
  width:100%;
  height:100%;
  min-height:292px;
  display:block;
  object-fit:cover;
  object-position:center top;
  background:#07111f;
}
.serein-v103-video-label{
  position:absolute;
  left:18px;
  bottom:16px;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;
  background:rgba(5,16,29,.72);
  backdrop-filter:blur(6px);
}
.serein-v103-video-label span{
  color:#e6b77f;
  font-size:.56rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.serein-v103-video-label strong{font-size:.76rem;color:#fff}

.serein-v103-overview-label{margin-bottom:14px}
.serein-v102-overview{padding-top:46px;padding-bottom:46px}
.serein-v102-lane{padding:16px 0}
.serein-v102-layout-rail article{flex-basis:190px}
.serein-v102-media-slot{height:102px}

.serein-v102-brand{padding:42px 0}
.serein-v102-brand-grid{
  grid-template-columns:.72fr 1.28fr;
  gap:40px;
}
.serein-v102-brand h2{
  max-width:470px;
  margin-bottom:10px;
  font-size:clamp(1.65rem,2.45vw,2.35rem);
  line-height:1.05;
}
.serein-v102-brand p{font-size:.8rem;line-height:1.48}
.serein-v102-brand-layout>div{min-height:88px;padding:11px}

.serein-page .decision-section,
.serein-page .faq-section{
  padding-top:58px!important;
  padding-bottom:58px!important;
}
.serein-page .decision-grid{
  grid-template-columns:.62fr 1fr;
  gap:62px;
}
.serein-page .decision-grid h2,
.serein-page .faq-grid h2{
  font-size:clamp(1.65rem,2.45vw,2.35rem)!important;
  line-height:1.05!important;
  max-width:360px;
}
.serein-page .decision-points article{padding:16px 0}
.serein-page .decision-points strong{font-size:.84rem}
.serein-page .decision-points p{
  margin-top:5px;
  font-size:.76rem;
  line-height:1.48;
}
.serein-page .faq-grid{
  grid-template-columns:.38fr 1fr;
  gap:62px;
}
.serein-page .faq-list details{padding:14px 0}
.serein-page .faq-list summary{font-size:.78rem}
.serein-page .faq-list details p{
  margin-top:11px;
  font-size:.74rem;
  line-height:1.48;
}

.serein-v10-closing{
  padding:46px 0;
  background:#081725!important;
  background-image:none!important;
}
.serein-v10-closing-grid{
  grid-template-columns:1fr .42fr;
  gap:54px;
  align-items:center;
}
.serein-v10-closing img{width:110px}
.serein-v10-closing .closing-kicker{margin-top:20px;font-size:.58rem}
.serein-v10-closing h2{
  max-width:520px;
  margin:8px 0 18px;
  font-size:clamp(1.75rem,2.7vw,2.65rem);
  line-height:1.02;
  letter-spacing:-.04em;
}
.serein-v10-closing-actions{gap:13px}
.serein-v10-social{
  padding:14px;
  gap:8px;
}
.serein-v10-social a{
  justify-content:flex-start;
  gap:10px;
  padding:10px 11px;
}
.serein-v10-social a>span:last-child{
  display:flex;
  min-width:0;
  flex:1;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.serein-v103-social-icon{
  flex:0 0 22px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  color:#e8c39b;
}
.serein-v103-social-icon svg{
  width:18px;
  height:18px;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.7;
}
.serein-v103-social-icon rect,
.serein-v103-social-icon circle{fill:none}
.serein-v10-social b{font-size:.74rem}
.serein-v10-social small{font-size:.61rem}

@media(max-width:980px){
  .serein-v102-brand-grid,
  .serein-v10-closing-grid,
  .serein-page .decision-grid,
  .serein-page .faq-grid{grid-template-columns:1fr;gap:28px}
  .serein-v10-closing-grid{align-items:start}
}
@media(max-width:620px){
  .serein-v103-hero-video,
  .serein-v103-hero-video video{min-height:190px}
  .serein-v102-overview{padding:38px 0}
  .serein-v102-layout-rail article{flex-basis:175px}
  .serein-v102-brand{padding:38px 0}
  .serein-page .decision-section,
  .serein-page .faq-section{padding-top:44px!important;padding-bottom:44px!important}
  .serein-v10-closing{padding:40px 0}
  .serein-v10-closing h2{font-size:1.85rem}
  .serein-v10-social a>span:last-child{display:block}
  .serein-v10-social small{display:block;margin-top:2px}
}


/* ==========================================================================
   SEREIN SITE V10.5 — vídeo do hero no mesmo padrão técnico do InCorte
   ========================================================================== */
.serein-v105-media-frame{
  padding:0;
  min-height:0;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:#07111f;
}
.serein-v105-media-frame video{
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  object-fit:cover;
  object-position:center top;
  background:#07111f;
}
@media(max-width:620px){
  .serein-v105-media-frame{aspect-ratio:16/9;min-height:0}
  .serein-v105-media-frame video{min-height:0}
}


/* ==========================================================================
   SEREIN SITE V10.6 — vídeo mais nítido + cards abaixo do frame
   ========================================================================== */
.serein-v102-hero-grid{
  align-items:start;
  min-height:490px;
}
.serein-v102-copy{
  padding-top:8px;
}
.serein-v102-hero-layout{
  grid-template-columns:1fr;
  gap:10px;
  min-height:0;
  align-self:start;
  margin-top:-10px;
}
.serein-v105-media-frame{
  width:min(100%,620px);
  justify-self:end;
  aspect-ratio:16/9;
}
.serein-v105-media-frame video{
  object-fit:contain;
  object-position:center center;
}
.serein-v102-panel-stack{
  width:min(100%,620px);
  justify-self:end;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.serein-v102-panel-stack>div{
  min-height:74px;
  padding:13px 15px;
  justify-content:center;
}
.serein-v102-panel-stack span{font-size:.57rem}
.serein-v102-panel-stack strong{font-size:.79rem;margin-top:4px}

@media(max-width:980px){
  .serein-v102-hero-grid{
    min-height:auto;
    align-items:start;
  }
  .serein-v102-hero-layout{
    margin-top:0;
    max-width:680px;
  }
  .serein-v105-media-frame,
  .serein-v102-panel-stack{
    width:100%;
    justify-self:start;
  }
}
@media(max-width:620px){
  .serein-v102-panel-stack{
    grid-template-columns:1fr 1fr;
  }
  .serein-v102-panel-stack>div{
    min-height:68px;
    padding:11px 12px;
  }
}


/* ==========================================================================
   SEREIN SITE V10.7 — mídia real nas faixas + acabamento final
   ========================================================================== */
.serein-v102-hero-layout{
  margin-top:6px;
}

.serein-v102-media-slot{
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  background:#fff;
}
.serein-v102-media-slot::before,
.serein-v102-media-slot::after{
  display:none;
}
.serein-v102-media-slot img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  border-radius:4px;
}
.serein-v102-media-slot.portrait{
  width:96px;
  padding:4px;
}
.serein-v102-layout-rail article{
  flex-basis:205px;
}
.serein-v102-brand-layout{
  grid-template-columns:.62fr 1fr 1fr;
}
.serein-v102-brand-layout>div{
  position:relative;
  min-height:112px;
  overflow:hidden;
  padding:10px;
  align-items:flex-end;
}
.serein-v102-brand-layout>div>img{
  width:100%;
  height:78px;
  display:block;
  object-fit:contain;
  object-position:center;
}
.serein-v102-brand-layout>div>span{
  position:absolute;
  left:10px;
  bottom:8px;
  padding:3px 6px;
  border-radius:4px;
  background:rgba(7,17,31,.78);
  color:#d3dbe5;
  backdrop-filter:blur(4px);
}
.serein-v107-brand-mark{
  justify-content:center;
}
.serein-v107-brand-mark>img{
  width:94px!important;
  height:auto!important;
  margin:auto;
}
.serein-v107-brand-shot{
  background:#f7f6f2!important;
}
.serein-v107-brand-shot>img{
  height:90px!important;
}

@media(max-width:980px){
  .serein-v102-hero-layout{margin-top:0}
  .serein-v102-brand-layout{
    grid-template-columns:.62fr 1fr 1fr;
  }
}
@media(max-width:620px){
  .serein-v102-media-slot{height:104px}
  .serein-v102-layout-rail article{flex-basis:188px}
  .serein-v102-brand-layout{grid-template-columns:1fr 1fr}
  .serein-v102-brand-layout>div:last-child{grid-column:auto}
  .serein-v107-brand-mark{grid-row:span 2}
}


/* ==========================================================================
   SEREIN SITE V10.8 — rail única de produto com cards grandes
   ========================================================================== */
.serein-v108-context{
  padding:56px 0 60px;
  background:#f7f6f2;
}
.serein-v108-context-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:20px;
}
.serein-v108-context-head p{
  margin:0 0 2px;
  color:#7c858f;
  font-size:.72rem;
}
.serein-v108-rail{
  display:flex;
  gap:18px;
  overflow-x:auto;
  padding:2px 0 14px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  scrollbar-width:thin;
  scrollbar-color:#9fa8b1 transparent;
  overscroll-behavior-inline:contain;
}
.serein-v108-rail:focus-visible{
  outline:2px solid rgba(15,23,42,.22);
  outline-offset:5px;
  border-radius:10px;
}
.serein-v108-card{
  flex:0 0 min(520px,78vw);
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.serein-v108-media{
  height:292px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:10px;
  border:1px solid #d9dee3;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 28px rgba(17,31,48,.06);
}
.serein-v108-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}
.serein-v108-media-mobile img{
  width:auto;
  max-width:100%;
}
.serein-v108-copy{
  padding:14px 4px 0;
}
.serein-v108-copy>span{
  display:block;
  margin-bottom:5px;
  color:#b47743;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.serein-v108-copy h3{
  margin:0;
  color:#11233a;
  font-size:1.05rem;
  line-height:1.15;
  font-weight:650;
  letter-spacing:-.018em;
}
.serein-v108-copy p{
  margin:7px 0 0;
  max-width:440px;
  color:#69737e;
  font-size:.76rem;
  line-height:1.48;
}
@media(max-width:900px){
  .serein-v108-context{padding:48px 0 52px}
  .serein-v108-card{flex-basis:min(480px,84vw)}
  .serein-v108-media{height:270px}
}
@media(max-width:620px){
  .serein-v108-context{padding:42px 0 46px}
  .serein-v108-context-head{align-items:flex-start}
  .serein-v108-context-head p{display:none}
  .serein-v108-rail{
    gap:12px;
    padding-bottom:12px;
  }
  .serein-v108-card{flex-basis:84vw}
  .serein-v108-media{
    height:232px;
    padding:8px;
    border-radius:12px;
  }
  .serein-v108-copy{padding-top:12px}
  .serein-v108-copy h3{font-size:.98rem}
  .serein-v108-copy p{font-size:.72rem}
}


/* ==========================================================================
   SEREIN SITE V10.9 — cards portrait proporcionais + indicação lateral
   ========================================================================== */
.serein-v109-rail-shell{
  position:relative;
}
.serein-v108-card.is-portrait{
  flex-basis:248px;
}
.serein-v108-card.is-portrait .serein-v108-media{
  height:292px;
  padding:10px 16px;
}
.serein-v108-card.is-portrait .serein-v108-media img{
  width:auto;
  max-width:100%;
  height:100%;
  object-fit:contain;
}
.serein-v109-rail-hint{
  position:absolute;
  right:8px;
  top:128px;
  z-index:3;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(17,35,58,.14);
  border-radius:999px;
  background:rgba(247,246,242,.88);
  color:#8a6547;
  font-size:1rem;
  line-height:1;
  box-shadow:0 6px 18px rgba(17,31,48,.08);
  backdrop-filter:blur(6px);
  pointer-events:none;
  opacity:.58;
}
.serein-v109-rail-shell::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:38px;
  width:46px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(247,246,242,0),rgba(247,246,242,.86));
}

@media(max-width:900px){
  .serein-v108-card.is-portrait{
    flex-basis:228px;
  }
  .serein-v108-card.is-portrait .serein-v108-media{
    height:270px;
    padding:8px 14px;
  }
}
@media(max-width:620px){
  .serein-v108-card.is-portrait{
    flex-basis:72vw;
  }
  .serein-v108-card.is-portrait .serein-v108-media{
    height:232px;
    padding:8px 12px;
  }
  .serein-v109-rail-hint{
    right:4px;
    top:101px;
    width:38px;
    height:38px;
    font-size:1.1rem;
    opacity:.9;
  }
  .serein-v109-rail-shell::after{
    width:52px;
    bottom:34px;
  }
}


/* ==========================================================================
   SEREIN SITE V10.10 — mídia portrait sem moldura branca
   ========================================================================== */
.serein-v108-card.is-portrait .serein-v108-media{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}


/* ==========================================================================
   SEREIN SITE V10.11 — rail de dor → solução
   ========================================================================== */
.serein-v111-value{
  padding:58px 0 62px;
  background:#0b1728;
  color:#fff;
}
.serein-v111-head{
  max-width:960px;
  margin-bottom:24px;
}
.serein-v111-head h2{
  margin:8px 0 0;
  max-width:920px;
  font-size:clamp(1.9rem,3.2vw,3rem);
  line-height:1.03;
  letter-spacing:-.04em;
  font-weight:520;
}
.serein-v111-rail-shell{
  position:relative;
}
.serein-v111-rail{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding:2px 0 14px;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:2px;
  scrollbar-width:thin;
  scrollbar-color:#4a5b70 transparent;
  overscroll-behavior-inline:contain;
}
.serein-v111-rail:focus-visible{
  outline:2px solid rgba(232,195,155,.35);
  outline-offset:5px;
  border-radius:12px;
}
.serein-v111-card{
  flex:0 0 min(360px,31vw);
  min-width:300px;
  min-height:250px;
  padding:20px 20px 18px;
  scroll-snap-align:start;
  border:1px solid rgba(232,195,155,.18);
  border-radius:14px;
  background:#101d2d;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.serein-v111-number{
  display:block;
  margin-bottom:22px;
  color:#e4a969;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.08em;
}
.serein-v111-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1rem;
  line-height:1.25;
  letter-spacing:-.018em;
}
.serein-v111-card>p{
  margin:0;
  color:#a9b4c2;
  font-size:.76rem;
  line-height:1.55;
}
.serein-v111-card .serein-v111-solution{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#d9e1e9;
}
.serein-v111-solution strong{
  color:#e8c39b;
  font-weight:700;
}
.serein-v111-hint{
  position:absolute;
  right:8px;
  top:106px;
  z-index:3;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(232,195,155,.22);
  border-radius:999px;
  background:rgba(11,23,40,.9);
  color:#e8c39b;
  font-size:1rem;
  line-height:1;
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  backdrop-filter:blur(6px);
  pointer-events:none;
  opacity:.72;
}
.serein-v111-rail-shell::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:40px;
  width:52px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(11,23,40,0),rgba(11,23,40,.9));
}

@media(max-width:980px){
  .serein-v111-card{
    flex-basis:min(340px,46vw);
    min-width:300px;
  }
}
@media(max-width:620px){
  .serein-v111-value{
    padding:46px 0 50px;
  }
  .serein-v111-head{
    margin-bottom:18px;
  }
  .serein-v111-head h2{
    font-size:1.95rem;
  }
  .serein-v111-rail{
    gap:10px;
    padding-bottom:12px;
  }
  .serein-v111-card{
    flex-basis:84vw;
    min-width:84vw;
    min-height:0;
    padding:18px 17px 17px;
  }
  .serein-v111-number{
    margin-bottom:18px;
  }
  .serein-v111-hint{
    right:4px;
    top:112px;
    width:38px;
    height:38px;
    opacity:.92;
  }
  .serein-v111-rail-shell::after{
    width:48px;
    bottom:34px;
  }
}


/* ==========================================================================
   SEREIN SITE V10.12 — copy final + indicador de rolagem
   ========================================================================== */
.serein-v112-scroll-cue{
  margin-top:8px;
  color:#7f8da0;
  font-size:.68rem;
  letter-spacing:.02em;
}
@media(max-width:620px){
  .serein-v112-scroll-cue{
    margin-top:6px;
    font-size:.72rem;
  }
}


/* ==========================================================================
   SEREIN ACQUISITION V10.14 — header mobile compacto
   ========================================================================== */
.acquisition-page .acquisition-nav a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:6px 0;
  color:#677181;
  font-size:.82rem;
  font-weight:600;
  opacity:1;
}

@media(max-width:900px){
  .acquisition-page .acquisition-nav{
    position:static;
    inset:auto;
    width:auto;
    padding:0;
    border:0;
    background:transparent;
    color:#677181;
    flex-direction:row;
    align-items:center;
    gap:0;
  }
  .acquisition-page .acquisition-nav a{
    white-space:nowrap;
  }
}

@media(max-width:620px){
  .acquisition-page .nav-wrap{
    height:62px;
    gap:12px;
  }
  .acquisition-page .serein-brand img{
    width:104px;
  }
  .acquisition-page .acquisition-nav a{
    min-height:32px;
    font-size:.74rem;
  }
  .acquisition-main{
    padding-top:34px;
  }
}