/* Local marketing study: warm paper, forest green, and a cargo-first visual. */
.landing { --text-small:.875rem; --text-label:.9375rem; --text-control:1rem; --text-body:1.0625rem; --text-lead:1.125rem; --paper:#f8f8f0; --bg:#f8f8f0; --surface:#fffef8; --ink:#183e32; --muted:#526456; --accent:#207462; --line:#dce1d3; --forest:#183e32; --secondary:#526456; --rule:#dce1d3; --lime:#d9e7ac; background:var(--paper); color:var(--forest); font-size:var(--text-body); line-height:1.6; color-scheme:light; overflow-wrap:normal; }
.landing a {color:inherit;}
.landing h1,.landing h2,.landing h3 {color:inherit;}
.landing main {max-width:none;padding:0;}
.landing section {margin:0;}
.landing .header-inner,.landing .footer-inner {max-width:1280px;padding:22px 52px;}
.landing .site-header {border-bottom:1px solid var(--rule);}
.landing .brand {font-size:26px;gap:10px;letter-spacing:-1.2px;align-items:center;}
.brand-mark {color:#207462;width:34px;height:34px;display:block;}
.landing .site-header nav {gap:28px;font-size:var(--text-label);}
.landing .site-header nav a {font-weight:500;}
.button {display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;text-decoration:none;border:1px solid var(--forest);border-radius:7px;font-weight:600;font-size:var(--text-body);transition:background .2s,transform .2s;}
.button:hover {transform:translateY(-2px);background:#e5ebd5;}
.landing .header-cta {padding:10px 17px;gap:20px;font-size:var(--text-label);}
.landing .review {background:#e9eddd;color:#526047;font-size:var(--text-small);padding:5px 15px;letter-spacing:.02em;}
.hero {max-width:1280px;margin:auto!important;padding:72px 52px 78px;display:grid;grid-template-columns:1.04fr 1fr;gap:44px;align-items:center;}
.kicker {font-size:var(--text-small);letter-spacing:1.65px;font-weight:650;color:#52664d;margin:0 0 22px;display:flex;align-items:center;gap:9px;}
.kicker>span:first-child {width:6px;height:6px;background:#62835a;border-radius:50%;}
.landing h1 {font-size:clamp(48px,5.5vw,76px);letter-spacing:-4.3px;line-height:1.035;font-weight:550;max-width:none;margin:0;text-wrap:initial;}
.landing h1 em {font-style:normal;color:#6e8554;}
.hero-description {font-size:var(--text-body);line-height:1.8;color:var(--secondary);max-width:355px;margin:26px 0 27px;}
.hero-actions {display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.landing .primary {background:var(--forest);color:#fff;box-shadow:0 3px 6px #183e3212;}
.landing .primary:hover {background:#2f5944;}
.text-link {font-size:var(--text-label);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:14px;}
.text-link:hover {text-decoration:underline;}
.platform-note {font-size:var(--text-small);color:#626e60;margin:18px 0 0;}
.platform-note span {padding:0 7px;}
.hero-caption {display:flex;gap:12px;align-items:center;margin-top:40px;}
.hero-caption p {font-size:var(--text-small);line-height:1.5;margin:0;color:#5f6b5b;}
.hero-caption strong {font-weight:550;color:var(--forest);}
.tiny-pallet {width:33px;height:33px;display:grid;place-items:center;font-size:25px;color:#70805a;border:1px solid #d9dfca;border-radius:6px;}
.demo-wrap {position:relative;padding-bottom:16px;min-width:0;}
.demo-label {display:flex;align-items:center;font-size:var(--text-small);font-weight:600;letter-spacing:1px;gap:7px;margin:0 5px 12px;color:#5d6c58;}
.live-dot {height:5px;width:5px;background:#70885c;border-radius:50%;}
.sample-tag {margin-left:auto;font-size:var(--text-small);color:#5b6854;letter-spacing:.7px;}
.plan-demo {border:1px solid #d4dcc7;border-radius:14px;background:#f1f4e9;box-shadow:0 22px 55px -26px #183e3235;overflow:hidden;}
.plan-header {padding:22px 23px 15px;display:flex;align-items:center;justify-content:space-between;background:#ffffff8f;gap:10px;}
.mini-label {font-size:var(--text-small);letter-spacing:1.2px;color:#60725e;}
.landing .plan-header h2 {font-size:var(--text-body);letter-spacing:-.4px;margin:2px 0 0;font-weight:550;}
.plan-status {font-size:var(--text-small);background:#e7eddb;color:#3f5c39;padding:5px 8px;border-radius:4px;white-space:nowrap;}
.view-switch {margin:0;padding:15px 20px 0;border:0;min-width:0;text-align:right;position:relative;background-image:radial-gradient(#a4b19350 .7px,transparent .7px);background-size:15px 15px;}
.view-switch input {position:absolute;opacity:0;width:1px;height:1px;}
.view-switch label {display:inline-block;font-size:var(--text-small);padding:6px 12px;border-radius:4px;cursor:pointer;color:#5c6c56;background:#f8f9f2;border:1px solid transparent;}
.view-switch input:checked+label {background:#fff;border-color:#cdd6bf;box-shadow:0 1px 3px #183e3210;color:var(--forest);}
.view-switch input:focus-visible+label {outline:2px solid var(--forest);outline-offset:3px;}
.scene {height:291px;display:flex;align-items:center;justify-content:center;}
.cargo-art {width:100%;height:100%;overflow:visible;}
.scene-2d {display:none;flex-direction:column;gap:10px;}
#view-2d:checked~.scene-3d {display:none;}
#view-2d:checked~.scene-2d {display:flex;}
.top-layout {width:360px;max-width:95%;aspect-ratio:13.6/2.45;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(3,1fr);gap:2px;border:3px solid #48674e;padding:2px;background:#fff;transform:rotate(-12deg);}
.top-layout span {background:#a5bd8d;border:1px solid #6c885e;border-radius:1px;}
.top-layout span:nth-child(3n) {background:#dac18b;border-color:#b09d70;}
.top-dimension {font-size:var(--text-small);color:#52664d;letter-spacing:.5px;margin-top:25px;}
.plan-metrics {display:grid;grid-template-columns:repeat(3,1fr);background:#fffef8;margin:0 18px;border:1px solid #dde3d3;border-radius:7px;padding:14px 0;}
.plan-metrics>div {display:flex;flex-direction:column;align-items:center;border-right:1px solid #e5e8dc;gap:2px;}
.plan-metrics>div:last-child {border:0;}
.plan-metrics strong {font-size:23px;font-weight:550;line-height:1.2;letter-spacing:-1px;}
.plan-metrics strong span {font-size:var(--text-label);color:#78846d;letter-spacing:-.4px;}
.plan-metrics>div>span {font-size:var(--text-small);color:#5d6e56;}
.plan-foot {display:flex;align-items:center;justify-content:space-between;font-size:var(--text-small);margin:11px 23px 15px;color:#62715b;}
.plan-foot span:first-child {display:flex;align-items:center;gap:5px;}
.plan-foot i {height:6px;width:6px;border-radius:1px;background:#91af79;}
.floating-note {position:absolute;right:26px;bottom:-10px;display:flex;gap:10px;align-items:center;background:#fffef8;box-shadow:0 7px 20px #183e3210;border:1px solid #d9e0ce;border-radius:7px;padding:11px 17px;transform:rotate(-3deg);}
.floating-note>span {font-size:19px;color:#6a8153;}
.floating-note div {display:flex;flex-direction:column;font-size:var(--text-small);}
.floating-note strong {font-size:var(--text-small);font-weight:600;}
.floating-note div>span {color:#66725c;}
.benefit-strip {border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:1176px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:24px;}
.benefit-strip p {font-size:var(--text-small);letter-spacing:1px;line-height:1.6;margin:0;}
.benefit-strip p strong {font-size:var(--text-small);letter-spacing:0;font-weight:500;}
.benefit-strip>span {display:flex;gap:18px;font-size:var(--text-small);color:#73825f;align-items:center;}
.benefit-strip>span strong {font-size:var(--text-label);color:#43583f;font-weight:500;}
.section-shell {max-width:1280px;margin:0 auto!important;padding:90px 52px;}
.section-intro {display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:43px;}
.landing .section-shell h2 {font-size:40px;line-height:1.1;font-weight:500;letter-spacing:-1.7px;margin:0;}
.section-intro>p {max-width:320px;color:var(--secondary);font-size:var(--text-label);line-height:1.8;margin:0 0 2px;}
.section-intro .kicker {margin-bottom:16px;}
.steps {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.step-number {font-family:ui-monospace,monospace;font-size:var(--text-small);letter-spacing:1px;color:#657455;}
.step-art {height:170px;background:#eef0e5;border:1px solid #e2e6d7;border-radius:7px;margin:16px 0 23px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.landing h3 {font-size:var(--text-body);font-weight:600;letter-spacing:-.4px;margin:0 0 9px;}
.steps p {font-size:var(--text-label);line-height:1.85;color:var(--secondary);margin:0;}
.space-box {width:170px;height:80px;border:1px solid #83966f;transform:skewY(-14deg);background:repeating-linear-gradient(90deg,transparent 0 19px,#8a9e7133 19px 20px),repeating-linear-gradient(0deg,#e6ebd8 0 19px,#8a9e7133 19px 20px);box-shadow:8px 10px 0 -1px #d3dcc0,8px 10px 0 0 #a7b593;position:relative;margin-top:-20px;}
.space-box span {position:absolute;font-size:var(--text-small);color:#657b51;transform:skewY(14deg);}
.space-box span:first-child {top:-24px;left:60px;}
.space-box span:last-child {right:-37px;top:32px;}
.dimension-pill {position:absolute;bottom:16px;font-size:var(--text-small);border:1px solid #cdd7bb;background:#f7f8ef;border-radius:3px;padding:3px 8px;}
.pallet-art {flex-direction:column;gap:9px;}
.pallet-art>div {display:grid;grid-template-columns:25px 1fr 25px;grid-template-rows:1fr 1fr;gap:0 8px;background:#fffdf6;border:1px solid #dbe1ce;border-radius:5px;width:80%;padding:10px;box-shadow:0 4px 8px #4f633308;}
.pallet-swatch {grid-row:span 2;width:23px;height:28px;background:#9eb58d;border:1px solid #758c64;border-radius:2px;}
.pallet-swatch.sand {background:#d5bc84;border-color:#b29a67;}
.pallet-art strong {font-size:var(--text-small);font-weight:550;}
.pallet-art small {font-size:var(--text-small);color:#657457;}
.pallet-art b {font-size:var(--text-label);grid-column:3;grid-row:1/3;align-self:center;font-weight:550;}
.mini-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:210px;height:95px;border:2px solid #6a8355;padding:5px;background:#fafbf4;transform:rotate(-6deg);margin-top:-20px;}
.mini-grid span {background:#b6c999;border:1px solid #8fa974;border-radius:2px;}
.mini-grid span:nth-child(3n) {background:#91b29d;border-color:#6e9380;}
.result-stamp {position:absolute;bottom:16px;font-size:var(--text-small);background:#f7f8ef;padding:3px 8px;border:1px solid #cdd7bb;border-radius:3px;}
.feature-section {background:#eaf0df;border-top:1px solid #dde4d2;border-bottom:1px solid #dde4d2;}
.feature-grid {display:grid;grid-template-columns:1fr 1fr;gap:100px;}
.section-description {font-size:var(--text-label);line-height:1.8;color:var(--secondary);max-width:260px;margin:22px 0 24px;}
.feature-list article {display:flex;gap:20px;border-bottom:1px solid #d1dbc3;padding:20px 0;}
.feature-list article:first-child {padding-top:0;}
.feature-list article:last-child {border-bottom:0;padding-bottom:0;}
.feature-list article>span {width:28px;flex-shrink:0;font-size:24px;line-height:1.2;color:#69815a;}
.feature-list h3 {font-size:var(--text-body);}
.feature-list p {font-size:var(--text-label);line-height:1.8;color:#52644c;margin:0;max-width:360px;}
.notes-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;}
.notes-grid details {border-top:1px solid #aebd98;border-bottom:1px solid #dce3d0;}
.notes-grid summary {padding:21px 0;cursor:pointer;list-style:none;}
summary::-webkit-details-marker {display:none;}
.note-category {font-size:var(--text-small);letter-spacing:1px;color:#667653;}
.landing .notes-grid h3 {font-size:21px;font-weight:500;line-height:1.35;margin:20px 0 25px;letter-spacing:-.5px;max-width:220px;}
.note-link {font-size:var(--text-small);display:flex;justify-content:space-between;align-items:center;}
.note-link b {font-size:var(--text-body);font-weight:400;}
.note-body {font-size:var(--text-label);line-height:1.8;color:var(--secondary);padding-bottom:22px;}
.note-body a {font-weight:550;}
.faq {display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding-top:15px;}
.faq-list details {border-bottom:1px solid var(--rule);}
.faq-list details:first-child {border-top:1px solid var(--rule);}
.faq-list summary {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;font-size:var(--text-label);font-weight:550;cursor:pointer;}
.faq-list summary span {font-size:var(--text-lead);font-weight:400;}
.faq-list details p {font-size:var(--text-label);color:var(--secondary);margin:0 25px 22px 0;line-height:1.8;}
.faq-list details[open] summary span,.notes-grid details[open] b {transform:rotate(45deg);}
.landing .get-app {text-align:center;background:var(--forest);color:#f5f7e9;max-width:1176px;border-radius:12px;padding:55px 30px 45px;margin-bottom:75px!important;}
.cta-mark {display:grid;place-items:center;background:#fff;width:49px;height:49px;border-radius:10px;margin:0 auto 24px;}
.cta-mark .brand-mark {width:30px;height:30px;}
.get-app .kicker {justify-content:center;color:#bacb9e;font-size:var(--text-small);margin-bottom:18px;}
.landing .get-app h2 {font-size:43px;letter-spacing:-1.7px;}
.get-app>p:not(.kicker) {font-size:var(--text-label);color:#c3cfb7;}
.store-options {display:flex;justify-content:center;gap:12px;margin:28px 0 12px;flex-wrap:wrap;}
.store-options>div {display:flex;gap:10px;border:1px solid #66805d;border-radius:6px;padding:10px 12px;align-items:center;text-align:left;}
.store-options>div>span:first-child {font-size:23px;}
.store-options div div {display:flex;flex-direction:column;line-height:1.4;}
.store-options small {font-size:var(--text-small);color:#c7d5ba;}
.store-options strong {font-size:var(--text-label);font-weight:500;}
.get-app .text-link {font-size:var(--text-small);color:#e5edcf;}
.landing footer {border-top:1px solid var(--rule);}
.landing .footer-inner {padding-top:35px;padding-bottom:40px;align-items:flex-start;}
.landing footer .brand {font-size:22px;}
.landing footer .brand-mark {width:27px;height:27px;}
.landing footer p {font-size:var(--text-small);color:var(--secondary);margin:12px 0 25px;}
.landing footer address,.landing footer small,.landing footer div>a:not(.brand) {font-size:var(--text-small);color:#64705c;}
.landing footer nav {font-size:var(--text-small);gap:26px;padding-top:10px;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.landing :focus-visible {outline:2px solid #718945;outline-offset:5px;}
@media(min-width:1440px) {.hero {padding-top:95px;padding-bottom:95px;}}
@media(max-width:1100px) {.landing .header-inner,.landing .footer-inner {padding-left:32px;padding-right:32px;}.hero {padding:55px 32px 65px;gap:25px;}.section-shell {padding:70px 32px;}.landing h1 {font-size:61px;letter-spacing:-3px;}.benefit-strip {margin:0 32px;}.landing .get-app {margin-left:32px!important;margin-right:32px!important;}.hero-actions {gap:17px;}.hero-description {font-size:var(--text-body);}.scene {height:255px;}.feature-grid {gap:60px;}.landing .site-header nav {gap:18px;}.hero-caption {margin-top:28px;}}
@media(max-width:800px) {.landing .site-header nav {display:none;}.hero {grid-template-columns:1fr;max-width:620px;gap:45px;padding-top:45px;}.hero-copy {text-align:center;}.hero .kicker,.hero-actions {justify-content:center;}.landing h1 {font-size:66px;}.hero-description {margin-left:auto;margin-right:auto;max-width:390px;}.hero-caption {display:none;}.demo-wrap {max-width:510px;width:100%;margin:auto;}.scene {height:290px;}.benefit-strip {flex-wrap:wrap;justify-content:center;column-gap:30px;row-gap:15px;}.benefit-strip p {display:none;}.benefit-strip>span {gap:8px;}.section-intro {gap:25px;}.section-intro>p {max-width:230px;font-size:var(--text-label);}.landing .section-shell h2 {font-size:34px;}.steps {gap:18px;}.step-art {height:140px;}.space-box {width:125px;height:64px;}.space-box span:last-child {right:-29px;}.space-box span:first-child {left:45px;}.steps h3 {font-size:var(--text-body);}.pallet-art>div {width:90%;grid-template-columns:20px 1fr 20px;padding:8px;gap:0 5px;}.pallet-art small {font-size:var(--text-small);}.pallet-art strong {font-size:var(--text-small);}.pallet-swatch {width:19px;height:24px;}.mini-grid {width:80%;height:80px;}.feature-grid {gap:35px;}.notes-grid {gap:18px;}.landing .notes-grid h3 {font-size:var(--text-lead);}.faq {gap:35px;grid-template-columns:1fr 1.4fr;padding-top:0;}}
@media(max-width:560px) {.landing .header-inner {padding:16px 21px;}.landing .brand {font-size:23px;}.brand-mark {width:28px;height:28px;}.landing .header-cta {font-size:var(--text-small);padding:8px 11px;gap:13px;}.landing .review {font-size:var(--text-small);}.hero {padding:38px 22px 60px;gap:35px;}.hero .kicker {font-size:var(--text-small);letter-spacing:1.2px;margin-bottom:20px;}.landing h1 {font-size:53px;letter-spacing:-2.6px;}.hero-description {font-size:var(--text-body);line-height:1.75;margin:22px 0;}.hero-actions {gap:20px;}.button {font-size:var(--text-label);padding:13px 18px;gap:20px;}.text-link {font-size:var(--text-small);gap:9px;}.platform-note {font-size:var(--text-small);}.demo-label {font-size:var(--text-small);letter-spacing:.6px;}.sample-tag {font-size:var(--text-small);}.plan-header {padding:15px 17px 12px;}.landing .plan-header h2 {font-size:var(--text-body);}.scene {height:230px;}.view-switch {padding:12px 12px 0;}.plan-metrics {margin:0 13px;padding:11px 0;}.plan-metrics strong {font-size:22px;}.plan-foot {margin:10px 17px 14px;}.floating-note {padding:8px 12px;right:14px;bottom:-9px;}.benefit-strip {margin:0 22px;gap:17px;padding:20px 0;}.benefit-strip>span {font-size:var(--text-small);gap:6px;}.benefit-strip>span strong {font-size:var(--text-small);}.section-shell {padding:58px 22px;}.section-intro {display:block;margin-bottom:30px;}.section-intro>p {max-width:330px;margin-top:20px;}.landing .section-shell h2 {font-size:34px;letter-spacing:-1.3px;}.kicker {font-size:var(--text-small);letter-spacing:1.2px;margin-bottom:16px;}.steps {grid-template-columns:1fr;gap:35px;}.step-art {height:175px;}.steps h3 {font-size:var(--text-body);}.steps p {font-size:var(--text-label);}.space-box {width:190px;height:85px;}.space-box span:first-child {left:72px;}.pallet-art>div {max-width:270px;width:80%;padding:10px;grid-template-columns:25px 1fr 25px;gap:0 8px;}.pallet-art strong {font-size:var(--text-small);}.pallet-art small {font-size:var(--text-small);}.pallet-swatch {width:24px;height:28px;}.mini-grid {width:225px;height:95px;}.feature-grid {grid-template-columns:1fr;gap:30px;}.section-description {max-width:300px;}.feature-list h3 {font-size:var(--text-body);}.feature-list p {font-size:var(--text-label);}.notes-grid {grid-template-columns:1fr;gap:15px;}.landing .notes-grid h3 {max-width:290px;font-size:23px;margin:16px 0 24px;}.note-category {font-size:var(--text-small);}.note-link {font-size:var(--text-small);}.note-body {font-size:var(--text-label);}.faq {grid-template-columns:1fr;gap:28px;padding-top:0;}.faq-list summary {font-size:var(--text-label);}.faq-list details p {font-size:var(--text-label);}.landing .get-app {margin:0 15px 45px!important;padding:40px 18px;}.landing .get-app h2 {font-size:33px;}.store-options {gap:10px;}.store-options>div {width:220px;justify-content:flex-start;padding:12px 15px;}.landing .footer-inner {padding:30px 22px;gap:28px;}.landing footer nav {padding-top:0;font-size:var(--text-label);}.landing footer address,.landing footer small,.landing footer div>a:not(.brand) {font-size:var(--text-small);}}
@media(prefers-reduced-motion:reduce) {.landing *, .landing *:before, .landing *:after {transition:none!important;scroll-behavior:auto!important;}}

.top-layout span:nth-child(11n+5),.top-layout span:nth-child(11n+6),.top-layout span:nth-child(11n+7),.top-layout span:nth-child(11n+8){background:#91b29d;border-color:#6e9380}.top-layout span:nth-child(11n+9),.top-layout span:nth-child(11n+10),.top-layout span:nth-child(11n+11){background:#dac18b;border-color:#b09d70}.top-layout span:nth-child(11n+1),.top-layout span:nth-child(11n+2),.top-layout span:nth-child(11n+3),.top-layout span:nth-child(11n+4){background:#a5bd8d;border-color:#6c885e}
/* Locale controls remain usable without scripts. */
.header-actions {display:flex;gap:10px;align-items:center;}
.landing .primary-nav {flex:1;justify-content:center;}
.language-menu {position:relative;z-index:20;font-size:var(--text-small);}
.language-menu>summary {list-style:none;cursor:pointer;padding:10px 11px;border:1px solid #b6c2aa;border-radius:6px;white-space:nowrap;}
.language-menu>summary::-webkit-details-marker {display:none;}
.landing .language-options {position:absolute;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:1fr 1fr;gap:2px;width:340px;max-width:calc(100vw - 40px);max-height:65vh;overflow:auto;background:#fffef8;border:1px solid #cdd6bf;border-radius:8px;box-shadow:0 12px 30px #183e3226;padding:9px;}
.landing .language-options a {font-size:var(--text-label);min-height:44px;padding:10px;display:flex;align-items:center;border-radius:4px;font-weight:450;overflow-wrap:anywhere;}
.landing .language-options a:hover,.landing .language-options a[aria-current] {background:#eaf0df;text-decoration:none;}
.language-suggestion {max-width:1176px;margin:12px auto 0;padding:12px 18px;background:#eaf0df;border:1px solid #cdd6bf;border-radius:7px;display:flex;align-items:center;gap:14px;}
.language-suggestion[hidden] {display:none;}
.language-suggestion p {flex:1;margin:0;font-size:var(--text-label);}
.language-suggestion .button {padding:9px 12px;font-size:var(--text-label);}
.language-suggestion button {color:#183e32;background:transparent;border:0;font-size:24px;cursor:pointer;min-width:44px;min-height:44px;}
html:not([lang=en]) .landing h1 {font-size:clamp(44px,4.6vw,64px);letter-spacing:-2px;line-height:1.12;overflow-wrap:anywhere;}
html[lang=zh-Hans] .landing h1 {font-size:clamp(38px,4.5vw,58px);letter-spacing:-1px;line-height:1.3;}
html[lang=hi] .landing,html[lang=pa-Guru] .landing {line-height:1.85;}
html[lang=hi] .landing h1,html[lang=pa-Guru] .landing h1 {font-size:clamp(38px,4vw,54px);letter-spacing:0;line-height:1.4;}
html[lang=hi] .landing .kicker,html[lang=pa-Guru] .landing .kicker {letter-spacing:.3px;}
.landing .step-art,.landing .plan-header,.landing .plan-metrics {overflow-wrap:anywhere;}
.landing .plan-metrics>div>span {text-align:center;padding:0 4px;}
.landing .note-category {line-height:1.6;}
@media(max-width:1100px) {.landing .site-header .primary-nav {display:none;}.language-suggestion{margin:12px 32px 0;}}
@media(max-width:560px) {.landing .header-inner {gap:12px;}.language-suggestion {margin:10px 15px 0;flex-wrap:wrap;padding:12px;gap:8px;}.language-suggestion p {flex-basis:80%;}.language-suggestion button {position:absolute;right:18px;}.language-suggestion .button {margin-right:25px;}.language-menu>summary {padding:8px;}.landing .language-options{width:310px;}.landing .header-actions{gap:8px;}html:not([lang=en]) .landing h1 {font-size:46px;letter-spacing:-1.5px;}html[lang=hi] .landing h1,html[lang=pa-Guru] .landing h1 {font-size:38px;letter-spacing:0;}html[lang=zh-Hans] .landing h1 {font-size:41px;}.landing .kicker {overflow-wrap:anywhere;}.landing .plan-status {max-width:45%;white-space:normal;}}
@media(max-width:420px) {.landing .header-actions .header-cta {display:none;}.landing .language-options{max-width:calc(100vw - 38px);}.hero-actions{gap:14px;}}
/* The mobile main-nav rule must not hide the language menu. */
.landing .site-header .language-options {display:grid;}

@media(max-width:560px) {.language-suggestion {position:relative;padding-right:54px;}.language-suggestion p {flex-basis:100%;}.language-suggestion button {right:6px;top:6px;}.language-suggestion .button {margin-right:0;}}

/* Finished native app: full-frame iOS captures, localized with the page. */
.ios-hero,.story-visual,.rules-visual,.screen-gallery figure {margin:0;min-width:0;}
.ios-hero {position:relative;display:flex;align-items:center;flex-direction:column;padding:18px 20px 0;isolation:isolate;}
.ios-hero::before {content:"";position:absolute;inset:17% -1% 16%;background:#e4ebd8;border-radius:50%;z-index:-1;}
.screen-label {display:flex;align-items:center;gap:7px;margin-bottom:16px;color:var(--secondary);font-size:var(--text-small);letter-spacing:.07em;}
.screen-label span {width:5px;height:5px;border-radius:50%;background:var(--accent);}
.phone-screen {width:min(100%,310px);border:5px solid #214c40;border-radius:32px;overflow:hidden;background:#f7f6f0;box-shadow:0 26px 60px -30px #183e3266;}
.phone-screen img {display:block;width:100%;height:auto;margin:0;}
.ios-hero .phone-screen {width:min(100%,292px);}
.ios-hero figcaption,.story-visual figcaption,.rules-visual figcaption {font-size:var(--text-small);color:var(--secondary);text-align:center;margin-top:16px;line-height:1.6;}
.hero {padding-top:42px;padding-bottom:56px;grid-template-columns:1.05fr 1fr;}
.hero-description {max-width:410px;}
.hero .platform-note {line-height:1.9;}
.workflow .steps {padding-top:28px;border-top:1px solid var(--line);}
.workflow .step-number {display:block;margin-bottom:20px;}
.workflow .steps h3 {font-size:var(--text-lead);line-height:1.4;margin-bottom:14px;}
.workflow .steps p {font-size:var(--text-body);line-height:1.8;}
.product-story {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;}
.story-copy {max-width:470px;}
.landing .product-story h2,.landing .loading-rules h2,.landing .library-section h2,.landing .plans-section h2 {font-size:clamp(32px,3.7vw,49px);line-height:1.12;letter-spacing:-1.8px;max-width:510px;}
.product-story .section-description {max-width:440px;font-size:var(--text-body);line-height:1.9;margin:24px 0;}
.pro-badge {display:block;width:fit-content;background:#e4ebd8;color:#244e40;padding:5px 10px;font-size:var(--text-small);font-weight:650;border-radius:4px;margin-bottom:24px;}
.story-visual {position:relative;display:flex;align-items:center;flex-direction:column;}
.story-visual::before {content:"";position:absolute;inset:13% -8% 11%;border-radius:18px;background:#e7eddc;z-index:-1;}
.multi-story {isolation:isolate;padding-top:60px;padding-bottom:90px;}
.delivery-story {background:#e9efdf;border-block:1px solid #dce4d1;}
.delivery-story .story-copy {grid-column:2;grid-row:1;}
.delivery-story .story-visual {grid-column:1;grid-row:1;}
.delivery-story .story-visual::before {display:none;}
.loading-rules .section-intro>p,.library-section .section-intro>p {font-size:var(--text-body);line-height:1.85;max-width:395px;}
.rules-layout {display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:85px;margin-top:48px;}
.rules-visual {display:flex;align-items:center;flex-direction:column;padding-top:5px;}
.rule-details {min-width:0;}
.rule-details details {border-bottom:1px solid #d2dcc9;}
.rule-details details:first-child {border-top:1px solid #d2dcc9;}
.rule-details summary {list-style:none;display:flex;align-items:center;gap:14px;padding:23px 0;cursor:pointer;line-height:1.5;font-size:var(--text-body);font-weight:600;}
.rule-details summary::-webkit-details-marker {display:none;}
.rule-details summary>span {flex:1;}
.rule-details summary b {font-size:21px;font-weight:400;}
.rule-details summary small {font-size:var(--text-small);padding:2px 6px;border:1px solid #b8c8ab;border-radius:3px;color:#52644c;}
.rule-details details[open] summary b {transform:rotate(45deg);}
.rule-body {padding:0 0 24px;}
.rule-body p {font-size:var(--text-body);line-height:1.85;color:var(--secondary);margin:0 0 14px;}
.library-section {background:#edf1e5;border-block:1px solid var(--rule);}
.screen-gallery {display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:50px 0 55px;}
.screen-gallery figure {display:flex;flex-direction:column;align-items:center;}
.screen-gallery .phone-screen {width:min(100%,268px);border-width:4px;border-radius:28px;box-shadow:0 20px 40px -28px #183e3266;}
.screen-gallery figcaption {max-width:260px;text-align:center;font-size:var(--text-label);line-height:1.6;margin-top:22px;}
.screen-gallery figcaption strong {font-weight:550;}
.screen-gallery figcaption span {display:block;font-size:var(--text-small);color:var(--secondary);margin-top:9px;}
.units-note {max-width:740px;margin:auto;padding:28px 0;border-block:1px solid #d2dcc9;}
.units-note h3 {font-size:20px;font-weight:550;margin:0 0 14px;}
.units-note p {font-size:var(--text-body);line-height:1.85;color:var(--secondary);margin:0 0 15px;}
.screenshot-note {text-align:center;font-size:var(--text-small);color:var(--secondary);margin:28px 0 0;}
.access-grid {display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0 24px;}
.access-grid article {border:1px solid #cdd7c2;border-radius:10px;padding:30px;background:#f5f6ed;}
.access-grid article:last-child {background:#e8efdb;border-color:#b9cba7;}
.access-grid h3 {font-size:24px;font-weight:550;margin:0 0 17px;letter-spacing:-.6px;}
.access-grid p {font-size:var(--text-body);line-height:1.85;margin:0;color:var(--secondary);}
.subscription-note {max-width:850px;font-size:var(--text-label);line-height:1.8;color:var(--secondary);}
.plans-section>.text-link {margin-top:12px;}
.landing .faq .text-link {padding-bottom:20px;}
.landing .language-options {z-index:30;}
@media(min-width:1440px) {.hero {padding-top:52px;padding-bottom:65px;}}
@media(max-width:1100px) {.product-story {gap:55px;}.rules-layout {gap:50px;}.hero {gap:20px;}.ios-hero {padding-inline:0;}.screen-gallery {gap:24px;}}
@media(max-width:800px) {
 .hero {grid-template-columns:1fr;gap:36px;max-width:640px;}
 .ios-hero {max-width:430px;width:100%;margin:auto;}
 .ios-hero .phone-screen {width:275px;}
 .product-story {gap:35px;}
 .landing .product-story h2,.landing .loading-rules h2,.landing .library-section h2,.landing .plans-section h2 {font-size:35px;}
 .product-story .section-description {font-size:var(--text-body);line-height:1.8;}
 .rules-layout {gap:35px;grid-template-columns:.85fr 1.15fr;}
 .phone-screen {border-width:4px;border-radius:26px;}
 .rule-details summary {padding:17px 0;font-size:var(--text-body);}
 .screen-gallery {gap:22px;}
 .screen-gallery .phone-screen {border-width:3px;border-radius:21px;}
 .access-grid article {padding:24px;}
}
@media(max-width:560px) {
 .hero {padding-top:40px;padding-bottom:45px;}
 .hero-description {margin-inline:auto;}
 .ios-hero {padding:0 8px;}
 .ios-hero .phone-screen {width:260px;}
 .ios-hero figcaption {font-size:var(--text-small);}
 .workflow .steps {gap:26px;}
 .workflow .step-number {margin-bottom:10px;}
 .workflow .steps h3 {font-size:var(--text-lead);}
 .product-story {grid-template-columns:1fr;gap:34px;}
 .multi-story {padding-top:25px;padding-bottom:58px;}
 .story-copy {max-width:100%;}
 .product-story .section-description {max-width:none;font-size:var(--text-body);}
 .story-visual .phone-screen,.rules-visual .phone-screen {width:268px;}
 .story-visual::before {inset:13% -3% 11%;}
 .delivery-story .story-copy,.delivery-story .story-visual {grid-column:auto;grid-row:auto;}
 .rules-layout {grid-template-columns:1fr;gap:30px;margin-top:30px;}
 .rules-visual {order:1;}
 .rule-details {order:0;}
 .rule-details summary {font-size:var(--text-body);padding:20px 0;}
 .rule-body p {font-size:var(--text-body);}
 .screen-gallery {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;margin:32px -22px;padding:0 30px 18px;}
 .screen-gallery figure {width:78%;scroll-snap-align:center;}
 .screen-gallery figure {flex:0 0 78%;}
 .screen-gallery .phone-screen {width:100%;max-width:268px;border-width:4px;border-radius:27px;}
 .screen-gallery figcaption {margin-top:18px;}
 .units-note {padding-top:24px;}
 .access-grid {grid-template-columns:1fr;gap:16px;margin-top:28px;}
 .access-grid p {font-size:var(--text-body);}
 .landing .loading-rules h2,.landing .library-section h2,.landing .plans-section h2 {font-size:34px;}
 .loading-rules .section-intro>p,.library-section .section-intro>p {font-size:var(--text-body);}
}
@media(prefers-reduced-motion:reduce) {.screen-gallery {scroll-behavior:auto;}}
.customer-directory {border-block:1px solid #c4d2b8;margin:26px 0;}
.customer-directory summary {display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;cursor:pointer;font-size:var(--text-body);line-height:1.6;font-weight:600;padding:15px 0;}
.customer-directory summary::-webkit-details-marker {display:none;}
.customer-directory summary span {font-size:21px;font-weight:400;}
.customer-directory[open] summary span {transform:rotate(45deg);}
.customer-directory p {font-size:var(--text-body);color:var(--secondary);line-height:1.85;margin:0 0 15px;}
html[lang=hi] .landing h2,html[lang=pa-Guru] .landing h2 {letter-spacing:0;line-height:1.45;}
html[lang=hi] .landing h3,html[lang=pa-Guru] .landing h3 {letter-spacing:0;line-height:1.65;}
html[lang=zh-Hans] .landing h2 {letter-spacing:0;line-height:1.35;}
.screen-gallery:focus-visible {outline:2px solid var(--forest);outline-offset:5px;}

/* Native inline promo replaces the hero still; playback starts on request. */
.ios-hero .phone-screen video {display:block;width:100%;height:auto;aspect-ratio:886 / 1920;background:#f7f6f0;}
.video-language-note {display:block;font-size:var(--text-small);margin-top:4px;}
.ios-hero .phone-screen {position:relative;}
.promo-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;padding:0 0 0 4px;border:2px solid #fffef8;border-radius:50%;background:#183e32ed;color:#fffef8;font-size:25px;cursor:pointer;box-shadow:0 4px 20px #183e3240;}
.promo-play:hover {background:#207462;}
.promo-play:focus-visible {outline:3px solid #207462;outline-offset:5px;}
.promo-play[hidden] {display:none;}

/* Readable type at every breakpoint, including captions and disclosures. */
.landing .hero-description {font-size:var(--text-lead);line-height:1.75;}
.landing .section-intro>p,.landing .note-body,.landing .faq-list details p,.landing .get-app>p:not(.kicker) {font-size:var(--text-body);line-height:1.8;}
.landing .faq-list summary,.landing .rule-details summary {font-size:var(--text-body);line-height:1.5;}
.landing .site-header nav,.landing .button,.landing .header-cta,.landing .text-link,.landing .language-menu,.landing .language-options a,.landing footer nav {font-size:var(--text-control);}
.landing .kicker,.landing .hero .kicker,.landing .get-app .kicker {font-size:var(--text-small);letter-spacing:.09em;line-height:1.65;}
.landing .platform-note,.landing .hero-caption p,.landing footer p {font-size:var(--text-label);line-height:1.7;}
.landing .review {font-size:var(--text-small);line-height:1.6;padding:8px 20px;}
.landing .screen-label,.landing .ios-hero figcaption,.landing .story-visual figcaption,.landing .rules-visual figcaption,.landing .screen-gallery figcaption span,.landing .pro-badge,.landing .rule-details summary small,.landing .screenshot-note,.landing .subscription-note,.landing .video-language-note {font-size:var(--text-small);line-height:1.7;}
.landing .screen-gallery figcaption {font-size:var(--text-control);}
.landing .screen-gallery figcaption strong {display:block;}
.landing .benefit-strip {gap:22px;}
.landing .benefit-strip>span {font-size:var(--text-small);gap:12px;}
.landing .benefit-strip>span strong {font-size:var(--text-control);}
.landing .store-options>div {display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;width:min(100%,320px);padding:16px 18px;text-align:left;}
.landing .store-options small {font-size:var(--text-small);line-height:1.5;}
.landing .store-options strong {font-size:var(--text-lead);line-height:1.5;}
.landing .footer-inner {gap:32px;}
.landing footer address,.landing footer small,.landing footer div>a:not(.brand) {font-size:var(--text-small);line-height:1.8;}
@media(max-width:560px) {
 .landing .hero-description {font-size:var(--text-body);}
 .landing .hero-actions {column-gap:20px;row-gap:18px;}
 .landing .button {padding:14px 18px;}
 .landing .benefit-strip {display:grid;grid-template-columns:1fr;gap:12px;padding:24px 0;}
 .landing .benefit-strip>span {gap:16px;}
 .landing .language-options {width:min(360px,calc(100vw - 38px));grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
 .landing .language-options a {padding:10px 8px;line-height:1.5;}
 .landing .store-options {width:100%;}
 .landing .store-options>div {width:min(100%,320px);}
 .landing .store-options>div>div {min-width:0;}
}

/* Keep locale controls stable when opening the menu or switching languages. */
.landing .language-menu {width:7rem;min-width:7rem;max-width:7rem;height:3rem;flex:0 0 7rem;}
.landing .language-menu>summary {display:grid;grid-template-columns:18px minmax(0,1fr) 12px;align-items:center;column-gap:6px;width:100%;height:3rem;padding:0 10px;line-height:1;text-align:center;}
.landing .site-header .language-options {width:22.5rem;height:35rem;max-width:calc(100vw - 32px);max-height:calc(100vh - 7rem);max-height:calc(100dvh - 7rem);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:4rem;gap:2px;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px;}
.landing .site-header .language-options a {height:4rem;min-height:0;padding:8px;line-height:1.4;}

/* Use the official badge artwork unchanged, with clear space around each mark. */
.landing .official-store-badges {align-items:flex-start;gap:24px;}
.landing .store-badge {margin:0;width:260px;max-width:100%;}
.landing .store-badge-art {display:flex;align-items:center;justify-content:center;min-height:96px;padding:0 14px;}
.landing .store-badge-art img {display:block;width:auto;object-fit:contain;max-width:100%;}
.landing img[data-store-badge=apple] {height:56px;}
.landing img[data-store-badge=google] {height:88px;}
.landing .store-badge figcaption {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;font-size:var(--text-small);line-height:1.7;}
.landing .store-credit {max-width:1176px;margin:0 auto;padding:0 52px 30px;font-size:var(--text-small);line-height:1.7;color:var(--secondary);}
@media(max-width:560px) {.landing .official-store-badges {gap:22px;}.landing .store-credit {padding-inline:22px;}}