/*
Theme Name: Kohan Parsi Approved v12
Theme URI: https://kohanparsi.com/
Author: Kohan Parsi
Description: Cohesive staging reconstruction of the approved Kohan Parsi layout; membership, newsletter and payments remain paused.
Version: 2.7.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kohan-parsi
*/
@import url('https://fonts.googleapis.com/css2?family=Gulzar&display=swap');
:root{--navy:#102B40;--navy-light:#173B57;--deep:#0C2337;--gold:#E8BE70;--cream:#FFF8EC;--ink:#292016;--line:#e6d6bf}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
body{margin:0;max-width:100%;overflow-x:clip;background:var(--cream);color:var(--ink);font:16px/1.48 Georgia,'Times New Roman',serif}
a{color:inherit}img,svg{max-width:100%}img{height:auto}button,input,select,textarea{font:inherit}
.screen-reader-text{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}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f2c363;outline-offset:3px}
.home-header,.page-header,.site-header{position:relative!important;background:var(--navy)!important;width:100%;margin:0;padding:0;z-index:20}
.site-header-inner{width:min(100%,1500px);margin:auto;min-height:78px;padding:6px clamp(18px,4.3vw,65px);display:grid;grid-template-columns:minmax(195px,252px) minmax(0,1fr) 34px;grid-template-rows:27px 43px;align-items:center;column-gap:12px}
.brand-link{grid-column:1;grid-row:1/3;align-self:center;position:relative;margin:0!important;width:230px;max-width:100%;display:block;text-decoration:none;color:#f4d39a;line-height:1}
.brand-link img{display:block;width:230px;max-width:100%;height:auto;max-height:43px;object-fit:contain;object-position:left center;background:none!important;box-shadow:none!important}
.brand-caption{display:block;margin:0 0 0 46px;font-size:13px;line-height:1;color:#f8e4bd;white-space:nowrap}
.header-topline{grid-column:2;grid-row:1;justify-self:end;padding-right:8px;font-size:11px;color:#fae8c9;line-height:1}
.language-label{white-space:nowrap}
.main-nav{grid-column:2/4;grid-row:2;display:flex!important;align-items:center;justify-content:flex-end;gap:clamp(8px,1.1vw,19px);padding:0;margin:0!important;width:100%;background:none!important;white-space:nowrap}
.main-nav a{font-size:clamp(10.5px,.92vw,12.8px);text-decoration:none;color:#f6ecdb;text-shadow:none;font-weight:600;padding:8px 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold)}
.header-tools{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;margin:0!important;gap:5px}
.header-tools button{border:0;background:transparent;color:#f5e7cc;width:28px;height:28px;padding:2px;cursor:pointer}
.header-tools svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.menu-toggle{display:none;border:1px solid #edca83;background:transparent;color:#f3d295;border-radius:4px;width:42px;height:40px;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:23px;height:3px;background:currentColor;margin:4px auto;border-radius:1px}
.mobile-home-link{display:none;text-decoration:none;color:#f6e4bf;font-weight:600}
.header-search{position:absolute;right:4%;top:100%;z-index:25;display:flex;gap:8px;align-items:center;max-width:calc(100% - 24px);padding:12px;background:var(--deep);border:1px solid var(--gold);border-radius:4px;color:#fff;box-shadow:0 6px 20px #0005}
.header-search[hidden]{display:none!important}.header-search input{min-width:0;width:min(240px,50vw);padding:8px;border:1px solid #cbb78f}.header-search button{background:var(--gold);color:var(--deep);padding:9px 12px;border:0;border-radius:3px;cursor:pointer}

/* Hero: actual layered photo assets with crossfade. No screenshot or framed picture. */
.hero{position:relative;isolation:isolate;width:100%;max-width:none;height:clamp(315px,25vw,405px);min-height:315px;overflow:hidden;color:#fff;background:#0a2335}
.hero-still,.hero-scene{position:absolute;top:0;bottom:0;height:100%;margin:0!important;padding:0!important;border:0!important;pointer-events:none}
.hero-still{left:0;width:18%;z-index:1;background:url('https://stg-kohanparsi-v12test.kinsta.cloud/wp-content/uploads/2026/09/1000022813.jpg') left top 9%/auto 386% no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%)}
.hero-scene{left:39%;right:0;width:61%;z-index:0;background-image:url('https://stg-kohanparsi-v12test.kinsta.cloud/wp-content/uploads/2026/09/1000022813.jpg');background-repeat:no-repeat;background-size:auto 386%;background-position:right -36px top 9%;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(7,28,43,.47) 15%,rgba(7,29,45,.86) 23%,rgba(7,29,45,.87) 36%,rgba(7,29,45,.28) 49%,transparent 62%)}
.hero-content{position:relative;z-index:3;margin-left:clamp(175px,17.7vw,286px);width:min(425px,37vw);max-width:100%;padding:clamp(32px,4vw,65px) 0 0}
.hero h1{margin:0 0 4px;font-size:clamp(39px,4vw,56px);font-weight:400;line-height:1.07;white-space:nowrap;letter-spacing:0;color:#f9dda2;text-shadow:0 1px 5px #0003}
.hero-subtitle{margin:0 0 10px;font-size:clamp(18px,1.8vw,25px);font-style:italic;line-height:1.15;white-space:nowrap}
.hero-description{max-width:36ch;margin:0 0 19px;font-size:clamp(15px,1.25vw,17px);line-height:1.36}
.hero-slogan{display:none !important;position:absolute;z-index:4;right:4.7%;bottom:31px;max-width:43%;margin:0;font:400 clamp(21px,2.5vw,33px)/1.9 'Gulzar',serif;color:#ffe4a0;text-shadow:0 2px 8px #091e32;text-align:right;white-space:nowrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:41px;padding:9px 19px;text-decoration:none;border-radius:4px;text-align:center;font-size:15px;font-weight:600;transition:filter .18s}
.button:hover{filter:brightness(1.08)}.button-cream{background:#fce5b5;color:#283440}.button-gold{background:#cc9956;color:#fff}.button-outline{border:1px solid var(--gold);color:#fbe4b6}.button-light{background:#fffdf6;color:#413323;border:1px solid #bd9b69}

/* Benefits */
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;min-height:83px;padding:10px max(24px,calc((100vw - 1380px)/2));background:#fffdf7;border-bottom:1px solid var(--line)}
.benefit{display:flex;align-items:center;gap:14px;padding:6px 16px;min-width:0;border-right:1px solid var(--line)}
.benefit:last-child{border-right:0}.benefit svg{flex:0 0 51px;width:51px;height:47px;stroke:#9f6c2e;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.benefit>div{min-width:0}.benefit h2{font-size:16px;line-height:1.22;margin:0 0 4px}.benefit p{font-size:13px;line-height:1.34;margin:0;overflow-wrap:break-word}

/* Cultural bridge and membership are side by side in the approved design. */
.feature-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(270px,3fr);gap:10px;width:min(calc(100% - 38px),1450px);margin:8px auto}
.bridge{position:relative;isolation:isolate;min-height:232px;margin:0;overflow:hidden;border:1px solid #e4d3bd;border-radius:4px;background:#f6ede2}
.bridge-image{position:absolute;z-index:0;inset:0 0 0 25%;background:url('assets/cultural-bridge.jpg') center center/cover no-repeat}
.bridge::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f7f1e9 0%,#f7f1e9f0 30%,#f7f1e9af 43%,transparent 65%)}
.bridge-copy{position:relative;z-index:2;max-width:385px;padding:18px 17px 10px 24px}
.bridge h2{font-size:clamp(28px,2.8vw,39px);font-weight:400;line-height:.99;color:#916a42;margin:0 0 8px}
.bridge p{font-size:13px;line-height:1.35;margin:0 0 9px;max-width:34ch}
.bridge .button{min-height:34px;padding:7px 18px;font-size:13px}
.membership-strip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;min-height:232px;max-width:none;margin:0;padding:20px 25px;overflow:hidden;color:#fff2da;background:var(--navy);border-radius:4px}
.membership-strip::after{content:"";position:absolute;right:0;bottom:0;width:59%;height:100%;background-image:url('https://stg-kohanparsi-v12test.kinsta.cloud/wp-content/uploads/2026/09/1000022813.jpg');background-repeat:no-repeat;background-size:auto 636%;background-position:right -28px top 50%;opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 100%);pointer-events:none}
.membership-title{display:flex;align-items:flex-start;gap:12px;z-index:1}
.membership-title svg{width:35px;height:34px;flex:0 0 35px;stroke:#dfb56c;stroke-width:1.7;fill:none}
.membership-title h2{max-width:190px;font-size:27px;font-weight:400;line-height:1.06;margin:0;white-space:normal}
.membership-strip p{z-index:1;font-size:14px;line-height:1.35;max-width:18ch;margin:0;flex:0 1 auto;border:0;padding:0}
.membership-strip .button{z-index:1;margin-top:auto;min-height:37px;padding:7px 21px;font-size:14px}

/* The four illustrated links are individual cards; never a single image screenshot. */
.collection-cards{width:min(calc(100% - 38px),1450px);margin:8px auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.collection-cards a{display:block;min-width:0;overflow:hidden;border-radius:5px;line-height:0;box-shadow:0 0 0 1px #dfcfbb}
.collection-cards img{display:block;width:100%;height:auto;aspect-ratio:350/112;object-fit:cover;transition:transform .2s}
.collection-cards a:hover img{transform:scale(1.035)}

/* Small-business program */
.business{width:min(calc(100% - 10px),1490px);margin:6px auto 8px;padding:10px;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr .94fr;align-items:stretch;gap:8px;border:1px solid #e1bc7e;border-radius:6px;background:#fff9ef}
.business-intro,.business-plan{padding:10px 13px;min-width:0;text-align:center;border:1px solid #e9d5b7;border-radius:5px}
.business-intro{border:0}.business-intro h2{font:700 20px/1.35 Tahoma,Arial,sans-serif;margin:3px 0;color:#29211b}
.business-intro p{font-size:13px;line-height:1.48;margin:3px 0}.business-intro p[lang=en]{font-size:15px}
.business-plan{font-family:Tahoma,Arial,sans-serif}.business-icon{display:block;color:#ba8a42;font-size:27px;line-height:1}
.business-plan h3{font-size:17px;line-height:1.35;color:#65411d;margin:4px 0}.business-plan strong{font:700 25px/1.1 Georgia,serif;color:#9a6327}.business-plan p{font-size:12.5px;line-height:1.48;margin:4px 0}
.business-actions{align-self:center;display:grid;gap:10px;padding:7px}.business-actions a{display:flex;font:700 14px/1.3 Tahoma,Arial,sans-serif;white-space:normal;min-height:43px}
.business-actions .button-gold{background:#d7ae70;color:#3c2b17}
.business-workflow{padding:30px max(18px,calc((100vw - 1100px)/2));background:#f9f1e5}
#register-business,#business-directory{display:none;scroll-margin-top:30px}
#register-business:target,#business-directory:target{display:block}
.business-workflow h2{font:700 23px Tahoma,Arial,sans-serif}
.business-workflow form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:950px}
.business-workflow label{display:block;font-weight:bold}.business-workflow label:has(textarea){grid-column:1/-1}
.business-workflow input,.business-workflow select,.business-workflow textarea{display:block;width:100%;max-width:100%;padding:12px;margin-top:6px;border:1px solid #cbb695;border-radius:4px;background:#fff}
.business-workflow button{grid-column:1/-1;justify-self:start;padding:10px 22px;background:#d7ae70;border:0;border-radius:4px;cursor:pointer}
.business-workflow .business-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-weight:400}.business-workflow .business-consent input{width:auto;flex:none;margin-top:5px}
.workflow-close{float:left;color:#875f33;text-decoration:none;padding:4px 11px;border:1px solid #bb9b72;border-radius:3px}.form-notice,.kp-form-status{padding:13px;background:#fff8db;border-left:4px solid #bf8d42}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.directory-grid article{background:#fff;padding:18px;border:1px solid #ead8bd}

/* Press & publisher contacts */
.below-reference{max-width:1470px;margin:auto;padding:10px 19px 0}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lower-grid article{padding:20px;background:#fff9ef;border:1px solid #e3d2bb;border-radius:5px}
.lower-grid h2{font-size:23px;margin:0 0 6px}.lower-grid p{margin:0 0 13px;font-size:14px}
.lower-grid a,.plain-button{display:inline-flex;text-decoration:none;background:#d0a46c;padding:8px 18px;border-radius:3px}
.newsletter{margin-top:12px;padding:20px 24px;color:#fff8e8;background:var(--navy);border-radius:5px}
.newsletter h2{margin:0 0 6px;font-size:24px;color:#f7dfad}.newsletter p{font-size:14px}.newsletter a{color:#f1d39b}
.newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;max-width:650px}.newsletter-form input[type=email]{min-width:0;padding:9px;border:1px solid #c9a66b;border-radius:3px}.newsletter-form button{padding:9px 18px;background:var(--gold);color:var(--deep);border:0;border-radius:3px;cursor:pointer}.newsletter-form .newsletter-consent,.newsletter-live-result{grid-column:1/-1}.newsletter-form .newsletter-consent{display:flex;align-items:center;gap:8px;font-size:13px}.newsletter-form .newsletter-consent input{flex:none}.newsletter-live-result{margin:0;padding:10px 12px;border-left:3px solid var(--gold)}.newsletter-live-result[hidden]{display:none}.newsletter-notice{padding:10px 12px;border:1px solid var(--gold)}
.journal{border-top:1px solid var(--line);margin:25px 0 0;padding:12px 0}.journal h2{font-size:22px;font-weight:400}
.site-footer{background:var(--navy);padding:15px 5%;text-align:center;color:#f8e4bf;font-size:13px}
.site-footer strong{color:#e8be70}.site-footer p{margin:4px 0}.site-footer nav{margin:8px auto}.site-footer a{margin:0 12px;text-decoration:none}.site-footer a:hover{text-decoration:underline}
.page-shell{max-width:1080px;min-height:65vh;margin:auto;padding:52px 25px 75px;overflow-wrap:break-word}
.page-shell h1{margin:0 0 22px;font-size:clamp(34px,3.5vw,47px);font-weight:400;color:#694924}
/* Interactive language controls and polished site-wide finishing */
.header-topline a{color:#f8e5bb;text-decoration:none;display:inline-block;padding:6px 8px}
.header-topline a:hover,.header-topline a[aria-current="page"]{color:#fff;border-bottom:1px solid var(--gold)}
.mobile-lang{display:none}
.kp-fa .hero-subtitle{display:none}
.kp-fa .hero-content{direction:rtl;text-align:right}
.kp-fa .hero-description{font:16px/1.65 Tahoma,Arial,sans-serif;max-width:34ch}
.kp-fa .hero-content .button{font-family:Tahoma,Arial,sans-serif}
.kp-fa .bridge-copy{direction:rtl;text-align:right}
.kp-fa .bridge-copy p{font:14px/1.65 Tahoma,Arial,sans-serif}
.kp-fa .membership-strip p{font:14px/1.6 Tahoma,Arial,sans-serif}
.kp-fa .benefit>div{direction:rtl;text-align:right}
.kp-fa .benefit h2{font:700 14px/1.45 Tahoma,Arial,sans-serif}
.kp-fa .benefit p{font:13px/1.5 Tahoma,Arial,sans-serif}
.kp-fa .lower-grid article{direction:rtl}
.kp-fa .newsletter{direction:rtl}
.kp-fa .page-shell article{direction:rtl;font-family:Tahoma,Arial,sans-serif}
.kp-fa .page-shell h1{font:700 clamp(28px,3vw,39px)/1.4 Tahoma,Arial,sans-serif}
.kp-fa .page-shell p{font:16px/1.85 Tahoma,Arial,sans-serif}
.kp-fa .kp-contact-form label{font:600 15px/1.6 Tahoma,Arial,sans-serif}
.site-footer{padding:20px 5%;font-size:13px}
.site-footer .footer-main{width:min(100%,1400px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-brand{text-align:left}.footer-brand strong{display:block;font-size:19px;letter-spacing:.4px}.footer-brand span{display:block;font-size:12px}.footer-brand p{font-size:15px!important;margin:6px 0}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:5px 0}
.site-footer a{margin:0 4px}
@media(max-width:1199px){.mobile-lang{display:flex;align-items:center;gap:14px;justify-content:center;padding:12px;color:#f2d6a3}.mobile-lang a{font:600 16px/1.5 Tahoma,Arial,sans-serif;border-bottom:0!important}}
@media(max-width:560px){.hero-slogan{max-width:none;font-size:clamp(21px,5.7vw,28px)!important}.kp-fa .hero-content{padding-bottom:132px}.site-footer .footer-main{display:block;text-align:center}.footer-brand{text-align:center;margin-bottom:14px}}
.page-shell p{font-size:17px;line-height:1.6}
.page-shell a:not(.button){color:#79502b}
.kp-contact-form{display:grid;gap:14px;max-width:720px;margin:22px 0}
.kp-contact-form label{display:grid;gap:6px;font-weight:600}
.kp-contact-form input,.kp-contact-form textarea,.kp-contact-form select{display:block;width:100%;max-width:100%;padding:11px;border:1px solid #aaafad;border-radius:4px;background:#fff;color:#183047}
.kp-contact-form .business-consent{display:flex;gap:9px;font-weight:400;align-items:flex-start}.kp-contact-form input[type=checkbox]{width:auto;margin-top:6px}
.kp-contact-form button{width:max-content;background:#d5aa68;color:#162c3e;border:0;border-radius:4px;padding:12px 24px;font-weight:700;cursor:pointer}
#about,#membership,#books,#ebooks,#audiobooks,#publishing-house,#authors-and-agents,#journal,#contact{scroll-margin-top:20px}

/* Small laptops: full navigation at 1200px+, hamburger below. */
@media(max-width:1199px){
 .site-header-inner{grid-template-columns:minmax(0,1fr) auto 42px;grid-template-rows:auto;min-height:76px;padding:12px 23px;gap:12px;position:relative}
 .brand-link{grid-column:1;grid-row:1;justify-self:start;max-width:220px}
 .brand-link img{max-height:43px}.brand-caption{font-size:12px}
 .header-topline{display:none}
 .mobile-home-link{display:block;grid-column:2;grid-row:1;margin-right:8px}
 .menu-toggle{display:block;grid-column:3;grid-row:1;order:2}
 .header-tools{display:none}
 .main-nav,.main-nav:not(.is-open){display:none!important}
 .main-nav.is-open{display:flex!important;grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;white-space:normal;padding:8px!important;margin:0!important;background:#0c2437!important;gap:0}
 .main-nav a{padding:10px 12px;font-size:15px;border-bottom:1px solid #ffffff25}
 .hero-content{margin-left:17.4%;width:38%;padding-top:42px}
 .hero h1{font-size:clamp(34px,4vw,48px)}
 .hero-subtitle{font-size:clamp(17px,2.1vw,22px);white-space:normal}
 .feature-row{grid-template-columns:minmax(0,7fr) minmax(240px,3fr)}
 .benefit{gap:9px;padding:5px 10px}
 .benefit svg{flex-basis:43px;width:43px}
 .business-intro h2{font-size:17px}.business-plan h3{font-size:15px}
 .business{grid-template-columns:1.2fr 1fr 1fr 1fr .97fr}
}
@media(max-width:900px){
 .hero{height:390px}
 .hero-still{width:55%}.hero-scene{left:27%;width:73%;background-position:center}
 .hero::before{background:linear-gradient(90deg,rgba(9,34,51,.43),rgba(9,34,51,.91) 25%,rgba(9,34,51,.75) 49%,transparent 78%)}
 .hero-content{margin-left:16%;width:46%;padding-top:52px}
 .hero h1{font-size:clamp(33px,5vw,45px)}
 .hero-description{font-size:15px}
 .hero-slogan{display:block !important;position:absolute;z-index:4;right:22px;bottom:16px;font:400 clamp(23px,3.5vw,32px)/1.9 'Gulzar',serif;color:#f8de9f;text-shadow:0 2px 6px #071e30}
 .hero-scene{background-image:url('assets/hero-approved-scene.jpg');background-size:cover;background-position:center center}
 .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit:nth-child(2){border-right:0}
 .feature-row{grid-template-columns:1fr}
 .membership-strip{min-height:170px;display:grid;grid-template-columns:1fr auto;align-items:center}
 .membership-title{grid-column:1}.membership-strip p{grid-column:1;max-width:40ch}
 .membership-strip .button{grid-column:2;grid-row:1/3;align-self:center}
 .collection-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business{grid-template-columns:repeat(3,minmax(0,1fr))}
 .business-intro{grid-column:1/-1}.business-actions{grid-column:1/-1;display:flex;justify-content:center}
 .business-actions .button{min-width:160px}
}
@media(max-width:560px){
 .site-header-inner{padding:10px 13px;gap:7px;grid-template-columns:minmax(0,1fr) auto 42px}
 .brand-link{width:min(215px,calc(100vw - 128px));max-width:100%}
 .brand-caption{margin-left:39px;font-size:11px}
 .mobile-home-link{font-size:12px;margin-right:0}
 .hero{height:auto;min-height:480px}
 .hero-still{display:none}
 .hero-scene{left:0;right:0;width:100%;background-image:url('assets/hero-approved-scene.jpg');background-position:center center;filter:brightness(1.12) contrast(1.08) saturate(1.08)}
 .hero::before{background:linear-gradient(180deg,rgba(9,34,51,.78) 0%,rgba(9,34,51,.62) 43%,rgba(9,34,51,.06) 100%)}
 .hero-content{width:auto;max-width:100%;margin:0;padding:32px 20px 120px}
 .hero h1{font-size:clamp(34px,9vw,48px);white-space:normal}
 .hero-subtitle{font-size:clamp(18px,5vw,23px)}
 .hero-description{font-size:16px;max-width:31ch}
 .hero-slogan{font-size:clamp(22px,6.3vw,30px);bottom:18px;left:12px;right:12px;text-align:right}
 .benefits{grid-template-columns:1fr;padding:8px 12px}
 .benefit{border-right:0;border-bottom:1px solid #eadfce;padding:12px 8px}
 .benefit:last-child{border-bottom:0}
 .feature-row,.collection-cards{width:calc(100% - 20px);margin:9px auto}
 .bridge{min-height:0}.bridge-image{position:relative;inset:auto;display:block;width:100%;height:170px;background-position:center}
 .bridge::after{display:none}
 .bridge-copy{max-width:none;padding:18px}
 .bridge h2{font-size:33px;line-height:1.07}.bridge p{font-size:15px;line-height:1.45;max-width:none}
 .membership-strip{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:220px;padding:24px}
 .membership-title h2{font-size:28px}.membership-strip p{font-size:15px}.membership-strip .button{margin-top:8px}
 .collection-cards{grid-template-columns:1fr;gap:11px}.collection-cards a{max-width:440px;width:100%;margin:auto}
 .business{grid-template-columns:1fr;width:calc(100% - 20px)}
 .business-intro{grid-column:auto}.business-actions{grid-column:auto;display:grid}
 .business-plan h3{font-size:18px}.business-plan p{font-size:14px}
 .business-workflow{padding:22px 14px}.business-workflow form{grid-template-columns:1fr}.business-workflow label:has(textarea),.business-workflow .business-consent{grid-column:auto}
 .directory-grid,.lower-grid{grid-template-columns:1fr}
 .below-reference{padding:12px}.newsletter{padding:21px}
 .page-shell{padding:30px 19px 70px}
}