:root{--ink:#0b1424;--ink2:#111f35;--paper:#f4f1ea;--white:#fff;--cyan:#27afe0;--cyan2:#87dcf5;--orange:#ff8a24;--muted:#697789;--line:#cdd5dc;--max:1280px;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}.progress{position:fixed;z-index:1000;left:0;right:0;top:0;height:3px;background:transparent}.progress span{display:block;height:100%;width:0;background:var(--orange)}
.topbar{position:sticky;z-index:99;top:0;height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(244,241,234,.94);border-bottom:1px solid rgba(11,20,36,.14);backdrop-filter:blur(14px)}.wordmark{display:flex;align-items:center;text-decoration:none}.wordmark img{display:block;width:164px;height:54px;object-fit:contain;background:#fff}.nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.nav a{text-decoration:none}.nav a:hover{color:#078ab9}.nav-cta{padding:11px 18px;color:#fff!important;background:var(--ink)}.menu-btn{display:none;border:0;background:none;font-weight:900;letter-spacing:.1em}
.hero{min-height:calc(100vh - 78px);padding:clamp(70px,8vw,120px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(40px,7vw,110px);align-items:center;max-width:1536px;margin:auto}.kicker,.index{display:flex;align-items:center;gap:10px;font:800 12px/1.2 Arial,sans-serif;letter-spacing:.15em;color:#147ea3}.kicker i{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(255,138,36,.13)}h1{margin:28px 0 30px;font-size:clamp(56px,7vw,108px);line-height:.95;letter-spacing:-.055em;font-weight:900}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--cyan);position:relative}h1 em:after{content:"";position:absolute;height:8px;left:0;right:0;bottom:-8px;background:var(--orange)}.hero-lead{max-width:700px;font-size:clamp(17px,1.35vw,21px);color:#475466}.hero-actions{display:flex;gap:12px;margin:38px 0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 20px;border:1px solid var(--ink);border-radius:0;text-decoration:none;font-weight:800;cursor:pointer}.btn.hot{background:var(--orange);border-color:var(--orange);color:#111}.btn.hot:hover{background:#ff9e48}.btn.ghost{background:transparent}.hero-proof{display:flex;border-top:1px solid var(--line);padding-top:22px;gap:0}.hero-proof span{padding-right:30px;margin-right:30px;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}.hero-proof span:last-child{border:0}.hero-proof b{display:block;font-size:18px;color:var(--ink)}
.control-panel{background:var(--ink);color:var(--cyan2);border:1px solid #293a53;box-shadow:22px 22px 0 var(--cyan)}.panel-head{height:56px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293a53;font:700 11px Arial;letter-spacing:.12em}.panel-head i{color:#70e3ab;font-style:normal}.panel-head i:before{content:"";display:inline-block;width:7px;height:7px;background:#70e3ab;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #70e3ab}.machine-map{width:100%;display:block;min-height:430px;color:#5f7998}.flow-line{fill:none;stroke:var(--orange);stroke-width:3;stroke-dasharray:8 9;animation:dash 12s linear infinite}.unit rect{fill:#101e32;stroke:#57708f;stroke-width:2}.unit.active rect{fill:rgba(39,175,224,.13);stroke:var(--cyan)}.unit text{fill:#bcd1e4;text-anchor:middle;font:700 12px Arial}.annotation{fill:#7087a0;font:10px Arial;letter-spacing:.07em}.pulse-dot{fill:var(--orange);filter:drop-shadow(0 0 9px var(--orange));animation:pulse 1.6s infinite}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #293a53}.panel-stats span{padding:18px;border-right:1px solid #293a53}.panel-stats span:last-child{border:0}.panel-stats i{display:block;font:10px Arial;color:#7087a0}.panel-stats b{font-size:22px;color:#fff}@keyframes dash{to{stroke-dashoffset:-200}}@keyframes pulse{50%{r:12;opacity:.5}}
.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cyan);color:#062b39;border-top:1px solid #1594c2;border-bottom:1px solid #1594c2}.signal-strip div{padding:22px var(--pad);border-right:1px solid rgba(6,43,57,.22);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.signal-strip span{display:block;font-size:24px;font-weight:900;letter-spacing:-.03em}.section{padding:clamp(80px,10vw,150px) var(--pad);max-width:1536px;margin:auto}.section-head{display:grid;grid-template-columns:180px minmax(350px,.8fr) minmax(300px,.7fr);gap:clamp(25px,4vw,70px);align-items:start;margin-bottom:70px}.section-head h2{font-size:clamp(42px,5.2vw,78px);line-height:1.02;letter-spacing:-.05em;margin:0}.section-head>p:last-child{margin:6px 0;color:var(--muted);font-size:17px;max-width:600px}.contrast{background:var(--paper)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.compare{padding:clamp(30px,5vw,70px)}.compare.old{background:#e5e2da}.compare.new{background:var(--ink);color:#fff}.compare>span{font:800 11px Arial;letter-spacing:.12em;color:var(--orange)}.compare h3{font-size:clamp(24px,2.5vw,38px);line-height:1.15;margin:25px 0}.compare ul{list-style:none;padding:0;margin:0}.compare li{padding:14px 0 14px 28px;border-top:1px solid currentColor;position:relative}.compare li:before{content:"—";position:absolute;left:0;color:var(--orange)}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;gap:1px;background:var(--line);border:1px solid var(--line)}.audience-grid article{padding:28px;background:var(--white)}.audience-grid b{font-size:20px}.audience-grid p{color:var(--muted);font-size:14px;margin-bottom:0}
.dark{max-width:none;background:var(--ink);color:#fff}.dark>.section-head,.dark>.studio-tabs,.dark>.studio-readout,.dark>.modules,.dark>.timeline{max-width:1392px;margin-left:auto;margin-right:auto}.dark .index{color:var(--cyan)}.dark .section-head>p:last-child{color:#9dadc0}.studio-tabs{display:flex;border-bottom:1px solid #314056}.studio-tabs button{padding:16px 24px;border:0;border-right:1px solid #314056;color:#8fa2b9;background:none;cursor:pointer}.studio-tabs button.active{color:#061822;background:var(--cyan)}.studio-readout{display:grid;grid-template-columns:1fr 1fr;border:1px solid #314056;border-top:0;min-height:270px}.studio-readout>div{padding:45px}.studio-readout small{font:800 11px Arial;color:var(--orange);letter-spacing:.12em}.studio-readout h3{font-size:36px;line-height:1.1;margin:18px 0}.studio-readout p{color:#9dadc0}.studio-readout dl{margin:0;display:grid;grid-template-columns:1fr 1fr;background:#0e1a2c}.studio-readout dl div{padding:30px;border-left:1px solid #314056;border-bottom:1px solid #314056}.studio-readout dt{color:#75889f;font-size:12px}.studio-readout dd{margin:8px 0 0;font-weight:800}.modules{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #314056;border-left:1px solid #314056;margin-top:40px}.module{min-height:230px;padding:25px;border-right:1px solid #314056;border-bottom:1px solid #314056;background:#0d192a;transition:.2s}.module:hover{background:#132640;transform:translateY(-5px)}.module small{color:var(--cyan);font:700 10px Arial}.module h3{font-size:17px;margin:30px 0 12px}.module p{color:#8fa2b9;font-size:13px}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}.process-line article{padding:35px;border-right:1px solid var(--line);min-height:360px;display:flex;flex-direction:column}.process-line article:last-child{border:0}.process-line em{font:900 70px Arial;color:transparent;-webkit-text-stroke:1px var(--cyan)}.process-line h3{font-size:23px;line-height:1.2}.process-line p{color:var(--muted)}.process-line b{margin-top:auto;color:#11799e;font-size:13px}.evidence{background:#fff;max-width:none}.evidence>*{max-width:1392px;margin-left:auto;margin-right:auto}.table-wrap{overflow:auto;border:1px solid var(--ink)}table{border-collapse:collapse;width:100%;min-width:820px}th{background:var(--ink);color:#fff;text-align:left;font-size:12px;letter-spacing:.08em;padding:18px}td{padding:18px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border:0}td:nth-child(2){font-size:24px;font-weight:900;color:#0d86b1}td b{display:block;color:#0a835c}td small{color:var(--muted)}.fineprint{color:var(--muted);font-size:12px;margin-top:16px!important}
.filter-bar{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filter-bar button{border:1px solid var(--ink);background:transparent;padding:11px 18px;cursor:pointer}.filter-bar button.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{padding:27px;background:#fff;border:1px solid #d7dbe0;display:flex;flex-direction:column;min-height:390px}.product .code{display:flex;justify-content:space-between;color:#177d9f;font:800 11px Arial;letter-spacing:.08em}.product h3{font-size:20px;line-height:1.25;margin:24px 0}.product .capacity{font-size:34px;font-weight:900;letter-spacing:-.04em}.product .capacity small{display:block;font-size:12px;color:var(--muted);letter-spacing:0}.product dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.product dt{color:var(--muted);font-size:11px}.product dd{margin:2px 0;font-size:13px;font-weight:700}.product .price{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:25px;font-weight:900}.product .price small{font-size:11px;color:var(--muted);font-weight:400}.product button{margin-top:14px;width:100%}.cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cycle article{padding:36px;border:1px solid var(--ink);position:relative;overflow:hidden}.cycle span{position:absolute;right:10px;top:-30px;font:900 120px Arial;color:rgba(39,175,224,.13)}.cycle h3{font-size:27px}.cycle p{color:var(--muted)}
.timeline{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#314056;border:1px solid #314056}.timeline li{background:var(--ink);padding:32px;display:grid;grid-template-columns:65px 1fr;gap:20px}.timeline span{font:900 35px Arial;color:var(--cyan)}.timeline h3{margin:2px 0 10px}.timeline p{color:#94a7bd;margin:0}.calc-shell{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border:1px solid var(--ink)}.calc-inputs{padding:45px;border-right:1px solid var(--ink)}.calc-inputs label{display:block;font-weight:800;margin-bottom:40px}.calc-inputs output{float:right;color:#0b81aa}.calc-inputs input{display:block;width:100%;margin-top:20px;accent-color:var(--orange)}.calc-results{display:grid;grid-template-columns:1fr 1fr}.calc-results>div{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calc-results small{display:block;color:var(--muted)}.calc-results b{display:block;font-size:24px;margin-top:9px}.calc-results .result-main{grid-column:1/-1;background:var(--cyan)}.calc-results .result-main b{font-size:clamp(34px,4vw,64px)}.notes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.notes-grid article{padding:26px;background:#fff;min-height:145px}.notes-grid b{font:800 12px Arial;color:#0d86b1}.notes-grid p{font-weight:700}
.contact{max-width:none;background:var(--cyan);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,7vw,110px)}.contact-intro{padding-left:max(0px,calc((100vw - 1392px)/2))}.contact h2{font-size:clamp(44px,5vw,74px);line-height:1;letter-spacing:-.05em;margin:26px 0}.contact-intro>p:not(.index){max-width:570px}.contact address{font-style:normal;margin-top:50px;padding-top:30px;border-top:1px solid rgba(0,0,0,.3)}.contact address strong{font-size:18px}.quote-form{background:var(--paper);padding:clamp(28px,4vw,55px);display:grid;grid-template-columns:1fr 1fr;gap:20px}.quote-form label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #aeb7c0;background:#fff;padding:13px;border-radius:0}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:3px solid rgba(39,175,224,.22);border-color:#0d86b1}.wide{grid-column:1/-1}.form-status{margin:0;font-size:13px;color:#9f2500}.quote-form .btn{width:100%}
footer{background:#07101e;color:#94a7bd;padding:55px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end}footer .wordmark img{width:190px;height:74px;padding:4px}footer p{justify-self:end}footer>div:last-of-type{display:flex;gap:28px;justify-self:end}footer>small{grid-column:1/-1;border-top:1px solid #27364c;padding-top:24px}dialog{width:min(900px,94vw);max-height:90vh;border:0;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.45)}dialog::backdrop{background:rgba(4,10,20,.8)}.dialog-close{position:sticky;float:right;top:10px;right:10px;width:42px;height:42px;background:var(--ink);color:#fff;border:0;font-size:28px;z-index:2}.quote-sheet{padding:50px}.quote-sheet h2{font-size:30px}.quote-sheet header{border-bottom:3px solid var(--ink);padding-bottom:22px;margin-bottom:25px;display:flex;justify-content:space-between}.quote-sheet .quote-brand img{width:180px}.quote-sheet .q-number{text-align:right}.quote-sheet .q-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#eef1f3;padding:20px}.quote-sheet table{min-width:0;margin:25px 0}.quote-sheet td:nth-child(2){font-size:16px;color:inherit}.quote-sheet .quote-total{font-size:30px;text-align:right}.print-btn{margin:0 50px 50px;float:right}
.hero-image-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#101e32}.hero-image-wrap img{width:100%;height:100%;display:block;object-fit:cover}.hero-image-wrap span{position:absolute;left:14px;bottom:12px;padding:7px 9px;background:rgba(7,16,30,.82);color:#a8bfd4;font:700 9px Arial;letter-spacing:.09em}.dark>.studio-visual{max-width:1392px;margin-left:auto;margin-right:auto}.studio-visual{margin-top:0;margin-bottom:0;border:1px solid #314056;border-bottom:0;background:#07101e;position:relative}.studio-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:opacity .25s}.studio-visual figcaption{position:absolute;left:18px;bottom:15px;max-width:560px;background:rgba(7,16,30,.86);color:#b7c7d8;padding:10px 13px;font-size:11px}.studio-visual+.studio-readout{border-top:1px solid #314056}
.reveal{opacity:0;transform:translateY(25px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.control-panel{max-width:800px}.section-head{grid-template-columns:120px 1fr}.section-head>p:last-child{grid-column:2}.modules{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.audience-grid,.process-line{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.contact-intro{padding-left:0}.notes-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:14px}.nav a:not(.nav-cta){display:none}}
@media(max-width:700px){.topbar{height:68px}.wordmark img{width:130px;height:44px}.menu-btn{display:block}.nav{position:absolute;left:0;right:0;top:68px;background:var(--paper);display:none;padding:20px;border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a:not(.nav-cta){display:block}.hero{padding-top:60px;grid-template-columns:1fr}.control-panel{box-shadow:10px 10px 0 var(--cyan)}.machine-map{min-height:0}.signal-strip{grid-template-columns:1fr 1fr}.signal-strip div{padding:18px}.section-head{display:block;margin-bottom:45px}.section-head .index{margin-bottom:25px}.section-head h2{margin-bottom:25px}.compare-grid,.audience-grid,.studio-readout,.process-line,.product-grid,.cycle,.timeline,.calc-shell,.notes-grid,.quote-form{grid-template-columns:1fr}.studio-tabs{overflow:auto}.studio-tabs button{white-space:nowrap}.studio-readout dl{grid-template-columns:1fr 1fr}.modules{grid-template-columns:1fr}.calc-inputs{border-right:0;border-bottom:1px solid var(--ink)}.contact{padding-left:20px;padding-right:20px}.wide{grid-column:auto}.quote-form .wide{grid-column:1}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hero-proof span{border:0}.panel-stats b{font-size:16px}footer{grid-template-columns:1fr}footer p,footer>div:last-of-type{justify-self:start}footer>small{grid-column:1}.quote-sheet{padding:25px}.quote-sheet header,.quote-sheet .q-grid{display:block}.print-btn{margin:0 25px 25px}}
@media print{body>*:not(dialog){display:none}dialog[open]{position:static;width:100%;max-height:none;box-shadow:none}.dialog-close,.print-btn{display:none}.quote-sheet{padding:0}}

/* Typography and white-surface refinement */
@font-face{font-family:"IBM Plex Sans Thai";src:url("fonts/IBMPlexSansThai-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Thai";src:url("fonts/IBMPlexSansThai-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Thai";src:url("fonts/IBMPlexSansThai-Bold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
:root{--paper:#fff;--ink:#102033;--ink2:#172b42;--muted:#506276;--line:#dce4ea;--cyan:#27afe0;--cyan2:#9be5fa}
body{background:#fff;color:var(--ink);font-family:"IBM Plex Sans Thai",Arial,sans-serif;font-size:17px;line-height:1.65}
.topbar{background:rgba(255,255,255,.95)}.nav{font-size:14px}.hero{grid-template-columns:minmax(0,1fr) minmax(470px,.92fr);grid-template-rows:auto auto auto auto auto;gap:24px clamp(40px,6vw,90px);align-items:start}.hero-copy{display:contents}.hero .kicker{grid-column:1/-1;margin:0}.hero h1{grid-column:1/-1;margin:8px 0 22px;font-size:clamp(54px,5.25vw,76px);line-height:1.12;letter-spacing:-.035em;white-space:nowrap}.hero h1 em{-webkit-text-stroke:1.5px var(--cyan)}.hero-lead{grid-column:1;grid-row:3;margin:0;max-width:720px;font-size:20px;line-height:1.7;color:#405268}.hero-actions{grid-column:1;grid-row:4;margin:18px 0 8px}.hero-proof{grid-column:1;grid-row:5}.control-panel{grid-column:2;grid-row:3/6;align-self:stretch}.btn{font-size:16px}.signal-strip div{font-size:13px}.signal-strip span{font-size:27px}
.section{background:#fff}.section.dark{background:var(--ink)}.section.contact{background:var(--cyan)}.section-head{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:26px clamp(35px,5vw,72px);margin-bottom:62px}.section-head .index{grid-column:1/-1;margin:0}.section-head h2{grid-column:1;font-size:clamp(42px,3.75vw,54px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.section-head>p:last-child{grid-column:2;font-size:18px;line-height:1.72;color:var(--muted);max-width:520px}.compare.old{background:#f3f6f8}.compare h3{font-size:30px;line-height:1.3}.compare li{font-size:16px;line-height:1.65}.audience-grid article{padding:32px}.audience-grid b{font-size:22px}.audience-grid p{font-size:16px;line-height:1.7}.studio-readout h3{font-size:31px;line-height:1.25}.studio-readout p{font-size:17px;line-height:1.7}.studio-readout dt{font-size:13px}.studio-readout dd{font-size:16px}.module h3{font-size:20px;line-height:1.45}.module p{font-size:16px;line-height:1.65}.module small{font-size:11px}.process-line h3{font-size:25px;line-height:1.35}.process-line p{font-size:16px;line-height:1.7}.process-line b{font-size:14px}th{font-size:14px}td{font-size:17px}.fineprint{font-size:14px}.filter-bar button{font-size:15px}.product .code{font-size:12px}.product h3{font-size:22px;line-height:1.4}.product .capacity{font-size:32px}.product .capacity small{font-size:14px}.product dt{font-size:13px}.product dd{font-size:15px}.product p{font-size:16px;line-height:1.65}.product .price{font-size:26px}.product .price small{font-size:13px}.cycle h3{font-size:27px}.cycle p{font-size:16px;line-height:1.7}.timeline h3{font-size:22px}.timeline p{font-size:16px;line-height:1.7}.calc-inputs label{font-size:17px}.calc-results small{font-size:14px}.calc-results b{font-size:25px}.notes-grid p{font-size:17px;line-height:1.6}.contact h2{font-size:clamp(42px,3.75vw,54px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.contact-intro>p:not(.index),.contact address{font-size:17px;line-height:1.75}.quote-form label{font-size:14px}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}.form-status{font-size:14px}footer p,footer a,footer small{font-size:16px}

@media(max-width:1100px){.hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:26px}.hero-copy{display:block}.hero .kicker,.hero h1,.hero-lead,.hero-actions,.hero-proof,.control-panel{grid-column:auto;grid-row:auto}.hero h1{white-space:normal;font-size:clamp(48px,7vw,66px);margin:22px 0}.section-head{grid-template-columns:1fr}.section-head .index,.section-head h2,.section-head>p:last-child{grid-column:1}.section-head h2{font-size:clamp(40px,5.3vw,52px)}.section-head>p:last-child{max-width:760px}.contact h2{font-size:clamp(40px,5.3vw,52px)}}
@media(max-width:700px){body{font-size:16px}.hero h1{font-size:42px;line-height:1.2;letter-spacing:-.025em}.hero-lead{font-size:18px}.section-head h2,.contact h2{font-size:34px;line-height:1.28;letter-spacing:-.025em}.section-head>p:last-child{font-size:17px}.compare h3{font-size:26px}.studio-readout h3{font-size:28px}.product h3{font-size:21px}.product .capacity{font-size:30px}.notes-grid p{font-size:16px}}

@media(min-width:1101px){.section-head{grid-template-columns:1fr;gap:20px}.section-head .index,.section-head h2,.section-head>p:last-child{grid-column:1}.section-head h2{white-space:nowrap}.section-head>p:last-child{max-width:800px}}
@media(max-width:1100px){.section-head h2{white-space:normal}}

/* Product comparison table */
.product-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);background:#fff;box-shadow:0 16px 45px rgba(16,32,51,.06);scrollbar-color:var(--cyan) #edf2f5;scrollbar-width:thin}.product-table{width:100%;min-width:1380px;border-collapse:separate;border-spacing:0}.product-table th{position:sticky;top:78px;z-index:3;padding:17px 16px;background:var(--ink);color:#fff;border-right:1px solid #34475d;font-size:13px;line-height:1.35;letter-spacing:.02em;white-space:nowrap}.product-table th:first-child{left:0;z-index:5;min-width:285px}.product-table td{padding:18px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;font-size:15px;line-height:1.55;color:#33475c;background:#fff}.product-table tbody tr:last-child td{border-bottom:0}.product-table tbody tr:hover td{background:#f5fbfd}.product-table td:first-child{position:sticky;left:0;z-index:2;min-width:285px;background:#fff;box-shadow:8px 0 16px rgba(16,32,51,.04)}.product-table tbody tr:hover td:first-child{background:#f5fbfd}.model-cell strong,.model-cell small,.price-cell small{display:block}.model-code{display:inline-block;margin-bottom:8px;padding:4px 8px;background:#e6f7fc;color:#087da7;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.05em}.model-cell strong{max-width:290px;color:var(--ink);font-size:17px;line-height:1.45}.model-cell>small{margin-top:4px;color:#6b7c8d;font-size:13px}.model-cell details{margin-top:10px}.model-cell summary{color:#087da7;font-size:13px;font-weight:600;cursor:pointer}.model-cell details p{max-width:270px;margin:7px 0 0;color:#536578;font-size:13px}.capacity-cell strong{color:#087da7;font-size:18px;white-space:nowrap}.price-col{text-align:right}.price-cell{text-align:right;white-space:nowrap}.price-cell strong{display:block;color:var(--ink);font-size:20px}.price-cell small{color:#6b7c8d;font-size:12px}.action-cell{vertical-align:middle!important}.table-choose{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:120px;padding:10px 12px;border:1px solid var(--ink);background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.table-choose:hover{background:var(--orange);border-color:var(--orange)}.table-note{display:none;margin:0;padding:10px 14px;background:#edf8fc;color:#366074;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.product-table-wrap{margin-left:0;margin-right:0}.product-table{min-width:1240px}.product-table th{top:68px}.product-table th:first-child,.product-table td:first-child{min-width:245px}.model-cell strong{font-size:16px}.table-note{display:block;position:sticky;left:0}}
.product-table{min-width:1280px}
@media(max-width:700px){.product-table{min-width:1240px}.product-table th:first-child,.product-table td:first-child{position:static;box-shadow:none}}

/* Corporate IT Infrastructure & Smart City */
.stack-list{list-style:none;margin:0;padding:0}.stack-list li{border-bottom:1px solid #293a53}.stack-list a{display:grid;grid-template-columns:42px 1fr;gap:2px 14px;padding:17px 22px;text-decoration:none;color:#fff;transition:background .2s}.stack-list a:hover{background:#132640}.stack-list small{grid-row:1/3;font:800 13px Arial;color:var(--cyan);padding-top:4px}.stack-list b{font-size:18px}.stack-list span{font-size:13px;color:#8fa2b9}.stack-list li.hot a{background:rgba(255,138,36,.12)}.stack-list li.hot small{color:var(--orange)}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.solution-grid article{padding:34px;background:#fff;display:flex;flex-direction:column}.solution-grid small{font:800 12px Arial;letter-spacing:.12em;color:#0d86b1}.solution-grid h3{font-size:25px;line-height:1.3;margin:18px 0 10px}.solution-grid p{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 18px}.solution-grid ul{list-style:none;padding:0;margin:0 0 4px}.solution-grid li{padding:10px 0 10px 24px;border-top:1px solid var(--line);position:relative;font-size:15px;line-height:1.55}.solution-grid li:before{content:"—";position:absolute;left:0;color:var(--orange)}.solution-grid .featured{background:var(--ink);color:#fff}.solution-grid .featured small{color:var(--orange)}.solution-grid .featured p{color:#9dadc0}.solution-grid .featured li{border-color:#314056}.solution-grid .featured .btn{margin-top:auto;align-self:flex-start}.solution-grid .featured ul{margin-bottom:26px}
.incin-hero{margin:0 0 26px;background:var(--ink);border:1px solid var(--ink)}.incin-hero img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}.incin-hero .panel-stats{color:var(--cyan2)}
@media(max-width:1100px){.solution-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.solution-grid{grid-template-columns:1fr}.solution-grid article{padding:26px}.stack-list a{padding:14px 16px}.stack-list b{font-size:16px}.incin-hero img{aspect-ratio:16/9}}
@media(min-width:1101px){.hero h1{grid-column:1}.hero .control-panel{grid-row:2/6;align-self:start}.stack-list a{padding:13px 22px}.stack-list b{font-size:17px}}

/* Smaller type scale (2026-10-30) */
body{font-size:15px}.nav{font-size:13px}.btn{font-size:15px;padding:13px 18px}
.hero h1{font-size:clamp(40px,3.9vw,56px)}.hero-lead{font-size:17px}.hero-proof b{font-size:16px}
.section{padding-top:clamp(64px,7vw,110px);padding-bottom:clamp(64px,7vw,110px)}
.section-head{margin-bottom:46px}.section-head h2,.contact h2{font-size:clamp(32px,2.9vw,42px)}.section-head>p:last-child{font-size:16px}
.signal-strip span{font-size:22px}.signal-strip div{font-size:12px}
.stack-list b{font-size:16px}.stack-list span{font-size:12px}
.solution-grid h3{font-size:21px}.solution-grid p{font-size:15px}.solution-grid li{font-size:14px}
.audience-grid b{font-size:19px}.audience-grid p{font-size:15px}
.compare h3{font-size:24px}.compare li{font-size:15px}
.studio-readout h3{font-size:25px}.studio-readout p{font-size:15px}.studio-readout dd{font-size:15px}
.module h3{font-size:17px}.module p{font-size:14px}
.process-line h3{font-size:20px}.process-line p{font-size:15px}.process-line em{font-size:56px}
td{font-size:15px}td:nth-child(2){font-size:20px}th{font-size:13px}.fineprint{font-size:13px}
.product-table td{font-size:14px}.model-cell strong{font-size:15px}.capacity-cell strong{font-size:16px}.price-cell strong{font-size:18px}
.cycle h3{font-size:22px}.cycle p{font-size:15px}.cycle span{font-size:96px}
.timeline h3{font-size:19px}.timeline p{font-size:15px}.timeline span{font-size:28px}
.calc-inputs label{font-size:15px}.calc-results small{font-size:13px}.calc-results b{font-size:21px}.calc-results .result-main b{font-size:clamp(30px,3vw,48px)}
.notes-grid p{font-size:15px}
.contact-intro>p:not(.index),.contact address{font-size:15px}.quote-form label{font-size:13px}.quote-form input,.quote-form select,.quote-form textarea{font-size:15px}
footer p,footer a,footer small{font-size:14px}
@media(max-width:1100px){.hero h1{font-size:clamp(36px,6vw,50px)}.section-head h2,.contact h2{font-size:clamp(30px,4.5vw,40px)}}
@media(max-width:700px){.hero h1{font-size:34px}.hero-lead{font-size:16px}.section-head h2,.contact h2{font-size:28px}.section-head>p:last-child{font-size:15px}.compare h3{font-size:21px}.studio-readout h3{font-size:22px}.solution-grid h3{font-size:20px}}

/* Compact spacing (2026-10-30) */
.hero{min-height:0;padding-top:clamp(36px,4vw,56px);padding-bottom:clamp(40px,4.5vw,64px);row-gap:16px}.hero h1{margin:4px 0 12px}.hero-actions{margin:14px 0 4px}.hero-proof{padding-top:16px}
.section{padding-top:clamp(44px,4.5vw,72px);padding-bottom:clamp(44px,4.5vw,72px)}
.section-head{margin-bottom:28px;gap:12px}.section-head>p:last-child{margin:0}
.solution-grid article{padding:24px 26px}.solution-grid h3{margin:10px 0 6px}.solution-grid p{margin-bottom:12px}.solution-grid li{padding:7px 0 7px 22px}
.audience-grid{margin-top:18px}.audience-grid article{padding:22px}.audience-grid p{margin-top:6px}
.compare{padding:clamp(24px,3vw,40px)}.compare h3{margin:14px 0}.compare li{padding:10px 0 10px 26px}
.incin-hero{margin-bottom:18px}.incin-hero img{aspect-ratio:24/9}
.studio-readout{min-height:0}.studio-readout>div{padding:30px}.studio-readout dl div{padding:20px}.modules{margin-top:24px}.module{min-height:0;padding:20px}.module h3{margin:14px 0 8px}
.process-line article{min-height:0;padding:26px}.process-line em{font-size:44px;line-height:1}
.cycle{gap:14px}.cycle article{padding:26px}
.timeline li{padding:22px}
.calc-inputs{padding:30px}.calc-inputs label{margin-bottom:24px}.calc-results>div{padding:20px}
.notes-grid article{min-height:0;padding:20px}
.contact address{margin-top:26px;padding-top:20px}.contact h2{margin:14px 0}.quote-form{gap:14px;padding:clamp(22px,3vw,36px)}
.fineprint{margin-top:10px!important}
@media(max-width:700px){.hero{padding-top:28px;padding-bottom:36px}.section{padding-top:40px;padding-bottom:40px}.section-head{margin-bottom:22px}.section-head h2{margin:8px 0}}
.section{padding-top:clamp(36px,3.6vw,56px);padding-bottom:clamp(36px,3.6vw,56px)}
#about,.section.process,.section.circular,.section.calculator{background:#f4f7f9}
.incin-hero img{aspect-ratio:auto;height:clamp(220px,30vw,420px)}.studio-visual img{aspect-ratio:auto;height:clamp(220px,34vw,520px)}
.product-table td{padding:10px 14px}.product-table th{padding:12px 14px}.model-code{margin-bottom:4px}.model-cell details{margin-top:4px}.model-cell strong{max-width:none}.product-table th:first-child,.product-table td:first-child{min-width:320px}.table-choose{padding:8px 10px}
td{padding:12px 16px}th{padding:13px 16px}

/* Product table: fits width, no horizontal scroll (2026-10-30) */
.product-table-wrap{overflow:visible}.product-table.fit{min-width:0;width:100%;table-layout:fixed}
.product-table.fit .c-model{width:34%}.product-table.fit .c-cap{width:14%}.product-table.fit .c-size{width:15%}.product-table.fit .c-days{width:8%}.product-table.fit .c-ash{width:11%}.product-table.fit .c-price{width:11%}.product-table.fit .c-act{width:7%}
.product-table.fit th{position:static;white-space:normal;padding:11px 12px;font-size:12.5px}.product-table.fit td{padding:9px 12px;font-size:14px;vertical-align:middle}
.product-table.fit td:first-child,.product-table.fit th:first-child{position:static;min-width:0;box-shadow:none}
.product-table.fit .model-code{margin:0 8px 0 0;font-size:11px;vertical-align:middle}.product-table.fit .model-cell strong{display:inline;font-size:14px;line-height:1.45}
.product-table.fit .capacity-cell strong{font-size:15px;white-space:normal}.product-table.fit .capacity-cell small{display:block;color:#6b7c8d;font-size:12px}
.product-table.fit .price-cell strong{font-size:16px}.product-table.fit .table-choose{min-width:0;width:100%;gap:6px;padding:7px 8px;font-size:13px}
.table-foot{margin:0;padding:10px 14px;border-top:1px solid var(--line);color:#6b7c8d;font-size:13px;background:#f8fafb}
@media(max-width:860px){
.product-table.fit,.product-table.fit tbody,.product-table.fit tr,.product-table.fit td{display:block;width:auto}
.product-table.fit thead,.product-table.fit colgroup{display:none}
.product-table.fit tbody{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f4f7f9}
.product-table.fit tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line)}
.product-table.fit td{border:0;border-top:1px solid var(--line);padding:8px 12px;font-size:13.5px}
.product-table.fit td[data-label]:before{content:attr(data-label);display:block;color:#6b7c8d;font-size:11.5px}
.product-table.fit td.model-cell{grid-column:1/-1;border-top:0;background:#f5fbfd}
.product-table.fit td.action-cell{grid-column:1/-1}.product-table.fit .price-cell{text-align:left}
.table-foot{position:static}}
@media(max-width:560px){.product-table.fit tbody{grid-template-columns:1fr;padding:8px}}
@media(max-width:860px){.product-table.fit td.action-cell{grid-column:auto;display:flex;align-items:center}}

/* Compact contact form (2026-10-30) */
@media(min-width:1101px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,600px);align-items:start;padding-right:max(var(--pad),calc((100vw - 1392px)/2))}}
.quote-form{gap:10px 12px;padding:22px 24px;align-self:start}.quote-form label{font-size:12.5px;margin-bottom:4px}
.quote-form input,.quote-form select,.quote-form textarea{padding:8px 10px;font-size:14px}.quote-form textarea{min-height:0;height:76px}
.quote-form .btn{padding:11px 16px;font-size:14px}
.quote-form input,.quote-form select{line-height:1.3;height:36px;padding-top:6px;padding-bottom:6px}.quote-form textarea{line-height:1.45}