:root{--navy:#071927;--navy2:#0e2a39;--teal:#1f5960;--gold:#d2ad64;--paper:#f5f1e8;--ink:#102635;--muted:#65727a;--line:#d7d1c4;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;line-height:1.7}.skip{position:fixed;top:-80px;left:16px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.topbar{height:76px;position:fixed;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(3vw,20px);background:rgba(5,19,30,.91);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;color:#fff;text-decoration:none}.brand img{width:42px;height:42px}.brand-word{font:900 16px Arial;letter-spacing:.2em}.brand-word i{color:var(--gold)}nav{display:flex;gap:24px;align-items:center}nav a{color:#dbe4e7;text-decoration:none;font-size:14px;font-weight:700}.nav-cta{padding:9px 14px;border:1px solid var(--gold);color:#fff}.menu{display:none;background:none;border:1px solid #74848d;color:#fff;padding:8px 12px}.hero{min-height:780px;height:100svh;position:relative;color:white;display:flex;align-items:center;overflow:hidden}.hero>img,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(90deg,rgba(3,14,24,.98) 0%,rgba(3,14,24,.85) 38%,rgba(3,14,24,.2) 70%),linear-gradient(0deg,rgba(3,14,24,.7),transparent 60%)}.hero-copy{position:relative;z-index:2;width:min(690px,87vw);margin-left:max(6vw,24px);padding-top:55px}.eyebrow{font:800 11px Arial;letter-spacing:.19em;color:var(--gold);text-transform:uppercase}.eyebrow.dark{color:#8f6a2b}h1,h2,h3{font-family:Georgia,"Noto Serif Thai",serif;font-weight:400}h1{font-size:clamp(48px,6vw,88px);line-height:1.05;margin:18px 0}h1 em,h2 em{color:var(--gold);font-weight:400}.hero-copy>p:not(.eyebrow){font-size:18px;color:#d3dee2;max-width:640px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;min-height:50px;padding:12px 18px;align-items:center;justify-content:center;text-decoration:none;font-weight:800}.button.gold{background:var(--gold);color:#102432}.button.glass{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(5,20,30,.32)}.proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#b7c7cd;font-size:12px}.proof span:before{content:'✓';color:var(--gold);margin-right:7px}.concept{position:absolute;z-index:2;right:28px;bottom:18px;font:700 9px Arial;letter-spacing:.13em;color:#c6d0d5}.shell{max-width:var(--max);margin:auto;padding-left:26px;padding-right:26px}.problem{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:.55fr 1.1fr;gap:8vw}.problem h2,.section-head h2,.flood h2,.process h2,.pricing h2,.faq h2{font-size:clamp(38px,5vw,65px);line-height:1.08;margin:0}.problem>div>p{font-size:19px;color:var(--muted);max-width:700px}.benefits{background:var(--navy);color:#fff;padding:100px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #314957}.benefit-grid article{padding:28px 25px;border-right:1px solid #314957}.benefit-grid article:last-child{border:0}.benefit-grid span{color:var(--gold);font:800 12px Arial}.benefit-grid h3{font-size:26px;margin:55px 0 10px}.benefit-grid p{color:#aebdc2}.demo-band{background:var(--teal);color:#fff;padding:100px 0}.demo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.demo-grid h2{font-size:clamp(40px,5vw,65px);line-height:1.08;margin:15px 0}.demo-grid>div>p:not(.eyebrow){color:#c8d9da}.demo-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;box-shadow:22px 22px 0 rgba(7,25,39,.25)}.flood{display:grid;grid-template-columns:1.05fr .75fr;gap:9vw;padding-top:120px;padding-bottom:120px;align-items:center}.flood-copy>p{color:var(--muted);font-size:18px}.flood li{margin:10px 0}.risk-card{background:var(--navy);color:white;padding:38px;box-shadow:20px 20px 0 #d9d1c2}.risk-card>p{color:var(--gold);font:800 11px Arial;letter-spacing:.13em}.risk-level{display:block;font:400 34px Georgia,serif;border-bottom:1px solid #35505f;padding:15px 0 24px}.risk-card dl{display:grid;grid-template-columns:1fr 1.4fr;margin:20px 0}.risk-card dt,.risk-card dd{padding:10px 0;margin:0;border-bottom:1px solid #27404e}.risk-card dd{color:#bbc9ce}.risk-card small{color:#90a3aa}.process{background:var(--navy2);color:#fff;padding:110px 0}.process ol{list-style:none;margin:50px 0 0;padding:0;border-top:1px solid #36505d}.process li{display:grid;grid-template-columns:90px 1fr;padding:25px 0;border-bottom:1px solid #36505d}.process li>span{color:var(--gold);font:800 12px Arial}.process li>div{display:grid;grid-template-columns:.6fr 1fr;gap:40px}.process h3{margin:0;font-size:25px}.process li p{margin:0;color:#aec0c6}.pricing{padding-top:120px;padding-bottom:120px}.section-head{display:grid;grid-template-columns:1.2fr .65fr;gap:7vw;align-items:end;margin-bottom:50px}.section-head>p{color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-grid article{background:#fff;padding:28px;border:1px solid var(--line);position:relative}.price-grid article.featured{background:var(--navy);color:#fff;transform:translateY(-14px)}.price-grid article>p{font-weight:800}.price-grid strong{display:block;font:400 38px Georgia,serif;color:#9d712c;margin:18px 0}.price-grid strong i{font:700 11px Arial}.price-grid li{margin:8px 0}.price-grid a{display:block;color:inherit;margin-top:12px;font-weight:800}.price-grid .buy{background:var(--gold);color:var(--navy);text-decoration:none;text-align:center;padding:12px}.price-grid article>b{position:absolute;right:20px;top:20px;color:var(--gold);font-size:11px}.addons{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.addons span{background:#e8e1d4;padding:7px 12px}.faq{padding-bottom:120px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font:400 22px Georgia,"Noto Serif Thai",serif;cursor:pointer}.faq details p{max-width:780px;color:var(--muted)}.closing{margin:0 28px 28px;background:var(--navy);color:#fff;text-align:center;padding:90px 24px}.closing>div{max-width:850px;margin:auto}.closing h2{font-size:clamp(40px,5vw,68px);line-height:1.1;margin:15px 0}.closing>div>p:not(.eyebrow){color:#b8c5ca}.closing .actions{justify-content:center}footer{background:#04131f;color:#fff;padding:50px max(4vw,24px);display:grid;grid-template-columns:.5fr .7fr 1.5fr;gap:30px;align-items:start}footer p,footer small{color:#9aabb2}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:850px){.benefit-grid{grid-template-columns:1fr 1fr}.demo-grid,.flood,.problem,.section-head{grid-template-columns:1fr}.process li>div{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.price-grid article.featured{transform:none}footer{grid-template-columns:1fr}.topbar nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--navy);padding:20px;flex-direction:column;align-items:stretch}.topbar nav.open{display:flex}.menu{display:block}}@media(max-width:560px){.hero{min-height:790px;align-items:flex-end;padding-bottom:90px}.hero>img{object-position:68% center}.shade{background:linear-gradient(0deg,rgba(3,14,24,.98) 0%,rgba(3,14,24,.83) 55%,rgba(3,14,24,.18) 100%)}.hero-copy{margin:0 20px;padding:0}.hero h1{font-size:45px}.hero-copy>p:not(.eyebrow){font-size:15px}.proof{gap:8px 15px}.concept{left:20px;right:auto}.problem,.flood,.pricing,.faq{padding-top:80px;padding-bottom:80px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid #314957}.benefit-grid h3{margin-top:25px}.process li{grid-template-columns:45px 1fr;gap:10px}.closing{margin:0;padding:70px 20px}.risk-card{padding:25px;box-shadow:10px 10px 0 #d9d1c2}.risk-card dl{grid-template-columns:1fr}.risk-card dd{padding-top:0}.actions .button{width:100%}}
