:root{--primary:#11387a;--primary-light:#1f5bab;--pink:#fd3d6b;--pink-dark:#e22e5a;--pink-tint:#ffeaf0;--surface:#f8f9fa;--white:#fff;--muted:#64788f;--border:#d9d9d9;--font-display:"CS ChatthaiUI","Noto Sans Thai",Tahoma,sans-serif;--font-body:"CS ChatthaiUI","Noto Sans Thai",Tahoma,sans-serif;--radius:.625rem;--radius-lg:1rem;--shadow-sm:0 2px 8px rgba(17,56,122,.08);--shadow-md:0 6px 24px rgba(17,56,122,.12);--shadow-lg:0 16px 48px rgba(17,56,122,.18);--t:.22s cubic-bezier(.4,0,.2,1)}:focus-visible{border-radius:2px;outline:3px solid var(--pink);outline-offset:2px}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Cpath d='M0 0h200v200H0z' filter='url(%23a)' opacity='.025'/%3E%3C/svg%3E");content:"";inset:0;opacity:.4;pointer-events:none;position:fixed;z-index:-1}.skip-link{color:#fff;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .15s ease;z-index:9999}.skip-link:focus{top:0}.text-pink{color:var(--pink)!important}.site-nav{background:var(--primary);border-bottom:2px solid var(--pink);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:.65rem 0;position:sticky;top:0;z-index:1000}.site-nav .container{align-items:center;display:flex;gap:1rem}.nav-brand{font-family:var(--font-display);font-size:1.2rem;font-weight:700;gap:.5rem;letter-spacing:.04em;text-decoration:none}.nav-brand,.nav-brand .logo-mark{align-items:center;color:#fff;display:flex}.nav-brand .logo-mark{background:var(--pink);border-radius:.35rem;font-size:.85rem;height:2rem;justify-content:center;width:2rem}.nav-links{align-items:center;display:flex;gap:.25rem;list-style:none;margin-left:auto}.nav-links a{border-radius:.4rem;color:hsla(0,0%,100%,.75);font-size:.88rem;font-weight:500;padding:.4rem .75rem;text-decoration:none;transition:color var(--t),background var(--t);white-space:nowrap}.nav-links a:hover{background:hsla(0,0%,100%,.1);color:#fff}.nav-links a.active{background:hsla(0,0%,100%,.15);color:#fff}.nav-cta{background:linear-gradient(180deg,#ff5bb0 5%,#ef027d)!important;border:1px solid #ee1eb5!important;box-shadow:inset 0 1px 0 0 #fbafe3!important;color:#fff!important;font-weight:700!important}.nav-cta:hover{background:linear-gradient(180deg,#ef027d 5%,#ff5bb0)!important}.breadcrumb-bar{background:#0d2a5c;border-bottom:1px solid hsla(0,0%,100%,.08);padding:.55rem 0}.breadcrumb-bar ol{font-size:.78rem;list-style:none;margin:0}.breadcrumb-bar li,.breadcrumb-bar ol{align-items:center;display:flex;gap:.35rem}.breadcrumb-bar li:not(:last-child):after{color:hsla(0,0%,100%,.3);content:"/";font-size:.7rem}.breadcrumb-bar a{color:hsla(0,0%,100%,.6);text-decoration:none;transition:color var(--t)}.breadcrumb-bar a:hover{color:#fff}.breadcrumb-bar .current{color:hsla(0,0%,100%,.9);font-weight:500}.sibling-strip{background:#0e2d63;border-bottom:2px solid hsla(0,0%,100%,.08);overflow-x:auto;scrollbar-width:none}.sibling-strip::-webkit-scrollbar{display:none}.sibling-strip nav{display:flex;min-width:max-content;padding:0 max(1rem,50vw - 580px)}.sib-tab{align-items:center;border-bottom:2px solid transparent;color:hsla(0,0%,100%,.55);display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;margin-bottom:-2px;padding:.75rem 1.1rem;text-decoration:none;transition:color var(--t),border-color var(--t);white-space:nowrap}.sib-tab:hover{color:hsla(0,0%,100%,.9)}.sib-tab.active{border-bottom-color:var(--pink);color:var(--pink);font-weight:700}.sib-tab i{font-size:.9rem}.hero{background:linear-gradient(135deg,#11387a,#1f5bab);overflow:hidden;padding:0;position:relative}.hero:before{background:linear-gradient(135deg,rgba(17,56,122,.95),rgba(31,91,171,.85))}.hero:after,.hero:before{content:"";inset:0;position:absolute}.hero:after{background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:36px 36px;mask-image:linear-gradient(135deg,transparent 40%,rgba(0,0,0,.6))}.hero-inner{padding:3.5rem 0 3rem;position:relative;z-index:1}.hero-eyebrow{align-items:center;background:var(--pink-tint);border:1px solid rgba(253,61,107,.3);border-radius:2rem;color:var(--pink);display:inline-flex;font-size:.75rem;gap:.5rem;letter-spacing:.08em;margin-bottom:1.1rem;padding:.35rem .9rem;text-transform:uppercase}.hero-eyebrow,.hero-title{font-family:var(--font-display);font-weight:700}.hero-title{color:#fff;font-size:clamp(2rem,4.5vw,3.2rem);letter-spacing:.05rem;line-height:1.15;margin-bottom:.5rem}.hero-title .title-icon{align-items:center;background:linear-gradient(145deg,var(--pink),var(--pink-dark));border-radius:.6rem;box-shadow:0 6px 16px -4px rgba(253,61,107,.5);color:#fff;display:inline-flex;font-size:1.4rem;height:3rem;justify-content:center;margin-right:.6rem;vertical-align:middle;width:3rem}.hero-sub{color:hsla(0,0%,100%,.85);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:580px}.hero-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.75rem}.hero-pill{align-items:center;backdrop-filter:blur(4px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;color:#fff;display:inline-flex;font-family:var(--font-display);font-size:.82rem;font-weight:500;gap:.4rem;padding:.38rem .85rem}.hero-pill i{color:var(--pink-tint)}.hero-featured{align-items:center;background:var(--pink-tint);border:1px solid rgba(253,61,107,.3);border-radius:.5rem;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.hero-spec-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:.875rem;display:inline-block;min-width:200px;padding:1.25rem 1.5rem;text-align:left}.hero-spec-label{color:var(--pink);font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.15em;margin-bottom:.85rem;text-transform:uppercase}.hero-spec-list{display:flex;flex-direction:column;gap:.55rem}.hero-spec-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.hero-spec-key{color:hsla(0,0%,100%,.5);font-size:.72rem}.hero-spec-val{color:#fff;font-family:var(--font-display);font-size:.88rem;font-weight:700}.hero-spec-val.text-pink{color:var(--pink)}.hero-spec-divider{background:hsla(0,0%,100%,.07);height:1px}.page-body{padding:2.5rem 0 4rem;position:relative;z-index:1}.section{margin-bottom:2.75rem}.section:last-child{margin-bottom:0}.sec-eyebrow{font-size:.72rem;letter-spacing:.15em;margin-bottom:.3rem;text-transform:uppercase}.sec-eyebrow,.sec-title{color:var(--primary);font-family:var(--font-display);font-weight:700}.sec-title{font-size:1.45rem;line-height:1.25}.sec-rule{background:linear-gradient(90deg,#fd3d6b,#1f5bab);border-radius:2px;height:4px;margin:.65rem 0 1.5rem;width:3.5rem}.calc-widget-box,.card-base,.spec-summary{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:1rem;padding:1.25rem}.card-base{margin-top:0;padding:1.5rem}.aeo-summary-box{background:linear-gradient(135deg,#fffcfd,#fff);border:1px solid rgba(253,61,107,.25);border-left:4px solid var(--pink);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.aeo-header{align-items:center;display:flex;gap:.6rem;margin-bottom:1rem}.aeo-header h3{color:var(--primary);font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin:0}.aeo-body{display:flex;flex-direction:column;gap:.75rem}.aeo-item{color:var(--secondary);font-size:.88rem;line-height:1.6}.aeo-item strong{color:var(--primary);margin-right:.35rem}.spec-grid{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.spec-cell{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);cursor:default;padding:1rem;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}.spec-cell:hover{border-color:var(--primary-light);box-shadow:0 4px 16px rgba(31,91,171,.12);transform:translateY(-2px)}.spec-cell.primary{background:linear-gradient(135deg,#fff5f7,var(--white));border-color:var(--pink)}.spec-cell.primary:hover{border-color:var(--pink-dark);box-shadow:0 4px 16px rgba(253,61,107,.18)}.spec-cell.primary .spec-value{color:var(--pink-dark)}.spec-label{align-items:center;color:var(--muted);display:flex;font-size:.68rem;font-weight:700;gap:.3rem;letter-spacing:.1em;margin-bottom:.45rem;text-transform:uppercase}.spec-label i{font-size:.85rem}.spec-value{color:var(--primary);font-family:var(--font-display);font-size:1.3rem;font-weight:700;line-height:1.15}.spec-unit{color:var(--muted);font-size:.75rem;font-weight:500;margin-top:.2rem}.spec-semantic-table td,.spec-semantic-table th{padding:.85rem 1rem}.app-grid,.feat-grid{display:flex;flex-wrap:wrap;gap:.5rem}.feat-badge{align-items:center;background:var(--white);border:1.5px solid var(--border);border-radius:2rem;box-shadow:var(--shadow-sm);color:var(--secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:.45rem;padding:.45rem 1rem}.feat-badge:hover{background:var(--pink-tint);border-color:var(--pink)}.feat-badge i{color:var(--pink);font-size:.85rem}.app-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:.45rem;color:var(--secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .85rem;transition:background var(--t),border-color var(--t)}.app-chip:hover{background:var(--pink-tint);border-color:var(--pink)}.app-chip i{color:var(--pink);font-size:.8rem}.doc-row{align-items:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary);display:flex;gap:1rem;margin-bottom:.5rem;padding:.85rem 1.1rem;text-decoration:none;transition:border-color var(--t),box-shadow var(--t)}.doc-row:last-child{margin-bottom:0}.doc-row:hover{border-color:var(--primary-light);box-shadow:0 4px 16px rgba(31,91,171,.1);color:var(--primary)}.doc-icon-wrap{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;font-size:1.15rem;height:2.6rem;justify-content:center;width:2.6rem}.doc-icon-wrap.pdf{background:#fff0f0;color:#e53e3e}.doc-name{font-size:.875rem;font-weight:600;margin-bottom:.1rem}.doc-dl,.doc-meta{color:var(--muted);font-size:.72rem}.doc-dl{font-size:.9rem;margin-left:auto}.faq-item{border-bottom:1px solid var(--border);padding:1rem 0}.faq-item:first-child{padding-top:0}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;color:var(--primary);cursor:pointer;display:flex;font-family:var(--font-display);font-size:.95rem;font-weight:600;justify-content:space-between;padding:.5rem 0}.faq-question:hover{color:var(--pink)}.faq-answer{color:var(--muted);font-size:.9rem;line-height:1.6;padding:.5rem 0 .75rem}.order-steps-grid .step-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);height:100%;padding:1.25rem;position:relative;transition:transform var(--t),box-shadow var(--t)}.order-steps-grid .step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.order-steps-grid .step-num{color:var(--pink);font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.order-steps-grid .step-title{color:var(--primary);font-family:var(--font-display);font-size:.92rem;font-weight:700;margin-bottom:.35rem}.order-steps-grid .step-desc{color:var(--muted);font-size:.78rem;line-height:1.5}.related-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;display:block;height:100%;overflow:hidden;text-decoration:none;transition:box-shadow var(--t),transform var(--t),border-color var(--t)}.related-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);color:inherit;transform:translateY(-4px)}.related-head{align-items:flex-start;background:linear-gradient(135deg,#11387a,#1f5bab);display:flex;gap:.75rem;min-height:5rem;padding:1.25rem}.related-icon{align-items:center;background:hsla(0,0%,100%,.15);border-radius:.5rem;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:2.5rem;justify-content:center;width:2.5rem}.related-name{color:#fff;font-family:var(--font-display);font-size:.95rem;font-weight:700;line-height:1.25;margin-top:.15rem}.related-body{padding:1rem 1.25rem 1.25rem}.related-desc{color:var(--muted);font-size:.78rem;line-height:1.55;margin-bottom:.65rem}.related-pill{background:var(--pink-tint);border-radius:2rem;color:var(--pink-dark);display:inline-block;font-family:var(--font-display);font-size:.72rem;font-weight:700;margin-bottom:.6rem;padding:.2rem .65rem}.related-link{align-items:center;color:var(--pink);display:inline-flex;font-size:.78rem;font-weight:700;gap:.25rem}.sidebar{position:sticky;top:5rem}.cta-box{background:linear-gradient(160deg,#11387a,#1f5bab);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;padding:1.75rem;position:relative}.cta-box:before{background:radial-gradient(circle,rgba(253,61,107,.3),transparent 70%);border-radius:50%;content:"";height:8rem;position:absolute;right:-2rem;top:-2rem;width:8rem}.cta-title{color:#fff;font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;position:relative}.cta-sub{color:hsla(0,0%,100%,.8);font-size:.82rem;line-height:1.6;margin-bottom:1.25rem;position:relative}.btn-ghost{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.25);border-radius:.6rem;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:600;padding:.65rem 1rem;position:relative;text-align:center;text-decoration:none;transition:background var(--t);width:100%}.btn-ghost:hover{background:hsla(0,0%,100%,.2);color:#fff}.cta-divider{border-top:1px solid hsla(0,0%,100%,.15);margin:1.25rem 0;position:relative}.cta-info-row{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:.8rem;gap:.6rem;margin-bottom:.4rem;position:relative}.cta-info-row i{color:var(--pink-tint);font-size:.9rem}.cw-header,.ss-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.cw-title,.ss-label{color:var(--primary);font-family:var(--font-display);font-size:.95rem;font-weight:700}.cw-sub,.cw-text{color:var(--muted);font-size:.8rem;line-height:1.5;margin-bottom:1rem}.cw-sub{font-size:.75rem;margin-bottom:0}.ss-icon{align-items:center;background:var(--pink-tint);border-radius:.4rem;color:var(--pink);display:flex;font-size:.9rem;height:2rem;justify-content:center;width:2rem}.ss-table{border-collapse:collapse;width:100%}.ss-table tr{border-bottom:1px solid var(--border)}.ss-table tr:last-child{border-bottom:none}.ss-table td{font-size:.82rem;padding:.5rem 0;vertical-align:middle}.ss-table td:first-child{color:var(--muted)}.ss-table td:last-child{color:var(--primary);font-family:var(--font-display);font-weight:700;text-align:right}.note-box{background:var(--pink-tint);border:1px solid rgba(253,61,107,.25);border-left:4px solid var(--pink);border-radius:var(--radius);color:var(--pink-dark);font-size:.8rem;line-height:1.6;padding:.9rem 1rem}.note-box strong{display:flex;font-size:.82rem;margin-bottom:.25rem}.note-box strong,.stat-badge{align-items:center;gap:.35rem}.stat-badge{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;color:hsla(0,0%,100%,.9);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.au{animation:fadeUp .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}.d5{animation-delay:.3s}.d6{animation-delay:.36s}.reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}@media (max-width:991px){.sidebar{margin-top:2rem;position:static;top:auto}}@media (max-width:767px){.hero-inner{padding:2.25rem 0 2rem}.hero-title{font-size:1.75rem}.spec-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}