:root{--navy:#142749;--ink:#1c2c47;--yellow:#ffcf3b;--blue:#3766cb;--muted:#64718a;--line:#e5eaf1;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:"Leelawadee UI","Tahoma",sans-serif;font-size:16px;line-height:1.75;background:#fff}a{color:inherit;text-decoration:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4c73cd;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4;letter-spacing:-.035em}h2{font-size:2.75rem;margin-bottom:18px}h2>span{color:var(--blue)}p{color:var(--muted)}.wrap{max-width:1200px;margin-inline:auto;padding-inline:28px}.skip{position:absolute;left:16px;top:-100px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav-wrap{max-width:1248px;margin:auto;min-height:91px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:"Segoe UI",sans-serif;font-size:1.75rem;font-weight:900;line-height:1}.brand img{border-radius:13px}.brand>span>span,.footer-brand>span{color:#c38c00}.brand small{display:block;font-family:"Leelawadee UI",Tahoma,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:0;margin-top:7px}.header nav{display:flex;gap:26px;align-items:center;font-size:.93rem;font-weight:600}.header nav a:hover{color:#3262c4}.nav-contact{background:var(--yellow);padding:10px 21px;border-radius:50px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:30px;align-items:center;padding-top:62px;padding-bottom:65px}.pill{display:inline-block;background:#fff5ce;padding:6px 16px;border-radius:40px;color:#8a6500;font-size:.86rem;font-weight:600;margin-bottom:20px}.hero h1{font-size:3.6rem;line-height:1.4;margin:0 0 18px;font-weight:800}.highlight{position:relative;background:linear-gradient(transparent 64%,var(--yellow) 64%,var(--yellow) 93%,transparent 93%);font-family:"Segoe UI",sans-serif;font-weight:900;letter-spacing:-.055em}.lead{font-size:1.13rem;line-height:1.85;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{min-height:50px;padding:13px 24px;display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:50px;font-weight:700;font-size:1rem;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #14274916}.button span{font-size:1.3rem}.primary{background:var(--yellow);color:var(--navy)}.dark{background:var(--navy);color:white}.text-link{font-size:.94rem;font-weight:600;border-bottom:1px solid #8692a9;padding-bottom:3px}.availability{font-size:.8rem;margin-top:23px;margin-bottom:0;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.availability>span{color:#87620b;font-weight:700}.hero-art{position:relative;min-width:0;padding-bottom:25px}.hero-art>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:38px}.art-label{background:white;box-shadow:0 10px 34px #22366013;border:1px solid var(--line);padding:14px 25px;border-radius:50px;position:relative;width:max-content;max-width:100%;margin:-16px auto 0;text-align:center;font-size:.92rem;font-weight:600}.art-label span{font-size:1.3rem;color:#c99b1a;margin-right:10px}.feature-strip{background:var(--yellow);padding:21px 0}.feature-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:700;font-size:1.04rem}.feature-strip b{font-size:1.1rem;opacity:.5}.section{padding-top:86px;padding-bottom:84px}.section-title{text-align:center;max-width:700px;margin:auto auto 42px}.eyebrow{color:#677a96;font-size:.86rem;display:block;font-weight:600;margin-bottom:12px}.section-title h2{margin-bottom:15px}.section-title p{line-height:1.85}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.feature-demo{padding:27px 22px;min-height:285px;display:flex;align-items:center}.demo-post{background:#eaf3ff}.demo-comment{background:#fff6d6}.demo-chat{background:#f0ecff}.mini-window{background:white;box-shadow:0 8px 20px #1933590c;border-radius:17px;width:100%;padding:17px;border:1px solid #e3e8f0}.window-top{display:flex;gap:9px;align-items:center;line-height:1.4;font-size:.8rem;font-weight:600;margin-bottom:13px}.window-top small{display:block;font-size:.69rem;font-weight:400;color:#758299;margin-top:3px}.avatar{flex:none;width:31px;height:31px;border-radius:50%;background:#c2dafa;color:#244b8e;display:flex;align-items:center;justify-content:center;font-family:"Segoe UI",sans-serif;font-weight:800}.yellow{background:#ffe697;color:#735622}.purple{background:#ded4ff;color:#665492}.dots{margin-left:auto;color:#8c96a5;font-size:.8rem}.product-preview{background:#e0edfd;border-radius:8px;min-height:108px;padding:16px;display:flex;align-items:center;justify-content:space-between;font-size:.88rem;line-height:1.5;color:#335d9c}.product-preview b{font-size:1.23rem}.product-symbol{font-size:3rem;color:#6190cd}.schedule{display:flex;gap:7px;font-size:.7rem;align-items:center;margin-top:13px}.tag{font-size:.66rem;background:#eef7ec;color:#4d7446;border-radius:4px;margin-left:auto;padding:2px 6px}.comment-bubble{border-radius:12px;background:#f4f6f8;padding:14px 10px;font-size:.79rem;line-height:1.9}.fake-link{color:#3666b0}.reply-meta{font-size:.65rem;color:#758299;padding:3px 8px}.comment-note,.human-note{border-top:1px solid #edf0f4;margin-top:14px;padding-top:10px;color:#7e889a;font-size:.66rem;text-align:center}.chat{padding:10px 12px;border-radius:13px;font-size:.77rem;max-width:91%;line-height:1.6}.incoming{background:#f0f3f8;margin-bottom:9px;width:max-content}.outgoing{background:#e6e2ff;margin-left:auto}.feature-content{padding:26px 26px 29px}.step-label{font-size:.73rem;letter-spacing:.055em;font-weight:700;color:#70819b}.feature-content h3{font-size:1.4rem;margin:12px 0}.feature-content p{font-size:.9rem;margin-bottom:20px}.feature-content ul{padding:0;margin:0;list-style:none;font-size:.86rem}.feature-content li{margin-top:7px}.feature-content li:before{content:'✓';color:#678ba5;margin-right:8px}.demo-disclaimer{text-align:center;font-size:.77rem;margin:22px 0 0}.how-section{background:var(--navy);color:white;padding:70px 0}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.how-layout .eyebrow{color:#efca61}.how-layout p{color:#c2cddd}.how-layout h2{font-size:2.7rem}.outline-label{border:1px solid #647089;color:#c4cfdf;display:inline-block;padding:6px 14px;border-radius:30px;font-size:.76rem;margin-top:8px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:20px}.steps li{display:flex;gap:20px;padding:19px 22px;background:#203454;border-radius:16px}.steps li>span{border-radius:50%;background:var(--yellow);color:var(--navy);width:39px;height:39px;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}.steps h3{font-size:1.12rem;margin:1px 0 5px}.steps p{margin:0;font-size:.89rem}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;font-weight:600;line-height:1.65}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-family:"Segoe UI",sans-serif;font-size:1.4rem;color:#a5acba;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:.91rem;line-height:1.95;margin:15px 0 0;max-width:560px}.contact-section{padding-bottom:80px}.contact-card{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding:48px;border-radius:30px;background:#ffdc65}.contact-card .eyebrow{color:#756016}.contact-card h2{font-size:2.1rem}.contact-card p{color:#605636;font-size:.96rem}.contact-email{font-size:.8rem!important;margin:12px 0 0;overflow-wrap:anywhere}.company-card{background:#fff8dc;border:1px solid #f2d26c;border-radius:20px;padding:30px}.company-label{font-size:.8rem;color:#938250}.company-card h3{font-size:1.22rem;margin:10px 0 3px}.company-card>p{font-size:.82rem;line-height:1.9}.company-card hr{border:0;border-top:1px solid #e7dbaf;margin:22px 0}.company-card small{font-size:.75rem;color:#8b7b4e}footer{background:#f6f8fb;border-top:1px solid var(--line);padding:45px max(28px,calc((100vw - 1144px)/2)) 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-brand{display:block;font-size:1.6rem;margin-bottom:15px}.footer-grid p{font-size:.87rem}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:.82rem}.footer-grid strong{margin-bottom:7px;font-size:.87rem}.footer-grid a:hover{color:#3666b0}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;margin-top:35px;display:flex;justify-content:space-between;gap:16px;font-size:.73rem;color:#8390a3}.doc{max-width:860px;padding-top:50px;padding-bottom:80px}.back-link{font-size:.9rem;color:var(--blue);display:inline-block;margin-bottom:27px}.doc h1{font-size:2.4rem;margin-bottom:12px}.doc-intro{font-size:.88rem}.doc h2{font-size:1.3rem;margin-top:34px;margin-bottom:12px}.doc p,.doc li{font-size:1rem;line-height:1.95}.doc a:not(.button):not(.back-link){text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.doc ul{padding-left:22px}.info-box{border-left:4px solid var(--yellow);border-radius:0 12px 12px 0;background:#fff9e4;padding:20px 22px;color:#766434;font-size:.94rem;line-height:1.9;margin:25px 0 35px}.doc .button{margin-top:18px}.contact-card,.feature-card,.company-card{min-width:0}section[id]{scroll-margin-top:12px}
@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:80px}.hero h1{font-size:3.9rem}}
@media(max-width:1050px){.header nav{gap:16px}.hero h1{font-size:3rem}.hero-actions{gap:15px}.hero-actions .text-link{font-size:.85rem}.feature-demo{padding:20px 13px;min-height:270px}.feature-content{padding:22px 19px}.feature-content p br{display:none}.feature-content h3{font-size:1.25rem}.feature-content ul{font-size:.8rem}.contact-card{gap:30px;padding:36px}.faq-layout{gap:45px}}
@media(max-width:800px){.nav-wrap{min-height:78px}.brand{font-size:1.5rem}.brand img{width:43px;height:43px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:18px 25px;box-shadow:0 10px 20px #1427490a}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:12px}.nav-contact{border-radius:9px;margin-top:5px}.menu-toggle{display:block;background:white;border:1px solid var(--line);color:var(--navy);font:inherit;font-size:.85rem;border-radius:9px;padding:8px 12px}.hero{gap:15px}.hero h1{font-size:2.4rem}.lead{font-size:1rem}.hero-actions{display:block}.hero-actions .text-link{display:inline-block;margin-top:15px}.hero-art>img{border-radius:24px}.art-label{font-size:.75rem;padding:10px 13px}.feature-strip .wrap{gap:14px;font-size:.88rem;justify-content:center;flex-wrap:wrap}.feature-strip b:last-of-type,.feature-strip span:last-child{display:none}.features{grid-template-columns:1fr;max-width:610px;margin:auto}.feature-card{display:grid;grid-template-columns:.9fr 1fr}.feature-demo{padding:22px;min-height:280px}.feature-content{padding:25px}.feature-content h3{font-size:1.3rem}.feature-content p{font-size:.9rem}.feature-content ul{font-size:.85rem}.section{padding-top:62px;padding-bottom:60px}h2{font-size:2.25rem}.how-layout{gap:30px}.how-layout h2{font-size:2.25rem}.steps li{padding:16px;gap:13px}.steps h3{font-size:1rem}.steps p{font-size:.83rem}.contact-card{grid-template-columns:1fr 1fr;padding:30px;gap:20px}.contact-card h2{font-size:1.7rem}.company-card{padding:23px}.company-card h3{font-size:1.08rem}.contact-card p br{display:none}.faq-layout{gap:28px}.footer-grid{gap:23px}}
@media(max-width:560px){.wrap{padding-inline:22px}.nav-wrap{padding-inline:22px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:38px;text-align:center;gap:24px}.pill{margin-bottom:16px;font-size:.81rem}.hero h1{font-size:2.55rem;line-height:1.42}.lead{font-size:1.03rem}.hero-actions{display:flex;justify-content:center;gap:16px}.hero-actions .text-link{margin-top:0}.button{font-size:.93rem;padding:12px 19px;gap:20px}.availability{justify-content:center;font-size:.73rem}.hero-art{max-width:390px;margin:auto;padding-bottom:0}.hero-art>img{aspect-ratio:4/3}.art-label{font-size:.8rem;margin-top:-12px}.feature-strip{padding:15px 0}.feature-strip .wrap{gap:12px;font-size:.81rem}.section{padding-top:53px;padding-bottom:53px}.section-title{margin-bottom:30px}.section-title h2,h2{font-size:2.15rem}.section-title p{font-size:.92rem}.feature-card{display:block;max-width:380px;margin-inline:auto;width:100%}.feature-demo{min-height:264px;padding:27px 36px}.feature-content{padding:25px 27px}.feature-content h3{font-size:1.42rem}.feature-content p{font-size:.95rem}.feature-content ul{font-size:.92rem}.mini-window{max-width:295px;margin:auto}.demo-disclaimer{font-size:.76rem;line-height:1.9}.how-section{padding:48px 0}.how-layout{grid-template-columns:1fr;gap:30px}.how-layout h2{font-size:2.15rem}.how-layout p br{display:none}.how-layout>div>p{font-size:.93rem}.steps li{padding:20px;gap:17px}.steps h3{font-size:1.12rem}.steps p{font-size:.9rem}.faq-layout{grid-template-columns:1fr;gap:27px}.faq-layout h2 br{display:none}.faq-layout>div>p{margin-bottom:0;font-size:.93rem}.faq-layout>div>p br{display:none}.faq-layout summary{font-size:.94rem}.contact-section{padding-bottom:45px}.contact-card{grid-template-columns:1fr;padding:28px 24px;gap:30px;border-radius:22px}.contact-card h2{font-size:1.8rem}.company-card{padding:24px}.company-card h3{font-size:1.16rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:not(:first-child){font-size:.8rem}.footer-bottom{flex-direction:column;gap:8px;line-height:1.8}.doc{padding-top:35px;padding-bottom:55px}.doc h1{font-size:2rem}.doc h2{font-size:1.2rem}.doc p,.doc li{font-size:.95rem}.info-box{padding:17px;font-size:.91rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}