@charset "UTF-8";
:root{--bg:#fcf8f2;--paper:#fffefa;--cream:#f6e8d5;--warm:#faefdF;--wood:#5b3b29;--wood2:#765034;--espresso:#30241c;--ink:#2f271f;--muted:#6b6055;--copper:#c17c39;--gold:#e4ac68;--gold-light:#fff1d9;--line:#e8d8c2;--sage:#628066;--sage-light:#edf3e9;--danger:#a44e35;--shadow:0 12px 38px rgba(85,49,24,.07);--shadow2:0 28px 70px rgba(72,43,22,.12);--r:20px;--font:Arial,'Segoe UI','Noto Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.67 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #d99a54;outline-offset:3px}::selection{background:#f4ce96;color:#33231a}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18}h2{font-size:clamp(30px,3.5vw,51px);letter-spacing:-.035em;margin:11px 0 16px;font-weight:800}h3{letter-spacing:-.018em}p{line-height:1.8}strong,b{font-weight:750}.container{width:min(1220px,calc(100% - 64px));margin:auto}.section{padding:92px 0}.section.sm{padding:67px 0}.sand{background:#f7eddf}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-top p{max-width:475px;color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#a06d39;display:flex;gap:11px;align-items:center}.eyebrow:before{content:'';width:22px;height:2px;background:var(--copper)}.lead{font-size:16px;color:var(--muted);max-width:730px}.muted{color:var(--muted)}.accent{color:#b5763d}.tag{font-size:10px;letter-spacing:.1em;font-weight:850;color:#86501f;background:#fff1dd;border:1px solid #efd3ad;border-radius:999px;padding:7px 11px;text-transform:uppercase}.tag.green{background:#edf4e9;color:#41634a;border-color:#cdddc7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;padding:13px 21px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:800;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;min-height:44px}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(160deg,#f2bb79,#db9351);color:#392416;box-shadow:0 9px 23px #5e35191f}.btn.dark{background:#523728;color:#fffaf3}.btn.light{background:#fff9ef;color:#583b26;border-color:#d9b78d}.btn.ghost{background:transparent;color:var(--wood);border-color:#e4c9a6}.btn.tiny{padding:9px 13px;font-size:11px;min-height:35px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#progress{height:3px;position:fixed;top:0;left:0;z-index:100;background:#dd9950;width:0;pointer-events:none}.nav{position:sticky;z-index:90;top:0;background:rgba(255,251,245,.95);backdrop-filter:blur(20px);border-bottom:1px solid #eadcc8}.nav-inner{height:77px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-glyph{width:39px;height:45px;border-radius:13px;background:linear-gradient(135deg,#c48d57,#66442d 68%,#3d2920);border:1px solid #865d3d;position:relative;box-shadow:inset 4px 0 6px #fff8e055}.brand-glyph:before{content:'';position:absolute;left:13px;top:7px;bottom:7px;width:1px;background:#f7d6a5}.brand-glyph:after{content:'';position:absolute;right:8px;top:21px;width:5px;height:5px;border-radius:50%;background:#ffdfa3}.brand-title{display:block;font-size:21px;letter-spacing:.13em;font-weight:900;line-height:1.15}.brand-meta{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.11em;color:#887362;font-weight:800}.nav-links{display:flex;align-items:center;gap:21px}.nav-links a{font-size:12px;font-weight:750;color:#685444;white-space:nowrap}.nav-links a:hover{color:#aa6d32}.nav-action{display:flex;align-items:center;gap:9px}.menu{display:none;background:#fff9ef;border:1px solid #dbc7b0;border-radius:12px;padding:9px 13px}
.hero{background:radial-gradient(ellipse at 65% 45%,#795139 0%,#503628 49%,#30221b 100%);color:#fff7e8;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(95deg,transparent 0,transparent 115px,#e9b78418 116px,transparent 118px);pointer-events:none}.hero-grid{min-height:625px;padding:72px 0 60px;position:relative;display:grid;grid-template-columns:1fr 1.06fr;gap:28px;align-items:center}.hero h1{font-size:clamp(43px,4.6vw,66px);letter-spacing:-.043em;line-height:1.08;font-weight:850;margin:25px 0 23px}.hero h1 span{color:#f8c58a}.hero .eyebrow{color:#f3c68d}.hero .eyebrow:before{background:#f2c389}.hero-copy>p{font-size:17px;color:#e8d8c6;max-width:530px;line-height:1.85;margin:0}.hero-copy p strong{color:#fff8ef}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0}.hero-check{font-size:12px;color:#d9baa0;border-top:1px solid #cf9d7450;padding-top:22px;margin-top:25px;max-width:510px}.hero-display{position:relative}.hero-disclaimer{font-size:11px;color:#ceb69d;margin-top:12px}.hero-frame{padding:18px;border-radius:30px;border:1px solid #e0b38344;background:linear-gradient(145deg,#fff3e41c,#5d3e2938);box-shadow:0 30px 65px #1f140e4f}.hero-glass{border-radius:22px;background:#fff8ed;padding:10px;color:#3c2c1f}.hero-micro{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 13px 2px;color:#775941;font-size:11px;font-weight:800;letter-spacing:.05em}.hero-footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.hero-footer span{font-size:11px;border:1px solid #dfbc9760;padding:8px 12px;border-radius:999px;color:#fae0be}.hero-illustration{width:100%;height:auto}.hero-illustration .flow{stroke-dasharray:10 10;animation:flow 9s linear infinite}@keyframes flow{to{stroke-dashoffset:-160}}
.signal-strip{background:#f2e2cb;border-bottom:1px solid #e5ceb1}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal{padding:19px 18px;border-right:1px solid #dfc5a7}.signal:first-child{padding-left:0}.signal:last-child{border:0}.signal b{font-size:13px;color:#513728;display:block;margin-bottom:3px}.signal span{font-size:12px;color:#6e5a49}
.problem-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}.problem-intro .lead{margin-bottom:24px}.thesis{padding:23px 24px;background:#614330;color:#fff0dc;border-radius:19px;font-weight:800;box-shadow:var(--shadow2)}.problem-list{display:grid;gap:11px}.problem-line{padding:18px 21px;display:grid;grid-template-columns:37px 1fr;gap:13px}.problem-line .num{font-size:25px;color:#b98753;font-weight:850}.problem-line h3{margin:0 0 5px;font-size:16px}.problem-line p{font-size:13px;color:#6f6257;margin:0;line-height:1.65}
.compare-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.compare-card{padding:26px;display:flex;flex-direction:column;gap:9px;min-height:250px}.compare-card.focus{background:linear-gradient(155deg,#6a472e,#3f2d20);color:#fff4e6;border-color:#6b4932;box-shadow:var(--shadow2)}.compare-card .id{font-size:10px;letter-spacing:.15em;color:#b17d43;font-weight:800}.compare-card.focus .id{color:#f2c487}.compare-card h3{font-size:19px;margin:0}.compare-card p{font-size:13px;color:#776759;line-height:1.72;margin:0}.compare-card.focus p{color:#ebd6bf}.compare-card strong{margin-top:auto;font-size:12px;color:#8f5f34}.compare-card.focus strong{color:#f6c687}
.value-layout{display:grid;grid-template-columns:1fr 1.03fr;gap:22px;margin-top:28px}.value-list{display:grid;gap:10px}.value-tab{width:100%;border:1px solid #e5d3be;border-radius:17px;background:#fffdfa;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:14px 16px;text-align:left;transition:.18s}.value-tab:hover,.value-tab.active{border-color:#d89e61;background:#fff1de;box-shadow:0 8px 22px #6b41200d}.value-tab .step{font-size:14px;color:#b17b42;font-weight:850}.value-tab b{font-size:14px}.value-tab small{font-size:11px;color:#987a5d}.value-detail{padding:29px;min-height:330px;background:linear-gradient(145deg,#fffaf0,#f6e7d3)}.value-detail .big{font-size:clamp(22px,2.4vw,30px);font-weight:820;line-height:1.28;margin:21px 0}.value-detail p{color:#66574a}.value-metric{background:#fffdfa;border:1px solid #e4d2b9;border-radius:15px;padding:14px;font-size:12px;color:#71533a}.value-mechanism{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.mechanism-node{background:#fffdf9;border:1px solid #e6d5c0;border-radius:15px;padding:13px 10px;text-align:center;font-size:11px;font-weight:800;color:#6a4b33}.mechanism-node span{display:block;font-size:10px;color:#9b7351;margin-bottom:5px}
.arch-gallery{background:linear-gradient(180deg,#fdf8f0,#f3e7d8)}.gallery-shell{display:grid;grid-template-columns:1.22fr .78fr;gap:22px}.gallery-view{padding:15px}.gallery-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:4px 4px 14px}.pill-btn,.chip{border:1px solid #dfc6a6;background:#fff9ef;border-radius:999px;padding:9px 14px;color:#5c4432;font-size:12px;font-weight:800;transition:.15s}.pill-btn.active,.chip.active,.pill-btn:hover,.chip:hover{background:#dba15d;border-color:#c68b48;color:#382619}.gallery-canvas{border-radius:17px;background:linear-gradient(145deg,#fcf8ef,#f7e8d6);border:1px solid #ead8c0;padding:10px;min-height:310px;display:grid;place-items:center}.gallery-view svg{width:100%;max-height:350px}.gallery-foot{display:flex;flex-wrap:wrap;gap:8px;padding:13px 3px 0;color:#6d5b4b;font-size:11px}.gallery-foot span{background:#fff5e7;padding:7px 9px;border-radius:10px;border:1px solid #eddac4}.gallery-copy{padding:26px;display:flex;flex-direction:column;gap:13px}.gallery-copy h3{font-size:23px;margin:8px 0 0}.gallery-copy p{font-size:14px;color:#6e5f52;margin:0}.scenario-facts{display:grid;gap:9px;margin-top:auto}.scenario-fact{border-radius:14px;background:#fff6e9;border:1px solid #ead6bc;padding:12px 15px;font-size:12px;color:#6e5641}.scenario-fact b{display:block;color:#4d3727;font-size:13px}
.studio-shell{padding:0;overflow:hidden}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#563a28;color:#fff7e7;padding:17px 23px}.studio-header small{display:block;font-size:11px;color:#ddc3a7}.studio-header b{letter-spacing:.07em}.studio-header .btn{background:#fff3e1;color:#543923}.studio-main{display:grid;grid-template-columns:1.28fr .79fr .83fr;gap:0}.studio-col{padding:20px;border-right:1px solid #eadac7;min-width:0}.studio-col:last-child{border:0}.studio-label{font-size:10px;color:#a16d38;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.selector{display:flex;gap:6px;flex-wrap:wrap}.view-switch{margin:13px 0 10px;display:flex;gap:7px}.architecture{border-radius:16px;background:#f9eddd;border:1px solid #e5cfb0;min-height:295px;padding:8px;display:grid;place-items:center}.architecture svg{width:100%;height:auto}.view{display:none}.view.active{display:block}.gate-hit{cursor:pointer;outline:0}.gate-hit:hover .gate-surface,.gate-hit.selected .gate-surface{stroke:#d78937;stroke-width:6;filter:drop-shadow(0 0 5px #d9955688)}.gate-caption{margin-top:11px;padding:12px;border-radius:13px;background:#fff9f0;border:1px solid #e8d5be}.gate-caption b{display:block;font-size:13px}.gate-caption p{color:#7d6653;font-size:12px;margin:2px 0 0}.control-group{display:grid;gap:14px}.control{padding-bottom:10px;border-bottom:1px solid #f0e5d5}.control:last-child{border:0}.control-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.control-line label{font-size:12px;font-weight:750;color:#574638}.control-line output{font-size:12px;font-weight:850;color:#a36831;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#c17b37;cursor:pointer}.select-row{display:grid;gap:5px;margin-bottom:13px}.select-row label{font-size:11px;font-weight:800;color:#72583e}.select-row select{width:100%;background:#fffbf4;border:1px solid #e2c8a7;border-radius:11px;padding:10px 12px;color:#4c3929}.decision-result{background:#fff3dc;border:1px solid #eac99b;border-radius:17px;padding:17px}.decision-result.safe{background:#edf4ea;border-color:#cddcc6}.decision-result.warn{background:#fff2e7;border-color:#e9c7ab}.decision-result strong{display:block;font-size:17px;margin:9px 0 5px}.decision-result p{font-size:12px;line-height:1.7;margin:0;color:#6b5745}.why-list{display:grid;gap:8px;margin-top:12px}.why-item{padding:10px 12px;border-radius:11px;border:1px solid #edddc8;background:#fffaf4;font-size:12px;color:#5f5145}.why-item b{color:#945f30}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.metric{padding:16px;border-radius:17px;border:1px solid #e8d7c1;background:#fffefa}.metric small{display:block;font-size:11px;color:#7b6859;margin-bottom:7px}.metric strong{display:block;font-size:20px;color:#493427;font-variant-numeric:tabular-nums}.studio-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}.chart-card,.causality-card{padding:20px}.chart-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-header h3{margin:0;font-size:16px}.chart-header span{font-size:11px;color:#8d735d}.chart-box svg{width:100%;height:165px}.legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px;color:#705f52}.legend i{display:inline-block;width:15px;height:3px;background:#ae7852;vertical-align:middle;margin-right:5px}.legend i.alt{background:#688168}.causality-card h3{font-size:16px;margin-bottom:13px}.cause-steps{display:grid;gap:8px}.cause-step{display:grid;grid-template-columns:25px 1fr;gap:10px;align-items:start;font-size:12px;color:#6c5949}.cause-step b{height:25px;width:25px;border-radius:50%;background:#f3d2a2;display:grid;place-items:center;color:#6f411d}.cause-step strong{color:#463326}.warning{border-left:3px solid #d69a55;padding:10px 13px;background:#fff7eb;font-size:11px;color:#725e4c;margin-top:15px;border-radius:0 9px 9px 0}
.econ-layout{display:grid;grid-template-columns:.79fr 1.21fr;gap:18px}.econ-controls,.econ-display{padding:26px}.econ-controls h3,.econ-display h3{font-size:19px;margin-bottom:18px}.econ-row{margin-bottom:18px}.econ-row label{display:flex;align-items:start;justify-content:space-between;gap:14px;font-size:12px;font-weight:760}.econ-row output{font-weight:850;color:#a66f34;white-space:nowrap}.econ-row input{margin-top:9px}.econ-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.econ-stat{padding:17px;background:#f9eddc;border:1px solid #e9d7bf;border-radius:16px}.econ-stat small{display:block;font-size:11px;color:#7c634c;margin-bottom:5px}.econ-stat strong{font-size:19px;font-variant-numeric:tabular-nums;color:#543622}.econ-bars{margin-top:23px;display:grid;gap:14px}.econ-bar label{font-size:11px;display:flex;justify-content:space-between;margin-bottom:5px}.econ-track{height:14px;background:#f0dcc5;border-radius:999px;overflow:hidden}.econ-fill{height:100%;width:80%;background:#bd8050;border-radius:999px;transition:width .2s}.econ-fill.after{background:#6e8a70}.sensitivity{border-radius:17px;margin-top:18px;padding:16px;background:#fff8eb;border:1px solid #ead5b8}.sensitivity-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sensitivity-item{border-radius:12px;background:#fffdfa;border:1px solid #e6d6c1;padding:11px}.sensitivity-item small{display:block;font-size:11px;color:#78604c}.sensitivity-item b{font-size:14px;color:#503828}.econ-remark{font-size:13px;color:#755c43;margin-top:15px}.assumption{font-size:11px;color:#806e5e;line-height:1.75;margin-top:14px}
.ip-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:25px}.ip-core{background:linear-gradient(145deg,#5f412e,#39291e);color:#ffeedb;padding:29px;border-radius:24px}.ip-core h3{font-size:26px;margin:14px 0}.ip-core p{color:#ecd5bc;font-size:14px}.ip-core ul{padding-left:20px;line-height:1.9;color:#f4dfc4;font-size:13px}.ip-list{display:grid;gap:11px}.ip-item{padding:21px}.ip-item b{display:block;font-size:14px;margin-bottom:5px}.ip-item p{font-size:12px;color:#6f6155;margin:0}.ip-gates{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ip-gate{padding:17px;background:#fff9f0;border-radius:16px;border:1px solid #ead6bd;font-size:12px;color:#6d5b48}.ip-gate b{font-size:13px;color:#4a3627;display:block;margin-bottom:4px}
.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roadstep{padding:23px}.roadstep .phase{font-size:11px;font-weight:850;letter-spacing:.12em;color:#ad793f}.roadstep h3{margin:11px 0;font-size:17px}.roadstep p{font-size:12px;color:#756456;margin:0}
.faq-layout{display:grid;grid-template-columns:.64fr 1.36fr;gap:46px}.faq-list{display:grid;gap:10px}.faq-list details{border-radius:15px;background:#fffdf8;border:1px solid #e9d7be;overflow:hidden}.faq-list summary{padding:17px 19px;list-style:none;cursor:pointer;font-weight:750;display:flex;gap:15px;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';color:#a76b32;font-size:21px;line-height:1}.faq-list details[open]{background:#fff4e4;border-color:#d6a36d}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin:0;padding:0 20px 19px;color:#68594b;font-size:13px}
.cta{background:linear-gradient(130deg,#68462f,#35261c);color:#ffefdd}.cta-layout{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{max-width:800px}.cta p{color:#e8d5c0}.cta .eyebrow{color:#f5c38a}.cta .eyebrow:before{background:#f5c38a}.cta-actions{display:grid;gap:10px;min-width:245px}.foot{padding:35px 0;background:#fffaf3;border-top:1px solid #e4d2bb}.foot-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot-links{display:flex;gap:21px;align-items:center;font-size:12px;font-weight:760;color:#705a47}.foot-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #e9d9c5;margin-top:23px;padding-top:23px}.foot-bottom p{font-size:11px;color:#776658;margin:0}.meta{display:flex;justify-content:flex-end;align-items:start;gap:8px;flex-wrap:wrap}.meta span{font-size:10px;border:1px solid #e3cdae;color:#785c43;background:#fff2df;border-radius:9px;padding:6px 8px}.modal{display:none;position:fixed;z-index:120;inset:0;background:#201711aa;backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-panel{width:min(530px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:29px}.modal-top{display:flex;align-items:start;justify-content:space-between}.modal-top h2{font-size:26px}.xbtn{border:1px solid #dcc7ad;border-radius:11px;padding:7px 12px;background:#fff7ea}.field{display:grid;gap:5px;margin:14px 0}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{border:1px solid #dcc6aa;border-radius:13px;background:#fffaf3;padding:12px;width:100%;color:#33271f}.field textarea{min-height:100px;resize:vertical}
@media(max-width:1150px){.nav-links{gap:13px}.nav-links a{font-size:11px}.nav-action .btn{padding:11px 13px}.studio-main{grid-template-columns:1.2fr .8fr}.studio-col:last-child{grid-column:1/-1;border-top:1px solid #e9d8c3}.gallery-shell{grid-template-columns:1fr 1fr}.hero-grid{gap:18px}}@media(max-width:920px){.nav-links{display:none;position:absolute;top:76px;right:0;left:0;background:#fffaf4;border-bottom:1px solid #ead7c0;padding:18px 30px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px;font-size:14px}.menu{display:block}.hero-grid,.problem-layout,.value-layout,.gallery-shell,.econ-layout,.ip-layout,.faq-layout{grid-template-columns:1fr}.hero-grid{padding-top:55px}.hero-copy{max-width:760px}.hero-display{max-width:760px;margin:auto}.section-top{display:block}.section-top>p{margin-top:10px}.compare-grid{grid-template-columns:repeat(3,1fr)}.roadmap{grid-template-columns:repeat(2,1fr)}.signal-grid{grid-template-columns:repeat(2,1fr)}.signal:nth-child(2){border-right:0}.signal:nth-child(-n+2){border-bottom:1px solid #dfc5a7}.foot-bottom{grid-template-columns:1fr}.meta{justify-content:flex-start}}@media(max-width:670px){.container{width:min(100% - 32px,570px)}.section{padding:65px 0}.section.sm{padding:49px 0}.nav-inner{height:70px}.nav-links{top:69px}.nav-action .btn{display:none}.hero-grid{padding:47px 0 45px;gap:26px;min-height:0}.hero h1{font-size:clamp(38px,10vw,53px)}.hero-copy>p{font-size:15px}.hero-actions{gap:9px}.hero-actions .btn{width:100%}.hero-glass{padding:4px}.signal-grid{grid-template-columns:1fr 1fr}.signal{padding:13px}.signal b{font-size:12px}.signal span{font-size:11px}.compare-grid,.ip-gates{grid-template-columns:1fr}.compare-card{min-height:0}.value-mechanism{grid-template-columns:repeat(2,1fr)}.studio-main,.studio-bottom,.metrics{grid-template-columns:1fr}.studio-col{border-right:0;border-bottom:1px solid #e8d8c4}.studio-col:last-child{grid-column:1}.studio-header{padding:13px 16px}.studio-header b{font-size:13px}.studio-col{padding:16px}.metrics{grid-template-columns:repeat(2,1fr)}.gallery-copy{padding:19px}.econ-controls,.econ-display{padding:19px}.econ-results{grid-template-columns:1fr 1fr}.sensitivity-row{grid-template-columns:1fr}.roadmap{grid-template-columns:1fr 1fr}.cta-layout,.foot-top{flex-direction:column;align-items:stretch}.cta-actions{width:100%}.brand-meta{font-size:8px}.section-top{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.spatial-sequence{margin-top:15px;border-radius:16px;background:linear-gradient(145deg,#f9ecda,#fff9f0);border:1px solid #ead6bc;padding:17px}.space-flow{display:flex;align-items:center;gap:7px;margin:10px 0}.space-flow div{border-radius:11px;border:1px solid #e4c6a2;background:#fffdf7;flex:1;padding:11px 7px;text-align:center;min-width:0}.space-flow b{display:block;font-size:11px;color:#775035}.space-flow small{display:block;font-size:10px;color:#8a745f;line-height:1.3}.space-flow>span{font-size:16px;color:#a66e36}.spatial-sequence p{font-size:12px;color:#6f5b4a;margin:10px 0}.spatial-examples{display:grid;gap:7px;font-size:11px;color:#765f4b}.spatial-examples span{padding:8px 9px;background:#fffaf2;border:1px solid #ecd9c0;border-radius:9px}@media(max-width:400px){.space-flow{gap:3px}.space-flow div{padding:9px 4px}.space-flow b{font-size:10px}}

/* ISPACE v2.1 – Vietnamese typography and proofing */
html,body { font-family: Arial,'Segoe UI','Noto Sans',sans-serif; }
body { font-size:15px; line-height:1.67; text-rendering:optimizeLegibility; }
h1,h2,h3,h4,h5,h6,summary,.brand-title,.eyebrow,.value-tab b,.nav-links a,.btn,.metric strong { font-family:Arial,'Segoe UI','Noto Sans',sans-serif; font-kerning:normal; }
h1,h2,h3,h4,h5,h6 { letter-spacing:-.012em!important; font-weight:700!important; overflow-wrap:break-word; }
.hero h1 { font-size:clamp(41px,4.25vw,60px); line-height:1.16; letter-spacing:-.012em!important; font-weight:700; }
h2 { font-size:clamp(29px,3.3vw,48px); line-height:1.23; }
h3 { line-height:1.34; }
p,li,summary,label,button,.metric,.signal,.problem-line,.why-item { letter-spacing:normal!important; }
strong,b { font-weight:700; }
.brand-title { font-weight:800; letter-spacing:.085em; }
.hero-copy>p { line-height:1.84; }
.hero h1 span { color:#ffcf92; }
svg text { font-family:Arial,'Noto Sans',sans-serif; letter-spacing:normal; }
.eyebrow,.tag,.phase { letter-spacing:.09em!important; }
@media(max-width:670px){ .hero h1 {font-size:clamp(38px,9vw,51px);line-height:1.14;} }