/* GrowBahrain: visual direction adapted from the supplied enterprise proposal.
   No proposal content, LuLu references, sample metrics or commercial claims reused. */
:root{--ink:#081728;--green:#00b77f;--wash:#f5f8f8;--line:#dce6e4;--muted:#657789}
body{background:#fff}
.site-header,.page-index .site-header{position:sticky;top:14px;z-index:100;width:min(1200px,calc(100% - 28px));margin:14px auto 0;border:1px solid #2a4050;border-radius:999px;background:#081728f5;box-shadow:0 18px 50px #00000024}
.site-header .nav-inner{min-height:68px;width:100%;padding:8px 14px;gap:24px}.site-header .brand{background:none;border-radius:0;padding:0;flex-shrink:0}.site-header .brand-logo{width:150px;height:auto}
.site-header #main-nav>a,.site-header .has-mega>a{color:#d8e2e7}.site-header .nav-cta,.site-header .button.primary{background:#00c389;color:#081728;border-color:#00c389;border-radius:999px;padding:11px 19px}.site-header .menu-toggle{border-color:#52656e;color:#fff;background:transparent}.site-header .menu-toggle span{color:#fff}
.site-header .mega{color:#13263a;background:#fff!important;border-radius:24px;box-shadow:0 28px 70px #08172833}.site-header .mega a{color:#13263a}
.page-hero,.home-hero,.page-index .home-hero{position:relative;isolation:isolate;margin-top:-96px;padding:170px 0 96px;background:radial-gradient(ellipse at 85% 15%,#00c38930,transparent 38%),radial-gradient(ellipse at 10% 85%,#fcc04e10,transparent 30%),linear-gradient(145deg,#06111e,#081728 60%,#0a2c37);color:#fff;overflow:hidden}
.page-hero h1,.home-hero h1{color:#fff!important;letter-spacing:-.052em!important}.page-hero h1 em{color:#65dcae;font-style:normal}.page-hero h1 .highlight,.home-hero h1 .highlight{color:#fff}.highlight:after{background:#bd9131;height:12%;bottom:0}
.page-hero .eyebrow,.home-hero .eyebrow{color:#62dcae}.page-hero .hero-description,.home-hero .hero-description,.page-hero .lead{color:#bdcdd5}.page-hero .hero-note,.page-hero .muted,.hero-footnote{color:#9eafb9!important}.hero-footnote strong{color:#fff}.mini-line{background:#d1ddd8}
.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';display:inline-block;flex:0 0 24px;height:2px;background:#fcc04e;border-radius:3px}.eyebrow:has(.gb-seed-origin):before{display:none}
.button,.page-index .button.outline{border-radius:999px!important}.button.primary{background:#00b77f;color:#081728;border-color:#00b77f;font-weight:700}.page-hero .button.outline,.home-hero .button.outline,.page-index .home-hero .button.outline{background:#ffffff08;color:#fff;border-color:#ffffff40}
.studio-hero-grid h1,.gb-hero-grid h1{font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1.06}.hero-copy h1{font-size:clamp(3rem,5.15vw,4.8rem);line-height:1.04}
.workflow-visual{background:linear-gradient(150deg,#ffffff15,#ffffff07);border:1px solid #ffffff24;box-shadow:0 35px 80px #00000030;border-radius:32px}.workflow-tabs button{border-radius:10px;background:#ffffff09;border-color:#ffffff20}.workflow-tabs button[aria-selected=true]{background:#00c389;color:#081728;border-color:#00c389}.journey-panel{margin-top:18px;padding:24px 20px;border-radius:18px;background:#040d16a8;border:1px solid #ffffff13}.journey-panel>.micro{color:#fcc04e}.journey-panel>a{color:#65dcae}.visual-bottom{margin-top:20px;border-color:#ffffff1c}.visual-logo{color:#00c389}.workflow-visual .connected-art{margin-top:14px}
.studio-visual{padding:12px;background:linear-gradient(140deg,#ffffff14,#ffffff06);border:1px solid #ffffff24;border-radius:32px;box-shadow:0 35px 80px #00000030}.studio-visual svg{border-radius:22px}.studio-visual:after{display:none}.gb-hero-grid>img{border:10px solid #ffffff15;border-radius:28px!important;background:#f5f8f8!important;box-shadow:0 32px 70px #00000024}
.section{padding:104px 0}.section-head{max-width:100%;margin-bottom:48px}.section-head h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.06;max-width:900px}.section-head:has(>.lead){display:grid;grid-template-columns:1.1fr .85fr;gap:18px 64px;align-items:end}.section-head:has(>.lead)>.eyebrow{grid-column:1/-1;margin:0}.section-head:has(>.lead)>h2{margin:0}.section-head:has(>.lead)>.lead{margin:0;font-size:1.04rem;line-height:1.75}
.tint-section{background:#f5f8f8}.page-index .tint-section{background:#f5f8f8}.page-index #how-we-help{background:#fff;border:0}.page-index #why{background:#fff;border:0}.dark-section{background:radial-gradient(ellipse at 100% 0,#00c38913,transparent 55%),#081728}.dark-section .eyebrow{color:#48d7a3}
.feature-card,.door,.poster,.plan{border-radius:24px;border-color:#dce6e4}.door,.poster{box-shadow:0 18px 48px -36px #08172866}.tags span,.pill{border-radius:999px}.steps-line{gap:30px}.gb-not{border-radius:0 18px 18px 0}
.page-index #how-we-help .service-motion,.page-index #why .why-motion,.page-index .home-poster{border-radius:26px;background:#081728;border-color:#263f50;box-shadow:0 24px 50px -38px #08172888}.home-service-route,.page-index #why .why-art,.page-index .home-poster .poster-artwork{border-radius:18px}.page-index #why .why-motion{padding:28px!important}.page-index #why .why-motion h3{font-size:1.5rem}
.cta-section{position:relative;background:radial-gradient(ellipse at 100% 50%,#00c3891c,transparent 55%),#f1f7f4;padding:96px 0}.cta-section h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.05em}.cta-section .button.primary{min-width:170px}.site-footer{background:#081728;border-color:#203949}
html{scroll-padding-top:112px}
@media(min-width:951px){.site-header #main-nav{gap:22px}.site-header #main-nav>a,.site-header .has-mega>a{font-size:.8rem}}
@media(max-width:1100px) and (min-width:951px){.site-header #main-nav{gap:15px}.site-header .nav-inner{gap:14px}.site-header .brand-logo{width:135px}.site-header .button{padding:10px 14px}}
@media(max-width:950px){.site-header,.page-index .site-header{top:10px;margin-top:10px}.site-header .nav-inner{min-height:62px;padding:8px 12px}.site-header .brand-logo{width:135px}.site-header #main-nav{background:#081728!important;border-color:#294352;border-radius:22px;max-height:calc(100dvh - 98px)}.site-header .mega{background:#10283a!important;color:#fff;box-shadow:none;padding:16px;border-color:#294352}.site-header .mega a{color:#fff}.site-header .mega small,.site-header .mega-foot{color:#b7c9d4}.site-header .mega-group .micro{color:#62dcae}.page-hero,.home-hero,.page-index .home-hero{margin-top:-83px;padding:132px 0 66px}.section{padding:74px 0}.section-head:has(>.lead){grid-template-columns:1fr;gap:20px}.section-head h2{font-size:2.5rem}.cta-section{padding:70px 0}.hero-grid,.gb-hero-grid,.studio-hero-grid{gap:44px}}
@media(max-width:600px){.site-header,.page-index .site-header{width:calc(100% - 20px)}.site-header .nav-inner{min-height:58px}.site-header .brand-logo{width:118px}.site-header .brand{padding:0}.site-header .menu-toggle{padding:9px 12px;font-size:.85rem}.page-hero,.home-hero,.page-index .home-hero{padding:125px 0 54px}.hero-copy h1{font-size:2.7rem}.studio-hero-grid h1,.gb-hero-grid h1{font-size:2.5rem}.section-head h2{font-size:2.1rem}.section{padding:60px 0}.workflow-visual{border-radius:24px;padding:20px 16px 0}.journey-panel{padding:20px 16px}.studio-visual{padding:8px;border-radius:24px}.studio-visual svg{border-radius:16px}.page-index #why .why-motion{padding:22px!important}.cta-section h2{font-size:2.6rem}html{scroll-padding-top:94px}}
/* Preserve motion-off and phone-lightweight behavior from the shared motion layer. */
html.studio-nojs .site-header{position:relative;border-radius:22px}html.studio-nojs .page-hero,html.studio-nojs .home-hero{margin-top:0;padding-top:60px}
@media(min-width:951px){.site-header #main-nav,.site-header .has-mega{position:static}.site-header .has-mega:after{display:none}.site-header .mega{top:calc(100% + 12px)}.site-header #main-nav>a:last-child{background:#00c389;color:#081728;border-radius:999px;padding:11px 19px}}
.site-header .menu-toggle i,.site-header .menu-toggle i:before,.site-header .menu-toggle i:after{background:#fff}
.site-header .menu-bars:before,.site-header .menu-bars:after{background:#fff}
/* Compact Home services: four across desktop, two across phones/tablets. */
.page-index #how-we-help .two-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.page-index #how-we-help .service-motion{min-width:0;padding:18px!important;border-radius:20px}
.page-index #how-we-help .service-motion h3{font-size:1.35rem;line-height:1.18;margin-bottom:14px;overflow-wrap:normal}
.page-index #how-we-help .service-motion p{font-size:.88rem;line-height:1.65;overflow-wrap:anywhere}
.page-index #how-we-help .home-service-route{height:248px;margin:16px 0 20px;padding:14px 10px;border-radius:12px}
.page-index #how-we-help .route-spine{top:41.5px;bottom:41.5px;left:18px}
.page-index #how-we-help .route-node{left:8px;width:16px;height:16px;margin:-8px 0 0 -8px}.page-index #how-we-help .route-node:after{inset:3px}
.page-index #how-we-help .route-branch,.page-index #how-we-help .route-stop:nth-of-type(even) .route-branch{left:8px;width:22px}
.page-index #how-we-help .route-label,.page-index #how-we-help .route-stop:nth-of-type(even) .route-label{grid-column:1/-1;padding:0 0 0 37px;display:flex;flex-direction:row;align-items:center;gap:7px}
.page-index #how-we-help .route-label svg{width:21px;height:21px;flex:0 0 21px}.page-index #how-we-help .route-label strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.page-index #how-we-help .route-seed{left:14px;top:37.5px}
.page-index #how-we-help .route-2{grid-template-rows:repeat(2,1fr);padding-block:48px}.page-index #how-we-help .route-2 .route-spine{top:86px;bottom:86px}.page-index #how-we-help .route-2 .route-seed{top:82px}
@keyframes compact-route-four{0%,12%{transform:translateY(0)}28%,38%{transform:translateY(55px)}54%,64%{transform:translateY(110px)}80%,100%{transform:translateY(165px)}}
@keyframes compact-route-two{0%,20%{transform:translateY(0)}80%,100%{transform:translateY(76px)}}
@media(prefers-reduced-motion:no-preference){.page-index #how-we-help .route-4.is-active .route-seed{animation-name:compact-route-four}.page-index #how-we-help .route-2.is-active .route-seed{animation-name:compact-route-two}}
@media(max-width:950px){.page-index #how-we-help .two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.page-index #how-we-help .two-grid{gap:10px}.page-index #how-we-help .service-motion{padding:12px!important;border-radius:16px}.page-index #how-we-help .service-motion h3{font-size:1.06rem;line-height:1.22;margin-bottom:12px}.page-index #how-we-help .service-motion p{font-size:.78rem;line-height:1.55}.page-index #how-we-help .home-service-route{padding-inline:7px;margin:12px 0 16px;height:248px}.page-index #how-we-help .route-spine{left:12px}.page-index #how-we-help .route-node{left:5px;width:12px;height:12px;margin:-6px 0 0 -6px}.page-index #how-we-help .route-node:after{inset:2px}.page-index #how-we-help .route-branch,.page-index #how-we-help .route-stop:nth-of-type(even) .route-branch{left:5px;width:12px}.page-index #how-we-help .route-label,.page-index #how-we-help .route-stop:nth-of-type(even) .route-label{padding-left:23px;gap:3px;flex-direction:column;align-items:flex-start}.page-index #how-we-help .route-label strong{font-size:10px}.page-index #how-we-help .route-label svg{width:16px;height:16px;flex-basis:16px}.page-index #how-we-help .route-seed{left:8px}.page-index #how-we-help .service-motion .step-number{font-size:.65rem;padding:5px 8px}}
/* Compact starting options, sized to match the smaller Home services. */
.page-index #start-small{padding:64px 0}
.page-index #start-small .section-head{margin-bottom:28px;gap:14px 40px;grid-template-columns:1.15fr .85fr}
.page-index #start-small .section-head h2{font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.14;max-width:650px}
.page-index #start-small .section-head .lead{font-size:.95rem;line-height:1.65}
.page-index #start-small .three-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.page-index #start-small .home-poster{padding:18px!important;border-radius:20px}
.page-index #start-small .poster-artwork{height:150px;aspect-ratio:auto;margin:0 0 18px;border-radius:12px}
.page-index #start-small .poster-artwork svg{width:100%;height:100%;object-fit:contain}
.page-index #start-small .poster-copy{padding:0 0 26px}
.page-index #start-small .home-poster h3{font-size:1.25rem;line-height:1.22;margin-bottom:12px}
.page-index #start-small .home-poster p{font-size:.88rem;line-height:1.6}
.page-index #start-small .poster-arrow{font-size:1.35rem;right:18px;bottom:14px}
@media(max-width:950px){.page-index #start-small .section-head{grid-template-columns:1fr}.page-index #start-small .three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-index #start-small{padding:46px 0}.page-index #start-small .section-head h2{font-size:1.65rem}.page-index #start-small .section-head .lead{font-size:.88rem}.page-index #start-small .three-grid{gap:10px}.page-index #start-small .home-poster{padding:12px!important;border-radius:16px}.page-index #start-small .poster-artwork{height:108px;margin-bottom:14px;border-radius:9px}.page-index #start-small .home-poster h3{font-size:1rem;line-height:1.25}.page-index #start-small .home-poster p{font-size:.78rem;line-height:1.55}.page-index #start-small .poster-arrow{right:12px;bottom:12px}.page-index #start-small .poster-copy{padding-bottom:25px}}
/* Compact Why GrowBahrain cards. */
.page-index #why{padding:60px 0}
.page-index #why .section-head{margin-bottom:28px}
.page-index #why .section-head h2{font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.14}
.page-index #why .three-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.page-index #why .why-motion{padding:18px!important;border-radius:18px}
.page-index #why .why-art{height:76px;margin:0 0 16px;border-radius:11px}
.page-index #why .why-art svg{width:92px;height:74px}
.page-index #why .why-motion h3{font-size:1.2rem;line-height:1.22;margin-bottom:12px}
.page-index #why .why-motion p{font-size:.88rem;line-height:1.6}
@media(max-width:950px){.page-index #why .three-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.page-index #why{padding:46px 0}.page-index #why .section-head h2{font-size:1.65rem}.page-index #why .three-grid{gap:10px}.page-index #why .why-motion{padding:12px!important;border-radius:16px}.page-index #why .why-art{height:62px;margin-bottom:12px;border-radius:9px}.page-index #why .why-art svg{width:76px;height:60px}.page-index #why .why-motion h3{font-size:1rem;line-height:1.25}.page-index #why .why-motion p{font-size:.78rem;line-height:1.55}}
/* Small illustrative service demos, with no customer data or invented metrics. */
.micro-demo svg{display:block;width:100%;height:100%}.micro-demo *{transform-box:fill-box;transform-origin:center}.micro-demo .demo-bar{transform-origin:center bottom}
@keyframes micro-sites{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes micro-assemble{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(4px);opacity:.65}}
@keyframes micro-bars{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:no-preference){
.micro-demo.is-active .demo-site,.micro-demo.is-active .demo-pin{animation:micro-sites 5s ease-in-out infinite}
.micro-demo.is-active .side-site{animation-delay:-1.6s}.micro-demo.is-active .second{animation-delay:-3.2s}
.micro-demo.is-active .demo-assemble{animation:micro-assemble 4s ease-in-out infinite}
.micro-demo.is-active .demo-bar{animation:micro-bars 4s ease-in-out infinite}.micro-demo.is-active .two{animation-delay:-.5s}.micro-demo.is-active .three{animation-delay:-1s}.micro-demo.is-active .four{animation-delay:-1.5s}
}
@media(max-width:600px){.micro-demo.is-active .side-site,.micro-demo.is-active .demo-assemble{animation:none}}
@media(prefers-reduced-motion:reduce){.micro-demo *{animation:none!important}}
html.motion-paused .micro-demo *{animation:none!important}
/* Six miniature explanatory demos; existing card dimensions remain unchanged. */
.page-index #why .why-mini-demo svg{width:100%;height:100%}.why-mini-demo text{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:11px;font-weight:600;fill:#102033}.why-mini-demo *{transform-box:fill-box;transform-origin:center}.why-mini-demo .why-demo-progress{transform-origin:left}
@keyframes why-check{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.93)}}
@keyframes why-pointer{0%,100%{transform:translate(0,0)}50%{transform:translate(-7px,3px)}}
@keyframes why-export{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@keyframes why-progress{0%,100%{transform:scaleX(.38)}65%{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){.why-mini-demo.is-active .why-demo-check{animation:why-check 4s ease-in-out infinite}.why-mini-demo.is-active .why-demo-pointer{animation:why-pointer 4s ease-in-out infinite}.why-mini-demo.is-active .why-demo-language{animation:why-check 4s ease-in-out infinite}.why-mini-demo.is-active .why-demo-export{animation:why-export 4s ease-in-out infinite}.why-mini-demo.is-active .why-demo-progress{animation:why-progress 6s ease-in-out infinite}.why-mini-demo.is-active .why-demo-progress.second{animation-delay:-1s}}
@media(max-width:600px){.why-mini-demo.is-active .why-demo-check,.why-mini-demo.is-active .why-demo-language{animation:none}}
@media(prefers-reduced-motion:reduce){.why-mini-demo *{animation:none!important}}
html.motion-paused .why-mini-demo *{animation:none!important}
/* An odd third option spans the second mobile row, avoiding an empty grid cell. */
@media(max-width:950px){
.page-index #start-small .home-poster:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px}
.page-index #start-small .home-poster:last-child .poster-artwork{margin:0;height:136px}
.page-index #start-small .home-poster:last-child .poster-copy{padding:0 0 24px;min-width:0}
}
@media(max-width:600px){
.page-index #start-small .home-poster:last-child{gap:12px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.page-index #start-small .home-poster:last-child .poster-artwork{height:108px}
}
/* About: compact belief cards, matching the Home miniature demos. */
.page-about #about-beliefs{padding:60px 0}
.page-about #about-beliefs .section-head{margin-bottom:28px}
.page-about #about-beliefs .section-head h2{font-size:clamp(1.7rem,2.6vw,2.35rem);line-height:1.14}
.page-about #about-beliefs .two-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.page-about #about-beliefs .belief-card{min-width:0;padding:18px;border-radius:18px;background:#081728;border:1px solid #263f50;box-shadow:0 24px 50px -38px #08172888}
.page-about #about-beliefs .belief-card h3{color:#fff;font-size:1.2rem;line-height:1.22;margin:0 0 12px}
.page-about #about-beliefs .belief-card p{color:#b9cbd3;font-size:.88rem;line-height:1.6;margin:0;overflow-wrap:anywhere}
.page-about #about-beliefs .why-art{height:90px;margin:0 0 16px;border-radius:11px;background:#fff;overflow:hidden}
.page-about #about-beliefs .why-art svg{display:block;width:100%;height:100%}
@media(max-width:950px){.page-about #about-beliefs .two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.page-about #about-beliefs{padding:46px 0}.page-about #about-beliefs .section-head h2{font-size:1.65rem}.page-about #about-beliefs .two-grid{gap:10px}.page-about #about-beliefs .belief-card{padding:12px;border-radius:16px}.page-about #about-beliefs .belief-card h3{font-size:1rem;line-height:1.25}.page-about #about-beliefs .belief-card p{font-size:.78rem;line-height:1.55}.page-about #about-beliefs .why-art{height:62px;margin-bottom:12px;border-radius:9px}}
/* About process: an open connected timeline, never boxed cards. */
.page-about #how{padding:64px 0;background:#f5f8f8}
.page-about #how .section-head{margin-bottom:38px}
.page-about #how .section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12}
.page-about #how .process-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.page-about #how .step{position:relative;border:0;background:none;box-shadow:none;padding:0;min-width:0}
.page-about #how .process-symbol{position:relative;z-index:1;width:64px;height:64px;display:grid;place-items:center;color:#167c5b;background:#f5f8f8;border:1px solid #b7d6c8;border-radius:50%;margin-bottom:22px}
.page-about #how .process-symbol svg{width:33px;height:33px}
.page-about #how .step-number{display:block;margin:0 0 12px;padding:0;border:0;color:#17825e;font-size:.78rem;font-weight:700;letter-spacing:.12em;line-height:1}
.page-about #how .step-number:after{display:none}
.page-about #how .step h3{font-size:1.25rem;line-height:1.25;margin:0 0 12px;color:#081728}
.page-about #how .step p{font-size:.92rem;line-height:1.65;margin:0;color:#627988;max-width:240px}
.page-about #how .process-rail{position:absolute;left:32px;right:calc(25% - 53px);height:10px;top:27px;overflow:hidden}
.page-about #how .process-rail:before{content:'';position:absolute;left:0;right:0;top:4px;height:2px;background:#b7d6c8}
.page-about #how .process-traveller{position:absolute;inset:0;transform:translateX(-50%)}
.page-about #how .process-traveller:after{content:'';position:absolute;right:0;top:0;width:10px;height:10px;border-radius:50%;background:#fcc04e}
@keyframes process-travel{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes process-travel-down{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@keyframes process-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:no-preference){.page-about #how .is-active .process-traveller{animation:process-travel 9s linear infinite}.page-about #how .is-active .process-symbol svg{animation:process-breathe 4s ease-in-out infinite}.page-about #how .step:nth-of-type(2) svg{animation-delay:-1s}.page-about #how .step:nth-of-type(3) svg{animation-delay:-2s}.page-about #how .step:nth-of-type(4) svg{animation-delay:-3s}}
@media(max-width:700px){
.page-about #how{padding:46px 0}.page-about #how .section-head{margin-bottom:30px}.page-about #how .section-head h2{font-size:1.8rem}
.page-about #how .process-timeline{grid-template-columns:1fr;gap:32px}
.page-about #how .step{padding:2px 0 0 78px;min-height:88px}
.page-about #how .process-symbol{position:absolute;left:0;top:0;width:52px;height:52px;margin:0}.page-about #how .process-symbol svg{width:28px;height:28px}
.page-about #how .step h3{font-size:1.13rem;margin-bottom:8px}.page-about #how .step p{font-size:.88rem;max-width:100%}.page-about #how .step-number{font-size:.7rem;margin-bottom:9px}
.page-about #how .process-rail{left:21px;right:auto;top:26px;bottom:64px;width:10px;height:auto}.page-about #how .process-rail:before{left:4px;right:auto;top:0;bottom:0;width:2px;height:auto}.page-about #how .process-traveller{transform:translateY(-50%)}.page-about #how .process-traveller:after{top:auto;bottom:0}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.page-about #how .is-active .process-traveller{animation-name:process-travel-down}.page-about #how .is-active .process-symbol svg{animation:none}}
@media(prefers-reduced-motion:reduce){.page-about #how .process-timeline *{animation:none!important}}
html.motion-paused .process-timeline *{animation:none!important}

/* Keep the mobile dropdown out of the header's flex layout. */
@media(max-width:950px){
 .site-header .nav-inner{position:relative}
 .site-header #main-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;width:100%;box-sizing:border-box;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:16px 20px;overflow:auto;overscroll-behavior:contain}
 .site-header #main-nav.is-open{display:flex}
 .site-header #main-nav>a,.site-header .has-mega>a{font-size:.95rem;line-height:1.4;padding:12px 4px}
 .site-header .has-mega>a{display:flex;justify-content:space-between}
 .site-header .has-mega:after{display:none}
 .site-header .has-mega .mega{position:static;transform:none;width:100%;box-sizing:border-box}
 .site-header .menu-bars{border-color:#fff}
 html.studio-nojs .site-header .nav-inner{flex-wrap:wrap}
 html.studio-nojs .site-header #main-nav{position:static;display:flex;max-height:none;flex-basis:100%}
}
@media(max-width:950px){
 .site-header #main-nav{max-height:calc(100dvh - 120px)}
 .site-header .menu-toggle[aria-expanded=true] .menu-bars:after{background:#fff}
}
/* Readable navigation feedback on both light and dark menus. */
.site-header .mega a:hover,.site-header .mega a:focus-visible{background:#e5f3ed;color:#081728}
.site-header .mega a:hover small,.site-header .mega a:focus-visible small{color:#344653}
.real-site-phone{display:block;text-decoration:none}
.phone.real-site-phone .screen{padding:0;height:auto;aspect-ratio:390/844;background:#081728;display:block}
.phone.real-site-phone .screen img{display:block;width:100%;height:auto;max-width:none}
.real-site-phone:focus-visible{outline:3px solid #fcc04e;outline-offset:6px}
/* Pills have their own light surface, even inside a dark section. */
.pill,.dark-section .pill{color:#081728;background:#fff}
.pill.off,.dark-section .pill.off{color:#465952;border-color:#71867d}
.st small{color:#4d6070}
/* Inner-page secondary copy remains readable on mint and white surfaces. */
.page-about,.page-contact,.page-pricing{--muted:#4d6070}
.page-about #how .step p{color:#4d6070}