:root{--ink:#302c2b;--muted:#645c58;--accent:#b9401a;--blue:#0878ef;--line:#ded7d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#f8ece1;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}header{height:70px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));background:#f5f5f7ee;backdrop-filter:blur(16px);border-bottom:1px solid #0000000d}.logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:25px;letter-spacing:-1px}.logo span{color:var(--blue)}nav{display:flex;gap:28px;font-size:13px}nav a{padding:15px 0}h1,h2,h3{font-family:Orbitron,sans-serif;font-weight:500;letter-spacing:-.04em;margin:0}.hero{background:radial-gradient(ellipse at 85% 20%,#ffdbc0,transparent 60%),#f8ece1}.hero-inner{max-width:1200px;margin:auto;min-height:760px;padding:65px 24px 90px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.back{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:50px}.eyebrow{font-size:10px;line-height:1.7;font-weight:700;letter-spacing:1.8px;color:var(--accent);margin:0 0 22px}h1{font-size:clamp(48px,6.5vw,88px);line-height:1.1}.copy h2{font-size:clamp(24px,2.6vw,35px);line-height:1.35;margin:28px 0 22px}.description{max-width:460px;color:var(--muted);font-size:17px;line-height:1.75}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:26px;align-items:center;background:#c64b21;color:white;padding:15px 23px;border-radius:99px;font-size:14px;font-weight:600}.button:hover{background:#ae3d17}.secondary{font-size:12px;color:var(--muted)}.status{font-size:11px;color:var(--muted);margin-top:20px}.status span{color:#a94720;margin-right:5px}.capture{margin:0;justify-self:center;width:min(260px,100%);transform:rotate(5deg)}.capture img{width:100%;height:auto;display:block;border:6px solid #302c2b;border-radius:35px;box-shadow:0 25px 65px #794d342f}.capture figcaption{font-size:10px;color:var(--muted);text-align:center;line-height:1.5;margin-top:20px}.features{padding:96px max(24px,calc((100vw - 1152px)/2));background:#fff}.features>.eyebrow,.more>.eyebrow{color:#6e6e73}.features>h2{font-size:clamp(30px,4vw,52px);line-height:1.2}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:60px}.number{font-size:12px;color:#85858b}.feature-grid h3{font-size:23px;line-height:1.4;margin:20px 0 16px}.feature-grid p{font-size:15px;line-height:1.8;color:#68686e;max-width:340px}.more{padding:75px max(24px,calc((100vw - 1152px)/2));background:#f5f5f7}.more>a{display:flex;align-items:center;justify-content:space-between;font-family:Orbitron,sans-serif;font-weight:500;font-size:clamp(25px,4vw,44px);padding:27px 0;border-bottom:1px solid #d2d2d7}.more>a:hover{color:var(--blue)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#000;color:#fff;padding:34px max(24px,calc((100vw - 1200px)/2));font-size:13px}footer small{color:#aaa;font-size:11px}.skip{position:absolute;top:-100px;left:20px;z-index:10;padding:16px;background:#fff}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:850px){.hero-inner{gap:35px}.capture{width:220px}.feature-grid{gap:25px}.feature-grid h3{font-size:20px}}@media(max-width:600px){header{height:64px;padding-inline:20px}.logo{font-size:21px}nav{gap:18px;font-size:12px}.hero-inner{grid-template-columns:1fr;padding:35px 24px 70px;gap:45px}.back{margin-bottom:35px}h1{font-size:clamp(38px,10.3vw,60px)}.copy h2{font-size:24px}.description{font-size:16px}.capture{width:230px}.features{padding:65px 24px}.feature-grid{grid-template-columns:1fr;gap:26px;margin-top:40px}.feature-grid h3{font-size:23px}.feature-grid p{max-width:none}.more{padding:60px 24px}footer{flex-wrap:wrap;padding:28px 24px}footer small{width:100%}.actions{gap:20px}.button{font-size:13px}.secondary{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.app-logo{font-family:Orbitron,sans-serif;font-weight:500;font-size:24px;letter-spacing:-.04em}@media(max-width:600px){.app-logo{font-size:21px}}

:root{--ink:#18354b;--muted:#625c55;--accent:#b94c25}body{background:#fff7ed}.hero{background:radial-gradient(ellipse at 85% 20%,#f5dfc7,transparent 60%),#fff7ed}.capture{transform:rotate(3deg);width:min(278px,100%)}.capture img{border-color:#18354b}.button{background:#18354b}.button:hover{background:#254d68}.day-section,.details-section,.closing{padding:90px max(24px,calc((100vw - 1152px)/2))}.day-heading h2,.details-section h2,.closing h2{font-size:clamp(28px,3.6vw,46px);line-height:1.3}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}.mode-card{padding:36px;border:1px solid #d8d3c8;border-radius:24px;background:#18354b;color:#fff7ed}.mode-card.relaxed{background:#efe5d5;color:#18354b}.mode-tag{font-size:12px;letter-spacing:1.5px;font-weight:bold}.mode-card h3{font-size:25px;margin:23px 0 16px;line-height:1.4}.mode-card p{line-height:1.7}.mode-card ul{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.mode-card li{border:1px solid #ffffff50;border-radius:50px;padding:10px 15px;font-size:13px}.relaxed li{border-color:#18354b40}.mode-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:24px}.details-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center;background:#fff}.plan-capture{max-width:260px;margin:0 auto}.plan-capture img{display:block;width:100%;height:auto;border:5px solid #18354b;border-radius:32px;box-shadow:0 20px 45px #18354b15}.plan-capture figcaption{font-size:11px;text-align:center;color:var(--muted);margin-top:16px}.detail{margin-top:30px}.detail h3{font-size:19px;line-height:1.5}.detail p{font-size:15px;line-height:1.8;color:var(--muted);margin:10px 0}.formerly{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:12px;line-height:1.7;color:var(--muted)}.closing{text-align:center}.closing p:not(.eyebrow){color:var(--muted);line-height:1.7;margin:25px 0}.closing .button{margin-top:7px}@media(max-width:600px){nav{gap:13px}.app-logo{font-size:18px}.mode-grid,.details-section{grid-template-columns:1fr}.day-section,.details-section,.closing{padding:64px 24px}.mode-card{padding:28px}.details-section{gap:45px}.plan-capture{max-width:225px}}

/* Bilingual navigation and Thai typography. */
.header-controls{display:flex;align-items:center;gap:24px}.language-switch{display:flex;gap:3px;border:1px solid #18354b30;border-radius:999px;padding:3px}.language-switch button{font:600 13px/1.3 "Noto Sans Thai",Arial,sans-serif;min-width:44px;min-height:38px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.language-switch button[aria-pressed="true"]{background:#18354b;color:#fff}.language-switch button:hover{box-shadow:inset 0 0 0 1px #18354b60}.language-switch button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}html:lang(th) body{font-family:"Noto Sans Thai",Arial,sans-serif}html:lang(th) h2,html:lang(th) h3{font-family:"Noto Sans Thai",Arial,sans-serif;letter-spacing:0;line-height:1.5;font-weight:600}html:lang(th) .eyebrow,html:lang(th) .mode-tag{letter-spacing:.04em}html:lang(th) .description{line-height:1.9}html:lang(th) .copy h2{font-size:clamp(28px,2.6vw,38px)}
@media(max-width:700px){header{height:auto;min-height:70px;flex-wrap:wrap;gap:12px;padding-block:12px}.header-controls{gap:14px}nav{gap:14px}}
@media(max-width:480px){header{padding-inline:20px;gap:8px}.header-controls{display:contents}header nav{order:3;width:100%;justify-content:center;gap:32px}header nav a{padding:5px 0}.language-switch{margin-left:auto}html{scroll-padding-top:125px}.app-logo{font-size:20px}}