/*
Theme Name: TUNTIANWA Sentinel
Theme URI: https://tuntianwa.sg
Author: TUNTIANWA Singapore
Description: A lightweight, custom B2B WordPress theme for TUNTIANWA Sentinel and Command.
Version: 0.1.0
Text Domain: tuntianwa-sentinel
*/

:root{--ink:#e8e6df;--night:#121411;--forest:#1b3027;--lime:#b5d19c;--stone:#e1ded3;--soft:#b9c4b7;--rule:rgba(232,230,223,.22);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:"Instrument Sans",Arial,sans-serif;font-size:16px}a{color:inherit}button,input,select,textarea{font:inherit}.site-shell{overflow:hidden}.site-width{max-width:var(--max);margin:0 auto}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff}.header-inner{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:13px;font-weight:600;letter-spacing:.14em;text-decoration:none}.brand i{font-family:"Playfair Display",serif;font-size:18px;font-style:italic;color:var(--lime);letter-spacing:-.14em}.main-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}.main-menu a{color:rgba(255,255,255,.78);font-size:11px;text-decoration:none}.main-menu a:hover,.main-menu .current-menu-item a{color:#fff}.header-cta,.button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:11px 15px;font-size:10px;letter-spacing:.03em;text-decoration:none}.header-cta b,.button b{color:var(--lime);font-size:14px}.eyebrow{font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.13em;color:var(--lime)}
.hero{min-height:640px;position:relative;display:flex;align-items:flex-end;padding:0 5% 55px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,13,.92) 0%,rgba(10,14,13,.58) 38%,rgba(10,14,13,.08) 68%,rgba(10,14,13,.26) 100%),linear-gradient(0deg,rgba(9,13,12,.5),transparent 48%);z-index:-1}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-copy{max-width:650px}.hero h1,.page-title{font-size:clamp(48px,6.5vw,78px);line-height:.95;letter-spacing:-.07em;font-weight:500;margin:16px 0 22px;color:#fff}.hero h1 em,.display em{font-family:"Playfair Display",serif;font-weight:500}.hero p{max-width:410px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.7;margin:0 0 29px}.hero-note{font:400 9px/1.5 "DM Mono",monospace;color:rgba(255,255,255,.62);margin-top:30px}.hero-note b{color:var(--lime)}.hero-device{position:absolute;right:5.8%;top:130px;text-align:right;color:#fff;font:400 9px/1.5 "DM Mono",monospace;letter-spacing:.08em}.hero-device strong{display:block;font-family:"Instrument Sans";font-size:11px;letter-spacing:0;margin-top:3px}
.section{padding:80px 5%}.section-stone{background:var(--stone);color:#1a201b}.section-forest{background:var(--forest)}.section-dark{background:var(--night)}.split{display:grid;grid-template-columns:1fr 1fr}.split-copy{padding:74px 12% 70px 10%}.display{font-size:clamp(34px,4.2vw,52px);line-height:1;letter-spacing:-.06em;font-weight:500;margin:14px 0 22px}.section-stone p{color:#596158;line-height:1.7;font-size:13px;max-width:380px}.station-visual{position:relative;min-height:390px;background:#bfc9bb;overflow:hidden}.station-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(33,57,41,.04),rgba(33,57,41,.35)),repeating-linear-gradient(90deg,transparent 0 45px,rgba(44,66,51,.1) 46px 47px)}.station-ring{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(19,46,34,.23);left:50%;top:45px;transform:translateX(-50%)}.station-ring:after{content:"";position:absolute;inset:24px;border-radius:50%;border:1px dashed rgba(19,46,34,.25)}.station-body{position:absolute;width:132px;height:340px;bottom:-6px;left:50%;transform:translateX(-50%);border-radius:44px 44px 16px 16px;background:linear-gradient(100deg,#071d15 0%,#294838 41%,#091c15 70%,#203b2e);box-shadow:21px 20px 30px rgba(19,42,30,.25)}.station-body:before{content:"";position:absolute;top:55px;left:31px;width:70px;height:52px;border-radius:8px;background:#173d2e;border:1px solid #46735d;box-shadow:inset 0 0 0 5px #0a2319}.station-body:after{content:"";position:absolute;bottom:53px;left:30px;width:72px;height:3px;background:#5e8b73;box-shadow:0 10px #5e8b73,0 20px #5e8b73,0 30px #5e8b73}.station-meta{position:absolute;right:35px;bottom:37px;color:#264334;font:400 10px/1.55 "DM Mono",monospace}.station-meta b{color:#132b21;display:block;font:500 23px "Instrument Sans";letter-spacing:-.06em}
.quote-band{padding:80px 10%;background:#1b2e25;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:end}.quote-band blockquote{font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:0}.quote-band blockquote em{font-family:"Playfair Display",serif;font-weight:500}.quote-band p{color:#bfccbd;font-size:11px;line-height:1.7;margin:0}.quote-band p b{display:block;font:500 10px "DM Mono",monospace;color:var(--lime);letter-spacing:.08em;margin-bottom:10px}
.command-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px}.command-intro p{color:#aeb8ad;font-size:13px;line-height:1.7;max-width:330px}.command-screen{border:1px solid var(--rule);height:360px;background:#1e2420;padding:17px 20px 0;position:relative;overflow:hidden}.screen-top{display:flex;justify-content:space-between;font:400 9px "DM Mono",monospace;color:#a9b2a8}.screen-top b{color:#cbe6b5;font-weight:500}.screen-graph{position:absolute;left:10%;right:7%;top:83px;bottom:83px;border-left:1px solid #59645b;border-bottom:1px solid #59645b;background:repeating-linear-gradient(0deg,transparent 0 42px,rgba(232,230,223,.06) 43px 44px)}.screen-graph svg{width:100%;height:100%}.screen-base{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;align-items:end}.screen-readout{display:flex;gap:22px}.screen-readout div{font:400 9px "DM Mono",monospace;color:#aeb8ad}.screen-readout b{display:block;color:#fff;font:500 21px "Instrument Sans";letter-spacing:-.06em;margin-top:4px}
.pilot{display:grid;grid-template-columns:1fr 1fr;background:var(--stone);color:#1a201b}.pilot-copy{padding:78px 12% 58px 18%}.pilot-copy p{color:#5b635b;line-height:1.7;font-size:13px;max-width:360px}.timeline{margin-top:28px;border-top:1px solid #97a499}.time-row{display:grid;grid-template-columns:108px 1fr;padding:15px 0;border-bottom:1px solid #97a499}.time-row b{font:500 10px "DM Mono",monospace;color:#2a7653}.time-row span{font-size:13px}.time-row small{display:block;color:#687168;font-size:10px;margin-top:3px}.pilot-form{padding:50px 12% 40px 9%;background:#1a2c23;color:#fff}.form-title{font-size:24px;letter-spacing:-.045em;margin:8px 0 28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;margin-bottom:16px}.field label{display:block;font:400 9px "DM Mono",monospace;letter-spacing:.07em;color:#b6c7ba;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(231,237,230,.36);background:transparent;padding:8px 0;color:#fff;outline:none;font-size:12px}.field select option{color:#182019}.field textarea{resize:vertical;min-height:44px}.form-submit{margin-top:8px;border:0;background:var(--lime);color:#142119;padding:12px 16px;font-size:11px;font-weight:600;width:100%;text-align:left}.form-submit b{float:right;font-size:15px}.form-note{font:400 8px/1.6 "DM Mono",monospace;color:#aebaae;margin-top:12px}.form-message{color:#cce7b6;font-size:11px;line-height:1.6;margin-top:12px}
.notice{padding:18px 5%;background:#ddc48d;color:#4c3d1e;font-size:11px;line-height:1.65}.notice b{font-weight:600}.site-footer{padding:38px 5%;background:#10120f;color:#dce1da;display:flex;justify-content:space-between;align-items:end}.site-footer p{font:400 9px/1.6 "DM Mono",monospace;color:#8d968b;margin:16px 0 0}.site-footer a{color:#c6e0ad;text-decoration:none;font-size:12px;border-bottom:1px solid #c6e0ad;padding-bottom:4px}.page-hero{padding:170px 5% 78px;background:#172b22}.page-hero p{max-width:500px;color:#c6d1c7;font-size:14px;line-height:1.7}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#9ca99e}.content-panel{padding:56px 10%;background:var(--stone);color:#1a201b}.content-panel.dark{background:#243b30;color:#e9eee8}.content-panel h2{font-size:33px;line-height:1;letter-spacing:-.06em;font-weight:500;margin:12px 0 18px}.content-panel h2 em{font-family:"Playfair Display",serif;font-weight:500}.content-panel p{font-size:12px;line-height:1.7;color:#5a625a}.content-panel.dark p{color:#c1d0c3}.spec-row{display:flex;justify-content:space-between;border-top:1px solid rgba(232,230,223,.23);padding:11px 0;font:400 10px "DM Mono",monospace}.spec-row b{font-weight:500;color:#fff}.wp-block-group{max-width:var(--max);margin-left:auto;margin-right:auto}
@media(max-width:760px){.header-inner{height:66px;padding:0 7%}.main-menu{display:none}.hero{min-height:620px;padding:0 7% 38px}.hero h1,.page-title{font-size:48px}.hero-device{right:7%;top:105px}.split,.quote-band,.command-intro,.pilot,.content-grid{grid-template-columns:1fr}.split-copy,.pilot-copy{padding:52px 7%}.station-visual{min-height:330px}.station-ring{transform:translateX(-50%) scale(.8);top:17px}.station-body{transform:translateX(-50%) scale(.82);transform-origin:bottom}.quote-band{padding:50px 7%;gap:28px}.section{padding:55px 7%}.command-screen{height:295px;margin:0 -7%;border-left:0;border-right:0}.screen-readout div:nth-child(3){display:none}.screen-graph{bottom:99px;top:60px}.pilot-form{padding:44px 7%}.form-row{grid-template-columns:1fr}.site-footer{padding:28px 7%;display:block}.site-footer a{display:inline-block;margin-top:16px}.page-hero{padding:135px 7% 55px}.content-panel{padding:46px 7%}}