:root{--navy:#071927;--ink:#102b39;--cream:#f6f0e5;--gold:#d7b46a;--orange:#ef7a2d;--green:#43ad81;--line:rgba(255,255,255,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#f7f3eb;font-family:"Noto Sans Thai",Arial,sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:900;letter-spacing:.14em}.brand img{width:34px;height:34px}.brand i{color:var(--gold)}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:var(--navy)}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:14px}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;text-decoration:none;font-weight:800;border:1px solid var(--gold)}.nav-cta,.button.gold{background:var(--gold);color:var(--navy)}.button.ghost{border-color:#8ca0a8}.hero{padding:70px 0 86px;background:radial-gradient(circle at 80% 20%,#174752,#071927 56%)}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gold);font-weight:900}.hero h1,.intro h2,.section-head h2,.portfolio h2,.close h2{font-family:"Noto Serif Thai",Georgia,serif;font-size:clamp(43px,6vw,76px);line-height:1.08;margin:14px 0}.hero h1 em{color:var(--gold);font-style:normal}.lead{font-size:19px;color:#c1d0d4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.proof{display:flex;gap:8px;flex-wrap:wrap}.proof span{padding:7px 10px;border:1px solid var(--line);font-size:12px}.hero-shot{background:#fff;border:1px solid #809199;padding:10px;box-shadow:24px 24px 0 rgba(215,180,106,.2)}.hero-shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}.hero-shot small{display:block;color:#536a74;padding:9px 5px 0}.intro{padding:95px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.intro h2{font-size:clamp(38px,5vw,64px)}.intro>p{font-size:18px;color:#afc0c7}.benefits{background:var(--cream);color:#142d38;padding:90px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d0c5b3;border:1px solid #d0c5b3}.benefit-grid article{background:#fff;padding:28px}.benefit-grid b{color:#ae7228}.benefit-grid h3{font:25px/1.2 "Noto Serif Thai",serif}.portfolio{padding:100px 0}.portfolio-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end}.portfolio h2{font-size:clamp(40px,5vw,66px)}.portfolio-head>p{color:#afc0c7}.case-frame{margin-top:38px;background:#0f3141;border:1px solid #365564;padding:18px}.case-frame img{width:100%;background:#fff}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#365564}.case-meta article{background:#0b2533;padding:22px}.case-meta b{color:var(--orange)}.process{padding:90px 0;background:#0c2432}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-head h2{font-size:clamp(38px,5vw,64px)}.section-head>p{max-width:470px;color:#adbdc3}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.steps article{border-top:1px solid #54707b;padding-top:20px}.steps span{color:var(--gold);font-weight:900}.pricing{padding:100px 0;background:var(--cream);color:#142a36}.pricing .section-head h2{color:#142a36}.pricing .section-head>p{color:#586870}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-grid article{background:#fff;border:1px solid #d5ccbc;padding:28px;display:flex;flex-direction:column}.price-grid article.featured{background:#0b2534;color:#fff;border-color:#0b2534;transform:translateY(-9px)}.price-grid strong{font:36px "Noto Serif Thai",serif;color:#aa7626}.price-grid ul{padding-left:20px;flex:1}.price-grid a{display:block;text-align:center;text-decoration:none;border:1px solid currentColor;padding:11px;font-weight:800}.price-grid .buy{background:var(--gold);color:var(--navy);border-color:var(--gold)}.note{font-size:13px;color:#66767e}.close{text-align:center;padding:110px 20px}.close p{color:#b7c6cc}.close .button{margin-top:15px}footer{border-top:1px solid var(--line);padding:34px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:20px;color:#9fb0b8;font-size:13px}@media(max-width:900px){header nav a:not(.nav-cta){display:none}.hero-grid,.intro,.portfolio-head{grid-template-columns:1fr}.benefit-grid,.case-meta{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr}.price-grid article.featured{transform:none}.section-head{display:block}}@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}header{padding:0 14px}.nav-cta{padding:10px}.hero{padding:50px 0 65px}.hero-grid{gap:35px}.hero h1{font-size:44px}.hero-shot{box-shadow:9px 9px 0 rgba(215,180,106,.2)}.intro,.benefits,.portfolio,.process,.pricing{padding:65px 0}.benefit-grid,.case-meta,.steps{grid-template-columns:1fr}footer{display:block}.brand{margin-bottom:12px}}