:root{--green:#1e5a44;--primary:#2e705b;--sage:#8fbfa8;--ink:#1a3a31;--muted:#68766e;--paper:#fafbf9;--card:#fff;--line:#e1e8e1;--soft:#eef3ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.75 'Sarabun','Segoe UI',Tahoma,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #91bda5;outline-offset:4px}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:600;color:var(--primary);margin:0 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:linear-gradient(135deg,#398368,#1e5a44);color:#fff;border:1px solid transparent;border-radius:40px;padding:13px 25px;font-size:14px;font-weight:600;box-shadow:0 5px 10px #1e5a4414;min-height:48px}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary{background:var(--soft);color:var(--green);border-color:#d8e4db;box-shadow:none}.compact{padding:9px 20px;min-height:42px;font-size:12px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{object-fit:contain}.brand b{font:24px/1.2 Georgia,serif;letter-spacing:.06em}.brand small{display:block;font-size:7px;letter-spacing:.18em;margin-top:4px}.nav-row nav{display:flex;gap:26px;font-size:13px}.nav-row nav a:hover{color:#38916d}.nav-actions{display:flex;align-items:center;gap:9px}.icon-button,.lang-button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:12px}.icon-button img{width:25px;height:25px;object-fit:contain}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fafbf9ee,#fafbf9c9),url('assets/backgrounds/pearl-geometric.webp') center/768px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:660px;gap:30px;padding-top:35px;padding-bottom:75px}.hero-copy{z-index:2}.hero h1{font:clamp(44px,5.2vw,72px)/1.09 Georgia,serif;letter-spacing:-.035em;margin:0 0 24px}.hero h1 em{font-weight:normal;color:var(--primary)}.hero-th{font-size:24px;line-height:1.55;margin:0 0 16px}.hero-desc{max-width:440px;font-size:15px}.hero-buttons{display:flex;gap:10px;margin-top:27px;flex-wrap:wrap}.release-note{font-size:11px;color:var(--muted);margin-top:17px}.hero-art{position:relative;display:grid;place-items:center;align-self:stretch}.main-emblem{width:100%;max-width:530px;position:relative;filter:drop-shadow(15px 20px 18px #3c504218)}.halo{position:absolute;width:90%;aspect-ratio:1;background:#e9efdf70;border-radius:50%;filter:blur(45px)}.art-caption{display:flex;align-items:center;gap:15px;position:absolute;bottom:12px;right:30px}.art-caption small{font-size:8px;letter-spacing:.28em;color:var(--muted)}.line{height:1px;width:50px;background:#aab8aa}.hero-waves{position:absolute;bottom:-95px;left:0;width:100%;height:245px;object-fit:fill;pointer-events:none;opacity:.65}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:48px 0 65px;gap:25px;border-bottom:1px solid var(--line);text-align:center}.values img{width:45px;height:43px;object-fit:contain;margin:0 auto 12px}.values h2{font-size:15px;font-weight:600;margin:0}.values p{font-size:12px;color:var(--muted);line-height:1.6}.featured{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:95px 60px;align-items:center}.featured-visual{position:relative;display:grid;place-items:center;min-height:510px;background:radial-gradient(ellipse,#d6ead970,transparent 70%)}.featured-rosette{position:absolute;width:230px;right:-50px;bottom:-10px;opacity:.3;z-index:-1}.phone{position:relative;width:247px;border:7px solid #17392d;border-radius:40px;padding:27px 18px 18px;background:linear-gradient(#f9fbf7,#edf2ec);text-align:center;box-shadow:18px 25px 45px #24483420;transform:rotate(-3deg);color:#174d3a}.notch{position:absolute;top:7px;left:calc(50% - 37px);width:74px;height:14px;border-radius:15px;background:#17392d}.phone-top{display:flex;justify-content:space-between;font-size:8px}.phone>img{width:77px;margin:15px auto 4px}.phone h3{font:19px Georgia;margin:5px 0}.phone-caption,.phone-note{font-size:9px;color:#68766e;margin:4px 0 10px}.reading{font:27px/1.7 Georgia,serif;margin-top:20px}.phone>small{font-size:11px}.phone #demoCounter{border:8px solid #d0e5d5;border-radius:50%;width:126px;height:126px;margin:18px auto 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#4c9576,#1e5a44);color:white;box-shadow:0 0 0 6px #e5eee4}.phone #demoCounter>span{font-size:38px;line-height:1.2}.phone #demoCounter>small{font-size:9px}.demo-reset{border:0;background:none;color:#356d55;font-size:11px;padding:8px}.featured h2{font:44px/1.2 Georgia;margin:15px 0 20px}.featured h2>span{font-size:30px;color:var(--primary)}.lead{font-size:24px;line-height:1.55}.featured-copy>.muted{max-width:430px;font-size:14px}.feature-pills{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.feature-pills span{font-size:11px;padding:5px 12px;border:1px solid var(--line);border-radius:30px}.status{font-size:10px;letter-spacing:.02em;border-radius:20px;padding:4px 10px;background:var(--soft);color:var(--muted);white-space:nowrap}.status.preview{background:#e1efe5;color:#246448}.catalog-section{background:var(--soft);padding:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}h2{font-size:32px;font-weight:500;line-height:1.4;margin:0}.section-heading p{font-size:13px;margin:0}.section-heading .eyebrow{margin-bottom:12px}.catalog-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:30px 0 5px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid transparent;color:var(--muted);background:transparent;padding:8px 13px;border-radius:30px;font-size:12px;min-height:40px}.filters button.active{background:var(--green);color:white}.search{display:flex;align-items:center;padding:7px 12px;border:1px solid var(--line);border-radius:30px;background:var(--card);width:230px}.search img{width:22px;height:22px}.search input{width:100%;min-width:0;border:0;background:none;color:var(--ink);padding:5px 8px;font-size:12px}.result-info{font-size:11px;color:var(--muted);margin:13px 0}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.app-card{display:flex;flex-direction:column;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 25px #193e2b04;transition:transform .2s}.app-card:hover{transform:translateY(-4px)}.app-card img{width:100px;height:100px;object-fit:contain;align-self:center;margin:0 0 15px}.app-card h3{font:19px/1.3 Georgia;margin:15px 0 8px}.app-card p{font-size:12px;color:var(--muted);margin:0 0 20px;flex:1}.card-link{border:0;background:none;color:var(--primary);font-size:12px;padding:5px 0;text-align:start}.catalog-bottom{text-align:center;padding-top:35px}.catalog-bottom p{max-width:660px;margin:18px auto 0}.empty{grid-column:1/-1;text-align:center;padding:40px}.approach{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;padding:95px 30px}.approach-intro>img{width:180px;height:40px;object-fit:contain;margin:16px 0}.approach-intro .muted{max-width:355px;font-size:14px}.steps article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.steps article>span{font:23px Georgia;color:#8ea996}.steps h3{font-size:18px;margin:0 0 7px;font-weight:500}.steps p{font-size:13px;color:var(--muted);margin:0}.about{padding:55px 0;background:linear-gradient(90deg,#edf3ee,#fafbf9)}.about-grid{display:grid;grid-template-columns:260px 1fr;gap:65px;align-items:center}.about-grid>img{width:220px}.about h2{font-size:28px}.about p:not(.eyebrow){font-size:14px;max-width:650px;color:var(--muted)}.about .signature{color:var(--green)!important}.signature span{display:block;font-size:11px;margin-top:3px}.support{padding:80px 0}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:16px}details p{font-size:14px;color:var(--muted);max-width:850px}.text-link{border:0;background:none;color:var(--primary);font-size:12px;padding:5px 0;text-align:start}.closing{text-align:center;background:var(--soft);padding:45px 25px;border-radius:28px;margin-bottom:70px}.closing>img{width:38px;height:38px;margin:0 auto 12px}.closing h2{font-size:29px}.closing p{font-size:14px;color:var(--muted);margin:12px auto 22px}.site-footer{border-top:1px solid var(--line);padding:30px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-row>div{text-align:end}.footer-row p{font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:24px;padding:35px;width:min(540px,calc(100% - 30px));max-height:85vh;box-shadow:0 30px 120px #09291c33}dialog::backdrop{background:#0b2e2366;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:var(--soft);color:var(--ink);font-size:25px}#dialogContent>img{width:120px;margin:auto}#dialogContent h2{font:28px/1.3 Georgia;margin:18px 0}#dialogContent p,#dialogContent li{font-size:14px;color:var(--muted)}.skip{position:fixed;top:-80px;z-index:20;background:#fff;padding:10px}.skip:focus{top:5px}.dark{--ink:#e7eee7;--muted:#b4c5b8;--paper:#11291f;--card:#1b372a;--line:#3b5445;--soft:#173326;--green:#9ccbb1;--primary:#9ccbb1}.dark .hero{background:linear-gradient(90deg,#11291ff5,#11291fbb),url('assets/backgrounds/forest-geometric.webp') center/768px}.dark .main-emblem,.dark .about-grid>img{background:#dce4d6;border-radius:50%;box-shadow:0 0 0 9px #a3c1a014}.dark .hero-waves{opacity:.1}.dark .about{background:#163326}.dark .icon-button img,.dark .values img,.dark .closing>img{filter:brightness(0) invert(.9)}.dark .status.preview{background:#365d45;color:#e6f3e7}.dark .button.secondary{border-color:var(--line)}
@media(min-width:1440px){.hero-grid{min-height:740px}}@media(max-width:1050px){.nav-row nav{gap:14px}.nav-row{gap:12px}.brand b{font-size:21px}.featured{gap:50px;padding:70px 15px}.app-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{min-height:600px}.hero-th{font-size:21px}.nav-actions .compact{display:none}.approach{gap:45px}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}.nav-row{min-height:75px;flex-wrap:wrap;padding:10px 0;gap:10px}.nav-row nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;font-size:11px}.brand img{width:43px;height:43px}.brand b{font-size:21px}.brand small{font-size:6px}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:45px;padding-bottom:80px}.hero-copy{max-width:100%}.hero h1{font-size:51px}.hero-th{font-size:22px}.hero-art{min-height:310px;grid-row:2}.main-emblem{max-width:320px}.hero-waves{bottom:-105px}.art-caption{bottom:0;right:10px}.values{grid-template-columns:repeat(2,1fr);gap:20px;padding:25px 0 40px}.values p br{display:none}.featured{grid-template-columns:1fr;gap:40px;padding:60px 0}.featured-visual{grid-row:2;min-height:490px}.featured-rosette{right:0}.featured h2{font-size:38px}.featured h2>span{font-size:27px}.catalog-section{padding:50px 0}.section-heading{display:block}.section-heading>p,.section-heading>.text-link{display:block;margin-top:18px}h2{font-size:28px}.catalog-toolbar{display:block}.search{width:100%;margin-top:15px}.filters{gap:3px}.filters button{padding:7px 10px;font-size:11px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-card{padding:14px 12px;border-radius:15px}.app-card img{width:85px;height:85px}.app-card h3{font-size:17px}.app-card p{font-size:11px}.status{font-size:9px}.approach{grid-template-columns:1fr;gap:15px;padding:55px 0}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid>img{width:130px;height:130px}.about h2{font-size:26px}.support{padding:55px 0}.closing{margin-bottom:45px}.closing h2{font-size:25px}.footer-row{align-items:start;flex-direction:column}.footer-row>div{text-align:start}.hero-buttons .button{font-size:12px;padding:12px 17px}.hero-desc{font-size:14px}.eyebrow{font-size:9px}.site-header{position:relative}html{scroll-padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}

/* White backdrop behind the main emblem. */
.hero-art .halo{background:#fff;filter:blur(45px)}
.hero-art .main-emblem{filter:none}
.dark .hero-art .main-emblem{background:#fff;box-shadow:none}