:root{
    --green:#0f3d2e;
    --green-2:#08271f;
    --cream:#f3efe6;
    --white:#fff;
    --gold:#c8a96b;
    --charcoal:#1d1d1d;
    --line:rgba(15,61,46,.18);
    --font-number:Arial, Helvetica, Tahoma, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{
    margin:0;
    font-family:var(--font-body);
    background:var(--cream);
    color:var(--charcoal);
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.site-nav{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:50;
    height:78px;
    padding:18px clamp(20px,4vw,52px);
    display:grid;
    grid-template-columns:170px 1fr auto;
    align-items:center;
    background:#fff;
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(15,61,46,.08);
}
.brand{line-height:1;color:var(--green);letter-spacing:.08em;display:inline-grid;align-items:center;width:82px}
.brand picture,.brand img{display:block;width:100%;height:auto}
.nav-links{display:flex;justify-content:center;gap:clamp(18px,3vw,44px);font-size:16px;font-weight:600;text-transform:uppercase}
.nav-links a{position:relative}
.nav-links a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--green);transition:.35s}
.nav-links a:hover:after{width:100%}
.nav-cta,.btn-premium,.btn-ghost,.btn-gold{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 25px;
    border:1px solid var(--green);
    font-size:14px;
    font-weight:600;
    transition:.35s ease;
}
.nav-cta,.btn-premium{background:var(--green);color:var(--white)}
.btn-gold{background:linear-gradient(135deg,var(--gold),#e5d7ad);border:0;color:#10271f}
.btn-ghost{background:transparent;color:var(--green)}
.btn-premium:hover,.nav-cta:hover{background:#09261d;transform:translateY(-2px)}
.btn-ghost:hover{background:rgba(15,61,46,.08)}
.nav-toggle{display:none}
h1,h2,h3{font-family:var(--font-heading);font-weight:500;letter-spacing:0;line-height:.92;margin:0}
p{line-height:1.72}
.section-cream{background:radial-gradient(circle at 10% 10%,#fff 0,#f5f0e8 42%,#eee8dd 100%)}
.hero-reference{
    min-height:100svh;
    padding:96px 0 58px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    background:
        radial-gradient(circle at 50% 38%,rgba(255,250,242,.95) 0,rgba(236,226,214,.74) 42%,rgba(224,213,200,.6) 100%),
        linear-gradient(135deg,#f5eee5 0,#ece2d6 46%,#ded2c4 100%);
    position:relative;
    overflow:hidden;
    --hero-progress:0;
}
.hero-reference:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:43%;
    background:linear-gradient(180deg,rgba(236,226,214,0),rgba(236,226,214,.88) 50%,#ece2d6 100%);
    pointer-events:none;
}
.hero-reference-visual{
    position:absolute;
    inset:78px 0 0;
    background:
        radial-gradient(circle at 50% 42%,rgba(255,255,255,.42),rgba(255,255,255,0) 52%),
        linear-gradient(180deg,rgba(255,255,255,.18),rgba(236,226,214,0));
    opacity:calc(1 - (var(--hero-progress) * .68));
    transform:translate3d(0,calc(var(--hero-progress) * -96px),0) scale(calc(1 + (var(--hero-progress) * .14)));
    transform-origin:center center;
    transition:opacity .08s linear,transform .08s linear;
}
.hero-reference-visual picture{display:block;width:100%;height:100%}
.hero-main-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 36%;
    user-select:none;
}
.hero-video-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:#ece2d6;
}
.hero-video-bg iframe{
    position:absolute;
    top:50%;
    left:50%;
    width:max(100vw,177.78vh);
    height:max(56.25vw,100vh);
    min-width:100%;
    min-height:100%;
    border:0;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
.hero-video-fallback{
    position:absolute;
    inset:0;
    opacity:0;
}
.hero-cream-wipe{
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    z-index:1;
    height:calc(8vh + (var(--hero-progress) * 96vh));
    background:
        linear-gradient(180deg,rgba(236,226,214,0),rgba(236,226,214,.86) 30%,#ece2d6 72%),
        radial-gradient(circle at 50% 100%,rgba(255,252,247,.7),rgba(236,226,214,0) 56%);
    opacity:calc(.88 + (var(--hero-progress) * .12));
    pointer-events:none;
}
.hero-reference-copy{
    position:relative;
    z-index:2;
    width:min(1240px,calc(100% - 36px));
    margin:0 auto;
    text-align:center;
    padding-top:clamp(300px,39vh,470px);
    opacity:calc(1 - (var(--hero-progress) * .9));
    transform:translate3d(0,calc(var(--hero-progress) * -112px),0) scale(calc(1 - (var(--hero-progress) * .08)));
    transition:opacity .08s linear,transform .08s linear;
}
.hero-reference h1{
    font-family:var(--font-body);
    font-size:clamp(34px,3.35vw,58px);
    font-weight:400;
    line-height:1.16;
    color:#050505;
    margin:0;
    white-space:nowrap;
}
.hero-reference p{
    margin:14px auto 26px;
    max-width:760px;
    font-size:clamp(16px,1.35vw,23px);
    line-height:1.45;
    color:#111;
}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-reference .hero-actions{justify-content:center}
.btn-hero-light,.btn-hero-green{
    min-width:205px;
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:17px;
    padding:14px 30px;
    font-size:20px;
    font-weight:650;
    box-shadow:0 16px 35px rgba(40,34,24,.08);
    transition:.28s ease;
}
.btn-hero-light{background:rgba(255,255,255,.94);color:var(--green)}
.btn-hero-green{background:#245f12;color:white}
.btn-hero-light:hover,.btn-hero-green:hover{transform:translateY(-2px)}
.hero-visual{
    min-height:560px;
    position:relative;
}
.image-stack{
    position:absolute;
    background-size:cover;
    background-position:center;
    box-shadow:0 30px 80px rgba(20,30,25,.18);
}
.skyline{
    width:250px;
    height:200px;
    left:0;
    top:20px;
    background-image:linear-gradient(rgba(243,239,230,.15),rgba(243,239,230,.45)),url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=900&q=80');
    filter:saturate(.45);
    z-index:2;
}
.residence{
    width:min(760px,88%);
    height:430px;
    right:0;
    bottom:70px;
    background-image:linear-gradient(90deg,rgba(15,61,46,.16),rgba(15,61,46,0)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1400&q=85');
}
.car-silhouette{
    position:absolute;
    right:-28px;
    bottom:40px;
    width:min(540px,70%);
    height:160px;
    border-radius:55% 42% 8% 12% / 58% 52% 16% 18%;
    background:linear-gradient(145deg,#103d30,#071a15 58%,#1a2e2a);
    box-shadow:0 38px 50px rgba(0,0,0,.28);
    z-index:4;
}
.car-silhouette:before{content:"";position:absolute;left:58px;top:28px;width:245px;height:64px;border-radius:90px 80px 8px 8px;background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.08));clip-path:polygon(18% 0,70% 0,100% 100%,0 100%)}
.car-silhouette:after{content:"";position:absolute;left:80px;right:70px;bottom:-18px;height:38px;background:radial-gradient(circle at 10% 50%,#050706 0 20px,transparent 21px),radial-gradient(circle at 90% 50%,#050706 0 20px,transparent 21px)}
.floating-card{position:absolute;right:290px;top:55px;font-size:13px;font-weight:700;z-index:4}
.orbit-text{position:absolute;left:44px;bottom:52px;width:110px;height:110px;border:1px solid rgba(15,61,46,.2);border-radius:50%;display:grid;place-items:center;font-size:10px;letter-spacing:.45em;color:var(--green)}
.dark-band{
    color:var(--white);
    background:radial-gradient(circle at 45% 45%,#164936 0,#0c3026 45%,#062019 100%);
}
.inspiration-section{
    position:relative;
    overflow:hidden;
    padding:92px clamp(22px,6vw,110px) 82px;
    background:linear-gradient(180deg,#fffdf9 0,#f8f3eb 48%,#fff 100%);
    color:#15372c;
    text-align:center;
}
.inspiration-bg{
    position:absolute;
    inset:0 0 auto;
    height:430px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.88) 56%,#fff 100%),
        linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.54) 32%,rgba(255,255,255,.54) 68%,rgba(255,255,255,.98)),
        url('../images/section2-future-home.jpg');
    background-size:cover;
    background-position:center 42%;
    filter:saturate(.92) brightness(1.08);
    opacity:.78;
    pointer-events:none;
}
.inspiration-copy,.inspiration-video-wrap,.inspiration-cta{
    position:relative;
    z-index:2;
}
.inspiration-copy{
    width:min(980px,100%);
    margin:0 auto 44px;
}
.inspiration-copy span{
    display:inline-block;
    font-family:var(--font-heading);
    font-size:16px;
    line-height:1;
    letter-spacing:.10em;
    text-transform:uppercase;
    color:#17362c;
}
.inspiration-copy span:after{
    content:"";
    display:block;
    width:48px;
    height:1px;
    margin:18px auto 26px;
    background:rgba(15,61,46,.5);
}
.inspiration-copy p{
    margin:0;
    display:grid;
    gap:20px;
    font-size:clamp(20px,1.45vw,25px);
    line-height:1.9;
    letter-spacing:0;
    color:#183b30;
    text-wrap:balance;
}
.inspiration-muted{
    display:block;
    font-weight:300;
    color:rgba(24,59,48,.82);
}
.inspiration-emphasis{
    display:block;
    font-size:1.08em;
    line-height:1.82;
    letter-spacing:0;
    font-weight:500;
    color:var(--green);
}
.inspiration-video-wrap{
    width:min(1080px,100%);
    margin:0 auto;
}
.inspiration-video{
    position:relative;
    aspect-ratio:16/9;
    background:radial-gradient(circle at 50% 50%,#303331,#1f2220);
    box-shadow:0 24px 70px rgba(16,28,23,.18);
    overflow:hidden;
}
.inspiration-video iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}
.youtube-placeholder{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:white;
    background:
        radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),rgba(255,255,255,0) 28%),
        linear-gradient(135deg,#232624,#181b1a);
}
.youtube-placeholder svg{
    width:72px;
    height:72px;
    padding:17px;
    border-radius:18px;
    fill:#ff0033;
    stroke:#ff0033;
    background:#ff0033;
    color:white;
}
.youtube-placeholder strong{
    position:absolute;
    right:22px;
    bottom:18px;
    font-family:Arial,sans-serif;
    font-size:22px;
    color:rgba(255,255,255,.86);
}
.inspiration-video-wrap small{
    display:block;
    margin-top:14px;
    font-size:15px;
    color:#384942;
}
.inspiration-cta{
    width:min(780px,100%);
    margin:48px auto 0;
}
.inspiration-cta h2{
    font-family:var(--font-body);
    font-size:clamp(26px,2vw,36px);
    line-height:1.35;
    font-weight:600;
    color:var(--green);
    text-wrap:balance;
}
.inspiration-cta p{
    margin:12px 0 24px;
    font-size:clamp(17px,1.2vw,22px);
    color:#33423c;
}
.inspiration-cta .btn-premium{
    min-width:min(100%,330px);
    min-height:58px;
    border-radius:8px;
    font-size:18px;
}
.truth-reference{
    min-height:760px;
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(300px,460px) 1fr minmax(300px,430px);
    align-items:center;
    padding:58px clamp(34px,4.8vw,76px) 64px;
    color:#20342d;
    background:#eee7dc;
}
.truth-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
}
.truth-bg-left{
    right:50%;
    background-image:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.28) 62%,rgba(255,255,255,.7)),url('../images/section2-future-home.jpg');
}
.truth-bg-right{
    left:50%;
    background-image:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.1) 28%,rgba(0,0,0,.45) 100%),url('../images/section2-car-burden.jpg');
}
.truth-vignette{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 50% 45%,rgba(255,251,244,.95) 0,rgba(255,251,244,.84) 18%,rgba(255,251,244,.34) 34%,rgba(255,251,244,0) 52%),
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.1) 78%,rgba(0,0,0,0) 79%);
}
.truth-side,.truth-center,.truth-mini-logo{position:relative;z-index:2}
.truth-left-panel{align-self:start;color:white;padding-top:6px}
.burden-panel{width:min(360px,100%);margin-top:54px}
.burden-panel>p{font-size:17px;line-height:1.35;margin:0 0 18px;letter-spacing:.01em}
.burden-panel>p strong{font-weight:500}
.truth-cost-card{
    min-height:67px;
    display:grid;
    grid-template-columns:44px 1fr auto;
    gap:14px;
    align-items:center;
    margin-bottom:9px;
    padding:14px 18px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:7px;
    background:rgba(29,29,29,.58);
    box-shadow:0 10px 22px rgba(0,0,0,.18);
    backdrop-filter:blur(12px);
}
.truth-cost-card svg{width:28px;height:28px;stroke-width:1.35}
.truth-cost-card span{font-size:16px;font-weight:700}
.truth-cost-card strong{font-size:16px;white-space:nowrap}
.truth-total{text-align:center;margin-top:32px}
.truth-total span{display:block;font-size:15px;margin-bottom:4px}
.truth-total strong{font-size:38px;line-height:1;font-weight:600}
.truth-total small{font-size:18px;font-weight:400}
.truth-center{
    min-height:560px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 20px;
}
.quote-mark{
    font-family:Georgia,serif;
    font-size:68px;
    line-height:.75;
    color:rgba(39,47,42,.34);
}
.truth-center h2{
    font-family:var(--font-body);
    font-size:clamp(34px,2.55vw,48px);
    font-weight:400;
    line-height:1.58;
    letter-spacing:0;
    color:#323630;
}
.truth-center h2 strong{
    color:var(--green);
    font-size:1.24em;
    font-weight:800;
}
.truth-center h2 em{
    color:#b09b6e;
    font-style:normal;
    font-size:1.22em;
    font-weight:700;
}
.truth-line{width:1px;height:92px;background:rgba(23,35,30,.38);margin:28px 0 0}
.truth-right-panel{
    justify-self:end;
    width:min(330px,100%);
    display:grid;
    gap:12px;
}
.future-label{color:white;margin:0 0 18px 88px;text-shadow:0 2px 16px rgba(0,0,0,.28)}
.future-label span{display:block;font-size:18px;font-weight:700;line-height:1.35}
.future-label small{font-size:16px}
.future-card{
    min-height:76px;
    display:grid;
    grid-template-columns:43px 1fr;
    align-items:center;
    column-gap:14px;
    border-radius:7px;
    background:rgba(255,255,255,.9);
    padding:16px 19px;
    box-shadow:0 16px 34px rgba(0,0,0,.14);
    backdrop-filter:blur(12px);
}
.future-card svg{grid-row:1/3;width:28px;height:28px;stroke:var(--green);stroke-width:1.35}
.future-card span{font-weight:800;font-size:15px;color:#263029}
.future-card small{font-size:13px;color:#61655f}
.truth-mini-logo{
    position:absolute;
    right:clamp(48px,8vw,160px);
    bottom:26px;
    text-align:center;
    font-family:var(--font-heading);
    font-size:25px;
    line-height:.9;
    color:#263029;
    letter-spacing:.04em;
}
.truth-mini-logo small{display:block;font-family:var(--font-body);font-size:10px;margin-top:6px;letter-spacing:0}
@keyframes marquee{to{transform:translateX(-50%)}}
.lifestyle-section{
    min-height:auto;
    position:relative;
    overflow:hidden;
    padding:98px clamp(22px,4vw,62px) 92px;
    background:
        radial-gradient(circle at 50% 18%,rgba(255,255,255,.98) 0,rgba(255,255,255,.94) 44%,rgba(246,242,235,.92) 100%),
        linear-gradient(180deg,#fffdf8 0,#f4eee6 100%);
    color:#173d30;
    contain:layout paint;
}
.lifestyle-section:before{
    content:"";
    position:absolute;
    left:-130px;
    top:-120px;
    width:470px;
    height:390px;
    opacity:.18;
    filter:blur(12px);
    background:
        radial-gradient(ellipse at 22% 20%,#13251d 0 9%,transparent 10%),
        radial-gradient(ellipse at 38% 18%,#13251d 0 11%,transparent 12%),
        radial-gradient(ellipse at 52% 26%,#13251d 0 12%,transparent 13%),
        radial-gradient(ellipse at 21% 46%,#13251d 0 13%,transparent 14%),
        radial-gradient(ellipse at 42% 48%,#13251d 0 16%,transparent 17%),
        radial-gradient(ellipse at 62% 50%,#13251d 0 13%,transparent 14%);
    transform-origin:20% 0;
    animation:leafSway 7s ease-in-out infinite alternate;
}
.leaf-shadow{
    position:absolute;
    left:-80px;
    top:18px;
    width:390px;
    height:285px;
    z-index:1;
    opacity:.14;
    filter:blur(16px);
    background:
        radial-gradient(ellipse at 14% 36%,#0f1c17 0 8%,transparent 9%),
        radial-gradient(ellipse at 26% 22%,#0f1c17 0 11%,transparent 12%),
        radial-gradient(ellipse at 40% 36%,#0f1c17 0 14%,transparent 15%),
        radial-gradient(ellipse at 56% 20%,#0f1c17 0 10%,transparent 11%),
        radial-gradient(ellipse at 62% 46%,#0f1c17 0 12%,transparent 13%);
    animation:leafSway 8.5s ease-in-out infinite alternate;
    pointer-events:none;
}
.leaf-shadow-two{
    left:50px;
    top:-46px;
    opacity:.09;
    transform:rotate(18deg) scale(.78);
    animation-duration:10s;
    animation-direction:alternate-reverse;
}
@keyframes leafSway{
    from{transform:translate3d(-8px,-4px,0) rotate(-5deg) scale(1)}
    to{transform:translate3d(18px,10px,0) rotate(7deg) scale(1.04)}
}
.lifestyle-copy{
    position:relative;
    z-index:4;
    width:min(720px,92vw);
    margin:0 auto 58px;
    text-align:center;
}
.lifestyle-copy h2{
    font-size:clamp(42px,4vw,72px);
    color:var(--green);
    line-height:1.02;
    text-shadow:0 14px 44px rgba(15,61,46,.08);
}
.lifestyle-copy h2 strong{
    display:inline-block;
    color:#b5965f;
    font-weight:500;
}
.lifestyle-thai{
    margin:22px 0 10px;
    color:var(--green);
    font-size:clamp(22px,1.7vw,31px);
    line-height:1.35;
    font-weight:400;
}
.lifestyle-copy p:not(.lifestyle-thai){
    font-size:16px;
    line-height:1.8;
    color:#4d5651;
}
.lifestyle-card-grid{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    width:min(100%,1320px);
    margin:0 auto;
}
.lifestyle-card{
    min-height:560px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(15,61,46,.1);
    box-shadow:0 18px 38px rgba(42,38,30,.12);
    overflow:hidden;
    opacity:1;
    transform:translateY(0);
}
.lifestyle-card-image{
    position:relative;
    height:360px;
    background-size:cover;
    background-position:center;
}
.lifestyle-card-image:after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:44%;
    background:linear-gradient(180deg,rgba(15,25,20,0),rgba(15,25,20,.46));
}
.lifestyle-card-image span{
    position:absolute;
    left:28px;
    top:25px;
    z-index:2;
    font-family:var(--font-heading);
    font-size:31px;
    line-height:1;
    color:white;
    text-shadow:0 3px 14px rgba(0,0,0,.25);
}
.lifestyle-card-1 .lifestyle-card-image{
    background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.16)),url('../images/section3-mass-transit-citytrain.jpg');
}
.lifestyle-card-2 .lifestyle-card-image{
    background-image:url('../images/section3-ev-charging.webp');
}
.lifestyle-card-3 .lifestyle-card-image{
    background-image:url('../images/section3-shuttle-service.jpg');
}
.lifestyle-card-4 .lifestyle-card-image{
    background-image:url('../images/section3-car-rental.jpg');
}
.lifestyle-card-5 .lifestyle-card-image{
    background-image:url('../images/section3-live-near-transit.webp');
}
.lifestyle-card-body{
    position:relative;
    min-height:200px;
    padding:42px 32px 30px;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,246,240,.96));
}
.lifestyle-card-icon{
    position:absolute;
    left:30px;
    top:-38px;
    width:74px;
    height:74px;
    display:grid;
    place-items:center;
    border:1px solid rgba(181,150,95,.5);
    border-radius:50%;
    background:rgba(255,255,255,.9);
    box-shadow:0 14px 24px rgba(42,38,30,.1);
}
.lifestyle-card-icon svg{
    width:34px;
    height:34px;
    stroke:var(--green);
    stroke-width:1.4;
}
.lifestyle-card h3{
    font-size:clamp(25px,1.8vw,34px);
    line-height:1;
    color:#21342d;
    font-weight:500;
    margin-bottom:18px;
}
.lifestyle-card p{
    margin:0;
    font-size:16px;
    line-height:1.72;
    color:#26312c;
}
.lead-section h2{
    font-size:clamp(34px,3.1vw,56px);
    line-height:1.15;
}
.calc-intro{
    grid-column:1/-1;
    max-width:920px;
    margin:0 auto 6px;
    text-align:center;
}
.calc-intro h2{
    margin:0 0 12px;
    font-size:clamp(34px,3.1vw,56px);
    line-height:1.15;
    color:var(--green);
}
.calc-intro p{
    margin:0;
    font-size:20px;
    line-height:1.7;
    color:#35443f;
}
.tradein-flow{
    position:relative;
    padding:58px 0 52px;
    background:#fff;
    color:#17241f;
    overflow:hidden;
}
.tradein-hero{
    display:grid;
    grid-template-columns:minmax(390px,.86fr) minmax(0,1.28fr);
    min-height:440px;
    align-items:stretch;
}
.tradein-intro{
    position:relative;
    z-index:2;
    padding:clamp(54px,5.6vw,88px) clamp(34px,6vw,98px) 48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.tradein-intro span{
    display:block;
    margin-bottom:22px;
    font-size:15px;
    line-height:1;
    letter-spacing:.13em;
    text-transform:uppercase;
    font-weight:700;
    color:#24342f;
}
.tradein-intro h2{
    margin:0;
    font-family:var(--font-body);
    font-weight:400;
    font-size:clamp(34px,3.25vw,54px);
    line-height:1.22;
    color:var(--green);
}
.tradein-intro p{
    margin:20px 0 20px;
    max-width:530px;
    font-size:clamp(18px,1.25vw,23px);
    line-height:1.58;
    color:#29342f;
}
.tradein-intro p:before{
    content:"";
    display:block;
    width:66px;
    height:1px;
    margin:0 0 22px;
    background:rgba(15,61,46,.36);
}
.tradein-intro ul{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}
.tradein-intro li{display:flex;align-items:center;gap:10px;font-size:16px;color:#2d3732}
.tradein-intro li svg{width:19px;height:19px;stroke:var(--green);stroke-width:1.75}
.tradein-note{
    max-width:520px;
    padding-top:15px;
    border-top:1px solid rgba(15,61,46,.14);
    font-size:16px;
    line-height:1.7;
    color:#3a403d;
}
.tradein-hero-image{
    min-height:440px;
    position:relative;
    overflow:hidden;
}
.tradein-hero-image:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,#fffdf9 0,rgba(255,253,249,.9) 11%,rgba(255,253,249,.36) 28%,rgba(255,253,249,0) 56%);
    pointer-events:none;
}
.tradein-hero-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}
.tradein-steps-shell{
    position:relative;
    z-index:3;
    width:min(1320px,calc(100% - 56px));
    margin:0 auto;
}
.tradein-steps-title{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:30px;
    margin-bottom:26px;
    color:var(--green);
}
.tradein-steps-title span{height:1px;background:rgba(15,61,46,.24)}
.tradein-steps-title h3{
    margin:0;
    font-family:var(--font-body);
    font-size:clamp(22px,1.6vw,28px);
    line-height:1.2;
    font-weight:400;
    letter-spacing:.06em;
}
.tradein-steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:18px;
}
.tradein-step{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.tradein-step:before{
    content:"";
    position:absolute;
    top:21px;
    left:50%;
    width:calc(100% + 22px);
    height:1px;
    background:rgba(15,61,46,.25);
    z-index:-1;
}
.tradein-step:last-child:before{display:none}
.tradein-step-number{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--green);
    color:#fff;
    font-family:var(--font-heading);
    font-size:18px;
    font-weight:700;
    margin-bottom:14px;
}
.tradein-icon{
    width:62px;
    height:62px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(15,61,46,.28);
    box-shadow:0 12px 30px rgba(15,61,46,.06);
    margin-bottom:15px;
}
.tradein-icon svg{width:29px;height:29px;stroke:var(--green);stroke-width:1.45}
.tradein-step h3{
    margin:0 0 10px;
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.32;
    font-weight:800;
    color:var(--green);
}
.tradein-step p{margin:0;color:#4f5652;font-size:14px;line-height:1.55}
.tradein-closing{
    width:min(760px,calc(100% - 44px));
    margin:34px auto 0;
    text-align:center;
}
.tradein-closing p{
    margin:0 0 18px;
    font-size:clamp(20px,1.45vw,25px);
    line-height:1.5;
    color:var(--green);
}
.tradein-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.tradein-actions.is-single{
    grid-template-columns:minmax(260px,420px);
    justify-content:center;
}
.tradein-actions a{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    border-radius:7px;
    font-weight:800;
}
.tradein-actions a svg{width:22px;height:22px;stroke-width:1.7}
.tradein-actions .btn-ghost{border:1px solid rgba(15,61,46,.7);background:rgba(255,255,255,.62)}
.tradein-why-section{
    position:relative;
    overflow:hidden;
    padding:56px clamp(24px,5.8vw,112px) 64px;
    background:
        radial-gradient(circle at 88% 10%,rgba(200,232,255,.35),rgba(255,255,255,0) 34%),
        linear-gradient(180deg,#fffdf8 0,#f6f0e8 100%);
    color:#17382d;
}
.tradein-why-heading{
    width:min(1320px,100%);
    margin:0 auto 34px;
    text-align:center;
}
.tradein-why-heading span{
    display:inline-block;
    margin-bottom:12px;
    font-size:13px;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-weight:700;
    color:#34423d;
}
.tradein-why-heading h2{
    margin:0;
    font-family:var(--font-body);
    font-size:clamp(34px,3.1vw,56px);
    line-height:1.18;
    font-weight:400;
    color:var(--green);
}
.tradein-why-slider{
    position:relative;
    width:min(1500px,100%);
    margin:0 auto;
}
.tradein-why-slides{
    position:relative;
    min-height:560px;
    border-radius:10px;
    overflow:hidden;
    background:rgba(255,255,255,.66);
    box-shadow:0 24px 70px rgba(31,31,25,.1);
}
.tradein-why-slide{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:minmax(360px,500px) minmax(0,1fr);
    align-items:stretch;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(34px);
    transition:opacity .55s ease,transform .55s ease,visibility .55s ease;
}
.tradein-why-slide.is-active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
}
.tradein-why-copy{
    position:relative;
    z-index:2;
    box-sizing:border-box;
    padding:72px 54px 82px;
    background:linear-gradient(90deg,rgba(255,253,249,.98),rgba(255,253,249,.91) 78%,rgba(255,253,249,0));
}
.tradein-why-copy span{
    display:flex;
    align-items:center;
    gap:12px;
    font-family:var(--font-heading);
    font-size:16px;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:#1d332c;
}
.tradein-why-copy span:after{
    content:"";
    width:72px;
    height:1px;
    background:rgba(15,61,46,.22);
}
.tradein-why-copy h2{
    margin:16px 0 20px;
    font-size:clamp(24px,2vw,34px);
    line-height:1.22;
    color:var(--green);
}
.tradein-why-copy h2.is-thai{
    max-width:390px;
    font-family:var(--font-body);
    font-size:clamp(24px,2.05vw,34px);
    line-height:1.28;
    font-weight:500;
}
.tradein-why-copy h3{
    margin:0 0 26px;
    font-family:var(--font-body);
    font-size:clamp(19px,1.55vw,26px);
    line-height:1.35;
    font-weight:600;
    color:#1d2c27;
}
.tradein-why-copy p{
    margin:4px 0 0;
    max-width:480px;
    padding-top:22px;
    border-top:1px solid rgba(15,61,46,.12);
    font-size:18px;
    line-height:1.72;
    color:#24352f;
}
.tradein-why-copy ul{
    display:grid;
    gap:13px;
    margin:24px 0 28px;
    padding:0;
    list-style:none;
}
.tradein-why-copy li{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:17px;
}
.tradein-why-copy li svg{
    width:20px;
    height:20px;
    stroke:var(--green);
    stroke-width:1.7;
}
.tradein-why-copy .btn-premium{
    display:none;
}
.tradein-why-copy .btn-premium svg{width:18px;height:18px}
.tradein-why-image{
    position:relative;
    min-height:100%;
}
.tradein-why-image:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(255,253,249,.5),rgba(255,253,249,.08) 32%,rgba(255,253,249,0) 58%);
}
.tradein-why-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}
.tradein-why-slide.is-featured-showroom .tradein-why-image{
    background:linear-gradient(180deg,#eef8ff 0,#f8fbfc 58%,#f4efe8 100%);
}
.tradein-why-slide.is-featured-showroom .tradein-why-image img{
    object-fit:cover;
    object-position:center;
}
.tradein-why-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-top:24px;
}
.tradein-why-controls button{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(15,61,46,.22);
    border-radius:50%;
    background:rgba(255,255,255,.76);
    color:var(--green);
    transition:.25s ease;
}
.tradein-why-controls button:hover{
    background:var(--green);
    color:white;
}
.tradein-why-controls svg{width:19px;height:19px}
.tradein-why-dots{
    display:flex;
    gap:9px;
    align-items:center;
}
.tradein-why-dots button{
    width:9px;
    height:9px;
    padding:0;
    border-radius:999px;
    background:rgba(15,61,46,.25);
}
.tradein-why-dots button.is-active{
    width:34px;
    background:var(--green);
}
.calculator{
    padding:74px clamp(22px,7vw,132px);
    display:grid;
    grid-template-columns:minmax(320px,.82fr) minmax(0,1.48fr);
    gap:28px;
    align-items:start;
    position:relative;
}
.calculator:before{content:"";position:absolute;left:0;bottom:0;width:360px;height:260px;background:linear-gradient(0deg,rgba(15,61,46,.08),transparent);clip-path:polygon(0 100%,100% 100%,80% 20%,60% 55%,45% 0,28% 68%,10% 35%)}
.calc-panel,.result-panel,.lead-form,.admin-card{
    background:rgba(255,255,255,.52);
    border:1px solid rgba(15,61,46,.12);
    box-shadow:0 18px 55px rgba(32,28,20,.06);
    backdrop-filter:blur(16px);
    padding:28px;
}
.calc-panel h3{
    margin:0 0 18px;
    font-family:var(--font-body);
    font-size:22px;
    line-height:1.25;
    font-weight:800;
    color:var(--green);
}
.calc-panel label{
    display:grid;
    grid-template-columns:minmax(170px,1fr) 150px 40px;
    gap:12px;
    align-items:center;
    min-height:50px;
    margin-bottom:14px;
    font-size:14px;
}
.calc-panel input,.lead-form input,.lead-form select,.admin-field input,.admin-field textarea,.admin-field select{
    width:100%;
    border:1px solid rgba(15,61,46,.16);
    background:rgba(255,255,255,.75);
    padding:12px 14px;
    color:var(--charcoal);
}
.calc-panel input{
    font-family:var(--font-number);
    font-size:16px;
    font-weight:800;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1,"lnum" 1;
    letter-spacing:0;
    color:var(--green);
}
.calc-panel label span{
    min-width:40px;
    font-size:14px;
    color:#1f2d28;
}
.calc-panel button{width:100%;margin-top:10px}
.calc-button-note{
    margin:10px 0 0;
    font-size:12px;
    line-height:1.65;
    color:rgba(31,45,40,.68);
    text-align:center;
}
.result-heading{
    margin-bottom:20px;
    text-align:center;
}
.result-heading p{
    margin:0;
    font-size:16px;
    line-height:1.45;
    color:#23342f;
    overflow-wrap:break-word;
}
.result-panel h3{
    margin:0;
    font-family:var(--font-thai);
    font-size:clamp(28px,2.4vw,42px);
    line-height:1.08;
    font-weight:900;
    color:var(--green);
    overflow-wrap:break-word;
    text-wrap:balance;
}
.compare-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin:18px 0 16px;
}
.compare-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:250px;
    padding:24px;
    border:1px solid rgba(15,61,46,.12);
    border-radius:10px;
    background:rgba(255,255,255,.78);
    box-shadow:0 12px 34px rgba(32,28,20,.05);
}
.compare-card .compare-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    max-width:100%;
    margin-bottom:16px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(15,61,46,.08);
    font-family:var(--font-thai);
    font-size:clamp(15px,1vw,17px);
    line-height:1.2;
    letter-spacing:0;
    font-weight:900;
    color:var(--green);
    white-space:normal;
    overflow-wrap:break-word;
}
.compare-pill svg{width:18px;height:18px;stroke-width:1.9}
.compare-card.is-before .compare-pill{background:rgba(138,64,51,.12);color:#9b4b38}
.compare-card.is-after .compare-pill{background:rgba(15,61,46,.14);color:var(--green)}
.compare-card > p{
    margin:0 0 8px;
    font-family:var(--font-thai);
    font-size:clamp(27px,2.6vw,42px);
    line-height:1.05;
    font-weight:900;
    color:var(--green);
    overflow-wrap:break-word;
    text-wrap:balance;
}
.compare-card.is-before > p{color:#9b4b38}
.compare-card > small{
    display:block;
    margin:0 0 4px;
    color:#596963;
    font-weight:700;
}
.compare-card > strong{
    display:block;
    margin-bottom:18px;
    font-family:var(--font-number);
    font-size:clamp(34px,3vw,52px);
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1,"lnum" 1;
    overflow-wrap:anywhere;
}
.compare-card.is-before > strong{color:#b1583f}
.compare-card.is-after{
    border-color:rgba(15,61,46,.34);
    background:linear-gradient(135deg,rgba(15,61,46,.08),rgba(200,169,107,.14));
}
.compare-card.is-after > strong{color:var(--green)}
.goal-tile{
    margin-top:auto;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    align-items:center;
    padding:16px 18px;
    border-radius:8px;
    background:rgba(138,64,51,.08);
    min-width:0;
}
.is-after .goal-tile{background:rgba(15,61,46,.09)}
.goal-tile svg{
    grid-row:1/3;
    width:30px;
    height:30px;
    padding:7px;
    border-radius:50%;
    background:#fff;
    color:currentColor;
    box-shadow:0 6px 16px rgba(32,28,20,.08);
}
.goal-tile b{
    display:block;
    margin-top:2px;
    font-family:var(--font-number);
    font-size:clamp(20px,1.55vw,27px);
    line-height:1.22;
    font-weight:900;
    color:#15372d;
    overflow-wrap:anywhere;
}
.is-before .goal-tile b{color:#a14b35}
.goal-tile span{
    display:block;
    font-size:14px;
    line-height:1.35;
    font-weight:800;
    color:#23342f;
}
.goal-tile small{
    display:block;
    margin-top:2px;
    font-size:12px;
    color:#596963;
    line-height:1.35;
    overflow-wrap:break-word;
}
.result-panel dl{margin:16px 0}
.result-panel dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(15,61,46,.1);padding:12px 0}
.result-panel dt{color:#52615c}
.result-panel dd{
    margin:0;
    font-family:var(--font-number);
    font-weight:900;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1,"lnum" 1;
    color:#122b23;
}
.result-summary{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) minmax(135px,190px);
    gap:22px;
    align-items:center;
    margin:18px 0;
    padding:26px 32px;
    border-radius:10px;
    background:linear-gradient(135deg,#006f43,#0f3d2e);
    color:#fff;
}
.summary-icon{
    width:70px;
    height:70px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    color:var(--green);
}
.summary-icon svg{width:38px;height:38px;stroke-width:1.8}
.result-summary > div:not(.summary-icon){
    min-width:0;
}
.result-summary span{
    display:inline-flex;
    margin-bottom:12px;
    padding:0;
    border-radius:0;
    font-size:18px;
    font-weight:800;
    color:#fff;
    line-height:1.35;
    overflow-wrap:break-word;
}
.result-summary span.is-pass,
.result-summary span.is-better,
.result-summary span.is-warning{background:transparent;color:#fff}
.result-summary p{margin:0;font-size:14px;line-height:1.72;color:rgba(255,255,255,.86);overflow-wrap:break-word}
.result-summary > div:not(.summary-dsr-card) > strong{
    display:block;
    font-family:var(--font-number);
    font-size:clamp(38px,3.7vw,62px);
    font-weight:900;
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1,"lnum" 1;
    letter-spacing:0;
    line-height:1;
    color:#fff;
    overflow-wrap:anywhere;
}
.summary-dsr-card{
    justify-self:end;
    width:100%;
    padding:18px 20px;
    border-radius:0;
    background:rgba(255,255,255,.95);
    color:var(--green);
    text-align:center;
    box-shadow:0 16px 38px rgba(0,0,0,.12);
}
.summary-dsr-card span{
    display:block;
    margin:0 0 8px;
    font-size:clamp(17px,1.35vw,24px);
    line-height:1.25;
    font-weight:900;
    color:#52615c;
}
.summary-dsr-card strong{
    display:block;
    font-family:var(--font-number);
    font-size:clamp(32px,2.8vw,48px);
    line-height:1;
    font-weight:900;
    color:var(--green);
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1,"lnum" 1;
}
.mini-results{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    padding:16px;
    border:1px solid rgba(15,61,46,.1);
    border-radius:10px;
    background:rgba(255,255,255,.65);
}
.result-panel .mini-results div{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr);
    gap:6px 12px;
    align-items:start;
    border:0!important;
    padding:12px!important;
    background:rgba(255,255,255,.72);
    border-radius:8px;
    min-width:0;
}
.mini-results div.is-hidden,
.mini-results div.is-hidden-metric{display:none}
.result-panel .mini-results svg{
    grid-row:1/3;
    width:42px;
    height:42px;
    padding:10px;
    border-radius:50%;
    background:rgba(15,61,46,.08);
    color:var(--green);
}
.result-panel .mini-results dt{
    grid-column:2;
    grid-row:1;
    font-weight:800;
    color:#52615c;
    line-height:1.35;
    overflow-wrap:break-word;
}
.result-panel .mini-results dd{
    grid-column:2;
    grid-row:2;
    margin-top:2px;
    font-size:clamp(22px,1.7vw,30px);
    line-height:1.12;
    color:var(--green);
    overflow-wrap:anywhere;
}
.dti-note{
    margin:14px 0 0;
    padding:14px 16px;
    border-left:3px solid var(--gold);
    background:rgba(255,255,255,.45);
    font-size:14px;
    line-height:1.65;
    color:#4b5b55;
}
.calc-advice{
    grid-column:1/-1;
    max-width:920px;
    margin:8px auto 0;
    padding:28px clamp(22px,4vw,46px);
    text-align:center;
    border:1px solid rgba(15,61,46,.12);
    background:rgba(255,255,255,.5);
    box-shadow:0 18px 55px rgba(32,28,20,.05);
}
.calc-advice p{
    margin:0 auto 20px;
    max-width:760px;
    font-size:18px;
    line-height:1.75;
    color:#23342f;
}
.calc-advice .btn-premium{
    display:inline-flex;
    justify-content:center;
    min-width:280px;
}
.lead-section{
    padding:82px clamp(22px,7vw,132px);
    display:grid;
    grid-template-columns:minmax(0,860px);
    gap:34px;
    align-items:start;
    justify-content:center;
    text-align:center;
}
.lead-section > div{
    max-width:720px;
    margin:0 auto;
}
.lead-form{
    width:100%;
    max-width:860px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.16);
    text-align:left;
}
.lead-form label{
    display:grid;
    gap:8px;
    margin:0;
    font-weight:800;
    color:white;
}
.lead-form input,.lead-form select{background:rgba(255,255,255,.92)}
.lead-form select{appearance:auto}
.lead-form small{
    display:block;
    min-height:18px;
    font-size:12px;
    line-height:1.45;
    font-weight:500;
    color:rgba(255,255,255,.72);
}
.lead-form .lead-full{grid-column:1/-1}
.lead-form .btn-gold,.form-status{grid-column:1/-1}
.project-match-step{
    margin-top:10px;
    padding:18px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);
}
.project-match-head span{
    display:block;
    margin-bottom:8px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:rgba(255,255,255,.66);
}
.project-match-head h3{
    font-family:var(--font-body);
    font-size:22px;
    font-weight:800;
    line-height:1.35;
    color:white;
}
.project-match-head p{
    margin:10px 0 16px;
    color:rgba(255,255,255,.72);
    line-height:1.65;
}
.project-options{
    display:grid;
    gap:10px;
}
.project-option{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:12px;
    padding:14px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.92);
    color:#152620;
    cursor:pointer;
}
.project-option input[type="radio"]{
    width:18px;
    height:18px;
    min-height:0;
    margin-top:4px;
    padding:0;
    accent-color:var(--green);
}
.project-option strong{display:block;color:var(--green);font-size:16px;line-height:1.35}
.project-option span{display:block;margin-top:4px;color:#57615d;font-size:13px;line-height:1.45}
.project-option .project-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    align-items:center;
    margin-top:8px;
    color:#52615c;
}
.project-option .project-meta span{
    display:inline-flex;
    gap:6px;
    align-items:center;
    margin:0;
    font-size:13px;
    font-weight:800;
    line-height:1.3;
    color:#52615c;
}
.project-option .project-meta svg{
    width:16px;
    height:16px;
    color:var(--green);
    stroke-width:1.9;
}
.project-option a{
    display:inline-flex;
    margin-top:8px;
    color:var(--green);
    font-size:13px;
    font-weight:800;
    text-decoration:underline;
}
.lead-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}
.lead-actions.has-back{grid-template-columns:minmax(120px,.38fr) 1fr}
.lead-actions .btn-ghost{border-color:rgba(255,255,255,.55);color:white}
.form-status{
    min-height:22px;
    margin:0;
    padding:0;
    font-size:16px;
    line-height:1.55;
    color:white;
}
.form-status.is-success{
    margin-top:4px;
    padding:18px 20px;
    border:1px solid rgba(200,169,107,.55);
    background:rgba(255,255,255,.12);
    font-size:19px;
    font-weight:800;
}
.form-status.is-error{color:#ffd8d1}
.final-kv{
    position:relative;
    min-height:clamp(520px,72vw,760px);
    display:grid;
    place-items:center;
    overflow:hidden;
    background:#07130f;
    isolation:isolate;
}
.final-kv:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(circle at 50% 45%,rgba(0,0,0,.13) 0,rgba(0,0,0,.08) 36%,rgba(0,0,0,.24) 100%),
        linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.15));
}
.final-kv img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.02);
}
.final-kv-copy{
    position:relative;
    z-index:2;
    padding:0 24px;
    text-align:center;
    color:white;
    text-shadow:0 10px 30px rgba(0,0,0,.38);
}
.final-kv-copy h2{
    font-family:var(--font-body);
    font-size:clamp(28px,3.2vw,54px);
    font-weight:900;
    line-height:1.12;
    margin:0;
    white-space:nowrap;
}
.final-kv-copy p{
    margin:12px 0 0;
    font-size:clamp(17px,1.4vw,24px);
    font-weight:800;
    line-height:1.3;
    color:rgba(255,255,255,.92);
}
.site-footer{
    padding:70px 24px 58px;
    display:grid;
    justify-items:center;
    gap:14px;
    text-align:center;
    background:#030504;
    color:rgba(255,255,255,.72);
}
.site-footer img{
    width:min(280px,72vw);
    height:auto;
    display:block;
}
.site-footer p{
    margin:10px 0 0;
    font-family:var(--font-body);
    font-size:15px;
    font-weight:800;
    letter-spacing:.18em;
    color:white;
}
.site-footer small{
    font-size:12px;
    letter-spacing:.04em;
    color:rgba(255,255,255,.52);
}
.sticky-mobile-cta{display:none}
@media (max-width:1050px){
    .site-nav{grid-template-columns:140px auto auto}
    .nav-links{display:none}
    .nav-toggle{display:inline-grid;gap:5px;background:none;border:0;justify-self:end}
    .nav-toggle span{display:block;width:24px;height:2px;background:var(--green)}
    .nav-links.open{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:var(--cream);padding:22px}
    .calculator,.lead-section{grid-template-columns:1fr}
    .compare-grid{grid-template-columns:1fr}
    .compare-card{min-height:auto}
    .inspiration-section{padding:78px 28px 70px}
    .inspiration-copy{margin-bottom:34px}
    .inspiration-bg{height:360px}
    .truth-reference{
        min-height:auto;
        grid-template-columns:1fr;
        gap:28px;
        padding:46px 28px 72px;
    }
    .truth-bg-left{right:0;bottom:50%;opacity:.88}
    .truth-bg-right{left:0;top:42%;opacity:.9}
    .truth-vignette{background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(255,251,244,.83) 38%,rgba(255,251,244,.9) 58%,rgba(0,0,0,.35))}
    .burden-panel{margin-top:28px}
    .truth-center{min-height:auto;padding:26px 0}
    .truth-right-panel{justify-self:start}
    .future-label{margin-left:0}
    .hero-reference{min-height:92svh;padding-bottom:46px}
    .hero-reference-visual{inset:68px -18% 0}
    .hero-reference-copy{padding-top:clamp(285px,39vh,430px)}
    .hero-reference h1{font-size:clamp(32px,4.6vw,48px);white-space:normal}
    .btn-hero-light,.btn-hero-green{min-width:190px}
    .lifestyle-section{padding:78px 22px 62px}
    .lifestyle-copy{margin-bottom:38px}
    .lifestyle-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .lifestyle-card{min-height:auto}
    .lifestyle-card-image{height:330px}
    .tradein-flow{padding:50px 0}
    .tradein-hero{grid-template-columns:1fr;min-height:auto}
    .tradein-intro{padding:56px 34px 36px}
    .tradein-hero-image{min-height:340px}
    .tradein-hero-image:before{background:linear-gradient(180deg,#fffdf9 0,rgba(255,253,249,.34) 42%,rgba(255,253,249,0) 78%)}
    .tradein-steps-shell{width:calc(100% - 44px);margin-top:0}
    .tradein-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
    .tradein-step:nth-child(3):before{display:none}
    .tradein-why-section{padding:58px 28px}
    .tradein-why-heading{margin-bottom:28px}
    .tradein-why-slides{min-height:620px}
    .tradein-why-slide{grid-template-columns:1fr}
    .tradein-why-copy{
        min-height:620px;
        padding:64px 38px 78px;
        background:linear-gradient(90deg,rgba(255,253,249,.98),rgba(255,253,249,.78) 62%,rgba(255,253,249,.28));
    }
    .tradein-why-image{position:absolute;inset:0}
    .tradein-why-image:before{background:linear-gradient(90deg,rgba(255,253,249,.86),rgba(255,253,249,.36) 72%,rgba(255,253,249,.12))}
    .tradein-why-copy p{max-width:440px}
    .tradein-why-copy h2.is-thai{max-width:500px}
}
@media (max-width:680px){
    .site-nav{height:68px;padding:14px 18px}
    .brand{width:66px}
    .nav-cta{display:none}
    .hero-reference{min-height:88svh;padding:82px 18px 42px}
    .hero-reference:after{height:54%}
    .hero-reference-visual{inset:68px -62% 0}
    .hero-main-image{object-position:center 28%}
    .hero-reference-copy{width:100%;padding-top:clamp(260px,41vh,360px)}
    .hero-reference h1{font-size:34px;line-height:1.22;white-space:normal}
    .hero-reference p{font-size:16px;margin-bottom:20px}
    .hero-reference .hero-actions{gap:10px}
    .hero-reference .hero-actions a{width:100%;min-height:52px;border-radius:14px;font-size:17px}
    .inspiration-section{padding:62px 18px 58px}
    .inspiration-bg{height:300px}
    .inspiration-copy{text-align:left;margin-bottom:28px}
    .inspiration-copy span{font-size:13px;letter-spacing:.2em}
    .inspiration-copy span:after{margin-left:0}
    .inspiration-copy p{font-size:19px;line-height:1.88;letter-spacing:0;text-wrap:auto}
    .inspiration-video-wrap small{font-size:13px}
    .inspiration-cta{margin-top:34px}
    .inspiration-cta h2{font-size:25px}
    .inspiration-cta p{font-size:16px}
    .inspiration-cta .btn-premium{width:100%;font-size:17px}
    .calculator,.lead-section{padding:50px 20px}
    .calc-panel label{grid-template-columns:1fr;gap:8px}
    .calc-panel label span{font-size:13px;color:#5f6864}
    .mini-results{grid-template-columns:1fr}
    .result-heading{text-align:left}
    .result-panel h3{font-size:26px;line-height:1.18}
    .compare-grid{grid-template-columns:1fr}
    .compare-card{min-height:auto;padding:20px}
    .compare-card > p{font-size:30px;line-height:1.18}
    .compare-card > strong{font-size:38px;line-height:1.08}
    .goal-tile{
        grid-template-columns:1fr;
        gap:10px;
        padding:14px;
    }
    .goal-tile svg{grid-row:auto}
    .goal-tile b{font-size:23px;line-height:1.25}
    .result-summary{
        grid-template-columns:1fr;
        gap:14px;
        padding:22px;
        text-align:left;
    }
    .summary-icon{width:58px;height:58px}
    .summary-icon svg{width:30px;height:30px}
    .result-summary span{font-size:16px}
    .result-summary > div:not(.summary-dsr-card) > strong{font-size:40px;line-height:1.08}
    .summary-dsr-card{
        justify-self:stretch;
        max-width:220px;
        text-align:left;
    }
    .summary-dsr-card strong{font-size:36px}
    .result-panel dl div{display:grid;gap:4px}
    .calc-advice{padding:24px 18px}
    .calc-advice p{font-size:16px;line-height:1.75}
    .calc-advice .btn-premium{width:100%;min-width:0}
    .lifestyle-section{padding:72px 18px 44px}
    .lifestyle-copy{text-align:left;width:100%;margin-bottom:28px}
    .lifestyle-copy h2{font-size:39px}
    .lifestyle-thai{font-size:23px}
    .lifestyle-copy p:not(.lifestyle-thai){font-size:15px}
    .lifestyle-card-grid{grid-template-columns:1fr;gap:18px}
    .lifestyle-card-image{height:340px}
    .lifestyle-card-body{min-height:auto;padding:40px 26px 28px}
    .truth-reference{padding:38px 18px 118px}
    .truth-bg-left{bottom:58%}
    .truth-bg-right{top:48%}
    .burden-panel>p{font-size:14px}
    .burden-panel{width:100%;margin-top:34px}
    .truth-cost-card{grid-template-columns:34px 1fr auto;padding:12px 13px}
    .truth-cost-card span,.truth-cost-card strong{font-size:14px}
    .truth-total strong{font-size:32px}
    .truth-center h2{font-size:28px;line-height:1.55}
    .quote-mark{font-size:52px}
    .truth-line{height:58px}
    .truth-right-panel{width:100%}
    .future-card{min-height:70px}
    .truth-mini-logo{right:22px;bottom:24px;font-size:20px}
    .lead-form{grid-template-columns:1fr}
    .calc-panel,.result-panel,.lead-form{padding:20px}
    .calc-panel label{grid-template-columns:1fr}
    .tradein-flow{padding:40px 0}
    .tradein-intro{padding:44px 20px 28px}
    .tradein-intro span{font-size:12px;margin-bottom:16px}
    .tradein-intro h2{font-size:30px}
    .tradein-intro p{font-size:18px;margin:16px 0}
    .tradein-intro li{font-size:16px}
    .tradein-note{font-size:16px}
    .tradein-hero-image{min-height:260px}
    .tradein-steps-shell{width:calc(100% - 32px);margin-top:0}
    .tradein-steps-title{grid-template-columns:1fr;gap:12px;text-align:center;margin-bottom:22px}
    .tradein-steps-title span{display:none}
    .tradein-steps{grid-template-columns:1fr;gap:24px}
    .tradein-step:before{display:none}
    .tradein-step-number{margin-bottom:10px}
    .tradein-icon{display:none}
    .tradein-step h3{font-size:19px}
    .tradein-step p{font-size:15px}
    .tradein-closing{margin-top:28px}
    .tradein-actions{grid-template-columns:1fr}
    .tradein-why-section{padding:50px 18px}
    .tradein-why-heading{text-align:left}
    .tradein-why-heading h2{font-size:32px}
    .tradein-why-slides{min-height:640px;border-radius:8px}
    .tradein-why-copy{min-height:640px;padding:58px 24px 72px}
    .tradein-why-copy h2{font-size:26px}
    .tradein-why-copy h2.is-thai{font-size:25px;line-height:1.28}
    .tradein-why-copy h3{font-size:21px}
    .tradein-why-copy p,.tradein-why-copy li{font-size:15px}
    .tradein-why-copy .btn-premium{width:100%}
    .tradein-why-controls{gap:12px}
    .sticky-mobile-cta{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:60;align-items:center;justify-content:center;min-height:52px;background:var(--green);color:white;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.22)}
}