/* Barcellos v11 — UX written for visitors, not design-review metadata.
   Brand surfaces and fonts from the original manual; no new brand colors.
   Decorative symbols are CSS geometry, never font glyphs or emoji.
   CSS reads after styles.css/pricing.css; old non-rendered legacy selectors stay inert.
*/
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ui-icon{display:inline-block;position:relative;flex:0 0 17px;width:17px;height:17px;vertical-align:middle;transform-origin:center}
.ui-icon::before{content:'';position:absolute;left:1px;top:8px;width:13px;height:1.6px;border-radius:1px;background:currentColor}
.ui-icon::after{content:'';position:absolute;top:4px;right:2px;width:8px;height:8px;border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg)}
.ui-icon-diagonal{transform:rotate(-45deg)}.ui-icon-left{transform:rotate(180deg)}.ui-icon-up{transform:rotate(-90deg)}
.header-cta,.action,.plan-action,.text-link,.footer-up,.plans-afterline a,.detail-header-back,.detail-return,.question-submit{gap:14px}
.eyebrow-line{display:none}.eyebrow{gap:0}
/* Quiet hero: the B is brand, the site need not label its own modules. */
.hero-kicker{font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.025em;line-height:1.5;color:var(--sand);margin:0 0 27px}
.hero-description{max-width:555px}
.hero-credential{font-size:11px;margin-top:42px}.hero-credential span{padding-inline:5px;color:var(--sand)}
.hero .panel-symbol{height:240px;margin:12px auto 12px}
.hero .panel-symbol img{height:178px;width:auto;max-width:100%}
.hero .panel-intro{margin:0 0 27px;max-width:315px;font-size:21px}
.hero .panel-lines>div{display:block;padding:12px 0;font-size:12px;letter-spacing:.01em;color:rgba(255,255,255,.81)}
.hero .panel-lines{margin-top:auto}
.hero-panel{justify-content:center}
.hero .hero-layout{padding-bottom:69px}
/* Product selection: one card, one action, full clickable surface. */
.plans{background:var(--white)}
.plans .plans-heading{display:block;max-width:860px;margin-bottom:33px}
.plans-heading h2{font-size:clamp(38px,4.35vw,64px);line-height:1.16;max-width:810px}
.plans-heading p{font-size:14px;line-height:1.75;max-width:615px;margin:20px 0 0;color:rgba(27,48,40,.73)}
.plans-grid{gap:16px}
.plan-card,.plan-card-featured{padding:0!important;min-height:0;border-radius:18px}
.plan-card-link{display:flex;flex-direction:column;flex:1;min-width:0;text-decoration:none;color:inherit;padding:29px 27px 24px;border-radius:inherit;position:relative;outline-offset:3px}
.plan-card-link:focus-visible{outline:3px solid var(--clay);outline-offset:4px}
.plan-card-featured{border:2px solid var(--clay)}
.plan-card-featured .plan-card-link{padding:28px 26px 23px}
.plan-card .plan-topline,.plan-card-featured .plan-topline{justify-content:flex-end;min-height:32px;font-family:var(--font-body);font-size:12px}
.plan-card .plan-recommended,.plan-card-featured .plan-recommended{display:inline-flex;align-items:center;justify-content:center;background:var(--pine);border:1px solid var(--pine);border-radius:999px;padding:7px 13px;font-family:var(--font-body);font-size:11px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--white)}
.plan-card .plan-recommended:hover{background:var(--pine);color:var(--white)}
.plan-card h3,.plan-card-featured h3{margin:25px 0 13px;font-size:clamp(35px,3.3vw,46px);color:var(--pine)}
.plan-card .plan-persona{font-size:13px;line-height:1.72;color:rgba(27,48,40,.73);min-height:84px;margin:0 0 24px;max-width:400px}
.plan-card .plan-highlights{border-top:1px solid var(--pricing-line);margin:0 0 27px;padding:17px 0 0;list-style:none}
.plan-card .plan-highlights li,.plan-card-featured .plan-highlights li{font-size:12px;line-height:1.65;padding:12px 0;gap:12px;border-bottom:1px solid rgba(27,48,40,.09);color:var(--pine)}
.plan-card .plan-highlights li:last-child{border-bottom:none}
.plan-card .plan-highlights li::before,.plan-card-featured .plan-highlights li::before{content:'';flex:0 0 6px;width:6px;height:6px;border:0;border-radius:50%;margin-top:8px;background:var(--clay);transform:none;display:block}
.plan-card .plan-action,.plan-card-featured .plan-action{display:flex;margin-top:auto;align-items:center;justify-content:space-between;min-height:53px;background:var(--pine);color:var(--white);border-radius:9px;padding:13px 16px;font-size:12px;font-weight:600}
.plan-card-link:hover .plan-action,.plan-card-link:focus-visible .plan-action{background:var(--clay);color:var(--white)}
.plan-card .plan-action .ui-icon{transition:transform .18s ease}
.plan-card-link:hover .plan-action .ui-icon{transform:translate(2px,-2px) rotate(-45deg)}
.plans-afterline{border-bottom:1px solid var(--pricing-line);padding:19px 1px 21px}
.plans-afterline p{font-size:12px;color:rgba(27,48,40,.72)}
.plans-afterline a{font-size:12px;font-weight:600}
.plans-legal{font-size:11px;margin:13px 0 0;line-height:1.7;color:rgba(27,48,40,.75)}
.plans-swipe-hint{font-family:var(--font-body);text-transform:none;letter-spacing:0;font-weight:400;color:rgba(27,48,40,.68)}
.plans-carousel-controls{margin-left:auto}
.plans-arrow .ui-icon{width:17px;height:17px}
.plans .plans-carousel-footer{position:relative}
/* Persuasive copy does not need a section number or a duplicate card strip. */
.proposition{border-top:1px solid rgba(27,48,40,.13)}
.proposition-grid{grid-template-columns:minmax(0,1fr) minmax(0,.76fr);align-items:center}
.proposition h2{max-width:670px}
.proposition-body{padding-top:0;max-width:550px;font-size:15px}
.proposition-body p{margin-bottom:19px}
/* Compare by information, not decorative 01/02/03 chapter markers. */
.compare{border-top:1px solid rgba(27,48,40,.11)}
.compare .section-header{display:block;margin-bottom:28px}
.compare .section-header h2{max-width:900px}
.compare .comparison-tools{justify-content:flex-end;margin-bottom:18px;min-height:41px}
.comparison-table th,.comparison-table td{padding:15px 18px}
.table-status{display:inline-block;width:20px;height:20px;position:relative;vertical-align:middle}
.table-status-yes::after{content:'';position:absolute;left:5px;top:2px;width:7px;height:12px;border:solid var(--pine);border-width:0 2px 2px 0;transform:rotate(45deg)}
.table-status-no::after{content:'';position:absolute;left:5px;top:10px;width:10px;height:1.5px;background:rgba(27,48,40,.5)}
.comparison-table tbody td{font-size:12px}
.comparison-table tbody td.not-listed{font-size:12px}
.comparison-table tbody tr:not(.table-group):nth-child(odd){background:var(--white)}
.comparison-table tbody tr.table-group th{background:var(--pine);color:var(--white)}
/* Founder section: original symbol on green, no explanatory border labels. */
.founder{background:var(--white)}
.founder-visual{justify-content:center;align-items:center;min-height:445px}
.founder-visual img{max-width:80%;height:280px;width:auto;margin:0 auto}
.founder-text h2{margin-bottom:25px}
.founder-text .founder-role{margin-bottom:26px;font-size:12px;color:var(--pine)}
/* FAQ: realistic questions and a working hand-off, not a fake backend form. */
.faq{background:var(--white);border-top:1px solid var(--line)}
.faq-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.12fr);gap:clamp(36px,6vw,95px)}
.faq-intro h2{max-width:540px}
.question-form{margin-top:37px;border-top:1px solid rgba(27,48,40,.25);padding-top:27px;max-width:550px}
.question-form label{display:block;font-family:var(--font-body);font-weight:600;color:var(--pine);font-size:14px;line-height:1.55;margin-bottom:13px}
.question-form textarea{display:block;background:var(--white);width:100%;min-height:121px;max-height:300px;border:1px solid rgba(27,48,40,.35);border-radius:10px;padding:14px 15px;color:var(--pine);font:400 14px/1.65 var(--font-body);resize:vertical;outline-offset:2px;transition:border-color .18s ease}
.question-form textarea::placeholder{color:rgba(27,48,40,.49)}
.question-form textarea:focus-visible{outline:2px solid var(--clay);border-color:var(--pine)}
.question-submit{border:0;background:var(--pine);color:var(--white);border-radius:9px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-top:14px;padding:13px 18px;min-height:48px;font:600 12px/1.5 var(--font-body);transition:background .18s ease}
.question-submit:hover,.question-submit:focus-visible{background:var(--clay)}
.question-help{font-size:11px!important;line-height:1.7!important;color:rgba(27,48,40,.68);margin:14px 0 0!important;max-width:500px!important}
.question-item summary{position:relative;padding-right:27px;font-size:18px;line-height:1.46}
.question-item summary::after{content:'+';position:absolute;right:1px;top:50%;transform:translateY(-50%);font:400 24px/1 var(--font-body);color:var(--pine)}
.question-item[open] summary::after{content:'–'}
.question-item p{font-size:13px;line-height:1.83}
/* Professional contact: clearer action and scannable channels. */
.contact h2{max-width:660px}
.contact-pitch>p:not(.eyebrow){max-width:450px}
.contact-info span{font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:0;text-transform:none}
.contact-info a,.contact-info p{font-size:15px}
.footer-top{padding-top:43px;padding-bottom:39px}
/* Standalone plan detail: one high-information page, no false checkout. */
.detail-page{background:var(--white)}
.detail-page .site-header{z-index:50}
.detail-header-back{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:12px;font-weight:600;color:var(--pine);border-bottom:1px solid var(--clay);padding:8px 0;white-space:nowrap}
.detail-header-back:hover{color:var(--clay)}
.detail-intro{padding:54px 0 75px;border-bottom:1px solid var(--line)}
.detail-breadcrumb{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:12px;font-weight:500;color:rgba(27,48,40,.72);line-height:1.45}
.detail-breadcrumb:hover{color:var(--clay)}
.detail-breadcrumb .ui-icon{flex-basis:12px;width:12px;height:12px;transform:scale(.75)}
.detail-title-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,.30fr);gap:clamp(35px,8vw,125px);align-items:center;padding-top:50px}
.detail-title-wrap h1{font:500 clamp(65px,9vw,136px)/1.05 var(--font);letter-spacing:-.065em;margin:0 0 25px;color:var(--pine)}
.detail-lead{font-size:clamp(15px,1.15vw,18px);line-height:1.82;color:rgba(27,48,40,.76);max-width:710px;margin:0}
.detail-brand-symbol{height:230px;display:flex;align-items:center;justify-content:center;background:var(--pine);padding:40px}
.detail-brand-symbol img{height:175px;width:auto;max-width:100%;object-fit:contain}
.detail-scope-section{padding:78px 0 85px}
.detail-scope-title{font-size:clamp(36px,4.6vw,58px);line-height:1.15;margin:0 0 38px}
.detail-groups{border-top:1px solid var(--line)}
.detail-scope-group{display:grid;grid-template-columns:minmax(185px,.44fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);padding:32px 0 39px;border-bottom:1px solid var(--line)}
.detail-scope-group h2{font-size:clamp(19px,2.1vw,30px);line-height:1.32;letter-spacing:-.032em;margin:0;max-width:315px}
.detail-scope-group ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:0}
.detail-scope-group li{position:relative;font-size:13px;line-height:1.68;color:rgba(27,48,40,.85);padding:10px 0 12px 20px;border-bottom:1px solid rgba(27,48,40,.09)}
.detail-scope-group li:last-child{border-bottom:0}
.detail-scope-group li::before{content:'';position:absolute;left:1px;top:20px;width:6px;height:6px;border-radius:50%;background:var(--clay)}
.detail-contract-note{font-size:12px;line-height:1.78;color:rgba(27,48,40,.7);max-width:780px;margin:30px 0 0}
.detail-next{background:var(--pine);color:var(--white);padding:60px 0 68px}
.detail-next-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.62fr);align-items:center;gap:clamp(25px,6vw,90px)}
.detail-next h2{color:var(--white);font-size:clamp(32px,4vw,52px);line-height:1.2;max-width:730px;margin:0 0 18px}
.detail-next p{color:rgba(255,255,255,.75);font-size:14px;line-height:1.8;margin:0;max-width:620px}
.detail-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px}
.detail-next-actions .action{width:100%;min-height:55px}
.detail-return{display:inline-flex;align-items:center;color:var(--sand);font-size:12px;font-weight:500;line-height:1.4;text-decoration:none;gap:12px;padding:5px 0}
.detail-return:hover{color:var(--white)}
.detail-footer .footer-top{min-height:120px}
.detail-footer .footer-top>p{font-size:12px}
@media(max-width:1099px){
 .plans .plans-grid{padding-bottom:24px}
 .plans .plan-card,.plans .plan-card-featured{width:clamp(430px,54vw,570px);flex-basis:clamp(430px,54vw,570px)}
 .plans .plans-carousel-footer{min-height:48px}
 .plans-swipe-hint{max-width:none;font-size:11px;line-height:1.4}
}
@media(max-width:960px){
 .faq-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px}
 .question-item summary{font-size:16px}
}
@media(max-width:760px){
 .hero-kicker{font-size:12px;margin-bottom:22px}
 .hero .hero-layout{padding-bottom:49px}
 .hero-description{font-size:14px}
 .hero-panel{display:none}
 .plans-heading p{font-size:13px;max-width:530px}
 .plans .plan-card,.plans .plan-card-featured{flex-basis:min(390px,calc(100vw - 2 * var(--gutter) - 28px));width:min(390px,calc(100vw - 2 * var(--gutter) - 28px))}
 .plans .plan-card-link{padding:25px 22px 22px}
 .plans .plan-card-featured .plan-card-link{padding:24px 21px 21px}
 .plans .plan-card .plan-persona{min-height:69px;font-size:12px}
 .plans .plan-card h3{font-size:40px;margin:20px 0 12px}
 .plans .plan-card .plan-highlights li{font-size:12px}
 .plans .plans-carousel-footer{padding-bottom:12px}
 .plans-swipe-hint{font-size:10px}
 .proposition-grid{grid-template-columns:1fr;gap:27px}
 .proposition-body{font-size:14px}
 .compare .section-header{margin-bottom:22px}
 .founder-visual{min-height:355px}
 .founder-visual img{height:220px}
 .faq-layout{grid-template-columns:1fr;gap:42px}
 .question-form{max-width:620px;margin-top:26px}
 .question-item summary{font-size:17px}
 .detail-intro{padding:39px 0 61px}
 .detail-title-wrap{gap:26px;padding-top:35px;grid-template-columns:minmax(0,1fr) 130px}
 .detail-title-wrap h1{font-size:clamp(53px,10vw,80px)}
 .detail-brand-symbol{height:152px;padding:20px}
 .detail-brand-symbol img{height:105px}
 .detail-scope-section{padding:58px 0 66px}
 .detail-scope-group{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:25px}
 .detail-next-layout{grid-template-columns:1fr;gap:28px}
 .detail-next-actions .action{width:fit-content;min-width:265px}
}
@media(max-width:520px){
 .header-brand{width:167px}
 .hero-kicker{font-size:12px;letter-spacing:.012em}
 .hero .hero-layout{padding-top:45px;padding-bottom:50px}
 .hero-credential{font-size:10px;line-height:1.7;margin-top:35px}
 .plans-heading p{font-size:12.5px;margin-top:16px}
 .plans .plan-card-link{padding:23px 19px 20px}
 .plans .plan-card-featured .plan-card-link{padding:22px 18px 19px}
 .plans .plan-card h3{font-size:38px;margin:19px 0 12px}
 .plans .plan-card .plan-persona{font-size:12px;min-height:82px;line-height:1.68;margin-bottom:20px}
 .plans .plan-card .plan-highlights li{font-size:11.6px;padding:10px 0}
 .plans .plan-card .plan-highlights{padding-top:12px;margin-bottom:22px}
 .plans .plan-card .plan-action{font-size:12px}
 .plans .plan-card .plan-topline{min-height:32px}
 .plans .plan-card .plan-recommended{font-size:11px}
 .plans-afterline{align-items:flex-start;flex-direction:column}
 .plans-legal{font-size:11px}
 .comparison-table tbody th[scope=row]{font-size:12px}
 .founder-visual{min-height:295px}.founder-visual img{height:175px}
 .question-form label{font-size:13px}
 .question-submit{width:100%}
 .question-item summary{font-size:16px;min-height:77px}
 .contact-pitch>p:not(.eyebrow){font-size:13px}
 .detail-header-back{font-size:11px;gap:7px}
 .detail-title-wrap{grid-template-columns:1fr;gap:28px}
 .detail-title-wrap h1{font-size:clamp(57px,15vw,80px)}
 .detail-lead{font-size:14px;line-height:1.78}
 .detail-brand-symbol{width:130px;height:130px;justify-self:start}
 .detail-brand-symbol img{height:95px}
 .detail-scope-title{font-size:36px}
 .detail-scope-group{grid-template-columns:1fr;gap:16px;padding:28px 0 30px}
 .detail-scope-group h2{font-size:24px}
 .detail-scope-group li{font-size:12.5px}
 .detail-next{padding:54px 0 63px}
 .detail-next h2{font-size:34px}
 .detail-next p{font-size:13px}
 .detail-next-actions{align-items:stretch}
 .detail-next-actions .action{min-width:0;width:100%}
 .detail-footer .footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 .detail-footer .footer-logo{width:185px;flex-basis:auto}
 .detail-footer .footer-top>p{margin:0}
}
@media(max-width:380px){
 .plans .plan-card h3{font-size:35px}
 .plans .plan-card-link{padding:21px 16px 19px}
 .plans .plan-card-featured .plan-card-link{padding:20px 15px 18px}
 .plans-swipe-hint{font-size:10px;max-width:155px}
 .question-submit{font-size:11px}
 .detail-header-back{font-size:10px;gap:6px}
 .detail-title-wrap h1{font-size:56px}
}
@media(prefers-reduced-motion:reduce){.plan-card .plan-action .ui-icon{transition:none}.plan-card-link:hover .plan-action .ui-icon{transform:rotate(-45deg)}}