:root{--navy:#08295a;--navy2:#113b72;--blue:#146de0;--sky:#5da9f6;--ice:#edf6ff;--ice2:#f7fbff;--line:#cbdff3;--text:#203751;--muted:#60758d;--white:#fff;--amber:#b77905;--green:#1d7a62;--shadow:0 18px 55px rgba(8,41,90,.08);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Thai",system-ui,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:99}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(203,223,243,.8)}.nav-wrap{width:min(1280px,calc(100% - 40px));height:76px;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:8px;font:700 17px "Space Grotesk",sans-serif;letter-spacing:.16em;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--navy);color:#fff;letter-spacing:.03em}.site-header nav{display:flex;gap:25px;margin:auto;font-size:14px;font-weight:600;color:#49627c}.site-header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border:0;border-radius:12px;padding:13px 20px;font-weight:700;cursor:pointer;box-shadow:0 10px 26px rgba(20,109,224,.18)}.button:hover{background:#0d5fc8}.button.small{padding:10px 15px;font-size:13px}.button.full{width:100%;margin-top:15px}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;color:var(--navy)}.hero{padding:92px 0 0;background:radial-gradient(circle at 78% 15%,#e4f3ff 0,transparent 32%),linear-gradient(180deg,#fbfdff 0,#fff 75%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center}.eyebrow{font:700 12px "Space Grotesk",sans-serif;letter-spacing:.13em;color:var(--blue);margin-bottom:18px}.eyebrow .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px}.hero h1,.section h2,.workshop h2{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.045em;color:var(--navy);margin:0 0 24px}.hero h1 span{color:var(--blue)}.lead{font-size:19px;color:#4c647d;max-width:650px}.hero-actions{display:flex;align-items:center;gap:24px;margin:32px 0}.text-link{font-weight:700;color:var(--navy);border-bottom:1px solid var(--navy)}.claim-note{font-size:13px;color:var(--muted);padding-left:15px;border-left:3px solid var(--line)}.assurance-map{background:rgba(255,255,255,.9);padding:24px;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.map-head{display:flex;justify-content:space-between;align-items:center;font:600 12px "Space Grotesk";color:var(--muted);letter-spacing:.08em;margin-bottom:20px}.live-badge{padding:6px 9px;border-radius:99px;background:var(--ice);color:var(--blue)}.map-step{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:15px;background:#fff}.map-step b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--navy);color:#fff;font:600 12px "Space Grotesk"}.map-step strong,.map-step span{display:block}.map-step strong{color:var(--navy)}.map-step span{font-size:12px;color:var(--muted)}.map-step em{font:700 10px "Space Grotesk";font-style:normal;color:var(--green)}.map-line{height:16px;border-left:1px dashed var(--sky);margin-left:43px}.north-star{margin-top:80px;background:var(--navy);color:#fff;border-radius:18px 18px 0 0;padding:22px 30px;display:flex;gap:28px;align-items:center}.north-star span{font:700 11px "Space Grotesk";letter-spacing:.16em;color:#85c4ff}.north-star strong{font-size:16px}.section{padding:110px 0}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.section-heading h2{font-size:clamp(34px,4vw,50px);margin-bottom:0}.section-heading>p{font-size:17px;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.product-card{grid-column:span 2;min-height:390px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;position:relative}.product-card.featured{grid-column:span 3;background:linear-gradient(145deg,var(--ice2),var(--ice));min-height:350px}.product-card.service{grid-column:span 4;min-height:auto}.number{font:600 13px "Space Grotesk";color:var(--blue)}.revenue-tag,.service-tag{float:right;font:700 10px "Space Grotesk";letter-spacing:.07em;background:#def1ff;color:var(--blue);padding:6px 9px;border-radius:20px}.service-tag{background:#fff2d9;color:var(--amber)}.product-card h3{font:700 28px "Space Grotesk";color:var(--navy);margin:35px 0 12px}.product-card p{color:var(--muted)}.product-card ul,.journey ul{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid var(--line)}.product-card li,.journey li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.product-card li:before,.journey li:before{content:"✓";color:var(--blue);margin-right:8px;font-weight:700}.audience{background:var(--navy);color:#fff}.audience .section-heading h2,.audience .section-heading p{color:#fff}.audience .eyebrow{color:#76bdff}.audience-shell{display:grid;grid-template-columns:280px 1fr;background:#fff;border-radius:28px;overflow:hidden;color:var(--text)}.audience-tabs{padding:18px;background:#edf6ff;display:flex;flex-direction:column;gap:8px}.audience-tab{text-align:left;border:0;background:transparent;color:#567089;padding:16px;border-radius:12px;cursor:pointer;font-weight:700}.audience-tab.active{background:#fff;color:var(--navy);box-shadow:0 8px 20px rgba(8,41,90,.08)}.audience-content{display:grid;grid-template-columns:1fr .75fr;gap:55px;align-items:center;padding:50px}.label,.profile-start span{font:700 11px "Space Grotesk";letter-spacing:.1em;color:var(--blue)}.audience-content h3{font-size:30px;line-height:1.35;color:var(--navy);margin:10px 0}.audience-content p{color:var(--muted)}.profile-start{padding:25px;border-radius:18px;background:var(--ice)}.profile-start strong,.profile-start small{display:block}.profile-start strong{font-size:18px;color:var(--navy);margin:10px 0}.profile-start small{color:var(--muted)}.profile-library{background:var(--ice2)}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.profile-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;min-height:280px;display:flex;flex-direction:column}.profile-grid span{font:700 12px "Space Grotesk";color:var(--blue)}.profile-grid h3{font:700 22px "Space Grotesk";color:var(--navy);margin:35px 0 8px}.profile-grid p{color:var(--muted);font-size:14px}.profile-grid b{margin-top:auto;font:700 10px "Space Grotesk";color:var(--blue);letter-spacing:.06em}.profile-anatomy{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.profile-anatomy strong{margin-right:12px;color:var(--navy)}.profile-anatomy span{padding:5px 10px;border-radius:20px;background:var(--ice);font-size:12px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journey article{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.journey article:nth-child(2){border:2px solid var(--blue);box-shadow:var(--shadow)}.step-top{display:flex;justify-content:space-between;font:700 11px "Space Grotesk";letter-spacing:.08em;color:var(--blue)}.journey h3{font-size:23px;color:var(--navy);margin:32px 0 12px}.journey p{min-height:82px;color:var(--muted)}.journey em{display:block;margin-top:25px;color:var(--blue);font-style:normal;font-weight:700}.commercial{background:linear-gradient(135deg,#061f49,#0e3c76);color:#fff}.commercial-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.commercial h2{color:#fff;font-size:48px}.commercial .eyebrow{color:#78bfff}.lead-small{color:#bed4e9;font-size:16px}.mix-chart{margin-top:40px}.mix-label{display:flex;justify-content:space-between;margin-bottom:10px}.mix-label strong{color:#81c5ff}.mix-bar{height:52px;display:flex;border-radius:12px;overflow:hidden}.mix-bar i{display:grid;place-items:center;background:#1672df;border-right:1px solid rgba(255,255,255,.3);font:600 11px "Space Grotesk";font-style:normal}.mix-bar i:nth-child(2){background:#3a8cec}.mix-bar i:nth-child(3){background:#72b3f3}.mix-bar i.custom{background:#7f91a5}.guardrail{margin-top:24px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:14px}.guardrail p{margin:5px 0 0;color:#bed4e9}.estimator{background:#fff;color:var(--text);padding:30px;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.estimator-head{display:flex;justify-content:space-between;align-items:start}.estimator-head span{font:700 10px "Space Grotesk";color:var(--blue);letter-spacing:.1em}.estimator h3{font-size:28px;color:var(--navy);margin:5px 0 22px}.status{padding:6px 9px;background:#fff3db;border-radius:20px;color:var(--amber)!important}.estimator label,.workshop form label{display:block;font-size:13px;font-weight:700;margin:13px 0}.estimator select,.workshop input,.workshop select,.workshop textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;color:var(--text)}.check-row{display:flex!important;align-items:center;gap:9px}.check-row input{width:auto}.estimator-result{margin-top:18px;padding:18px;background:var(--ice);border-radius:14px}.estimator-result span,.estimator-result strong,.estimator-result p{display:block}.estimator-result span{font-size:11px;color:var(--muted)}.estimator-result strong{font-size:20px;color:var(--navy);margin:3px 0}.estimator-result p{font-size:13px;margin:0;color:var(--muted)}.fit-section{background:var(--ice)}.fit-grid{display:grid;grid-template-columns:.7fr 1fr;gap:80px;align-items:center}.fit-grid h2{font-size:45px}.fit-score{display:flex;gap:15px;align-items:center;margin-top:35px}.fit-score strong{font:700 48px "Space Grotesk";color:var(--blue)}.fit-score span{font-weight:700;color:var(--navy)}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checklist label{display:flex;gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;font-size:14px;cursor:pointer}.checklist input{width:18px;height:18px;accent-color:var(--blue)}.workshop{background:#fff}.workshop-grid{display:grid;grid-template-columns:1fr .82fr;gap:90px;background:var(--navy);padding:60px;border-radius:30px;color:#fff}.workshop h2{font-size:50px;color:#fff}.workshop p{color:#bfd5eb}.eyebrow.light{color:#78bfff}.workshop-includes{display:flex;flex-direction:column;gap:10px;margin-top:28px;font:600 13px "Space Grotesk";color:#8dccff}.workshop form{background:#fff;color:var(--text);padding:28px;border-radius:20px}.workshop textarea{min-height:90px;resize:vertical}.light-button{width:100%;margin-top:10px}.form-note{font-size:12px!important;color:var(--muted)!important;text-align:center}.form-note.success{color:var(--green)!important;font-weight:700}footer{background:#051b3e;color:#bdd0e4;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:.7fr .5fr 1fr;gap:60px}.brand.inverse{color:#fff}.brand.inverse .brand-mark{background:#fff;color:var(--navy)}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:8px}.footer-grid strong{color:#fff}.footer-grid p{margin:0;font-size:13px}.footer-bottom{border-top:1px solid #24466d;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:900px){.site-header nav,.site-header .button.small{display:none}.menu{display:block;margin-left:auto}.site-header.open nav{display:flex;position:absolute;top:76px;left:20px;right:20px;flex-direction:column;background:#fff;padding:20px;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.hero{padding-top:55px}.hero-grid,.section-heading,.commercial-grid,.fit-grid,.workshop-grid{grid-template-columns:1fr;gap:45px}.hero-grid{gap:55px}.north-star{align-items:start;flex-direction:column;gap:8px}.product-card,.product-card.featured,.product-card.service{grid-column:span 3}.profile-grid{grid-template-columns:1fr 1fr}.audience-shell{grid-template-columns:1fr}.audience-tabs{flex-direction:row;overflow:auto}.audience-tab{white-space:nowrap}.audience-content{grid-template-columns:1fr;padding:32px}.journey{grid-template-columns:1fr}.workshop-grid{padding:35px}.workshop h2{font-size:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:600px){.container,.nav-wrap{width:min(100% - 28px,1180px)}.hero h1{font-size:39px}.lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.assurance-map{padding:16px}.map-step{grid-template-columns:36px 1fr}.map-step em{grid-column:2}.section{padding:75px 0}.section-heading{gap:20px}.section-heading h2,.commercial h2,.fit-grid h2{font-size:34px}.product-grid,.profile-grid{display:grid;grid-template-columns:1fr}.product-card,.product-card.featured,.product-card.service{grid-column:auto;min-height:auto}.profile-grid article{min-height:230px}.audience-content h3{font-size:23px}.mix-bar{height:auto;display:grid;grid-template-columns:1fr}.mix-bar i{min-height:34px}.checklist{grid-template-columns:1fr}.workshop-grid{padding:25px 18px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{gap:12px;flex-direction:column}.map-head{align-items:start;gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* AI Name section (2026-10-05) */
.ai-name{background:linear-gradient(180deg,#fff 0,var(--ice2) 100%);border-top:1px solid var(--line)}.ai-name h2 span{color:var(--blue)}.ai-name code{font:600 .92em ui-monospace,Consolas,monospace;background:var(--ice);color:var(--navy);padding:1px 6px;border-radius:6px}
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.name-story,.name-spec{border:1px solid var(--line);border-radius:var(--radius);padding:28px}.name-story{background:#fff}
.name-steps{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:16px}.name-steps li{display:grid;grid-template-columns:38px 1fr;gap:14px}.name-steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;font:700 14px "Space Grotesk"}.name-steps strong{color:var(--navy);font-size:18px}.name-steps p{margin:2px 0 0;color:var(--muted);font-size:15px}
.name-analogy{margin-top:22px;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px}.name-analogy div{display:grid;grid-template-columns:1fr 1fr}.name-analogy div>*{padding:10px 14px;border-top:1px solid var(--line)}.name-analogy div:first-child>*{border-top:0;background:var(--ice);font:700 11px "Space Grotesk";letter-spacing:.08em;color:var(--blue)}.name-analogy b{color:var(--navy)}.name-analogy small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.name-spec{background:var(--navy);color:#dbe9f8;box-shadow:var(--shadow)}.spec-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font:700 11px "Space Grotesk";letter-spacing:.1em;color:#85c4ff}.name-spec .live-badge{background:rgba(255,255,255,.1);color:#ffd27a}
.spec-code{margin:16px 0;padding:16px;background:#051b3e;border:1px solid #24466d;border-radius:12px;overflow-x:auto;font:12.5px/1.7 ui-monospace,Consolas,monospace;color:#cfe6ff}.spec-code code{background:none;color:inherit;padding:0;font:inherit}.spec-code i{font-style:normal;color:#6ab6ff}
.spec-terms{margin:0;display:flex;flex-direction:column}.spec-terms div{padding:10px 0;border-top:1px solid #24466d}.spec-terms dt{font:700 14px "Space Grotesk";color:#fff}.spec-terms dd{margin:2px 0 0;font-size:13.5px;color:#bed4e9}.spec-terms code{background:rgba(255,255,255,.1);color:#cfe6ff}.spec-terms a{color:#8dccff;text-decoration:underline}.spec-terms strong{color:#ffd27a}
.name-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.name-tier{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s}.name-tier:hover,.name-tier:focus-visible{border-color:var(--blue);box-shadow:var(--shadow)}.name-tier.top{border:2px solid var(--blue)}.name-tier .code{font:700 12px "Space Grotesk";letter-spacing:.06em;color:var(--blue)}.name-tier strong{display:block;font:700 30px "Space Grotesk";color:var(--navy);margin:6px 0 2px}.name-tier strong small{font:500 13px "Noto Sans Thai";color:var(--muted)}.name-tier p{margin:0;font-size:14px;color:var(--muted)}
.name-cta{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;border-radius:18px;background:var(--ice);border:1px solid var(--line)}.name-cta strong,.name-cta span{display:block}.name-cta strong{font-size:19px;color:var(--navy)}.name-cta span{font-size:13px;color:var(--muted)}.name-cta-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.name-note{margin:16px 0 0;font-size:12.5px;color:var(--muted);padding-left:14px;border-left:3px solid var(--line)}
a:focus-visible,.button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:900px){.name-grid,.name-tiers{grid-template-columns:1fr}.name-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.name-story,.name-spec{padding:20px}.name-cta-actions{flex-direction:column;align-items:flex-start}.spec-code{font-size:11.5px}}
.name-grid>*,.name-steps li>div,.name-tier{min-width:0}.ai-name code{overflow-wrap:anywhere}.spec-code code{overflow-wrap:normal}.spec-terms dd{overflow-wrap:anywhere}

/* TII shield logo (brand mark) */.brand-logo{display:block;width:38px;height:38px;object-fit:contain;flex:none}.brand.inverse .brand-logo{background:#fff;border-radius:10px;padding:3px}