@font-face{font-family:Poppins;src:url('assets/fonts/Poppins-Regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f8f8f3;color:#183633;font-family:Arial,'Nirmala UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4dd;background:#f8f8f3}.brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:800;letter-spacing:-1px}.brand img{width:39px;height:46px;object-fit:contain}.orange{color:#e77831}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}nav{display:flex;gap:30px;font-size:13px}.preview{font-size:10px;letter-spacing:1px;padding:9px 12px;border:1px solid #cdd8ce;border-radius:30px}.intro{max-width:1160px;margin:auto;padding:66px 28px 52px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#607c6d;margin:0 0 20px}h1{font-size:clamp(30px,3.5vw,53px);line-height:1.55;letter-spacing:-1.8px;margin:0 0 22px}h1 span{color:#6c8175}.lede{font-size:16px;line-height:1.9;max-width:850px;color:#54675f}.cta{display:inline-flex;align-items:center;gap:28px;background:#163e36;color:white;border-radius:7px;padding:16px 20px;margin-top:16px;font-size:14px}.cta span{font-size:22px}.micro{font-size:11px;color:#6b7e73;margin-top:16px}.explorer{max-width:1280px;margin:auto;padding:36px 5% 58px;border-top:1px solid #dce3d9}.explore-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:34px}.explore-heading h2{font-size:24px;line-height:1.5;margin:0}.explore-heading .eyebrow{margin-bottom:10px}.explore-heading>p{font-size:12px;color:#63776b;max-width:230px;line-height:1.7}.workspace{display:grid;grid-template-columns:440px 1fr;gap:65px;align-items:start}.phone-area{background:#e5eadd;padding:22px 20px 15px;border-radius:25px}.phone-label{text-align:center;font-size:9px;letter-spacing:1.2px;margin-bottom:15px;color:#3a5c4b}.dot{display:inline-block;width:6px;height:6px;background:#418767;border-radius:50%;margin-right:5px}.phone{border:8px solid #1c302c;border-radius:39px;overflow:hidden;background:white;box-shadow:0 20px 35px #19312620}.speaker{height:20px;background:#1c302c}.speaker:after{content:'';display:block;width:58px;height:5px;background:#5b6c65;margin:auto;border-radius:8px}iframe{display:block;width:100%;height:690px;border:0;background:white}.phone-caption{text-align:center;font-size:11px;color:#607265;margin:17px 0 2px}.features{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.features button{padding:11px 13px;border:1px solid #d5ded3;border-radius:8px;background:transparent;color:#435f53;font-size:12px}.features button[aria-pressed=true]{background:#173d34;color:#fff;border-color:#173d34}.explanation h2{font-size:28px;line-height:1.5;letter-spacing:-.5px;margin:0 0 17px}.purpose{font-size:15px;line-height:1.9;color:#52685c;margin:0 0 24px}.problem{border-left:3px solid #df9957;background:#f0eee3;padding:15px 18px;margin-bottom:25px}.problem span,.ask span{font-size:11px;font-weight:bold;color:#8e602f}.problem p,.ask p{font-size:14px;line-height:1.8;margin:8px 0 0}.explanation h3{font-size:15px;margin:0 0 16px}ol{padding-left:24px;color:#52685c;font-size:14px;line-height:1.8}li{padding-left:7px;margin:11px 0}.ask{padding-top:17px;border-top:1px solid #d9e0d5}.ask span{color:#54725e}.limit{font-size:11px;line-height:1.7;color:#758074;margin-top:22px}.step-nav{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid #d5ded3}.step-nav button{border:0;background:none;color:#275243;padding:10px;font-size:12px}.step-nav span{font-size:11px;color:#708071}.checklist{padding:70px max(6%,calc((100% - 1100px)/2));background:#183d34;color:#fff}.checklist .eyebrow{color:#acc3a7}.checklist>h2,.closing h2{font-size:35px;line-height:1.55;margin:0 0 24px}.checklist>p:not(.eyebrow){max-width:800px;color:#c4d1c5;line-height:1.9;font-size:15px}.questions{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.questions article{padding-top:22px;border-top:1px solid #68806c}.questions b{font-size:11px;color:#bed09d}.questions h3{font-size:17px;line-height:1.6}.questions p{font-size:13px;color:#c4d1c5;line-height:1.9}.closing{padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:70px}.closing p{font-size:14px;line-height:1.8;color:#627565}.contact-placeholder{align-self:center;padding:28px;border:1px solid #d8dfd3;border-radius:12px}.contact-placeholder small{display:block;line-height:1.8;color:#758074;font-size:12px}.contact-placeholder a{display:block;margin-top:20px;font-size:13px;font-weight:bold}footer{padding:28px 7%;border-top:1px solid #d8dfd3;font-size:11px;color:#6a7f70;line-height:1.7}footer b{font-size:15px;color:#244334}:focus-visible{outline:3px solid #db8036;outline-offset:4px}@media(max-width:1000px){.workspace{grid-template-columns:390px 1fr;gap:30px}.phone-area{padding:15px 10px}.explanation h2{font-size:24px}}@media(max-width:760px){header{height:72px;padding:0 5%}nav{display:none}.intro{padding:38px 6%}.intro h1{font-size:29px;letter-spacing:-1px}.lede{font-size:14px}.explorer{padding:30px 5%}.explore-heading{display:block}.explore-heading>p{max-width:none}.workspace{display:flex;flex-direction:column;gap:27px}.phone-area{width:100%;max-width:420px;align-self:center}iframe{height:570px}.guide{width:100%}.features{position:sticky;top:0;background:#f8f8f3;padding:12px 0;z-index:3}.features button{font-size:11px}.checklist{padding:45px 6%}.checklist>h2,.closing h2{font-size:27px}.questions,.closing{grid-template-columns:1fr;gap:22px}.closing{padding:40px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Larger customer app with readable guidance */
.explorer{max-width:1560px;padding-left:3%;padding-right:3%}.workspace{grid-template-columns:minmax(480px,560px) minmax(0,1fr);gap:48px}.phone-area{padding:20px 18px}.phone{border-radius:32px}iframe{height:860px}.phone-label{font-size:11px}.customer-note{background:#fff8e8;border:1px solid #ead7ac;border-radius:12px;padding:18px;margin-top:22px;font-size:14px;line-height:1.9}.customer-note b{color:#82521f}.customer-note p{margin:8px 0 0}.value-panel{border:1px solid #d0ded0;border-radius:12px;padding:20px;margin:22px 0;background:#eef3e9}.value-panel h3{margin:0 0 8px}.value-panel p{font-size:15px;line-height:1.9;margin:0 0 20px}.value-panel p:last-child{margin-bottom:0}.problem p,.ask p{font-size:15px}.explanation h2{font-size:29px}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(420px,1fr) minmax(0,1fr);gap:25px}.phone-area{padding:14px 10px}.explanation h2{font-size:24px}}
@media(max-width:850px){.workspace{display:flex;flex-direction:column}.phone-area{width:100%;max-width:560px;align-self:center}.guide{width:100%}iframe{height:780px}.explorer{padding:28px 3%}.features{position:static}.explanation h2{font-size:25px}}
@media(max-width:480px){.phone-area{padding:10px 5px}.phone{border-width:4px;border-radius:22px}iframe{height:700px}.customer-note{padding:14px}.speaker{height:12px}}
.inquiry{max-width:1120px;margin:auto;padding:72px 6%}.inquiry h2{font-size:40px;margin:0 0 12px}.inquiry>p,.inquiry-intro{line-height:1.9;color:#52685c}.inquiry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.inquiry-tabs button{padding:23px;text-align:left;border:1px solid #cad9ce;background:white;border-radius:14px;color:#183d34;font-size:22px;font-weight:700}.inquiry-tabs small{display:block;font-size:13px;font-weight:400;margin-top:8px;line-height:1.6}.inquiry-tabs [aria-pressed=true]{background:#183d34;color:white;box-shadow:0 6px 18px #183d341c}.inquiry form{padding:30px;border:1px solid #d3dfd2;border-radius:18px;background:#fff}.inquiry form[hidden]{display:none}.inquiry h3{font-size:22px;line-height:1.7;margin:0 0 12px}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.inquiry label{display:block;font-size:14px;line-height:1.7;color:#244b3f}.inquiry input:not([type=checkbox]),.inquiry select,.inquiry textarea{display:block;width:100%;padding:13px;border:1px solid #b9cdc0;border-radius:8px;background:#fcfdf9;color:#163e36;font:inherit;margin-top:8px;min-height:48px}.full-field{grid-column:1/-1}.inquiry .inquiry-consent{display:flex;gap:12px;align-items:start}.inquiry-consent input{width:19px;height:19px;flex-shrink:0;margin-top:3px}.inquiry-submit{border:0;border-radius:8px;background:#183d34;color:white;padding:15px 22px;font-size:15px}.inquiry-preview-note{font-size:12px;line-height:1.8;color:#776340;margin:18px 0}.inquiry-status{line-height:1.9;color:#244b3f;font-size:14px}.inquiry-status:empty{display:none}@media(max-width:600px){.inquiry{padding:40px 5%}.inquiry-fields{grid-template-columns:1fr}.inquiry form{padding:20px}.inquiry-tabs{gap:10px}.inquiry-tabs button{padding:17px;font-size:19px}}
.trust-story{margin:24px 0 28px;border:1px solid #cad8cc;border-radius:18px;overflow:hidden;background:#fff}.trust-head{padding:18px 22px;background:#183d34;color:white}.trust-head>span{font-size:15px;font-weight:700;line-height:1.7}.trust-head small{display:block;font-size:9px;letter-spacing:1.7px;color:#c5d7c4;margin-top:7px}.trust-story .problem{margin:0;border:0;border-radius:0;padding:22px;background:#fff5eb}.trust-story .problem>span,.geni-solution>span,.trust-proof>span{font-size:13px;font-weight:700;line-height:1.8}.trust-story p{font-size:15px;line-height:1.95}.market-example{margin-top:18px;border-top:1px solid #ecd7bc;padding-top:15px}.market-example b{font-size:12px;color:#966035}.market-example p{font-size:14px;font-style:italic}.geni-solution{padding:22px;background:#eaf3e9;color:#204c37;border-top:1px solid #d0e1ce}.trust-proof{padding:22px;background:#f2f6fb;color:#244767;border-top:1px solid #d9e4ee}.geni-solution p,.trust-proof p{margin:10px 0 0}.trust-promise{margin:0;padding:18px 22px;color:#52685c;font-size:12px!important;border-top:1px solid #dce5da}@media(max-width:600px){.trust-story p{font-size:14px}.trust-head,.trust-story .problem,.geni-solution,.trust-proof{padding:18px}}
/* Phone hardware framing and a full-height, self-contained app screen. */
.phone{max-width:480px;margin-inline:auto;border:9px solid #1b2425;border-radius:42px;box-shadow:0 0 0 2px #68716d,0 24px 48px #19312630}
.speaker{height:29px;background:#1b2425;display:flex;align-items:center;justify-content:center}
.speaker:after{width:66px;height:6px;background:#495552;margin:0}
.phone:after{content:'';display:block;height:18px;background:linear-gradient(#fff,#fff) center/108px 4px no-repeat #1b2425}
.phone iframe{height:760px;height:clamp(600px,calc(100dvh - 150px),820px)}
@media(max-width:480px){.phone{border-width:6px;border-radius:30px}.speaker{height:23px}.phone iframe{height:clamp(480px,calc(100dvh - 135px),740px)}}
/* Four distinct reading steps, with text labels as well as colour cues. */
.trust-story{padding:18px;border:1px solid #d5ddd8;border-radius:20px;background:#fff;display:grid;gap:16px}
.trust-head{margin:-18px -18px 2px;padding:20px 22px}
.trust-head>span{font-size:18px;line-height:1.65}
.trust-story .problem,.trust-story .geni-solution,.trust-story .market-example,.trust-story .trust-proof{margin:0;padding:22px 24px;border:1px solid;border-left-width:5px;border-radius:12px}
.trust-story .problem{background:#fff1f2;border-color:#efb5bc;border-left-color:#c63444;color:#74232e}
.trust-story .problem>span{color:#a41f30}
.trust-story .geni-solution{background:#edf8f0;border-color:#b5d8bf;border-left-color:#26864c;color:#204e32}
.trust-story .geni-solution>span{color:#176738}
.trust-story .market-example{background:#f3efff;border-color:#d1c2ef;border-left-color:#7954b5;color:#513478}
.trust-story .market-example b{color:#623a98}
.trust-story .trust-proof{background:#eef5ff;border-color:#b9d2ee;border-left-color:#2c70b4;color:#254c73;box-shadow:0 3px 12px #2c70b40a}
.trust-story .trust-proof>span{color:#195b9b}
.trust-story .problem>span,.trust-story .geni-solution>span,.trust-story .market-example b,.trust-story .trust-proof>span{display:block;font-size:17px;font-weight:700;line-height:1.8;letter-spacing:0}
.trust-story p,.trust-story .market-example p{font-size:16px;line-height:1.95;font-style:normal;margin:12px 0 0;overflow-wrap:anywhere}
.trust-story .market-example small{display:block;font-size:12px;line-height:1.7;margin-top:12px;color:#705a8f}
.trust-story .trust-promise{margin:0;padding:10px 4px 0;border-top:0;font-size:13px!important;line-height:1.85}
@media(max-width:600px){.trust-story{padding:12px;gap:12px}.trust-head{margin:-12px -12px 2px;padding:18px}.trust-story .problem,.trust-story .geni-solution,.trust-story .market-example,.trust-story .trust-proof{padding:18px 16px}.trust-story .problem>span,.trust-story .geni-solution>span,.trust-story .market-example b,.trust-story .trust-proof>span{font-size:16px}.trust-story p,.trust-story .market-example p{font-size:15px;line-height:1.95}}
/* Edited poster on the left; accessible live copy on the right. */
.intro.hero-split{max-width:1420px;padding:42px 5% 58px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1fr);gap:54px;align-items:center}
.hero-art{border-radius:22px;overflow:hidden;background:#06182a;box-shadow:0 18px 44px #102d3020}
.hero-art img{display:block;width:100%;height:auto;object-fit:contain}
.hero-copy{min-width:0}.hero-copy .eyebrow{line-height:1.8;letter-spacing:1.3px}.hero-copy h1{font-size:clamp(28px,2.7vw,42px);line-height:1.65;letter-spacing:-.6px}.hero-copy h1 span{color:#276452}
.hero-message{font-size:18px;line-height:1.9;font-weight:700;color:#173e35;margin:0 0 18px}.hero-copy .lede{font-size:16px;line-height:1.95}
.hero-points{list-style:none;padding:0;display:grid;gap:15px;margin:24px 0}.hero-points li{margin:0;padding:0 0 0 15px;border-left:3px solid #da8a43}.hero-points b{display:block;font-size:15px;margin-bottom:5px}.hero-points span{font-size:14px;line-height:1.85;color:#52685c}.hero-footnote{font-size:12px;line-height:1.85;color:#62756c;margin-top:18px;max-width:540px}
@media(max-width:900px){.intro.hero-split{gap:28px;padding-inline:4%}.hero-copy h1{font-size:27px}.hero-message{font-size:16px}.hero-copy .lede{font-size:14px}}
@media(max-width:700px){.intro.hero-split{grid-template-columns:1fr;padding:26px 5% 40px}.hero-art{max-width:460px;margin:auto}.hero-copy h1{font-size:29px}.hero-copy .cta{font-size:13px;gap:15px}}
/* Final visual polish: consistent rhythm, touch targets and privacy access. */
:root{--surface:#fff;--ink:#183d34}body{background:#fafaf6}header{height:82px}.brand{letter-spacing:-.7px}.cta,.inquiry-submit{min-height:48px;box-shadow:0 5px 14px #183d3415;transition:background .18s,transform .18s}.cta:hover,.inquiry-submit:hover{background:#285a49;transform:translateY(-1px)}
.features button{min-height:44px;background:#fff}.features button:hover{border-color:#739783}.phone-area{background:linear-gradient(145deg,#e9eee4,#f3f4ed);border:1px solid #dce4d7}.hero-art{border:1px solid #16352e22}.inquiry form{box-shadow:0 12px 35px #183d3408}.privacy-inline{font-size:13px;line-height:1.9;margin:20px 0 0}.privacy-inline a,.footer-links a{color:#22614b;text-decoration:underline;text-underline-offset:4px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.policy-back{font-size:14px;padding:12px}.privacy-page{max-width:920px;margin:auto;padding:60px 28px 80px}.privacy-page h1{font-size:38px;line-height:1.6;letter-spacing:-.7px}.privacy-page h2{font-size:20px;line-height:1.7;margin:0 0 14px}.privacy-page section{padding:28px 0;border-bottom:1px solid #dbe4dd}.privacy-page p{font-size:16px;line-height:1.95;color:#476156}.privacy-page .policy-date{font-size:13px}.policy-summary{background:#eaf4ec;border:1px solid #c2dac8;border-radius:16px;padding:24px;margin-top:24px}.policy-summary b{font-size:19px}.policy-summary p{margin-bottom:0}
@media(max-width:600px){header{padding:0 4%;height:72px}.brand{font-size:25px}.preview{font-size:9px;padding:7px}.privacy-page{padding:32px 6% 50px}.privacy-page h1{font-size:28px}.privacy-page p{font-size:15px}.policy-back{font-size:12px}.inquiry-tabs button{min-height:90px}.footer-links{gap:10px 18px}}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.secondary-cta{display:inline-flex;align-items:center;min-height:48px;padding:12px 2px;color:#285d49;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:16px}.explore-start{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fff;border:1px solid #d5e2d8;padding:22px 25px;border-radius:16px;margin:0 0 28px}.explore-start b{font-size:17px;line-height:1.8}.explore-start p{font-size:14px;line-height:1.9;color:#52685c;margin:8px 0 0}.explore-start a{flex-shrink:0;color:#24634a;font-size:14px;padding:12px;border-radius:8px;background:#edf4ed}.customer-faq{max-width:1120px;margin:auto;padding:64px 6% 20px}.customer-faq h2{font-size:28px;line-height:1.7;margin:0 0 25px}.customer-faq details{border:1px solid #dbe3dc;border-radius:12px;margin:12px 0;background:#fff;overflow:hidden}.customer-faq summary{cursor:pointer;font-size:16px;line-height:1.8;font-weight:600;padding:20px 24px;min-height:56px}.customer-faq details[open]{border-color:#86ad92;background:#f4f8f2}.customer-faq details p{font-size:15px;line-height:1.95;margin:0;padding:0 24px 22px;color:#466052}.enquiry-preview-banner{background:#f1f5fb;border:1px solid #d1deed;border-radius:12px;padding:18px 22px;margin-top:22px;color:#32557a}.enquiry-preview-banner b,.enquiry-preview-banner span{display:block;font-size:14px;line-height:1.9}.enquiry-preview-banner span{margin-top:4px}@media(max-width:700px){.explore-start{display:block;padding:18px}.explore-start a{display:inline-flex;margin-top:12px}.customer-faq{padding:40px 5% 12px}.customer-faq h2{font-size:24px}.customer-faq summary{font-size:15px;padding:18px}.hero-actions{gap:0 14px}.customer-faq details p{padding:0 18px 20px}}
.whatsapp-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.85 Arial,sans-serif;background:#f0f6ef;padding:20px;border:1px solid #cfdfce;border-radius:12px}.inquiry-status .cta{font-size:15px}
/* Responsive alignment: readable columns, shared gutters, bounded phone. */
:root{--page-width:1240px;--gutter:clamp(18px,4vw,48px)}
html{scroll-padding-top:24px}body{overflow-wrap:break-word}
header{height:auto;min-height:76px;gap:20px;padding:16px var(--gutter);flex-wrap:wrap}
header nav{gap:clamp(16px,2vw,30px)}
.intro.hero-split,.explorer,.inquiry,.customer-faq{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--gutter)}
.intro.hero-split{align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(28px,4vw,52px);padding-top:36px}
.hero-art{width:100%;max-width:480px;margin-inline:auto}.hero-copy h1{font-size:clamp(26px,2.4vw,36px);line-height:1.65}
.hero-copy .lede{margin-block:14px;font-size:15px}.hero-message{font-size:17px}.hero-points{gap:12px;margin-block:18px}
.workspace{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:32px}.workspace>*{min-width:0}
.phone-area{width:100%;padding:16px;align-self:start}.phone{width:100%;max-width:420px}.phone iframe{height:clamp(420px,calc(100dvh - 190px),680px)}
.guide{min-width:0}.features{gap:8px;margin-bottom:20px}.features button{flex:1 1 110px}
.explanation h2{font-size:clamp(23px,2vw,28px)}.trust-story p{font-size:15px;line-height:1.85}
.explore-heading{align-items:start}.explore-start>*{min-width:0}
.inquiry,.customer-faq{max-width:1040px}.inquiry-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.inquiry-fields>*{min-width:0}
.inquiry input,.inquiry select,.inquiry textarea{min-width:0;max-width:100%}.inquiry-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
footer{padding-inline:var(--gutter)}
@media(min-width:1101px){.phone-area{position:sticky;top:24px}}
@media(max-width:1100px){
 .intro.hero-split{grid-template-columns:1fr;max-width:820px;gap:30px}.hero-art{max-width:380px}.hero-copy{width:100%}.hero-copy h1{font-size:30px}
 .workspace{display:flex;flex-direction:column;gap:30px}.phone-area{max-width:460px;align-self:center}.guide{width:100%}.explorer{max-width:900px}
 .trust-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.trust-head,.trust-promise{grid-column:1/-1}
 .explore-heading{display:block}.explore-heading>p{max-width:none}
}
@media(max-width:600px){
 header{min-height:68px;padding:12px 18px;gap:10px}.brand{font-size:24px}.preview{font-size:8px;padding:7px}.brand img{width:30px;height:36px}
 .intro.hero-split{padding-top:24px;gap:24px}.hero-art{max-width:320px}.hero-copy h1{font-size:26px;letter-spacing:0}.hero-message{font-size:16px}
 .hero-actions{display:grid;gap:10px}.hero-actions a{margin-top:0;justify-content:center;text-align:center;padding:13px}.hero-actions .cta{gap:12px;line-height:1.7}
 .trust-story{grid-template-columns:minmax(0,1fr)}.phone-area{padding:12px 8px}.phone{max-width:380px;border-width:6px}.phone iframe{height:clamp(400px,calc(100dvh - 160px),620px)}
 .explore-start{padding:16px}.inquiry-tabs{gap:10px}.inquiry-tabs button{padding:16px 12px;font-size:18px}.inquiry-tabs small{font-size:12px}
 .inquiry form{padding:20px 16px}.inquiry-fields{grid-template-columns:minmax(0,1fr);gap:18px}.inquiry h3{font-size:19px}.inquiry h2{font-size:32px}
 .inquiry-submit{width:100%;line-height:1.7;padding:14px}.customer-faq summary{padding:16px}.questions{grid-template-columns:minmax(0,1fr)}
}
/* One language choice across the page and the customer demo. */
.language-control{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d5dfda;background:#fff;border-radius:12px;flex-shrink:0;font-size:13px;color:#183e35}
.language-control select{font:inherit;font-weight:700;color:#124c3d;border:0;background:transparent;min-height:30px;max-width:130px;cursor:pointer}
header{flex-wrap:wrap;gap:16px}
html[lang=hi],html[lang=te],html[lang=ta]{line-height:1.75}
.features button{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.hero-copy h1{overflow-wrap:anywhere}
@media(max-width:700px){.language-control{margin-left:auto}.language-label{display:none}header nav{order:3;width:100%;justify-content:center}header>.preview{display:none}}

/* Device-sized app preview: no miniature scaling and no double mobile frame. */
.explorer{max-width:1440px}
.workspace{grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:36px}
.phone-area{max-width:none;padding:14px;min-width:0}
.phone{max-width:none;border-width:5px;border-radius:28px}
.phone iframe{height:clamp(620px,calc(100dvh - 110px),880px)}
.phone-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.phone-toolbar .phone-label{margin:0;text-align:left;font-size:11px;line-height:1.5}
.expand-demo{flex-shrink:0;min-height:44px;padding:9px 12px;background:white;border:1px solid #aebfb3;border-radius:10px;color:#183d34;font-size:13px;line-height:1.4}
@media(min-width:1101px){.phone-area{top:12px}}
@media(min-width:768px) and (max-width:1100px){.phone-area{width:100%;max-width:620px}.phone iframe{height:clamp(650px,calc(100dvh - 100px),900px)}}
@media(max-width:767px){
 .explorer{padding-inline:16px}.workspace{display:flex;flex-direction:column;gap:24px}
 .phone-area{width:calc(100% + 32px);max-width:none;margin-inline:-16px;padding:0;border:0;border-radius:0;align-self:stretch;background:transparent;position:static}
 .phone-toolbar{padding:0 16px}.phone{max-width:none;width:100%;border:0;border-radius:0;box-shadow:none}.speaker{display:none}
 .phone iframe{width:100%;height:calc(100svh - 70px);min-height:480px;max-height:none}
 .customer-note{margin:18px 16px 0}.phone-caption{margin:12px 16px}.features{position:static}
 .language-control{padding:4px 8px}header{height:auto;min-height:78px}header nav{display:none}
}
.phone-area.is-expanded{position:fixed;inset:12px;top:12px;z-index:9999;width:auto;max-width:none;margin:0;padding:10px;background:#e9eee4;display:flex;flex-direction:column;border-radius:14px;box-shadow:0 0 0 100vmax #102720b3}
.phone-area.is-expanded .phone-toolbar{flex:0 0 auto;margin-bottom:8px;padding:0 4px}
.phone-area.is-expanded .phone{flex:1 1 0;min-height:0;height:0;max-width:none;border:0;border-radius:10px}
.phone-area.is-expanded .phone iframe{height:100%;min-height:0;width:100%}
.phone-area.is-expanded .speaker,.phone-area.is-expanded .customer-note,.phone-area.is-expanded .phone-caption{display:none}
body.demo-expanded{overflow:hidden}
@media(max-height:550px){.phone iframe{min-height:320px}.phone-area.is-expanded .phone iframe{min-height:0}}