/* SWI Web Studio Luxury Premium V2. No heavy front-end frameworks. */
:root{--navy:#061726;--navy2:#0b2133;--navy3:#102d41;--gold:#dbb16a;--gold-pale:#f7e5ba;--soft:#ede0bf;--text:#f7f1e4;--muted:#a8b5bd;--stroke:rgba(219,177,106,.36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);font:400 15px/1.8 'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,a{touch-action:manipulation}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}p{overflow-wrap:break-word}.container{width:min(100% - 56px,1240px);margin-inline:auto}.skip{position:absolute;left:-9999px;z-index:200}.skip:focus{left:10px;top:10px;background:#fff;color:#111;padding:10px}.header{position:relative;z-index:10;background:rgba(5,18,31,.96);border-bottom:1px solid rgba(226,177,96,.24)}.header-inner{display:flex;align-items:center;gap:28px;justify-content:space-between;min-height:87px}.identity{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;line-height:1.2;white-space:nowrap;color:#f5d9a3}.identity img{width:44px;height:48px;object-fit:contain;mix-blend-mode:screen}.identity strong{font-weight:600}.identity small{display:block;font-size:8px;letter-spacing:.17em;color:#bfaa81;margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:27px}.desktop-nav a{font-size:12px;color:#d6dadb}.desktop-nav a:hover,.footer-inner a:hover{color:#f0c47c}.header-cta{border:1px solid #f2c37b;background:linear-gradient(125deg,#f8e6b7,#d6a65b,#f7d58d);border-radius:100px;padding:10px 19px;color:#142132;font-size:12px;font-weight:700;white-space:nowrap}.header-cta span{margin-left:10px}.mobile-menu{display:none}.hero{position:relative;isolation:isolate;background:radial-gradient(circle at 78% 45%,#294453 0%,transparent 46%),radial-gradient(circle at 17% 10%,#152b41 0%,transparent 45%),linear-gradient(115deg,#061420,#0b1e2d 80%);overflow:hidden}.hero:before{content:'';position:absolute;border:1px solid rgba(227,176,101,.25);width:970px;height:970px;border-radius:50%;right:-520px;top:-500px;pointer-events:none}.hero-lines{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,transparent 35%,rgba(194,147,82,.045) 38%,transparent 45%),repeating-linear-gradient(138deg,transparent 0 87px,rgba(211,167,92,.024) 88px 89px,transparent 90px 180px);pointer-events:none}.hero-inner{min-height:670px;display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:38px;padding-top:62px;padding-bottom:85px;position:relative}.hero-content{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;font:600 10px/1.5 'Noto Sans Thai',sans-serif;color:var(--gold);letter-spacing:.24em;text-transform:uppercase}.eyebrow .line{height:1px;width:31px;background:var(--gold)}.hero-credit{font:500 10px/1.6 'Noto Sans Thai',sans-serif;letter-spacing:.22em;color:#c4ab83;margin:25px 0 14px}.hero h1{font-family:'Noto Serif Thai',Georgia,serif;font-weight:600;font-size:clamp(39px,4.5vw,67px);line-height:1.26;letter-spacing:-.055em;text-wrap:balance;color:#fbf5e9}.gold-type,.section-heading em,.process-head em,.contact h2 em{font-style:normal;background:linear-gradient(105deg,#f9eac6,#c9974b,#f7da98);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-en{font:italic 23px/1.4 Georgia,serif;color:#ead1a0;margin-top:16px}.hero-lead{color:#bec9ca;max-width:610px;margin-top:21px;font-size:14px;line-height:2}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;border-radius:30px;padding:12px 22px;font-weight:700;font-size:13px;transition:transform .22s,box-shadow .22s;text-align:center}.btn:hover,.header-cta:hover,.plan-action:hover,.card-button:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(114deg,#f8e8bf,#d4a055 58%,#efcf90);color:#102032;box-shadow:0 6px 19px rgba(219,165,85,.18)}.btn-gold span{margin-left:12px}.btn-outline{border:1px solid #bc985d;color:#f6dcad;background:rgba(5,17,29,.54)}.hero-foot{display:flex;gap:18px;margin-top:47px;flex-wrap:wrap}.hero-foot span{font:600 10px Arial,sans-serif;letter-spacing:.1em;color:#d6c39c}.hero-foot span+span:before{content:'◇';color:var(--gold);margin-right:15px}.hero-visual{position:relative;height:520px;min-width:0;filter:drop-shadow(0 30px 43px rgba(0,0,0,.45))}.scene-ring{position:absolute;border:1px solid rgba(236,177,94,.37);width:540px;height:540px;border-radius:50%;top:-13px;left:40px;box-shadow:0 0 80px rgba(210,151,67,.12) inset}.scene-card{position:absolute;overflow:hidden;background:#0b1624;border:1px solid #c5a169;border-radius:11px;box-shadow:0 24px 50px rgba(0,0,0,.43)}.scene-card img{width:100%;height:100%;object-fit:cover}.scene-back1{top:43px;left:16px;width:250px;height:197px;transform:rotate(-8deg)}.scene-back2{top:33px;right:3px;width:278px;height:207px;transform:rotate(7deg)}.scene-front{top:187px;left:79px;right:44px;height:264px;border:5px solid #152332}.scene-front img{height:calc(100% - 29px)}.mini-browser{height:29px;display:flex;align-items:center;padding-left:12px;gap:5px;background:#0f202d}.mini-browser i{display:block;width:5px;height:5px;border-radius:50%;background:#b99b65}.mini-browser span{margin-left:auto;margin-right:15px;color:#c6a771;letter-spacing:.17em;font:700 8px Arial,sans-serif}.visual-caption{position:absolute;bottom:0;left:0;right:0;padding:8px 16px;background:rgba(6,19,32,.84);font:700 10px Arial,sans-serif;letter-spacing:.15em;color:#f5dca7}.visual-caption span{float:right}.visual-seal{position:absolute;bottom:9px;right:0;text-align:center;border:1px solid #d4ad67;border-radius:50%;width:108px;height:108px;display:grid;align-content:center;transform:rotate(11deg);background:rgba(9,23,34,.95);color:#dbc08a;font:500 10px/1.5 Georgia,serif;letter-spacing:.09em}.visual-seal strong{display:block;font-size:10px}.hero-bottom{height:2px;background:linear-gradient(90deg,transparent,#e2b873,transparent)}.values{background:#0c2536;border-bottom:1px solid var(--stroke)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr)}.values-grid>div{display:flex;gap:15px;padding:30px 24px;align-items:start;border-right:1px solid rgba(211,175,107,.13)}.values-grid>div:first-child{padding-left:0}.values-grid>div:last-child{border-right:0}.value-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #b88c4f;border-radius:50%;color:#e7c17e;font:600 18px Georgia}.values-grid strong{color:#ebdaaf;font:600 15px Georgia,serif}.values-grid p{color:#a7bac1;font-size:12px;line-height:1.7;margin-top:4px}.section-pad{padding:96px 0}.portfolio{background:radial-gradient(circle at top right,rgba(69,53,31,.24),transparent 48%),linear-gradient(180deg,#061929,#081a29)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.eyebrow-soft{color:#dfbd81}.section-heading h2,.process-head h2{font-family:'Noto Serif Thai',Georgia,serif;font-size:clamp(30px,3.35vw,46px);font-weight:600;line-height:1.43;letter-spacing:-.05em;margin:12px 0 8px}.section-intro{font-size:14px;color:#b3c2c6}.demo-pill{font:600 10px Arial,sans-serif;letter-spacing:.13em;border:1px solid #b99256;border-radius:30px;color:#e0c69a;padding:11px 18px;white-space:nowrap}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-card{min-width:0;display:flex;flex-direction:column;border:1px solid rgba(225,181,108,.68);border-radius:15px;background:linear-gradient(160deg,#102638,#061726);padding:10px;transition:transform .25s,box-shadow .25s;overflow:hidden}.demo-card:hover{transform:translateY(-6px);box-shadow:0 20px 49px rgba(197,145,71,.17)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px 12px;color:#edcf91;font:600 11px Arial,sans-serif;letter-spacing:.13em}.card-top span:first-child i{display:inline-block;width:25px;height:1px;background:#b7986c;vertical-align:middle;margin:0 9px}.card-icon{display:grid;place-items:center;border-radius:50%;border:1px solid #b68c53;color:#f0c782;font:23px Georgia;width:42px;height:42px}.demo-card img{width:100%;height:238px;object-fit:cover;border-radius:8px}.card-copy{padding:22px 16px 14px;flex:1;display:flex;flex-direction:column}.card-copy h3{font:500 clamp(23px,2.35vw,30px)/1.35 Georgia,serif;color:#fff0d4}.card-th{font-size:14px;color:#e7e7e0;margin-top:5px}.card-desc{font-size:12px;color:#a8bac4;margin-top:13px;padding-top:13px;border-top:1px solid rgba(217,177,101,.25)}.card-button{align-self:start;margin-top:auto;display:inline-flex;gap:18px;align-items:center;border:1px solid #e1b973;background:linear-gradient(125deg,#f5e4bb,#cda15c,#f6d28b);color:#172532;padding:8px 12px 8px 18px;border-radius:35px;font-size:12px;font-weight:700}.card-button b{font:700 17px Arial,sans-serif}.demo-note{font-size:11px;color:#9ca9b0;margin-top:21px;line-height:2}.process{background:#0d2737;border-top:1px solid rgba(217,173,96,.17);border-bottom:1px solid rgba(217,173,96,.17)}.process-head{display:flex;align-items:end;gap:50px;justify-content:space-between}.process-head>p{max-width:350px;color:#b0bbc1;font-size:13px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:42px}.process-grid>div{padding:22px 0;border-top:1px solid #b88e53}.step{font:600 11px Arial,sans-serif;color:#e6bf81;letter-spacing:.16em}.process-grid h3{font:500 25px Georgia,serif;color:#f3e4c5;margin:13px 0 10px}.process-grid p{font-size:13px;color:#b0bec5}.pricing{background:radial-gradient(circle at 50% 25%,rgba(197,146,73,.12),transparent 44%),#071a2a}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:15px}.plan{background:linear-gradient(157deg,#0e2c40,#081b2c 65%,#051624);border:1px solid var(--stroke);border-radius:13px;padding:30px;display:flex;flex-direction:column;min-height:550px;box-shadow:0 15px 45px rgba(0,0,0,.11)}.plan-feature{border-color:#e7c483;box-shadow:0 0 0 2px rgba(210,161,86,.14),0 22px 46px rgba(0,0,0,.23);position:relative;background:linear-gradient(147deg,#183c4e,#0c2639 65%,#081729)}.plan-feature:before{content:'POPULAR CHOICE';position:absolute;top:-16px;right:16px;border-radius:22px;padding:8px 13px;background:linear-gradient(110deg,#f6dfab,#cba05f);font:700 10px Arial,sans-serif;color:#122332;letter-spacing:.1em}.plan-label{font:600 11px Arial,sans-serif;color:#e4be81;letter-spacing:.17em}.plan h3{font:500 24px/1.3 Georgia,serif;margin-top:12px;color:#f6e9ca}.plan-price{font:500 49px/1.2 Georgia,serif;margin-top:25px;color:#f5d28a}.plan-price small{font-size:28px;margin-right:8px}.plan-description{color:#b2c2c7;font-size:12px;margin:11px 0 13px;padding-bottom:20px;border-bottom:1px solid rgba(236,186,110,.27)}.plan ul{margin:0;list-style:none;padding:0;flex:1}.plan li{position:relative;padding:8px 0 8px 23px;color:#c4ced1;font-size:12px}.plan li:before{content:'✓';position:absolute;left:0;color:#edc47b}.plan-action{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border:1px solid #b68e54;color:#f3d7a8;padding:12px 17px;border-radius:26px;transition:transform .2s;font-weight:700;font-size:13px}.feature-action{background:linear-gradient(110deg,#f8e4b2,#d0a35e);color:#102336}.conditions{font-size:11px;color:#9aaeb8;margin-top:24px;max-width:1000px;line-height:1.9}.contact{background:radial-gradient(circle at 85% 50%,rgba(228,168,84,.16),transparent 42%),linear-gradient(130deg,#061521,#102d41);border-top:1px solid var(--stroke)}.contact-panel{border:1px solid rgba(236,190,113,.45);border-radius:18px;padding:54px 58px;display:grid;grid-template-columns:1.4fr .7fr;gap:30px;align-items:center;background:linear-gradient(130deg,rgba(24,54,70,.5),rgba(2,17,28,.64));box-shadow:inset 0 0 65px rgba(230,181,108,.05)}.contact h2{font-family:'Noto Serif Thai',Georgia,serif;font-size:clamp(32px,3.7vw,50px);font-weight:600;line-height:1.4;margin:19px 0 15px}.contact-panel p:not(.eyebrow){color:#b5c3c8;font-size:13px}.contact-emblem{text-align:center;display:grid;justify-items:center;align-content:center}.contact-emblem img{max-width:146px;height:146px;object-fit:contain;mix-blend-mode:screen}.contact-emblem div{font:500 48px Georgia,serif;letter-spacing:.1em;color:#edcf95}.contact-emblem div span{display:block;font:600 13px Arial,sans-serif;letter-spacing:.3em;color:#e3c388}.contact-emblem small{display:block;font:italic 15px Georgia,serif;letter-spacing:0;color:#bfa979;margin-top:10px}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding:28px 0;color:#a5b6bc;font-size:11px}.footer-inner a{color:#e4c180}
@media(max-width:1120px){.desktop-nav{gap:16px}.header-cta{padding:9px 13px}.hero-inner{gap:4px}.hero-visual{transform:scale(.88)}.scene-ring{left:3px}}@media(max-width:940px){.desktop-nav{display:none}.header-cta{margin-left:auto}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;padding:8px;color:#e8cd97;font-weight:600}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:44px;background:#0a2033;border:1px solid #ac894e;min-width:205px;padding:11px 15px;border-radius:9px;display:flex;flex-direction:column;gap:13px;font-size:13px}.hero-inner{grid-template-columns:1fr;min-height:unset;gap:30px;padding-top:68px}.hero-visual{transform:none;width:min(100%,650px);justify-self:center}.hero-copy{max-width:670px}.values-grid{grid-template-columns:1fr}.values-grid>div{border-right:0;border-bottom:1px solid rgba(211,175,107,.13);padding:18px 0}.section-heading{align-items:start}.demo-grid,.pricing-grid{gap:13px}.demo-card img{height:170px}.card-copy{padding:15px 8px}.plan{padding:22px;min-height:570px}.plan h3{font-size:21px}}@media(max-width:700px){.container{width:min(100% - 32px,540px)}.header-inner{min-height:73px;gap:8px}.identity{font-size:14px}.identity img{height:43px;width:40px}.identity small{font-size:7px}.header-cta{display:none}.hero-inner{padding-top:51px;padding-bottom:43px}.hero h1{font-size:clamp(36px,9vw,51px)}.hero-en{font-size:19px}.hero-lead{font-size:13px}.hero-foot{margin-top:29px;gap:9px}.hero-foot span{font-size:9px}.hero-visual{height:365px;max-width:430px}.scene-ring{width:340px;height:340px;left:40px;top:0}.scene-back1{top:25px;left:0;width:169px;height:128px}.scene-back2{top:20px;right:0;width:187px;height:135px}.scene-front{top:135px;left:35px;right:18px;height:200px}.visual-seal{width:72px;height:72px;right:-4px;bottom:4px;font-size:7px}.visual-seal strong{font-size:7px}.section-pad{padding:63px 0}.section-heading{flex-direction:column;gap:18px}.section-heading h2,.process-head h2{font-size:clamp(30px,7vw,39px)}.demo-grid,.pricing-grid,.process-grid{grid-template-columns:1fr;gap:22px}.demo-card img{height:230px}.card-copy{padding:19px 15px 15px}.plan{min-height:unset}.process-head{display:block}.process-head>p{margin-top:13px}.process-grid{margin-top:27px}.contact-panel{padding:26px 20px;grid-template-columns:1fr}.contact-emblem{display:none}.footer-inner{display:grid;text-align:center;justify-content:center}.actions{gap:9px}.btn{font-size:12px}.demo-pill{white-space:normal}.card-copy h3{font-size:28px}}@media(max-width:380px){.container{width:min(100% - 24px,540px)}.hero h1{font-size:33px}.hero-visual{height:305px}.scene-ring{width:280px;height:280px;left:36px}.scene-front{top:120px;left:28px;right:18px;height:152px}.scene-back1{width:143px;height:103px}.scene-back2{width:152px;height:109px}.visual-seal{bottom:0}.card-copy h3{font-size:25px}.btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}