:root{--ink:#112a27;--deep:#163c35;--mint:#bff3c7;--acid:#d5ff70;--cream:#f4f0e7;--paper:#fffdf7;--line:rgba(17,42,39,.17);--orange:#e76f51;--shadow:0 28px 80px rgba(17,42,39,.14);font-family:"Leelawadee UI","Noto Sans Thai",system-ui,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--cream)}a{color:inherit}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);position:sticky;top:0;z-index:20;background:rgba(244,240,231,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;line-height:1.05}.brand img{width:42px;height:42px;border-radius:12px}.brand small{display:block;margin-top:5px;font:700 9px/1 system-ui;letter-spacing:.15em;text-transform:uppercase;color:#64827b}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{text-decoration:none;font-weight:650;font-size:14px}.nav-cta{padding:11px 18px;border-radius:999px;background:var(--ink);color:white!important}.section{padding:clamp(76px,9vw,140px) clamp(22px,6vw,100px)}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:6vw}.eyebrow{font:800 11px/1.2 system-ui;letter-spacing:.19em;color:#397063;margin:0 0 22px}.hero h1,.section h2{font-size:clamp(56px,7.5vw,112px);line-height:.88;letter-spacing:-.065em;margin:0}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--orange)}.lead{font-size:clamp(18px,1.8vw,24px);line-height:1.65;max-width:650px;color:#465f59;margin:36px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:800}.primary{background:var(--ink);color:white}.secondary{border:1px solid var(--ink);background:transparent}.hero-notes{padding:0;margin:28px 0 0;display:flex;gap:22px;flex-wrap:wrap;list-style:none;color:#668078;font-size:13px}.hero-notes li:before{content:"✓";font-weight:900;margin-right:7px;color:#2c7a61}.hero-stage{min-height:650px;position:relative;display:grid;place-items:center;border-radius:40% 40% 8% 8%/16% 16% 6% 6%;background:linear-gradient(145deg,var(--mint),#eff5c4);overflow:hidden}.hero-stage:before{content:"";position:absolute;width:65%;aspect-ratio:1;border:1px solid rgba(17,42,39,.22);border-radius:50%}.stage-label{position:absolute;top:28px;left:32px;font:800 10px system-ui;letter-spacing:.18em}.sheet{position:absolute;width:min(63%,460px);background:white;padding:7px;border-radius:8px;box-shadow:0 30px 60px rgba(15,49,43,.19)}.sheet img{width:100%;display:block}.sheet-back{transform:translate(90px,-10px) rotate(8deg);opacity:.7}.sheet-front{transform:translate(-48px,30px) rotate(-4deg)}.floating-chip{position:absolute;right:25px;bottom:36px;background:var(--paper);border:1px solid rgba(17,42,39,.12);border-radius:16px;padding:15px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.floating-chip b{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--orange);color:white;font-size:12px}.floating-chip span{font-weight:750;font-size:13px}.marquee{overflow:hidden;background:var(--ink);color:var(--acid);padding:18px 0;white-space:nowrap;font:800 13px/1 system-ui;letter-spacing:.16em}.marquee div{width:max-content;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:var(--paper)}.section-intro{position:sticky;top:130px;align-self:start}.section h2{font-size:clamp(48px,6vw,86px)}.feature{display:grid;grid-template-columns:68px 1fr;gap:28px;padding:34px 0;border-top:1px solid var(--line)}.feature>span{font:700 28px Georgia,serif;color:var(--orange)}.feature h3{font-size:clamp(25px,2.4vw,38px);margin:0 0 10px}.feature p,.showcase-copy p,.privacy-copy>p,.buy-copy>p{font-size:17px;line-height:1.8;color:#58706a;margin:0;max-width:620px}.showcase{background:var(--deep);color:white}.showcase{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}.showcase .eyebrow{color:var(--acid)}.showcase-copy p{color:#b4c7c2;margin-top:28px}.preview-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.preview-rail figure{margin:0}.preview-rail figure:nth-child(2){transform:translateY(-30px)}.preview-rail img{display:block;width:100%;border-radius:8px;box-shadow:0 22px 45px rgba(0,0,0,.25)}.preview-rail figcaption{margin-top:12px;font:700 10px system-ui;letter-spacing:.14em;color:#a7bcb5}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.privacy-mark{aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--acid);position:relative}.privacy-mark:after{content:"";position:absolute;inset:8%;border:1px solid rgba(17,42,39,.24);border-radius:50%}.privacy-mark span{font:900 clamp(42px,7vw,100px)/.8 system-ui;letter-spacing:-.08em}.privacy-mark b{font:400 clamp(34px,6vw,86px)/1 Georgia,serif;font-style:italic;color:var(--orange)}.privacy-copy>p{margin:30px 0}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-grid span{padding:18px;border:1px solid var(--line);border-radius:12px;font-weight:700}.privacy-grid span:before{content:"●";color:#48a77f;margin-right:9px}.buy{background:var(--orange);color:#201714;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.buy .eyebrow{color:#51291e}.buy-copy>p{color:#552f26;margin:30px 0}.inverse{background:#201714;color:white}.order-card{background:var(--paper);border-radius:28px;padding:clamp(28px,4vw,52px);box-shadow:0 24px 70px rgba(92,39,25,.22)}.order-kicker{font:800 11px system-ui;letter-spacing:.16em}.order-card ol{list-style:none;padding:0;margin:22px 0 30px}.order-card li{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start;padding:18px 0;border-top:1px solid var(--line)}.order-card li b{font:700 20px Georgia,serif;color:var(--orange)}.order-card li span{line-height:1.6}.order-card>a{font-weight:800;text-underline-offset:5px}footer{padding:36px clamp(22px,6vw,100px);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;background:var(--paper);border-top:1px solid var(--line);font-size:13px;color:#647870}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.marquee div{animation:none}}@media(max-width:900px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:68px}.hero-stage{min-height:520px}.story,.showcase,.privacy,.buy{grid-template-columns:1fr}.section-intro{position:static}.showcase-copy{margin-bottom:35px}.privacy-mark{width:min(550px,100%);justify-self:center}footer{grid-template-columns:1fr}.preview-rail{margin-top:30px}}@media(max-width:560px){.nav{height:70px}.brand span{font-size:14px}.brand img{width:36px;height:36px}.section{padding-left:20px;padding-right:20px}.hero{min-height:auto}.hero h1{font-size:56px}.lead{font-size:17px}.hero-stage{min-height:400px;border-radius:130px 130px 24px 24px}.sheet{width:70%}.sheet-back{transform:translate(50px,-5px) rotate(8deg)}.sheet-front{transform:translate(-28px,22px) rotate(-4deg)}.floating-chip{right:14px;bottom:18px}.preview-rail{gap:7px}.preview-rail figure:nth-child(2){transform:translateY(-14px)}.privacy-grid{grid-template-columns:1fr}.buy h2,.privacy h2{font-size:52px}.actions .button{width:100%}}