/* Product routes only. No homepage selectors or motion/performance overrides. */
.cp-page{--cp-accent:#076b84;--cp-wash:#eaf6fa;--cp-ink:#102b43;color:var(--cp-ink);background:#fff;font-size:17px;line-height:1.8;padding-top:96px}
.cp-page [data-capy=capym],.cp-page[data-capy=capym]{--cp-accent:#5951b6;--cp-wash:#f0eefb}
.cp-page [data-capy=capyf],.cp-page[data-capy=capyf]{--cp-accent:#327542;--cp-wash:#f0f7ec}
.cp-page [data-capy=capyg],.cp-page[data-capy=capyg]{--cp-accent:#167363;--cp-wash:#eaf7f0}
.cp-page *{box-sizing:border-box}
.cp-page :is(h1,h2,h3,p,figure){margin:0}
.cp-page h1{font-size:clamp(2.3rem,4.3vw,4.6rem);line-height:1.16;letter-spacing:-.045em;font-weight:600;max-width:950px;text-wrap:balance}
.cp-page h2{font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.25;letter-spacing:-.035em;font-weight:600;max-width:900px;text-wrap:balance}
.cp-page h3{font-size:1.2rem;line-height:1.5;font-weight:650}
.cp-page p{max-width:76ch}
.cp-page p+p{margin-top:1rem}
.cp-page :is(h2,h3)+p{margin-top:1rem}
.cp-page :is(a,summary):focus-visible{outline:3px solid #cc6616;outline-offset:5px}
.cp-page :is(section,[id]){scroll-margin-top:110px}
.cp-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.cp-section{padding-block:88px}
.cp-eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.12em;line-height:1.7;text-transform:uppercase;color:var(--cp-accent);margin-bottom:20px!important}
.cp-hero{padding:58px 0 82px;background:#071e34;color:#fff;border-bottom:4px solid var(--cp-accent)}
.cp-hero .cp-eyebrow,.cp-convert .cp-eyebrow{color:#b9e9ee}
.cp-back{display:inline-block;color:#c2d3df;font-size:.9rem;margin-bottom:38px;padding-block:5px}
.cp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;align-items:center}
.cp-lead{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.85;color:#d1e0ea;margin-top:28px!important;max-width:760px!important}
.cp-actions{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;margin-top:32px}
.cp-button{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;background:var(--cp-accent);color:#fff;text-decoration:none;padding:15px 23px;border-radius:8px;font-size:1rem;font-weight:650;line-height:1.6;min-height:52px}
.cp-hero .cp-button,.cp-convert .cp-button{background:#fff;color:#102b43}
.cp-button:hover{box-shadow:0 0 0 3px var(--cp-accent)}
.cp-secondary{color:inherit;padding:12px 0;font-weight:600;text-decoration:underline;text-underline-offset:6px}
.cp-context{padding:28px;border:1px solid #426075;border-radius:14px;background:#102c44}
.cp-context-code{display:block;font-size:88px;line-height:1;color:#b9e9ee;font-weight:600;margin-bottom:30px}
.cp-context .cp-eyebrow{font-size:.75rem;letter-spacing:.08em}
.cp-context strong{display:block;font-size:1.3rem;line-height:1.4}
.cp-context p:not(.cp-eyebrow){font-size:1rem;line-height:1.85;margin-top:18px;color:#d1e0ea}
.cp-context-footer{display:block;font-size:.85rem;color:#b5cbd9;border-top:1px solid #426075;padding-top:18px;margin-top:28px}
.cp-section-intro{margin-top:24px!important;font-size:1.12rem;line-height:1.9}
.cp-flow{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:30px;margin-top:42px!important;padding:32px;border:1px solid #cbd9e1;border-radius:14px}
.cp-flow-column h3{font-size:1rem;margin-bottom:18px}
.cp-flow-column ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.cp-flow-column li{border:1px solid #cbd9e1;background:#f8fafb;border-radius:6px;padding:8px 13px;font-size:1rem}
.cp-flow-center{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cp-accent);text-align:center}
.cp-flow-center strong{font-size:2rem;font-weight:650}.cp-flow-center small{font-size:.95rem;color:#344e61}.cp-flow-center>span{font-size:1.5rem;line-height:1.2}
.cp-flow figcaption{grid-column:1/-1;color:#526575;font-size:.9rem;line-height:1.8;border-top:1px solid #dae3e8;padding-top:20px}
.cp-tinted{background:var(--cp-wash)}
.cp-screen{margin-top:34px!important;min-width:0;overflow:hidden;border:1px solid #c9d7df;border-radius:14px;background:#fff}
.cp-screen>a{display:block;padding:14px;background:#e6edf1}
.cp-screen img{display:block;width:100%;height:auto;object-fit:contain}
.cp-screen figcaption{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:.9rem;line-height:1.8;padding:18px 22px;color:#405667}
.cp-screen figcaption a{color:#123e59;text-decoration:underline;text-underline-offset:4px}
.cp-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.cp-module-grid article{padding:26px 0;border-top:2px solid var(--cp-accent)}
.cp-number{display:block;color:var(--cp-accent);font-size:.9rem;font-weight:700;margin-bottom:18px}
.cp-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.cp-ai-grid>div>p:last-child{margin-top:24px}
.cp-brief{border:1px solid #cbd9e1;border-top:4px solid var(--cp-accent);border-radius:12px;padding:30px;background:#fff;box-shadow:0 16px 40px #102b4309}
.cp-demo-label{font-size:.8rem;font-weight:600;color:#526575;line-height:1.8;margin-bottom:20px!important}
.cp-brief ol{padding-left:24px;margin:24px 0 0}
.cp-brief li{padding-left:8px;margin-top:22px}.cp-brief li+li{border-top:1px solid #dbe4e9;padding-top:20px}.cp-brief li::marker{color:var(--cp-accent);font-weight:700}.cp-brief li p{font-size:1rem;margin-top:6px;color:#405667}
.cp-boundary{display:grid;grid-template-columns:220px 1fr;gap:28px;border-left:4px solid var(--cp-accent);background:var(--cp-wash);padding:28px 32px;margin-top:40px;border-radius:0 10px 10px 0}.cp-boundary p{margin:0!important}
.cp-legacy{border:1px solid #bdcfca;border-radius:12px;padding:28px;margin-top:32px;background:#ffffffa8}
.cp-chain{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;list-style:none;padding:0;margin:34px 0 0}.cp-chain li{position:relative;background:#fff;border:1px solid #b8cebf;border-radius:8px;text-align:center;padding:16px 5px;font-size:1rem;font-weight:600}.cp-chain li+li:before{content:'→';position:absolute;left:-19px;color:#327542}
.cp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:40px 0 28px}.cp-steps li{border-top:1px solid #bacdd7;padding-top:24px}
.cp-faq{margin-top:64px}.cp-faq h2{font-size:1.8rem;margin-bottom:24px}.cp-faq details{border-bottom:1px solid #cbd9e1;padding:0}.cp-faq summary{cursor:pointer;padding:20px 4px;font-size:1.05rem;font-weight:600}.cp-faq details p{padding:0 4px 24px;margin-top:0}
.cp-convert{background:#071e34;color:#fff;padding:72px 0}.cp-convert p{color:#d1e0ea}.cp-convert h2+p{margin-top:24px}.cp-convert>.cp-wrap>.cp-button{margin-top:28px}.cp-convert .cp-email-note{font-size:.9rem;margin-top:20px}
.cp-family-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.cp-family-links a{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid #cbd9e1;border-top:3px solid var(--cp-accent);border-radius:10px;padding:24px;text-decoration:none;color:#102b43}.cp-family-links a>span:first-child{font-size:1.6rem;font-weight:600}.cp-family-links strong{grid-row:2;font-size:1rem;font-weight:500}.cp-family-links a>span:last-child{grid-column:2;grid-row:1}.cp-family-links a:hover{background:var(--cp-wash)}.cp-login{display:inline-block;color:#405667;margin-top:36px;font-size:.95rem;padding-block:10px;text-underline-offset:4px}
.cp-hub .cp-hero h1{max-width:1000px}.cp-hub-intro{color:#c5d7e2;margin-top:20px!important}.cp-hub-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.cp-hub-nav a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:20px 22px;border:1px solid #4b6477;border-radius:10px;color:#fff;text-decoration:none}.cp-hub-nav a strong{font-size:1.3rem}.cp-hub-nav a span:nth-child(2){grid-column:1;color:#c5d7e2}.cp-hub-nav a span:last-child{grid-column:2;grid-row:1/3;align-self:center}.cp-hub-nav a:hover{background:#17354d}
.cp-hub-product{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;position:relative;border-bottom:1px solid #d7e0e7}.cp-hub-product .cp-screen{margin:0!important}.cp-hub-product h2{color:var(--cp-accent);font-size:3rem}.cp-hub-product h3{font-size:1.55rem;line-height:1.5;margin-top:16px}.cp-hub-copy .cp-button{margin-top:26px}.cp-hub-audience{font-size:1rem;color:#526575}.cp-anchor{position:absolute;top:0}.cp-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:40px 0}.cp-principles article{border-top:2px solid var(--cp-accent);padding-top:22px}.cp-principles h3{font-size:1rem;letter-spacing:.06em}
.cp-page:lang(th) :is(h1,h2,h3){letter-spacing:0;line-height:1.55;text-wrap:pretty}.cp-page:lang(th) h1{font-size:clamp(2.1rem,3.8vw,4rem)}.cp-page:lang(th){line-height:1.95}
@media(min-width:1600px){.cp-wrap{width:min(1400px,calc(100% - 160px))}.cp-hero-grid{grid-template-columns:1fr 330px}}
@media(max-width:1100px){.cp-hero-grid{gap:36px;grid-template-columns:minmax(0,1fr) 250px}.cp-wrap{width:calc(100% - 64px)}.cp-ai-grid,.cp-hub-product{gap:36px}.cp-flow{grid-template-columns:1fr 160px 1fr;gap:20px;padding:24px}.cp-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.cp-hero-grid{grid-template-columns:1fr}.cp-context{display:grid;grid-template-columns:70px 1fr;gap:12px 22px}.cp-context-code{grid-row:1/4;font-size:64px;margin:0}.cp-context .cp-eyebrow{margin:0!important}.cp-context strong,.cp-context p:not(.cp-eyebrow){grid-column:2;margin:0}.cp-context-footer{display:none}.cp-section{padding-block:60px}.cp-ai-grid,.cp-hub-product{grid-template-columns:1fr}.cp-hub-product{gap:32px}.cp-flow{grid-template-columns:1fr}.cp-flow-center{padding:8px}.cp-flow-center>span{transform:rotate(90deg)}.cp-boundary{grid-template-columns:1fr;gap:12px}.cp-chain{grid-template-columns:1fr;gap:24px}.cp-chain li+li:before{content:'↓';left:50%;top:-26px}.cp-hub-nav,.cp-principles{grid-template-columns:repeat(2,1fr)}.cp-family-links{grid-template-columns:1fr}.cp-family-links a{padding:20px}.cp-family-links strong{grid-column:1}.cp-family-links a>span:last-child{grid-row:1/3;align-self:center}}
@media(max-width:480px){.cp-wrap{width:calc(100% - 40px)}.cp-page{font-size:16px}.cp-hero{padding:30px 0 44px}.cp-page h1{font-size:2.3rem}.cp-page h2{font-size:1.85rem}.cp-back{margin-bottom:24px}.cp-eyebrow{font-size:.8rem;letter-spacing:.07em}.cp-actions{align-items:stretch;flex-direction:column;gap:12px}.cp-secondary{align-self:flex-start}.cp-button{padding:14px 18px;gap:14px}.cp-context{padding:22px;grid-template-columns:42px 1fr;gap:12px 16px}.cp-context-code{font-size:44px}.cp-context strong{font-size:1.12rem}.cp-context p:not(.cp-eyebrow){font-size:1rem}.cp-section{padding-block:48px}.cp-flow{padding:20px;gap:16px}.cp-flow-column li{padding:7px 10px}.cp-screen>a{padding:6px}.cp-screen figcaption{padding:16px;font-size:.9rem}.cp-module-grid,.cp-steps,.cp-principles{grid-template-columns:1fr;gap:12px}.cp-module-grid article{padding-block:20px}.cp-number{margin-bottom:10px}.cp-brief{padding:22px}.cp-boundary{padding:22px}.cp-legacy{padding:22px}.cp-hub-nav{gap:12px}.cp-hub-nav a{padding:16px}.cp-hub-product h2{font-size:2.5rem}.cp-hub-product h3{font-size:1.3rem}.cp-convert{padding-block:48px}.cp-page:lang(th) h1{font-size:2.1rem}}

@media(max-width:1050px){.cp-page{padding-top:78px}}