@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#101321;--muted:#697386;--line:#e3e7ee;--paper:#f7f8fb;--card:#fff;--brand:#315bea;--brand2:#7456ef;--radius:24px;font-family:'Anuphan','Noto Sans Thai',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav-shell{position:sticky;top:0;z-index:30;border-bottom:1px solid #e8eaf0;background:rgba(247,248,251,.88);backdrop-filter:blur(18px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:1.1rem}.logo-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 24px #315bea3b}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{padding:10px 14px;border-radius:999px;font-size:.95rem;font-weight:600;color:#40506a}.nav-link:hover,.nav-link[aria-current=page]{color:var(--brand);background:#eaf0ff}.nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 19px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.2s}.nav-cta,.btn-primary{color:#fff;background:var(--ink);box-shadow:0 10px 28px #0b102029}.nav-cta:hover,.btn:hover{transform:translateY(-2px)}.btn-light{background:#fff;border-color:var(--line)}
.hero{padding:84px 0 62px;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:650px;height:650px;border-radius:50%;left:43%;top:-430px;background:radial-gradient(circle,#315bea30,transparent 68%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px}.eyebrow,.demo-overline{display:inline-flex;align-items:center;gap:9px;color:var(--brand);font-family:Manrope,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:'';width:22px;height:2px;background:currentColor}.hero h1,.page-head h1{margin:14px 0 0;font-family:Manrope,'Anuphan',sans-serif;font-size:clamp(2.7rem,6vw,5.4rem);line-height:1;letter-spacing:-.06em;max-width:780px}.accent{color:var(--brand)}.lead{margin:24px 0 0;max-width:630px;color:#596579;font-size:1.08rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{color:var(--muted);font-size:.86rem}.showcase-window{padding:11px;border-radius:29px;background:#fff;box-shadow:0 35px 90px #2636592e;transform:rotate(1.4deg)}.browser{overflow:hidden;border-radius:20px;background:#fff}.browser-bar{height:39px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#f0f2f7}.dot{width:8px;height:8px;border-radius:50%;background:#c1c8d6}.address{margin-left:8px;flex:1;height:18px;border-radius:9px;background:#fff}.browser-canvas{min-height:400px;padding:0;background:url('/assets/images/hospitality.webp') center/cover;position:relative}.browser-canvas:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071827c9,transparent 70%)}.mock-nav,.mock-title,.mock-copy,.mock-chip{position:relative;z-index:1;color:#fff}.mock-nav{padding:26px;display:flex;justify-content:space-between;font:700 .68rem Manrope}.mock-title{padding:72px 28px 0;max-width:380px;font:800 clamp(2.2rem,4vw,3.4rem)/1.02 Manrope;letter-spacing:-.05em}.mock-copy{padding:16px 28px;max-width:360px;line-height:1.6;font-size:.87rem}.mock-chip{display:inline-flex;margin:9px 28px;padding:10px 14px;border-radius:99px;background:#fff;color:#15233d;font:800 .7rem Manrope}.stats{padding-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:17px;border:1px solid var(--line);background:#fff;border-radius:17px}.stat strong{display:block;font:800 1.25rem Manrope}.stat span{color:var(--muted);font-size:.8rem}.section{padding:64px 0 96px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2{margin:10px 0 0;font:800 clamp(2rem,4vw,3.5rem)/1.08 Manrope,'Anuphan';letter-spacing:-.05em}.section-head p{max-width:460px;color:var(--muted);line-height:1.75}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-card{display:grid;grid-template-columns:47% 1fr;min-height:225px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 12px 28px #21304c0d;transition:.23s}.category-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px #21304c21}.category-visual{position:relative;overflow:hidden;background:#dfe4ec}.category-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-card:hover img{transform:scale(1.04)}.category-number{position:absolute;left:15px;top:15px;background:#fff;color:#161b2a;border-radius:99px;padding:7px 10px;font:800 .7rem Manrope}.category-body{padding:28px 25px;display:flex;flex-direction:column;align-items:start}.category-kicker{color:var(--brand);font:800 .68rem Manrope;letter-spacing:.08em}.category-body h3{margin:9px 0;font-size:1.1rem;line-height:1.45}.category-body p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.6}.card-link{margin-top:auto;padding-top:13px;color:var(--brand);font-weight:700;font-size:.84rem}.card-link:after{content:' ↗'}.page-head{padding:68px 0 26px}.filter-row{display:flex;gap:8px;overflow:auto;padding:4px 0 18px;scrollbar-width:none}.filter{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#475569;border-radius:999px;min-height:40px;padding:0 15px;font-weight:600;cursor:pointer}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.footer{padding:30px 0 44px;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.footer-row{display:flex;justify-content:space-between;gap:24px}
/* Complete business demos */
.demo-page{min-height:100vh;background:#dfe3e9}.demo-toolbar{min-height:60px;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:#0d1018}.demo-back{font-size:.86rem;font-weight:700}.demo-label{color:#aeb7c7;font:700 .72rem Manrope;letter-spacing:.08em}.demo-frame{width:min(1440px,calc(100% - 28px));margin:14px auto 38px;overflow:hidden;background:#fff;box-shadow:0 24px 80px #0f172a2e}.demo-site{--demo-accent:#d85b32;--demo-deep:#241511;--demo-soft:#fff7f2;background:#fff;color:#17191f}.demo-site-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:28px;border-bottom:1px solid #00000012;background:#fff;position:relative;z-index:3}.demo-site-logo{font:800 1.03rem Manrope;letter-spacing:-.035em}.demo-site-links{display:flex;align-items:center;gap:26px;margin-left:auto}.demo-site-links a{position:relative;color:#5f6570;font-size:.82rem;font-weight:600;padding:28px 0}.demo-site-links a.active{color:var(--demo-deep)}.demo-site-links a.active:after{content:'';position:absolute;bottom:18px;left:0;right:0;height:2px;background:var(--demo-accent)}.demo-site-button{border:0;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;color:#fff;background:var(--demo-accent);font-weight:700;font-size:.82rem;cursor:pointer}.demo-menu{display:none;border:0;background:none;font-size:1.3rem}.demo-hero{min-height:650px;position:relative;display:flex;align-items:center;padding:70px 7vw;background:var(--hero) center/cover}.demo-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--demo-deep) 0%,color-mix(in srgb,var(--demo-deep) 82%,transparent) 35%,transparent 75%)}.demo-hero-content{position:relative;z-index:1;max-width:650px;color:#fff}.demo-hero .demo-overline{color:color-mix(in srgb,var(--demo-accent) 55%,#fff)}.demo-hero h1{margin:18px 0;font:700 clamp(3rem,6vw,6.2rem)/.98 Manrope,'Anuphan';letter-spacing:-.065em}.demo-hero p{max-width:570px;color:#ffffffe0;font-size:1.06rem;line-height:1.8}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.demo-ghost{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid #ffffff75;border-radius:999px;font-size:.82rem;font-weight:700}.demo-proof{margin-top:50px;padding-top:18px;border-top:1px solid #ffffff47;color:#ffffffc9;font-size:.82rem}.demo-intro{padding:92px 7vw 55px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}.demo-intro h2,.demo-feature h2,.demo-story h2{margin:14px 0 0;font:700 clamp(2.3rem,4vw,4rem)/1.08 Manrope,'Anuphan';letter-spacing:-.05em}.demo-intro p{margin:0;color:#636a76;line-height:1.85}.demo-site .demo-overline{color:var(--demo-accent)}.demo-services{padding:0 7vw 95px}.demo-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5e7eb}.demo-service{padding:30px 28px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:230px}.demo-service:last-child{border:0}.demo-service span{color:var(--demo-accent);font:700 .73rem Manrope}.demo-service b{margin-top:35px;font-size:1.12rem}.demo-service small{margin-top:8px;color:#737986}.demo-service i{margin-top:auto;font-style:normal}.demo-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:520px;background:var(--demo-soft)}.demo-feature-image{overflow:hidden}.demo-feature img{width:100%;height:100%;object-fit:cover}.demo-feature-copy{padding:75px 6vw;align-self:center}.demo-feature-copy p{color:#626875;line-height:1.8}.demo-feature-copy a{display:inline-block;margin-top:18px;color:var(--demo-accent);font-weight:700}.demo-inner{min-height:700px}.demo-inner-head{padding:110px 10vw 80px;background:var(--demo-soft)}.demo-inner-head.compact{padding-bottom:70px}.demo-inner-head h1,.demo-contact h1{margin:16px 0 22px;font:700 clamp(3rem,6vw,6rem)/1 Manrope,'Anuphan';letter-spacing:-.065em;color:var(--demo-deep)}.demo-inner-head p{max-width:720px;color:#626875;line-height:1.85;font-size:1.03rem}.demo-story{display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;padding:90px 7vw;align-items:center}.demo-story img{width:100%;aspect-ratio:4/3;object-fit:cover}.demo-story p{color:#626875;line-height:1.85}.demo-numbers{display:grid;grid-template-columns:repeat(3,1fr);padding:60px 7vw;background:var(--demo-deep);color:#fff}.demo-numbers div{padding:22px;border-right:1px solid #ffffff33}.demo-numbers div:last-child{border:0}.demo-numbers b{display:block;font:700 3rem Manrope}.demo-numbers span{color:#ffffffb5}.demo-offerings{padding:75px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-offerings article{padding:34px;border:1px solid #e1e4e8}.demo-offerings article>span{color:var(--demo-accent);font:700 .75rem Manrope}.demo-offerings h2{margin:38px 0 15px;font-size:1.5rem}.demo-offerings p,.demo-offerings li{color:#676e79;line-height:1.75}.demo-offerings ul{padding-left:18px}.demo-offerings a{display:inline-block;margin-top:24px;color:var(--demo-accent);font-weight:700}.demo-work-grid{padding:75px 7vw 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:42px 24px}.demo-work-grid article:first-child{grid-column:span 2}.work-image{height:430px;overflow:hidden;background:#ddd}.demo-work-grid article:first-child .work-image{height:600px}.work-image img{width:100%;height:100%;object-fit:cover}.demo-work-grid article>span{display:block;margin-top:18px;color:var(--demo-accent);font:700 .7rem Manrope}.demo-work-grid h2{margin:8px 0 3px;font:700 1.4rem Manrope}.demo-work-grid p{margin:0;color:#707783}.demo-contact{padding:100px 8vw;display:grid;grid-template-columns:1fr .85fr;gap:8vw;background:var(--demo-soft)}.demo-contact>div>p{max-width:550px;color:#626875;line-height:1.8}.contact-facts{margin-top:50px;display:grid;gap:23px}.contact-facts small{display:block;color:#888f99}.contact-facts b{display:block;margin-top:4px}.demo-form{padding:36px;background:#fff;box-shadow:0 25px 60px #20304b17}.demo-form label{display:block;margin-bottom:17px;font-size:.82rem;font-weight:600}.demo-form input,.demo-form select,.demo-form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d9dde4;background:#fff;outline:0}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:var(--demo-accent)}.form-status{color:var(--demo-accent);font-size:.8rem}.demo-footer{padding:36px 5vw;display:grid;grid-template-columns:1fr auto;gap:8px 24px;border-top:1px solid #e2e5e9;font-size:.8rem}.demo-footer span{color:#707782}.demo-footer small{grid-column:1/-1;color:#999fa8}
@media(max-width:900px){.hero-grid,.demo-intro,.demo-story,.demo-feature,.demo-contact{grid-template-columns:1fr}.showcase-window{max-width:620px}.category-grid{grid-template-columns:1fr}.demo-site-links{position:absolute;top:78px;left:0;right:0;display:none;padding:12px 5vw;background:#fff;border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:0}.demo-site-links.open{display:flex}.demo-site-links a{padding:12px}.demo-site-links a.active:after{display:none}.demo-menu{display:block}.demo-site-nav>.demo-site-button{margin-left:auto}.demo-hero{min-height:590px}.demo-service-grid,.demo-offerings{grid-template-columns:1fr}.demo-service{border-right:0;border-bottom:1px solid #e5e7eb;min-height:170px}.demo-feature-image{min-height:420px}.demo-work-grid{grid-template-columns:1fr}.demo-work-grid article:first-child{grid-column:auto}.demo-work-grid article:first-child .work-image,.work-image{height:430px}}
@media(max-width:680px){.wrap{width:min(100% - 24px,1180px)}.nav{min-height:64px}.nav-links .nav-link{display:none}.nav-cta{font-size:.8rem}.hero{padding-top:50px}.hero-grid{gap:42px}.hero h1,.page-head h1{font-size:clamp(2.5rem,13vw,4rem)}.browser-canvas{min-height:335px}.stats{grid-template-columns:1fr}.section{padding-top:38px}.section-head{display:block}.category-card{grid-template-columns:42% 1fr;min-height:195px}.category-body{padding:21px 17px}.category-body h3{font-size:.98rem}.category-body p{font-size:.78rem}.page-head{padding-top:46px}.footer-row{display:block}.demo-toolbar{padding:8px 12px}.demo-label{display:none}.demo-frame{width:100%;margin:0}.demo-site-nav{height:68px;padding:0 18px}.demo-site-links{top:68px}.demo-site-nav>.demo-site-button{display:none}.demo-hero{min-height:620px;padding:55px 22px;background-position:62% center}.demo-hero-overlay{background:linear-gradient(90deg,var(--demo-deep) 0%,color-mix(in srgb,var(--demo-deep) 84%,transparent) 70%,transparent)}.demo-hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}.demo-intro,.demo-services,.demo-story,.demo-offerings,.demo-work-grid,.demo-contact{padding-left:22px;padding-right:22px}.demo-inner-head{padding:75px 22px 58px}.demo-inner-head h1,.demo-contact h1{font-size:clamp(2.7rem,14vw,4rem)}.demo-feature-image{min-height:330px}.demo-feature-copy{padding:55px 22px}.demo-numbers{grid-template-columns:1fr;padding:30px 22px}.demo-numbers div{border-right:0;border-bottom:1px solid #ffffff2c}.demo-work-grid,.demo-contact{padding-top:55px}.work-image,.demo-work-grid article:first-child .work-image{height:330px}.demo-footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Rich multi-page demo system */
.full-page-hero{min-height:560px;position:relative;display:flex;align-items:end;padding:86px 8vw;background:var(--page-image) center/cover;color:#fff}.full-page-shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--demo-deep) 96%,transparent),color-mix(in srgb,var(--demo-deep) 58%,transparent) 55%,transparent),linear-gradient(0deg,#0006,transparent 50%)}.full-page-copy{position:relative;z-index:1;max-width:800px}.full-page-copy .demo-overline{color:color-mix(in srgb,var(--demo-accent) 45%,#fff)}.full-page-copy h1{margin:16px 0 20px;font:700 clamp(3.2rem,6vw,6.4rem)/.98 Manrope,'Anuphan';letter-spacing:-.065em}.full-page-copy>p{max-width:650px;color:#ffffffe3;font-size:1.06rem;line-height:1.8}.hero-breadcrumb{display:flex;gap:9px;align-items:center;margin-top:38px;color:#ffffffad;font-size:.78rem}.hero-breadcrumb b{color:#fff}.full-trust{padding:46px 7vw;border-bottom:1px solid #e6e8ec;text-align:center}.full-trust p{color:#8a909b;font-size:.76rem}.full-trust div{display:flex;justify-content:space-around;align-items:center;gap:25px;margin-top:25px;color:#a0a5ae;font:800 1rem Manrope;letter-spacing:.1em}.full-testimonial{padding:95px 10vw;background:var(--demo-deep);color:#fff;text-align:center}.full-testimonial.dark{background:#11141b}.quote-mark{color:var(--demo-accent);font:700 5rem/1 Georgia}.full-testimonial blockquote{max-width:900px;margin:10px auto 34px;font:500 clamp(1.7rem,3.4vw,3.4rem)/1.35 Manrope,'Anuphan';letter-spacing:-.035em}.quote-person{display:flex;justify-content:center;align-items:center;gap:12px}.quote-person>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--demo-accent);font:700 .72rem Manrope}.quote-person p{margin:0;text-align:left}.quote-person b,.quote-person small{display:block}.quote-person small{margin-top:3px;color:#ffffff94}.full-faq{padding:95px 8vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}.full-faq h2,.values-section h2,.team-section h2,.process-section h2,.location-section h2,.services-lead h2{margin:14px 0;font:700 clamp(2.3rem,4vw,4rem)/1.08 Manrope,'Anuphan';letter-spacing:-.05em}.full-faq>div:first-child p{color:#6b7280;line-height:1.8}.faq-list details{border-top:1px solid #dde1e7;padding:22px 0}.faq-list details:last-child{border-bottom:1px solid #dde1e7}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-style:normal;color:var(--demo-accent)}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{margin:15px 40px 0 0;color:#69707c;line-height:1.75}.full-cta{padding:100px 20px;text-align:center;background:var(--demo-soft)}.full-cta h2{margin:12px 0;font:700 clamp(2.7rem,5vw,5rem)/1.05 Manrope,'Anuphan';letter-spacing:-.055em;color:var(--demo-deep)}.full-cta p{color:#6d7380}.full-cta .demo-site-button{margin-top:18px}.about-editorial{padding:100px 7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.editorial-image{height:620px;overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;object-position:65% center}.about-editorial h2{margin:14px 0 25px;font:700 clamp(2.4rem,4vw,4.2rem)/1.06 Manrope,'Anuphan';letter-spacing:-.05em}.about-editorial p{color:#656c78;line-height:1.85}.about-editorial a{display:inline-block;margin-top:18px;color:var(--demo-accent);font-weight:700}.values-section{padding:100px 7vw;background:var(--demo-soft)}.values-section header{display:flex;align-items:end;justify-content:space-between}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.values-grid article{min-height:260px;padding:32px;background:#fff;border-top:3px solid var(--demo-accent)}.values-grid span{color:var(--demo-accent);font:700 .72rem Manrope}.values-grid h3{margin-top:50px;font-size:1.2rem}.values-grid p{color:#6a717d;line-height:1.75}.team-section{padding:100px 7vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:start}.team-section>div:first-child{position:sticky;top:100px}.team-section>div:first-child p{color:#6c7380;line-height:1.8}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-portrait{height:330px;overflow:hidden;background:#ddd}.team-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.team-grid h3{margin:15px 0 2px;font-size:1rem}.team-grid p{margin:0;color:#7d838c;font-size:.8rem}.services-lead{padding:95px 8vw 55px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.services-lead p{color:#69707c;line-height:1.85}.service-showcase{padding:25px 7vw 100px}.service-showcase article{display:grid;grid-template-columns:1fr 1fr;min-height:510px;margin-bottom:24px;background:var(--demo-soft)}.service-showcase article:nth-child(even){direction:rtl}.service-showcase article>*{direction:ltr}.service-photo{overflow:hidden;min-height:450px}.service-photo img{width:100%;height:100%;object-fit:cover}.service-showcase article>div:last-child{padding:60px;align-self:center}.service-showcase article>div>span{color:var(--demo-accent);font:700 .72rem Manrope}.service-showcase h2{margin:25px 0 15px;font:700 clamp(2rem,3vw,3.2rem)/1.08 Manrope,'Anuphan';letter-spacing:-.045em}.service-showcase p,.service-showcase li{color:#666e7a;line-height:1.75}.service-showcase a{display:inline-block;margin-top:18px;color:var(--demo-accent);font-weight:700}.process-section{padding:95px 7vw;background:var(--demo-deep);color:#fff}.process-section .demo-overline{color:color-mix(in srgb,var(--demo-accent) 55%,#fff)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #ffffff2e}.process-grid article{padding:30px 25px;border-right:1px solid #ffffff2e}.process-grid article:last-child{border:0}.process-grid b{color:var(--demo-accent);font:700 .75rem Manrope}.process-grid h3{margin-top:42px}.process-grid p{color:#ffffff9e;line-height:1.7;font-size:.85rem}.package-banner{margin:95px 7vw;display:grid;grid-template-columns:1.1fr .9fr;min-height:520px;background:var(--demo-soft)}.package-image{overflow:hidden}.package-image img{width:100%;height:100%;object-fit:cover;object-position:70% center}.package-banner>div:last-child{padding:60px;align-self:center}.package-banner h2{font:700 clamp(2.5rem,4vw,4.4rem)/1.05 Manrope,'Anuphan';letter-spacing:-.05em}.package-banner p{color:#68707c;line-height:1.8}.package-banner strong{display:block;margin:25px 0;color:var(--demo-accent)}.featured-case{padding:100px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.featured-case h2{margin:16px 0;font:700 clamp(2.5rem,4vw,4.3rem)/1.05 Manrope;letter-spacing:-.05em}.featured-case>div:first-child>p{color:#68707b;line-height:1.85}.featured-case dl{margin-top:35px;border-top:1px solid #ddd}.featured-case dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #ddd}.featured-case dt{color:#8a9099}.featured-case dd{margin:0;font-weight:700;text-align:right}.featured-case-image{height:620px;overflow:hidden}.featured-case-image img{width:100%;height:100%;object-fit:cover;object-position:70% center}.work-gallery{padding:20px 7vw 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:55px 24px}.work-gallery article:nth-child(3n+1){grid-column:span 2}.work-gallery article>div{height:440px;overflow:hidden}.work-gallery article:nth-child(3n+1)>div{height:620px}.work-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-gallery article:hover img{transform:scale(1.025)}.work-gallery span{display:block;margin-top:18px;color:var(--demo-accent);font:700 .7rem Manrope}.work-gallery h2{margin:7px 0 2px;font:700 1.4rem Manrope}.work-gallery p{margin:0;color:#7b818b}.contact-options{padding:70px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-options article{padding:28px;border:1px solid #e0e3e8}.contact-options span{color:var(--demo-accent);font:700 .7rem Manrope}.contact-options h3{margin-top:32px}.contact-options p{min-height:50px;color:#6a717c;line-height:1.65}.contact-options b{font-size:.9rem}.demo-contact.rich{background:#fff;padding-top:55px}.contact-photo{height:300px;margin-top:35px;overflow:hidden}.contact-photo img{width:100%;height:100%;object-fit:cover}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-row{display:flex!important;gap:9px;align-items:flex-start;font-weight:400!important;color:#6b7280}.check-row input{width:auto!important;margin:2px 0 0!important}.location-section{display:grid;grid-template-columns:1.1fr .9fr;min-height:480px;background:var(--demo-soft)}.location-photo{overflow:hidden}.location-photo img{width:100%;height:100%;object-fit:cover;object-position:25% center}.location-section>div:last-child{padding:60px;align-self:center}.location-section>div:last-child>p{color:#6c7380}.map-ui{margin-top:30px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid #e1e4e8}.map-ui i{width:12px;height:12px;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--demo-accent) 18%,transparent)}.map-ui span{font-size:.82rem}.map-ui button{border:0;background:none;color:var(--demo-accent);font-weight:700}.rich-footer{padding:75px 6vw 35px;background:#0f1117;color:#fff;display:grid;grid-template-columns:1.5fr .65fr .9fr 1.1fr;gap:5vw}.rich-footer>div>b{display:block;margin-bottom:18px;font-size:.8rem}.rich-footer>div>a{display:block;margin:9px 0;color:#ffffff9e;font-size:.8rem}.footer-brand strong{font:800 1.2rem Manrope}.footer-brand p,.rich-footer>div>p{color:#ffffff8f;line-height:1.7;font-size:.82rem}.footer-brand>a{color:#fff!important;font-size:1rem!important;font-weight:700}.rich-footer label{display:flex;margin-top:15px;border-bottom:1px solid #ffffff4d}.rich-footer input{width:100%;padding:10px 0;border:0;background:none;color:#fff;outline:0}.rich-footer button{border:0;background:none;color:#fff;font-size:1.1rem}.rich-footer>small{grid-column:1/-1;margin-top:40px;padding-top:20px;border-top:1px solid #ffffff24;color:#ffffff65}
@media(max-width:1000px){.full-faq,.about-editorial,.team-section,.services-lead,.package-banner,.featured-case,.location-section{grid-template-columns:1fr}.team-section>div:first-child{position:static}.team-grid{margin-top:20px}.service-showcase article,.service-showcase article:nth-child(even){grid-template-columns:1fr;direction:ltr}.process-grid{grid-template-columns:repeat(2,1fr)}.rich-footer{grid-template-columns:1.4fr 1fr 1fr}.rich-footer>div:last-of-type{grid-column:1/-1}.featured-case-image{height:480px}}
@media(max-width:680px){.full-page-hero{min-height:540px;padding:62px 22px;background-position:65% center}.full-page-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--demo-deep) 95%,transparent),color-mix(in srgb,var(--demo-deep) 72%,transparent) 80%,transparent)}.full-page-copy h1{font-size:clamp(2.8rem,14vw,4.2rem)}.full-trust div{flex-wrap:wrap}.full-testimonial,.full-faq,.about-editorial,.values-section,.team-section,.services-lead,.service-showcase,.process-section,.featured-case,.work-gallery,.contact-options{padding-left:22px;padding-right:22px}.full-testimonial blockquote{font-size:1.6rem}.full-faq{gap:35px}.editorial-image,.featured-case-image{height:380px}.values-grid,.team-grid,.contact-options{grid-template-columns:1fr}.team-portrait{height:390px}.service-showcase{padding-top:5px}.service-showcase article>div:last-child{padding:34px 24px}.service-photo{min-height:320px}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid #ffffff2e}.package-banner{margin:65px 0}.package-image{min-height:330px}.package-banner>div:last-child{padding:40px 22px}.work-gallery{grid-template-columns:1fr}.work-gallery article:nth-child(3n+1){grid-column:auto}.work-gallery article>div,.work-gallery article:nth-child(3n+1)>div{height:350px}.contact-options article p{min-height:0}.demo-contact.rich{padding-top:55px}.form-grid{grid-template-columns:1fr}.location-photo{min-height:330px}.location-section>div:last-child{padding:45px 22px}.map-ui{grid-template-columns:auto 1fr}.map-ui button{grid-column:2;text-align:left;padding:0}.rich-footer{grid-template-columns:1fr 1fr;padding:55px 22px 30px}.footer-brand,.rich-footer>div:last-of-type{grid-column:1/-1}}
/* เว็บพร้อม 999 identity */
.logo-mark{display:none}.logo-icon{width:38px;height:38px;filter:drop-shadow(0 8px 12px #315bea30)}.logo-word{font-family:'Anuphan',sans-serif;font-size:1.16rem;font-weight:700;letter-spacing:-.05em}.logo-999{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#111827;color:#fff;font:800 .68rem Manrope;letter-spacing:.04em}.demo-label{display:flex;align-items:center;gap:7px}.demo-label img{width:23px;height:23px}.footer strong{color:#252a36}
@media(max-width:480px){.logo{gap:7px}.logo-icon{width:34px;height:34px}.logo-word{font-size:1.04rem}.logo-999{min-height:21px;padding:0 6px;font-size:.6rem}}
/* Refined เว็บพร้อม 999 wordmark */
.logo{gap:10px}.logo-icon{width:42px;height:42px;filter:none}.logo-word{font-size:1.28rem;font-weight:700;letter-spacing:-.065em;color:#111827}.logo-999{position:relative;align-self:flex-start;margin:8px 0 0 -5px;min-height:auto;padding:2px 7px 3px;border:1px solid #c7d2fe;border-radius:7px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#4f46e5;font:800 .62rem Manrope;letter-spacing:.08em;box-shadow:0 4px 12px #4f46e514}.nav-shell .logo:hover .logo-icon{transform:translateY(-1px) rotate(-2deg)}.logo-icon{transition:transform .22s ease}.demo-label img{width:26px;height:26px}
@media(max-width:480px){.logo-icon{width:37px;height:37px}.logo-word{font-size:1.12rem}.logo-999{margin-top:6px;padding:2px 5px;font-size:.54rem}}
/* Bespoke ribbon identity: 999 becomes the brand signature */
.logo{gap:9px}.logo-icon{width:52px;height:38px;object-fit:contain}.logo-word{font-size:1.34rem;font-weight:700;letter-spacing:-.075em}.logo-999{margin:5px 0 0 -4px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#315bea;font-size:.7rem;letter-spacing:.06em}.logo-999:after{content:'';display:inline-block;width:5px;height:5px;margin-left:4px;border-radius:50%;background:#ff5a36;vertical-align:top}.nav-shell .logo:hover .logo-icon{transform:translateX(2px)}.demo-label img{width:34px;height:25px}
@media(max-width:480px){.logo-icon{width:44px;height:32px}.logo-word{font-size:1.15rem}.logo-999{margin-top:4px;font-size:.58rem}}
/* Mouse mascot identity */
.logo-icon{width:54px;height:39px}.logo-word{font-size:1.34rem}.logo-999{color:#315bea}.nav-shell .logo:hover .logo-icon{transform:translateX(2px) rotate(-2deg)}.demo-label img{width:36px;height:27px}
@media(max-width:480px){.logo-icon{width:46px;height:34px}}