/* V4 — same visual design, clearer product hierarchy and readable purchase details. */
:root{--container:1400px}
.clarity-v4 .container{max-width:1400px}
.clarity-v4 .hero h1{font-size:clamp(42px,4.1vw,66px);letter-spacing:-2.8px;line-height:1.38}
.clarity-v4 .hero-description{max-width:575px;font-size:16px;line-height:2;color:#b5bfd3}
.clarity-v4 .hero-kicker{font-size:12px;letter-spacing:.4px}
.clarity-v4 .hero-promises{gap:18px;flex-wrap:wrap;margin-top:26px;font-size:12px}
.clarity-v4 .hero-buttons{gap:12px;margin-top:29px}
.clarity-v4 .hero-buttons .button{white-space:normal;text-align:center}
.hero-price-note{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;color:#bfcbea;font-size:12px;margin-top:22px;text-decoration:none;width:fit-content}
.hero-price-note strong{font-size:23px;color:#fff;font-weight:620;letter-spacing:-.5px}
.hero-price-note>span{color:#8fa3d1;font-size:11px;margin-left:3px;transition:color .2s}
.hero-price-note:hover>span{color:#fff}
.clarity-v4 .inner-hero h1{font-size:clamp(34px,3.15vw,50px);letter-spacing:-1.9px}
.clarity-v4 .inner-hero h1 .gradient-text{font-size:.87em;line-height:1.6}
.clarity-v4 .inner-lead{font-size:16px;color:#b4c0d5;line-height:2;max-width:650px}
.clarity-v4 .hero-proof{flex-wrap:wrap;gap:17px}
.clarity-v4 .inner-hero-copy{padding-bottom:30px}
.clarity-v4 .inner-section .heading-aside{font-size:14px;line-height:1.95}
.clarity-v4 .info-card p,.clarity-v4 .flow-step p{font-size:14px;line-height:1.95}
.clarity-v4 .info-card h3{line-height:1.6}
.clarity-v4 .section-heading h2{font-size:clamp(31px,3vw,46px);line-height:1.48;letter-spacing:-1.7px}
.clarity-v4 .section-heading .heading-aside{max-width:395px;color:#6a7790;line-height:1.95;font-size:14px}
.clarity-section{background:#fff;border-bottom:1px solid #eaf0f8}
.clarity-tint{background:#f5f7fc}
.clarity-section .eyebrow{letter-spacing:2px;color:#5365b3;font-size:11px;font-weight:600}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.offer-card{display:flex;flex-direction:column;position:relative;background:#fff;border:1px solid #dfe6f3;border-radius:18px;padding:32px;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}
.offer-card:hover{transform:translateY(-5px);border-color:#9eaef9;box-shadow:0 18px 45px #1634670b}
.offer-card:before{content:'';position:absolute;right:-55px;top:-72px;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,#617aff12,transparent 70%);pointer-events:none}
.offer-tag{font-size:11px;color:#5e6f98;display:block;margin-bottom:23px;line-height:1.8;letter-spacing:.3px}
.offer-card h3{font-size:24px;letter-spacing:-.7px;line-height:1.6;font-weight:650;color:#152443;margin-bottom:17px}
.offer-card>p{font-size:14px;color:#6a7892;line-height:1.95;margin:0 0 24px}
.entry-benefit{border-top:1px solid #e7ecf4;padding-top:20px;margin-bottom:28px;line-height:1.9;color:#405473;font-size:13px}
.entry-benefit>b{font-size:11px;color:#697bb9;display:block;letter-spacing:1px;margin-bottom:5px}
.offer-card .button{margin-top:auto;min-height:48px;justify-content:center;font-size:13px}
.offer-featured{background:linear-gradient(155deg,#101d38,#172953);border-color:#223a68;box-shadow:0 13px 40px #17244510}
.offer-featured h3,.offer-featured .price-line strong{color:#fff}
.offer-featured .offer-tag{color:#aabcff}
.offer-featured>p,.offer-featured .entry-benefit{color:#b9c6df}
.offer-featured .entry-benefit{border-color:#6c82b133}
.offer-featured .entry-benefit>b{color:#9fb6ff}
.offer-featured:before{background:radial-gradient(circle,#667afe30,transparent 70%)}
.price-grid .offer-card{padding:33px}
.price-grid h3{font-size:22px;margin-bottom:11px}
.price-grid .price-line{display:flex;gap:7px;flex-wrap:wrap;align-items:baseline;margin:0 0 22px;color:#7d89a1}
.price-line strong{font-size:48px;letter-spacing:-1.5px;line-height:1.5;color:#1c2c51;font-weight:620}
.price-line .quote-price{font-size:32px;letter-spacing:-1px;line-height:2.25}
.price-line>span{font-size:12px}
.price-grid .offer-desc{min-height:81px;margin-bottom:20px}
.check-list{list-style:none;padding:22px 0 25px;margin:0 0 10px;border-top:1px solid #e5eaf2;display:grid;gap:15px}
.check-list li{position:relative;padding-left:21px;color:#536782;font-size:13px;line-height:1.8}
.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:#5a74e8;font-weight:bold}
.offer-featured .check-list{border-color:#6f81a533}
.offer-featured .check-list li{color:#c1cce0}
.offer-featured .check-list li:before{color:#9bafff}
.offer-card>small{font-size:11px;color:#7b89a4;line-height:1.85;margin-top:16px}
.offer-featured>small{color:#9dadca}
.pricing-scope{font-size:12px;line-height:1.95;color:#7c88a1;padding:25px 5px 0;max-width:1190px}
.pricing-scope strong{color:#53657e;font-weight:600}
.delivery-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.delivery-item{padding:31px 27px;display:flex;gap:19px;align-items:flex-start;border:1px solid #e4eaf5;border-radius:15px;background:linear-gradient(140deg,#fdfefe,#f7f9fd)}
.delivery-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:13px;background:#eaf0ff;color:#526fff}
.delivery-icon .icon{width:22px;height:22px}
.delivery-item h3{font-size:19px;color:#1e3154;line-height:1.55;margin-bottom:11px;letter-spacing:-.4px}
.delivery-item p{font-size:13px;line-height:1.95;color:#6c7890;margin:0 0 18px}
.buyer-value{font-size:11px;line-height:1.85;color:#5e75ad;display:block;border-top:1px solid #e3e9f2;padding-top:14px}
.clarity-note{font-size:12px;line-height:1.95;color:#7c88a1;margin:25px 0 0;max-width:1190px}
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.channel-card{border:1px solid #e2e8f3;background:#fff;border-radius:16px;padding:31px;display:flex;flex-direction:column}
.channel-card>.icon{width:29px;height:29px;color:#5572e9;margin-bottom:26px}
.channel-card h3{font-size:23px;color:#213354;line-height:1.6;margin-bottom:14px;font-weight:650}
.channel-card p{font-size:14px;color:#6c7a95;line-height:1.95;margin-bottom:25px}
.channel-card a{font-size:12px;margin-top:auto;align-self:flex-start}
.buyer-path{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;padding:34px;background:#111e37;border:1px solid #2d426d;border-radius:16px;margin-top:30px;position:relative;overflow:hidden}
.buyer-path:after{content:'';position:absolute;height:1px;bottom:0;background:linear-gradient(90deg,transparent,#657aff,transparent);width:35%;animation:buyer-route 8s linear infinite;pointer-events:none}
@keyframes buyer-route{from{transform:translateX(-100%)}to{transform:translateX(320%)}}
.buyer-path>div{padding:0 15px;display:grid;grid-template-columns:30px 1fr;column-gap:10px;row-gap:6px;align-items:center}
.buyer-path b{grid-row:1/3;font-size:11px;font-weight:500;color:#94a8e9;border:1px solid #536ba566;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.buyer-path strong{font-size:17px;font-weight:550;color:#f2f5fd;line-height:1.7}
.buyer-path div>span{font-size:11px;line-height:1.9;color:#97a8c7}
.path-arrow{color:#6a83b9;font-size:22px;text-align:center}
.buyer-contract{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.buyer-contract>article{border-top:2px solid #8296ec;padding:25px 5px 15px}
.buyer-contract>article>span{display:block;color:#5870bd;font-size:11px;margin-bottom:18px;letter-spacing:1.2px}
.buyer-contract h3{font-size:22px;line-height:1.7;letter-spacing:-.5px;color:#1e3155;min-height:74px;margin:0 0 16px}
.buyer-contract p{font-size:14px;color:#6c7a91;line-height:1.95;max-width:95%}
.concrete-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;background:#fff;border:1px solid #dfe6f2;padding:45px;border-radius:18px}
.example-intro{align-self:center}
.example-intro .eyebrow{font-size:10px;letter-spacing:1px}
.example-intro h3{font-size:31px;line-height:1.7;margin:24px 0 18px;color:#243457;letter-spacing:-1px}
.example-intro>p{font-size:14px;line-height:1.9;color:#7a879f}
.example-steps{display:grid;gap:25px}
.example-steps article{display:flex;align-items:flex-start;gap:19px}
.example-steps b{flex:0 0 33px;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#edf1ff;color:#6179dd;font-weight:500;font-size:11px;margin-top:2px}
.example-steps h4{font-size:18px;color:#273a5b;line-height:1.6;margin:0 0 8px}
.example-steps p{font-size:13px;line-height:1.9;color:#6e7d94}
.cost-band{margin-top:22px;display:flex;align-items:center;gap:35px;justify-content:space-between;border:1px solid #dfe5f3;background:#eef2fc;border-radius:13px;padding:24px 29px}
.cost-band>div{max-width:820px}
.cost-band span{display:block;font-size:11px;color:#6075af;margin-bottom:7px;letter-spacing:1px}
.cost-band p{font-size:13px;line-height:1.9;color:#5c6f8a}
.cost-band .button{flex-shrink:0;font-size:12px}
.buyer-faq{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:start}
.buyer-faq details{border-bottom:1px solid #dbe3ef;padding:20px 0}
.buyer-faq summary{list-style:none;cursor:pointer;font-size:16px;font-weight:550;color:#24395e;display:flex;justify-content:space-between;gap:22px;line-height:1.8}
.buyer-faq summary::-webkit-details-marker{display:none}
.buyer-faq summary>span{color:#7385ba;transition:transform .2s;font-weight:400}
.buyer-faq details[open] summary>span{transform:rotate(45deg)}
.buyer-faq details>p{font-size:14px;color:#697a94;line-height:2;margin:17px 27px 2px 0}
.clarity-v4 .contact-copy h2{font-size:clamp(32px,3.2vw,48px);line-height:1.6;letter-spacing:-1.6px}
.clarity-v4 .contact-copy>p{font-size:15px;line-height:2.05}
.clarity-v4 .service-tab>span small{font-size:9px;letter-spacing:.25px;line-height:1.8}
.clarity-v4 .service-panel h3{font-size:34px;line-height:1.6;letter-spacing:-1.2px}
.clarity-v4 .service-panel #service-desc{font-size:15px;line-height:2}
.clarity-v4 .service-panel-foot p{font-size:12px;line-height:1.85}
.clarity-v4 .about-section{padding-top:72px;padding-bottom:72px}
.clarity-v4 .about-section h2{font-size:36px;line-height:1.6}
.clarity-v4 .closing-cta h2{font-size:38px;line-height:1.6;letter-spacing:-1.2px}
.clarity-v4 .section-heading .eyebrow{margin-bottom:17px}
@media(max-width:1200px){
.clarity-v4 .hero h1{font-size:49px;letter-spacing:-2px}.clarity-v4 .hero-description{font-size:14px}.clarity-v4 .hero-promises{font-size:10px;gap:13px}.clarity-v4 .hero-buttons .button{font-size:12px;padding-inline:18px}.offer-card,.price-grid .offer-card{padding:25px}.offer-card h3{font-size:21px}.price-line strong{font-size:39px}.price-line .quote-price{font-size:27px}.delivery-item{padding:25px 21px;gap:13px}.delivery-item h3{font-size:17px}.delivery-icon{width:34px;height:34px;flex-basis:34px}.delivery-icon .icon{width:18px;height:18px}.buyer-path{padding:28px 17px}.buyer-path>div{padding:0 5px;column-gap:7px}.buyer-path strong{font-size:15px}.buyer-path div>span{font-size:10px}.buyer-contract h3{font-size:20px}.concrete-example{gap:40px;padding:32px}.clarity-v4 .inner-lead{font-size:14px}.clarity-v4 .inner-hero-layout{gap:30px}.clarity-v4 .section-heading h2{font-size:35px}.clarity-v4 .service-panel h3{font-size:29px}.clarity-v4 .service-panel #service-desc{font-size:14px}}
@media(max-width:900px){
.clarity-v4 .hero h1{white-space:normal;font-size:58px}.clarity-v4 .hero-description{max-width:650px;font-size:16px}.clarity-v4 .hero-promises{font-size:12px}.clarity-v4 .hero-buttons .button{font-size:13px}.offer-grid{gap:15px}.offer-card{padding:23px}.offer-card h3{font-size:19px}.offer-tag{font-size:10px;min-height:35px}.offer-card>p{font-size:13px}.offer-card .button{font-size:11px;padding:12px 11px}.entry-benefit{font-size:12px}.price-grid{grid-template-columns:1fr 1fr}.price-grid .offer-card:last-child{grid-column:1/-1}.price-grid .offer-card:last-child .offer-desc{min-height:0}.delivery-bento{grid-template-columns:1fr 1fr}.channel-grid{gap:16px}.channel-card{padding:23px}.channel-card h3{font-size:20px}.channel-card p{font-size:13px}.channel-card .text-link{font-size:11px}.buyer-path{grid-template-columns:1fr 20px 1fr;padding:26px;row-gap:26px}.buyer-path>.path-arrow:nth-of-type(2){display:none}.buyer-path strong{font-size:17px}.buyer-path div>span{font-size:11px}.buyer-contract{gap:20px}.buyer-contract h3{font-size:19px}.buyer-contract p{font-size:13px}.concrete-example{gap:25px}.example-intro h3{font-size:27px}.cost-band{padding:23px;gap:20px}.clarity-v4 .section-heading h2{font-size:35px}.clarity-v4 .section-heading .heading-aside{max-width:340px;font-size:13px}.clarity-v4 .inner-hero h1{font-size:45px}.clarity-v4 .inner-hero h1 .gradient-text{font-size:.82em}.clarity-v4 .inner-lead{font-size:15px;max-width:700px}.clarity-v4 .closing-cta h2{font-size:32px}}
@media(max-width:640px){
.clarity-v4 .container{width:calc(100% - 40px)}.clarity-v4 .hero-copy{padding-top:36px;padding-bottom:15px}.clarity-v4 .hero h1{font-size:clamp(28px,8.2vw,43px);line-height:1.48;letter-spacing:-1.25px;margin-bottom:18px;white-space:nowrap}.clarity-v4 .hero-description{font-size:14px;line-height:1.95}.clarity-v4 .hero-kicker{font-size:9px;letter-spacing:0;gap:8px;line-height:1.8}.clarity-v4 .hero-kicker .line{display:none}.clarity-v4 .hero-buttons{margin-top:24px;gap:10px;flex-wrap:wrap}.clarity-v4 .hero-buttons .button{font-size:12px;min-height:46px;padding:12px 14px;gap:8px;flex:1}.clarity-v4 .hero-promises{margin-top:21px;gap:9px 12px;font-size:10px;line-height:1.8}.hero-price-note{gap:8px;font-size:11px;margin-top:19px}.hero-price-note strong{font-size:23px}.hero-price-note>span{font-size:10px;margin-left:0}.clarity-v4 .hero-visual{height:420px;margin-top:8px}.clarity-v4 .hero-bottom>span:first-child{font-size:8px;line-height:1.8;letter-spacing:0;max-width:185px}.clarity-v4 .hero-bottom{padding-block:21px}.clarity-v4 .hero-bottom a{font-size:10px}.clarity-v4 .hero-bottom .hero-note{display:none}.clarity-v4 .section{padding-top:64px;padding-bottom:64px}.clarity-v4 .section-heading{flex-direction:column;gap:19px;align-items:flex-start;margin-bottom:29px}.clarity-v4 .section-heading h2{font-size:28px;line-height:1.6;letter-spacing:-1px}.clarity-v4 .section-heading .heading-aside{max-width:none;font-size:13px;line-height:1.95}.clarity-section .eyebrow{font-size:10px;letter-spacing:1.4px}.offer-grid,.price-grid{grid-template-columns:1fr;gap:17px}.price-grid .offer-card:last-child{grid-column:auto}.offer-card,.price-grid .offer-card{padding:27px 25px;border-radius:14px}.offer-card h3,.price-grid h3{font-size:23px;margin-bottom:15px}.offer-tag{font-size:11px;min-height:0;margin-bottom:17px}.offer-card>p{font-size:14px;line-height:1.95}.entry-benefit{font-size:13px;margin-bottom:23px}.offer-card .button{font-size:13px;min-height:47px}.price-line strong{font-size:44px}.price-line .quote-price{font-size:31px}.price-grid .offer-desc{min-height:0}.check-list li{font-size:13px}.check-list{gap:12px;padding-block:20px}.pricing-scope{font-size:11px;padding-top:20px;line-height:2}.delivery-bento{grid-template-columns:1fr;gap:14px}.delivery-item{padding:25px 22px;gap:16px}.delivery-icon{width:38px;height:38px;flex-basis:38px}.delivery-item h3{font-size:19px}.delivery-item p{font-size:13px}.buyer-value{font-size:11px}.clarity-note{font-size:11px;line-height:2;margin-top:20px}.channel-grid{grid-template-columns:1fr;gap:15px}.channel-card{padding:27px 25px}.channel-card>.icon{width:25px;height:25px;margin-bottom:18px}.channel-card h3{font-size:22px;margin-bottom:12px}.channel-card p{font-size:14px;margin-bottom:21px}.channel-card a.text-link{font-size:12px}.buyer-path{grid-template-columns:1fr;padding:25px;row-gap:13px}.buyer-path>.path-arrow,.buyer-path>.path-arrow:nth-of-type(2){display:block;transform:rotate(90deg);font-size:18px;text-align:center}.buyer-path>div{grid-template-columns:33px 1fr;gap:4px 15px;padding:4px 0}.buyer-path b{width:32px;height:32px}.buyer-path strong{font-size:18px}.buyer-path div>span{font-size:12px}.buyer-contract{grid-template-columns:1fr;gap:16px}.buyer-contract>article{padding:22px 1px 12px;border-top-width:1px}.buyer-contract>article>span{margin-bottom:13px}.buyer-contract h3{font-size:22px;min-height:0;margin-bottom:13px;line-height:1.65}.buyer-contract p{font-size:14px;max-width:100%}.concrete-example{grid-template-columns:1fr;padding:27px 23px;gap:30px;border-radius:14px}.example-intro h3{font-size:26px;margin-block:15px}.example-intro .eyebrow{font-size:9px}.example-intro p{font-size:13px}.example-steps{gap:22px}.example-steps article{gap:13px}.example-steps h4{font-size:18px}.example-steps p{font-size:13px}.cost-band{display:block;padding:25px 23px}.cost-band .button{margin-top:20px;font-size:12px;width:100%;justify-content:center}.cost-band p{font-size:13px}.buyer-faq{grid-template-columns:1fr}.buyer-faq details{padding:18px 0}.buyer-faq summary{font-size:15px;gap:16px;line-height:1.9}.buyer-faq details>p{font-size:13px;margin-right:12px}.clarity-v4 .inner-hero h1{font-size:33px;line-height:1.5;letter-spacing:-1px}.clarity-v4 .inner-hero h1 .gradient-text{font-size:.83em;line-height:1.8}.clarity-v4 .inner-lead{font-size:14px;line-height:1.95;margin-top:22px}.clarity-v4 .hero-proof{font-size:10px;gap:10px;line-height:1.8}.clarity-v4 .inner-hero .hero-buttons .button{font-size:12px;line-height:1.8;min-height:46px;flex:1}.clarity-v4 .inner-section .info-card p{font-size:14px}.clarity-v4 .inner-section .info-card h3{font-size:20px;line-height:1.65}.clarity-v4 .inner-section .flow-step p{font-size:13px}.clarity-v4 .service-panel h3{font-size:24px;line-height:1.7;letter-spacing:-.8px}.clarity-v4 .service-panel #service-desc{font-size:14px}.clarity-v4 .service-panel-foot p{font-size:11px}.clarity-v4 .contact-copy h2{font-size:28px;line-height:1.65}.clarity-v4 .contact-copy>p{font-size:14px}.clarity-v4 .about-section h2{font-size:28px}.clarity-v4 .closing-cta h2{font-size:26px;line-height:1.75}.clarity-v4 .process-intro h2{font-size:28px;line-height:1.65}.clarity-v4 .process-detail{font-size:13px;line-height:2}.clarity-v4 .footer-brand>p{font-size:11px;line-height:1.9}}
@media(max-width:370px){.clarity-v4 .container{width:calc(100% - 32px)}.clarity-v4 .hero h1{font-size:28px;letter-spacing:-1px}.clarity-v4 .hero-kicker{font-size:8px}.clarity-v4 .hero-buttons .button{font-size:11px;padding-inline:10px}.clarity-v4 .inner-hero h1{font-size:30px}.offer-card,.price-grid .offer-card{padding:24px 22px}.offer-card h3{font-size:21px}}
.motion-off .buyer-path:after{animation:none}
@media(prefers-reduced-motion:reduce){.buyer-path:after{animation:none}.offer-card{transition:none}.offer-card:hover{transform:none}}
@media print{.clarity-section{padding:25px 0!important}.buyer-path,.offer-featured{background:white!important;color:black!important}.offer-featured h3,.offer-featured p,.offer-featured .check-list li,.offer-featured .price-line strong{color:#152443!important}.offer-card,.delivery-item{break-inside:avoid}.buyer-path:after{display:none}}