/* Shared public-site presentation. Original content and application scripts are retained. */
@font-face{font-family:Logo Thai;src:url('/assets/logo-studio-thai.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--calm-bg:#f5f8f6;--calm-panel:#fff;--calm-tint:#eaf3ee;--calm-ink:#203c32;--calm-muted:#5d7167;--calm-line:#dce6df;--calm-green:#276b50;--navy-950:#173b2c;--navy-900:#224b39;--navy-800:#305b47;--blue-700:#235e46;--blue-600:#276b50;--blue-100:#eaf3ee;--ink:var(--calm-ink);--muted:var(--calm-muted);--line:var(--calm-line);--surface:var(--calm-panel);--surface-soft:var(--calm-bg);--surface-tint:var(--calm-tint);--shadow-sm:0 3px 12px #234d3410;--shadow-lg:0 8px 28px #234d3410;--radius-lg:24px;--site-width:1160px;--pilot-blue:var(--calm-green);--pilot-navy:#204633;--pilot-ink:var(--calm-ink);--pilot-muted:var(--calm-muted);--pilot-line:var(--calm-line);--pilot-bg:var(--calm-bg);--navy:#204633;--blue:var(--calm-green);--bg:var(--calm-bg)}
body.dark{--calm-bg:#15251e;--calm-panel:#20382b;--calm-tint:#294736;--calm-ink:#e7f1ea;--calm-muted:#b7cbbd;--calm-line:#405b49;--calm-green:#8dcba5;--ink:var(--calm-ink);--muted:var(--calm-muted);--line:var(--calm-line);--surface:var(--calm-panel);--surface-soft:var(--calm-bg);--surface-tint:var(--calm-tint);--blue-700:#9ad5b2;--blue-600:#9ad5b2;--blue-100:var(--calm-tint)}
body,body.seo-page,body.order-pilot-page{background:var(--calm-bg);color:var(--calm-ink);font-family:Logo Thai,'Leelawadee UI',sans-serif;line-height:1.7}
button,input,select,textarea{font-family:inherit}h1,h2,h3{letter-spacing:-.015em;line-height:1.4}h1{font-size:clamp(30px,3.8vw,48px)}
.site-width{width:min(var(--site-width),calc(100% - 48px))}
.top-strip{background:var(--calm-tint);color:var(--calm-muted)}.top-strip-inner{min-height:34px;font-size:13px}
.site-header,.calc-header{position:relative;background:var(--calm-panel);border-color:var(--calm-line);box-shadow:none;backdrop-filter:none}
.site-header .header-inner{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px 24px;padding-block:18px}
.site-header .header-inner>nav{grid-column:1/-1;grid-row:2;display:flex;justify-self:start;flex-wrap:wrap;gap:4px 24px}
.site-header nav a{font-size:14px;font-weight:600;min-height:40px;display:inline-flex;align-items:center}
.brand{min-width:0}.brand img{width:44px;height:44px}.brand small{font-size:11px!important;letter-spacing:.03em}.brand b{font-size:17px}
.header-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.header-actions .button{font-size:14px!important;padding:9px 14px;min-height:42px}.header-actions .icon-button{width:42px;height:42px}
.site-header nav.header-service-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-block:0 16px;max-width:1160px}
.header-service-quicklinks :is(.header-service-quicklink,.header-service-quicklink:hover){background:var(--calm-bg);color:var(--calm-ink);border:1px solid var(--calm-line);box-shadow:none;transform:none;border-radius:10px;min-height:46px;padding:9px 14px}
.header-service-quicklink strong{font-size:13px!important}.header-service-quicklink small{font-size:12px!important;color:var(--calm-muted)}
/* Identical destinations remain in the header; remove the duplicated overlay that covers content. */
body:has(.header-service-quicklinks) .floating-quicklinks{display:none}
.button,.ghost,.icon-button{border-radius:11px;box-shadow:none;font-weight:650}.button:hover,.ghost:hover,.icon-button:hover{transform:none}
.button-primary,.button-primary:hover{background:#276b50;color:#fff;border-color:#276b50;box-shadow:none}
.button-accent{background:#dceee1;color:#234b35;border:1px solid #b9d6c3;box-shadow:none}
.button-glass{background:var(--calm-panel);color:var(--calm-ink);border:1px solid var(--calm-line)}
.hero,.seo-page .seo-hero{background:var(--calm-panel);color:var(--calm-ink);box-shadow:none;border:1px solid var(--calm-line);min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-top:28px}
.hero::before,.hero::after,.seo-hero::before,.seo-hero::after{display:none}
.hero-copy,.seo-hero-copy{padding:44px}.hero h1,.seo-hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.4;margin-bottom:18px}
.hero h1 em,.seo-hero h1 em{color:var(--calm-green)}.hero-lead,.seo-lead{color:var(--calm-muted);font-size:17px;line-height:1.85}
.eyebrow-light,.seo-kicker{color:var(--calm-green)}.seo-kicker{background:var(--calm-tint);border-color:var(--calm-line);letter-spacing:.04em}
.hero-proof,.seo-facts{color:var(--calm-muted);gap:10px 18px}.hero-proof span{border-color:var(--calm-line);background:var(--calm-bg)}.seo-facts li::before{color:var(--calm-green)}
.hero-visual,.seo-visual{background:var(--calm-tint);padding:32px;min-width:0}.visual-topline{color:var(--calm-muted)}.visual-topline strong{color:var(--calm-ink)}
.print-card,.print-card:nth-of-type(3){transform:none;box-shadow:none;border:1px solid var(--calm-line);border-radius:16px}
.card-blue{background:#e6eef3;color:#29485a}.card-coral{background:#f5eae3;color:#765442}.card-mint{background:#e0eee4;color:#30553c}.card-number{opacity:.65}.design-chip{background:var(--calm-panel);color:var(--calm-ink);box-shadow:none;border-color:var(--calm-line)}
.seo-price-card,.page-pp .seo-price-card,.service-summary{transform:none;background:var(--calm-panel);color:var(--calm-ink);box-shadow:none;border:1px solid var(--calm-line);border-radius:18px;padding:28px}.seo-price-card::before{display:none}
.customer-tools{gap:14px;margin-top:24px}.tool-card{padding:20px;border-radius:16px;background:var(--calm-panel);border-color:var(--calm-line);box-shadow:none;transform:none}.tool-card:hover{transform:none;box-shadow:none;border-color:var(--calm-green)}
.tool-icon{background:var(--calm-tint);color:var(--calm-green)}.service-points{gap:24px;padding-block:28px}.service-points article{border-color:var(--calm-line)}
.section{padding-block:52px}.section-heading{gap:24px;margin-bottom:26px}.section-heading h2,.promo h2,.tracking h2,.portfolio h2,.contact h2{font-size:clamp(26px,3vw,36px);line-height:1.45}
.product-grid{gap:18px}.product-card{background:var(--calm-panel);color:var(--calm-ink);border:1px solid var(--calm-line);box-shadow:none;border-radius:18px;padding:28px;min-height:250px}.product-card:hover{transform:none;box-shadow:none;border-color:var(--calm-green)}.product-card::after{opacity:.16}.product-card>small,.product-card p{color:var(--calm-muted)}.product-card h3{font-size:23px;line-height:1.5}
.promo,.tracking,.portfolio,.contact{border-radius:22px;box-shadow:none}.promo{background:var(--calm-tint)}.tracking{background:#254e3c;color:#fff}.steps article,.faq-grid details,.seo-card,.seo-faq-grid details{box-shadow:none;border-color:var(--calm-line);border-radius:16px}.faq-grid summary{padding-block:20px;line-height:1.65}
footer{background:var(--calm-panel);color:var(--calm-ink);border-top:1px solid var(--calm-line)}.footer-grid b{color:var(--calm-ink)}.footer-grid a,.footer-brand p,.footer-bottom{color:var(--calm-muted)}.footer-grid a:hover{color:var(--calm-green)}.footer-bottom{border-color:var(--calm-line)}
.pilot-warning{background:#edf3e8;color:#405a39}.pilot-main,.admin-main,.status-main{padding-top:36px}.pilot-intro h1,.admin-heading h1,.status-heading h1{font-size:clamp(28px,3.8vw,44px);line-height:1.45}.wizard-shell,.status-card,.calculator-card{box-shadow:none;border-color:var(--calm-line);border-radius:22px}.wizard-top{background:#28553f}.wizard-top h2{line-height:1.5}.step-label{color:#d2e4d8}.choice-card-body{border-width:1px;border-radius:14px}.choice-card input:checked+.choice-card-body{border-color:#276b50;background:#eef6f0;box-shadow:inset 0 0 0 1px #276b50}.choice-card:hover .choice-card-body{transform:none}.field-card,.status-form{background:#f7faf7}.pilot-trust span{border-color:var(--calm-line);color:var(--calm-muted)}
.intro{padding-top:40px;gap:30px}.intro h1{font-size:clamp(30px,3.7vw,46px);line-height:1.4}.calculator-card .result-panel{background:#254e3c}.next-step{box-shadow:none;border:1px solid var(--calm-line)}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #5c9c76;outline-offset:3px}
@media(max-width:1000px){.site-header .header-inner{grid-template-columns:1fr}.header-actions{justify-content:flex-start}.hero-copy,.seo-hero-copy{padding:32px}.hero,.seo-page .seo-hero{grid-template-columns:1fr}.hero-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-visual>.visual-topline,.hero-visual>.design-chip{grid-column:1/-1}.print-card{padding:20px;min-width:0}.print-card strong{font-size:26px}.hero-visual .card-number{display:none}.seo-visual{min-height:0}.seo-price-card{width:100%;max-width:600px}.customer-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-width{width:calc(100% - 28px)}.site-header .header-inner{grid-template-columns:minmax(0,1fr)!important;gap:12px;padding-block:16px}.site-header .header-inner>nav{grid-row:auto;grid-column:1;gap:4px 16px;display:flex}.site-header nav a{font-size:14px;min-height:40px}.header-actions{width:100%;justify-content:flex-start}.site-header nav.header-service-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-inline:auto;width:calc(100% - 28px);padding-bottom:16px}.header-service-quicklink strong{font-size:13px!important}.header-service-quicklink small{display:none}.hero,.seo-page .seo-hero{margin-top:18px;border-radius:18px}.hero-copy,.seo-hero-copy{padding:26px 22px}.hero h1,.seo-hero h1{font-size:31px}.hero-lead,.seo-lead{font-size:16px}.hero-visual{grid-template-columns:1fr;padding:22px}.print-card{margin:0;min-height:0}.hero-actions,.seo-actions{gap:10px}.hero-proof{font-size:13px}.section{padding-block:36px}.service-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.section-heading{align-items:flex-start;gap:16px}.product-card{min-height:210px;padding:24px}.pilot-header .pilot-line-link{justify-self:start}.pilot-intro h1{font-size:31px}.calc-header{position:relative}.calc-header .header-inner{flex-wrap:wrap;padding-block:14px}.intro{padding-top:28px}.mobile-dock{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;box-shadow:none;margin:0;padding:14px;background:var(--calm-panel)}body{padding-bottom:0}.floating-quicklinks{position:static;width:calc(100% - 28px);margin:20px auto;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:28px}.footer-bottom{flex-wrap:wrap;gap:12px}.brand small{font-size:10px!important}}
@media(max-width:420px){.customer-tools{grid-template-columns:1fr}.hero h1,.seo-hero h1{font-size:28px}.hero-copy,.seo-hero-copy{padding:24px 20px}.service-points{grid-template-columns:1fr}.header-actions .button{font-size:13px!important;padding-inline:11px}.header-service-quicklinks .header-service-quicklink{padding-inline:10px}.wizard-actions .button{padding-inline:10px}}

.top-strip a{color:var(--calm-green)}
.hero-visual{margin:28px 28px 28px 0;box-shadow:none;border-radius:18px;align-self:center}.design-chip{position:static;transform:none;width:auto;height:auto;margin-top:14px;padding:8px 12px;display:flex;gap:6px;justify-content:center}
@media(max-width:1000px){.hero-visual{margin:0 24px 24px}}
@media(max-width:760px){.hero-visual{margin:0 14px 14px}}

.site-header nav.header-service-quicklinks a.header-service-quicklink,.site-header nav.header-service-quicklinks a.header-service-quicklink:visited,.site-header nav.header-service-quicklinks a.header-service-quicklink:hover{background:var(--calm-bg);color:var(--calm-ink);border:1px solid var(--calm-line);box-shadow:none;transform:none;border-radius:10px}
.site-header .header-inner>nav{justify-content:flex-start}
.site-header .header-inner:has(nav a[href="/calculator/"]) .header-actions>a[href="/calculator/"]{display:none}
@media(max-width:760px){.site-header:has(.header-service-quicklinks) .header-actions{position:absolute;top:16px;right:14px;width:auto}.site-header .header-inner>nav{gap:0 14px}.site-header .header-inner>nav a{min-height:36px}.header-service-quicklinks .header-service-quicklink{justify-content:center}}

body.dark{background:var(--calm-bg)}
body.dark .product-card{background:var(--calm-panel);color:var(--calm-ink)}
body.dark .seo-price-card{background:var(--calm-panel);color:var(--calm-ink)}
.seo-mini-specs span{background:var(--calm-tint);color:var(--calm-ink)}
body.dark .tool-icon,body.dark .steps article>span,body.dark .faq-grid summary::after,body.dark .seo-info-card>span,body.dark .seo-faq-grid summary::after{background:var(--calm-tint);color:var(--calm-green)}
/* Form pages do not load the legacy mobile overlay; size against the available viewport. */
body{min-width:0}
.order-admin-grid span{font-size:13px;line-height:1.6}.order-admin-grid b{font-size:15px;line-height:1.65}
.order-admin-card header span{font-size:13px;align-self:flex-start}.order-admin-notes{font-size:15px;line-height:1.8;background:var(--calm-bg)}
.order-admin-actions small{font-size:13px}.admin-toolbar{gap:18px}.admin-toolbar button{font-size:14px;min-height:44px}
.status-summary span{font-size:13px}.status-summary b{font-size:16px;line-height:1.7}.status-privacy{font-size:13px}
@media(max-width:700px){.admin-toolbar>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:8px}.admin-toolbar>div>:nth-child(-n+3){grid-column:span 2}.admin-toolbar>div>:nth-child(n+4){grid-column:span 3}.admin-toolbar>div>span{text-align:center}.admin-toolbar button{min-width:0;padding:9px 6px;font-size:13px}.order-admin-card{padding:18px}.order-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.order-admin-grid>div:nth-child(6),.order-admin-grid>div:nth-child(7){grid-column:1/-1}.order-admin-action-buttons{display:grid;grid-template-columns:1fr;width:100%}.order-admin-card h2{font-size:19px;overflow-wrap:anywhere}.order-admin-card header{gap:10px}.status-form{padding:16px}.status-summary div{padding:14px 16px}}
@media(max-width:760px){.site-header .header-actions{position:absolute;top:16px;right:14px;width:auto}.site-header:has(.header-actions) .brand{padding-right:48px}.site-header:has(.header-actions) .brand b{font-size:15px}}
.seo-mini-specs b{color:var(--calm-ink)}.seo-note,.seo-footer-links{color:var(--calm-muted)}
body.dark .seo-price-card>strong,body.dark .seo-price-label,body.dark .seo-price-row:not(.is-head) b,body.dark .seo-step>span{color:var(--calm-green)}
.hero h1,.seo-hero h1{font-weight:700;text-wrap:balance}.seo-price-card h2{font-size:clamp(26px,3vw,34px);line-height:1.45;font-weight:700}.seo-price-card>strong{font-size:clamp(28px,3vw,36px);line-height:1.5;font-weight:700}
@media(min-width:761px){.hero h1,.seo-hero h1{font-size:clamp(32px,3.2vw,42px)}}
.seo-section{padding-block:64px}.seo-section-head{gap:28px}.seo-section-head h2,.seo-split h2,.seo-cta h2,.seo-cross h2{font-size:clamp(26px,3vw,36px);line-height:1.45;font-weight:700;letter-spacing:-.015em}
.seo-info-card,.seo-copy-panel,.seo-data-panel{border-radius:18px;box-shadow:none}.seo-info-card{min-height:210px}.seo-step{min-height:190px}.seo-step h3{margin-top:32px}
@media(max-width:760px){.seo-section{padding-block:40px}.seo-info-card,.seo-step{min-height:0}.seo-section-head{gap:18px}.seo-step h3{margin-top:20px}}
.contact .eyebrow,.tracking .eyebrow,.seo-cta .eyebrow{color:#c7e2d0}.contact h2 em,.tracking h2 em,.line-card div>a{color:#d2ebd9}.line-card small{color:#c7e2d0}
.portfolio-button{background:var(--calm-tint);color:var(--calm-ink);border:1px solid var(--calm-line);box-shadow:none}