:root{--ink:#17253b;--muted:#647188;--cream:#f7f5ef;--paper:#fffefa;--line:#e3e7e8;--orange:#ee7950;--gold:#f8bd64;--deep:#101d31;--teal:#1d8079}*{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,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{font:inherit}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:.6rem 1rem;z-index:30}.skip:focus{top:1rem}.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}.topline{display:flex;justify-content:space-between;gap:1rem;padding:6px max(24px,calc((100vw - 1180px)/2));background:var(--deep);color:#d6dce3;font-size:.7rem;letter-spacing:.04em}.site-header{height:86px;display:flex;align-items:center;gap:2rem;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:900;letter-spacing:.02em;line-height:1.08;white-space:nowrap}.logo b{color:var(--orange)}.logo small,.footer-brand small{display:block;font-size:.56rem;letter-spacing:.18em;color:var(--muted);font-weight:800;margin-top:4px}.logo-mark{width:43px;height:43px;background:var(--deep);color:#fff;display:grid;place-items:center;font-size:1.6rem;border-radius:12px;transform:rotate(-8deg)}.logo-mark span{font-size:.65rem;color:var(--gold)}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.84rem;font-weight:700}.site-header nav a:hover,.footer-links a:hover{color:var(--orange)}.header-action{border:1px solid #d9dfe2;padding:.68rem .9rem;border-radius:8px;font-size:.78rem;font-weight:800;white-space:nowrap}.header-action span{margin-left:4px;color:var(--orange)}.header-action:hover{border-color:var(--orange)}.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:590px;align-items:center;gap:2rem;padding:38px 0 64px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:.69rem;letter-spacing:.22em;font-weight:900;color:var(--teal);margin:0 0 22px}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow-dot{height:8px;width:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ee795027}.hero h1{font-size:clamp(2.5rem,4.4vw,4.85rem);line-height:1.19;letter-spacing:-.045em;margin:0 0 27px;font-weight:900}.hero h1 .accent{color:var(--orange)}.lead{font-size:1.05rem;line-height:1.95;max-width:620px;color:#536278;margin:0 0 28px}.lead strong{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;font-weight:800;font-size:.88rem;padding:.85rem 1.25rem;border-radius:9px;min-height:48px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:#fff;box-shadow:0 10px 20px #ee795037}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.hero-note{font-size:.76rem;color:#8a96a4;margin:17px 0 0}.hero-art{height:475px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 58% 46%,#37566a 0,#22394b 33%,#14283b 62%,#0e1d30 100%);box-shadow:0 25px 65px #10273d25}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff16;width:560px;height:560px;top:-50px;left:-30px}.hero-art:after{width:380px;height:380px;top:45px;left:55px}.orbit{position:absolute;border-radius:50%;border:1px dashed #f9bb655d}.orbit-one{height:310px;width:310px}.orbit-two{height:445px;width:445px}.art-card{position:relative;z-index:2;width:310px;height:310px;border:1px solid #eac48f81;border-radius:32px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:linear-gradient(145deg,#203b51,#10253a);transform:rotate(-7deg);box-shadow:18px 25px 45px #06142198,inset 0 1px #ffffff38}.art-label{color:#e3c596;font-size:.65rem;letter-spacing:.23em;font-weight:800}.art-reels{display:flex;gap:8px;transform:rotate(7deg)}.art-reels span{display:grid;place-items:center;width:75px;height:95px;border-radius:12px;background:linear-gradient(#fff9ec,#ebeee9);color:#c96c48;box-shadow:0 8px 0 #9ba9ad;font-size:3.2rem;line-height:1;font-weight:900}.art-reels span:nth-child(2){color:#d9a34a}.art-caption{display:flex;align-items:center;gap:6px;color:#bed0d5;font-size:.52rem;font-weight:800;letter-spacing:.06em}.art-caption i{display:block;background:#f8bd64;height:4px;width:4px;border-radius:50%}.art-chip{position:absolute;z-index:3;background:#f6eee0;color:#1b3646;border-radius:50px;font-size:.72rem;font-weight:800;padding:.52rem .85rem;box-shadow:0 10px 25px #0003}.chip-a{left:25px;top:80px;transform:rotate(-8deg)}.chip-b{right:22px;bottom:66px;transform:rotate(7deg)}.ticker{background:#e9f1ec;border-top:1px solid #dce8e1;border-bottom:1px solid #dce8e1}.ticker-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ticker strong{font-size:.63rem;color:var(--teal);letter-spacing:.18em}.ticker span{font-size:.8rem;font-weight:900;color:#3d6369;letter-spacing:.045em}.section{padding:110px 0}.section-heading{max-width:720px;margin-bottom:44px}.section-heading h2,.method h2{font-size:clamp(2rem,3.2vw,3.1rem);line-height:1.28;letter-spacing:-.035em;margin:0 0 18px;font-weight:900}.section-heading em,.method h2 em{font-style:normal;color:var(--orange)}.section-heading>p:last-child,.method-grid>div>p:not(.kicker){font-size:1rem;color:var(--muted);margin:0;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{position:relative;border:1px solid var(--line);border-radius:18px;padding:30px 26px 28px;background:#fff;box-shadow:0 10px 25px #11263d08}.feature-index{position:absolute;right:22px;top:25px;color:#c9d0d7;font-size:.7rem;font-weight:900}.feature-icon{width:49px;height:49px;background:#fcece3;color:#d56d49;border-radius:15px;display:grid;place-items:center;font-size:1.45rem;font-weight:900;margin-bottom:24px}.feature h3,.check h3{font-size:1.08rem;line-height:1.4;margin:0 0 12px}.feature p,.platform p,.check p,.faq p{font-size:.87rem;line-height:1.85;color:var(--muted);margin:0}.section-dark{background:#132238;color:#fff;position:relative;overflow:hidden}.section-dark:before{content:"";position:absolute;right:-120px;top:-200px;width:570px;height:570px;background:radial-gradient(circle,#247a7555,transparent 68%);pointer-events:none}.section-heading.light{position:relative}.section-heading.light h2{color:#fff}.section-heading.light>p:last-child{color:#b7c5d0}.section-dark .kicker{color:#d7bb80}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.platform{min-height:280px;display:flex;flex-direction:column;background:#1d3047;border:1px solid #365066;border-radius:17px;padding:26px;transition:transform .18s,background .18s}.platform:hover{transform:translateY(-3px);background:#254059}.platform-tag{color:#a7cbce;font-size:.6rem;letter-spacing:.14em;font-weight:900}.platform h3{text-transform:uppercase;font-size:1.45rem;margin:16px 0 10px;letter-spacing:.03em}.platform p{color:#b5c3ce;flex:1}.platform a{align-self:flex-start;margin-top:20px;color:#f7b982;font-size:.76rem;font-weight:900}.platform a:hover{text-decoration:underline}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;border-top:1px solid var(--line)}.check{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:25px 0}.check b{font-size:.8rem;color:var(--orange);min-width:30px}.check h3{margin-bottom:6px}.method{background:#f1f5f2}.method-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:95px;align-items:center}.method-grid>div>p:not(.kicker){margin-bottom:27px}.method ol{list-style:none;counter-reset:none;margin:0;padding:0;border-left:2px solid #bbd0ca}.method li{position:relative;padding:4px 0 28px 31px;display:flex;flex-direction:column;gap:4px}.method li:last-child{padding-bottom:0}.method li:before{content:"";position:absolute;left:-7px;top:10px;width:12px;height:12px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #dbede8}.method li strong{font-size:1rem}.method li span{font-size:.86rem;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq article{padding:25px 27px;border:1px solid var(--line);border-radius:15px;background:#fff}.faq h3{font-size:1rem;margin:0 0 9px;line-height:1.5}.footer{background:#0e1b2c;color:#d4e0e5}.footer-top{display:flex;justify-content:space-between;gap:60px;padding:60px 0}.footer-brand{font-size:1.4rem;font-weight:900;line-height:1}.footer-brand b{color:var(--orange)}.footer-brand small{color:#a8bac6}.footer-top p{font-size:.82rem;color:#9eb0be;max-width:400px;margin:18px 0 0}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 35px;align-content:start;font-size:.78rem;font-weight:700}.footer-bottom{border-top:1px solid #2c4051;padding:19px 0 25px;display:flex;justify-content:space-between;gap:20px;color:#8499aa;font-size:.66rem}@media(max-width:1000px){.site-header nav{gap:1rem}.hero{grid-template-columns:1fr 1fr}.hero-art{height:420px}.art-card{transform:scale(.82) rotate(-7deg)}.feature-grid{grid-template-columns:repeat(2,1fr)}.method-grid{gap:45px}}@media(max-width:720px){.wrap{width:min(100% - 32px,590px)}.topline{padding:7px 16px}.topline span:last-child{display:none}.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 0;gap:14px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:8px;overflow:auto;padding:5px 0 2px;font-size:.73rem;white-space:nowrap}.header-action{margin-left:auto;font-size:.68rem;padding:.53rem .65rem}.logo{font-size:1rem}.logo-mark{height:38px;width:38px}.hero{display:flex;flex-direction:column;padding:35px 0 45px;gap:33px;min-height:0}.hero h1{font-size:clamp(2.45rem,9vw,4rem)}.lead{font-size:.96rem}.hero-art{width:100%;height:340px}.art-card{transform:scale(.75) rotate(-7deg)}.chip-a{top:35px;left:10px}.chip-b{right:9px;bottom:29px}.ticker-inner{justify-content:flex-start;gap:11px 23px;padding:16px 0;min-height:0}.ticker strong{width:100%}.section{padding:75px 0}.section-heading{margin-bottom:30px}.section-heading h2,.method h2{font-size:2.2rem}.feature-grid,.platform-grid,.checklist,.method-grid,.faq-grid{grid-template-columns:1fr}.feature{padding:25px}.platform{min-height:0}.checklist{gap:0}.method-grid{gap:38px}.footer-top{flex-direction:column;gap:30px;padding:48px 0}.footer-bottom{flex-direction:column;gap:5px}.footer-links{justify-content:start}}@media(max-width:420px){.header-action{font-size:.61rem}.logo-mark{display:none}.hero h1{font-size:2.27rem}.hero-art{height:300px}.art-card{transform:scale(.67) rotate(-7deg)}.art-chip{font-size:.58rem}.site-header nav{font-size:.67rem}.button{font-size:.79rem;padding:.8rem 1rem}}