:root{--ink:#14251f;--muted:#617069;--line:#dce2dd;--paper:#fff;--soft:#f5f7f4;--lime:#dcebb6;--blue:#1757ed;--radius:8px;--content:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,'Inter','PingFang SC','Microsoft YaHei',sans-serif}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:650}h2{font-size:clamp(30px,3.7vw,56px);letter-spacing:-.055em;line-height:1.24}h3{font-size:23px;line-height:1.45;letter-spacing:-.025em}h4{font-size:18px;line-height:1.5}p+p{margin-top:14px}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{cursor:default;opacity:.5}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue)}button,select,input{min-height:44px}button,a{touch-action:manipulation}button,a,summary{ -webkit-tap-highlight-color:transparent}img,video{max-width:100%;display:block}button{transition:background .18s,color .18s,transform .18s}button:hover{background:#e9eee7}.button:hover{background:#274538;color:#fff;transform:translateY(-1px)}button[hidden],[hidden]{display:none!important}ul{padding-left:20px}li+li{margin-top:10px}.skip{position:fixed;top:12px;left:-2000px;background:var(--ink);color:white;padding:12px 24px;z-index:100}.skip:focus{left:12px}.site-header{height:90px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:0 4vw;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;font-size:31px;font-weight:850;font-style:italic;letter-spacing:-.06em;text-decoration:none;white-space:nowrap;gap:4px}.brand span{font-size:17px;font-weight:550;letter-spacing:-.03em;font-style:normal}.brand i{font-size:13px;letter-spacing:0;font-style:normal;font-weight:500;color:var(--muted);padding-left:16px}.site-header nav{margin-left:auto;display:flex;gap:24px}.site-header nav a{font-size:14px;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-header nav a.active{color:var(--blue)}.header-cta{font-size:14px;padding:12px 20px;background:var(--ink);color:white;text-decoration:none;white-space:nowrap}.menu-toggle{display:none;padding:8px 10px}.chapter-menu{position:fixed;right:16px;top:90px;z-index:40;background:white;box-shadow:0 12px 60px #14251f20;border:1px solid var(--line);padding:20px;max-height:75vh;overflow:auto}.chapter-menu a{display:block;padding:9px 20px;text-decoration:none}.reading-progress{position:fixed;top:89px;height:2px;left:0;right:0;z-index:32;pointer-events:none}.reading-progress span{display:block;height:100%;background:var(--blue);width:0}.section{padding:98px max(5vw,calc((100vw - var(--content))/2));scroll-margin-top:10px}.section-inner{max-width:var(--content);margin:auto;padding-left:5vw;padding-right:5vw}.section-heading{display:grid;grid-template-columns:1.15fr .8fr;align-items:end;gap:70px;margin-bottom:48px}.section-heading>p{max-width:480px;font-size:17px;color:var(--muted)}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.14em;color:#516457;margin-bottom:20px}.mini-label,.step-label{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.small-note{font-size:13px;color:var(--muted);line-height:1.65;margin-top:20px}.source{display:block;font-size:13px;color:var(--muted);line-height:1.7;margin-top:18px}.source:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:white;padding:16px 24px;text-decoration:none;min-height:54px;font-size:15px;border:1px solid var(--ink);font-weight:600}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#eaf0e6}.text-link{font-size:14px;padding:5px 0;text-decoration:none;border-bottom:1px solid currentColor;min-height:unset;display:inline-block}.actions{display:flex;gap:28px;align-items:center;margin-top:32px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:690px;border-bottom:1px solid var(--line)}.hero-copy{padding:64px 4vw 35px 5vw;display:flex;flex-direction:column;justify-content:center}.hero .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(54px,5.6vw,88px);line-height:1.13;letter-spacing:-.065em;font-weight:600}.hero-en{font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.12em;margin-top:30px;color:var(--muted)}.hero .lead{font-size:17px;line-height:1.8;margin-top:22px;max-width:420px}.hero-visual{position:relative;overflow:hidden;background:#d4dcce;min-height:670px}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:82% center}.hero-visual figcaption{position:absolute;left:32px;right:32px;bottom:26px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:white;letter-spacing:.08em;z-index:2}.hero-visual:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#14251f70);pointer-events:none}.floating-note{position:absolute;top:30px;left:30px;padding:15px 20px;background:#ffffffd9;backdrop-filter:blur(10px);font-size:14px;font-weight:600;z-index:1}.floating-note small{display:block;font-weight:400;color:var(--muted);font-size:12px}.hero-index{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-top:45px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}.review-strip{padding-top:65px;padding-bottom:65px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.review-grid article{border-top:1px solid var(--ink);padding-top:20px}.review-grid h3{margin:16px 0 12px}.review-grid p{color:var(--muted)}.soft-section{background:var(--soft)}.market-facts{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:24px}.market-facts article{border:1px solid var(--line);padding:32px}.market-facts strong{font-size:58px;letter-spacing:-.065em;line-height:1.25;font-weight:550;display:block;margin-bottom:15px}.market-facts strong span{font-size:20px;letter-spacing:0;margin-left:8px}.market-facts h3{font-size:19px;margin-bottom:12px}.market-facts p{font-size:15px;color:var(--muted)}.market-facts .accent-card{background:var(--lime);border-color:var(--lime)}.accent-card h3{font-size:34px;margin:22px 0 18px}.accent-card .text-link{margin-top:26px}.subheading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:48px 0 22px}.subheading p{font-size:14px;color:var(--muted)}.region-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.region-selector{display:flex;flex-direction:column}.region-selector button{display:flex;align-items:center;gap:22px;text-align:left;padding:23px 20px;border-bottom:1px solid var(--line);font-size:20px;flex:1}.region-selector button:last-child{border-bottom:0}.region-selector b{font-size:12px;color:var(--muted);font-weight:400}.region-selector button>span{flex:1}.region-selector small{display:block;font-size:13px;color:var(--muted)}.region-selector [aria-selected=true]{background:var(--ink);color:white}.region-selector [aria-selected=true] small,.region-selector [aria-selected=true] b{color:#c7d3c8}.region-panel{padding:30px 24px 30px 0}.region-panel h3{font-size:30px;margin-bottom:10px}.region-panel>p{color:var(--muted)}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.region-grid h4{font-size:14px;margin-bottom:8px}.region-grid p{font-size:15px;color:var(--muted)}.deep-dive{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.deep-dive+.deep-dive{margin-top:12px}summary{cursor:pointer;font-weight:600;font-size:16px;padding:22px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;font-weight:400;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}.detail-body{padding:0 0 28px;color:var(--muted)}.detail-body h4,.detail-body h3{color:var(--ink);margin:10px 0 15px}.detail-body p{font-size:15px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:32px}.two-column>.deep-dive{align-self:start}.formula{margin:25px 0;padding:24px;background:var(--soft);font-size:18px;color:var(--ink);text-align:center}.calculator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.calculator-grid label{font-size:14px}.calculator-grid input{display:block;width:100%;margin-top:10px}.calc-result{display:flex;gap:40px;padding-top:25px;flex-wrap:wrap;color:var(--ink)}.calc-result strong{font-size:32px;font-weight:500;margin-right:10px}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.persona-grid article{padding:28px;border:1px solid var(--line)}.persona-mark{font-size:11px;letter-spacing:.17em;color:var(--muted)}.persona-grid h3{margin:20px 0 6px}.persona-grid p{color:var(--muted);font-size:14px}.persona-grid dl{border-top:1px solid var(--line);padding-top:20px;margin:22px 0 0;display:grid;grid-template-columns:85px 1fr;gap:12px}.persona-grid dt{font-weight:600;font-size:13px}.persona-grid dd{margin:0;font-size:14px;color:var(--muted)}.competitor-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.competitor-card{min-width:0}.competitor-card img{width:100%;aspect-ratio:1.55;object-fit:cover;object-position:top;border:1px solid #d2d9d4}.competitor-card h3{margin:20px 0 6px;display:flex;justify-content:space-between;align-items:baseline}.competitor-card h3 a{font-size:12px;font-weight:400;letter-spacing:0}.competitor-card dl{display:grid;grid-template-columns:52px 1fr;gap:12px;margin:20px 0 0;font-size:14px}.competitor-card dt{font-weight:700}.competitor-card dd{margin:0;color:var(--muted)}.competitor-card .takeaway{font-size:14px;border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.competitor-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px;border-top:1px solid var(--line);padding-top:12px}.competitor-secondary .competitor-card h3{font-size:22px}.insight-line{display:grid;grid-template-columns:140px 1fr;gap:30px;border-top:2px solid var(--ink);margin-top:45px;padding-top:24px}.insight-line p{font-size:18px}.design-principles{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:35px}.design-principles article{border-top:1px solid var(--line);padding-top:24px}.design-principles .principle-large{grid-row:span 2;border:0;padding:34px;background:var(--soft);display:flex;flex-direction:column}.principle-large h3{font-size:34px;margin:30px 0 22px}.design-principles p{color:var(--muted);font-size:15px;margin-top:15px}.design-principles article:last-child{grid-column:2/4;display:grid;grid-template-columns:40px 1fr 1.8fr;gap:20px;align-items:start}.design-principles article:last-child p{margin:0}.number{font-size:12px;color:var(--muted);display:block;margin-bottom:14px}.swatches{display:flex;gap:18px;flex-wrap:wrap;margin-top:auto;padding-top:30px}.swatches span{font-size:11px;color:var(--muted)}.swatches span:before{content:"";display:block;width:45px;height:45px;background:var(--swatch);border:1px solid #14251f18;border-radius:50%;margin-bottom:10px}.ui-gallery-section{background:var(--ink);color:white;padding-bottom:80px}.ui-gallery-section .eyebrow,.ui-gallery-section .section-heading>p,.ui-gallery-section .small-note{color:#becbbf}.ui-gallery{display:grid;grid-template-columns:1fr 1fr;gap:36px}.design-tile{padding:0;display:block;width:100%;text-align:left;color:white;background:transparent;overflow:hidden}.design-tile:hover{background:transparent}.design-tile img{width:100%;aspect-ratio:1.25;object-fit:cover;object-position:top;transition:transform .4s}.design-tile:hover img{transform:scale(1.015)}.design-tile-caption{display:flex;justify-content:space-between;gap:24px;padding-top:17px;font-size:18px}.design-tile-caption small{font-size:12px;font-weight:400;color:#c5d1c7}.design-tile-caption b{font-weight:500}.design-image-wrap{overflow:hidden;background:#fff}.experience-section{background:#edf1ed;padding:90px 0}.experience-section .section-heading{margin-bottom:30px}.showcase-controls{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}.tabs{display:flex;flex-wrap:wrap;gap:3px}.tabs button{font-size:14px;padding:12px 14px;border-bottom:2px solid transparent}.tabs [aria-selected=true]{border-color:var(--ink);font-weight:700}.device-controls{display:flex;border:1px solid #cbd4cb;padding:3px;white-space:nowrap}.device-controls button{font-size:13px;padding:6px 10px;min-height:34px}.device-controls [aria-pressed=true]{background:var(--ink);color:white}.showcase-wrap{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px;align-items:start}.browser-frame{background:white;box-shadow:0 20px 70px #14251f12;border:1px solid #d3dcd3;min-width:0;container-type:inline-size;margin:0 auto;width:100%;transition:max-width .25s}.browser-frame.mobile{max-width:390px}.browser-bar{height:37px;display:flex;align-items:center;justify-content:space-between;background:#f8faf7;padding:0 15px;border-bottom:1px solid var(--line);font-size:10px;color:#829087;letter-spacing:.01em}.browser-bar>span:first-child{font-size:8px;letter-spacing:2px;color:#abb5ad}.demo-notes{border-top:1px solid #b6c5b9;padding-top:18px}.demo-notes h3{font-size:21px;margin:18px 0}.demo-notes ul{padding-left:17px;font-size:14px;color:var(--muted)}.demo-notes .small-note{font-size:12px}.demo-notes .demo-stage{font-size:12px;padding:4px 8px;background:white;display:inline-block;margin:12px 0}.mock-nav{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 30px;border-bottom:1px solid #e6eae6;gap:15px}.mock-logo{font-style:italic;font-weight:850;font-size:21px;letter-spacing:-.06em;white-space:nowrap}.mock-logo small{font-size:12px;font-style:normal;padding-left:3px}.mock-nav-links{display:flex;gap:18px;align-items:center}.mock-nav-links button{font-size:11px;min-height:36px;padding:0}.mock-nav-links .mock-nav-cta{padding:7px 13px;background:var(--ink);color:white}.mock-home-hero{height:445px;position:relative;background:#2c463a;overflow:hidden}.mock-home-hero img{width:100%;height:100%;object-fit:cover;object-position:55% center}.mock-home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#092a2990,transparent 80%);pointer-events:none}.mock-home-copy{position:absolute;inset:40px auto auto 32px;z-index:1;color:white;max-width:70%}.mock-home-copy small{font-size:10px;letter-spacing:.1em}.mock-home-copy h3{font-size:54px;font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:22px 0}.mock-home-copy p{font-size:12px;max-width:210px;line-height:1.5}.mock-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:12px;padding:12px 19px;min-height:40px;background:var(--ink);color:white;text-decoration:none}.mock-btn.light{background:var(--lime);color:var(--ink)}.mock-btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.mock-home-copy .mock-btn{margin-top:25px}.mock-home-bottom{display:grid;grid-template-columns:1.3fr 1fr 1fr;padding:27px 30px;gap:25px}.mock-home-bottom h4{font-size:21px;line-height:1.2}.mock-home-bottom span{font-size:12px}.mock-home-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.mock-video-block{background:#10261c;padding:26px;color:white}.mock-video-block h4{font-size:18px;margin-bottom:15px}.mock-video-block video{width:100%;max-height:480px;background:#101715}.mock-video-block p{font-size:11px;color:#c5d1c7;margin-top:10px}.mock-title-row{padding:28px 30px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.mock-title-row h3{font-size:31px}.mock-title-row p{font-size:11px;color:var(--muted)}.product-image{position:relative;background:#f7f8f6}.product-image img{width:100%;height:355px;object-fit:contain;mix-blend-mode:multiply}.product-image .angle-label{position:absolute;bottom:15px;left:24px;font-size:11px;color:var(--muted);background:white;padding:6px 12px}.angle-controls{display:flex;gap:10px;padding:18px 25px;justify-content:center;flex-wrap:wrap}.angle-controls button{font-size:11px;padding:6px 14px;border:1px solid var(--line);min-height:36px}.angle-controls [aria-pressed=true]{background:var(--ink);color:white}.product-feature-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 28px;border-top:1px solid var(--line)}.product-feature-bar h4{font-size:16px}.product-feature-bar p{font-size:11px;color:var(--muted);margin-top:6px}.config-layout{display:grid;grid-template-columns:1.45fr 1fr;min-height:490px}.config-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9f6;position:relative;padding:28px 10px}.config-stage img{width:100%;mix-blend-mode:multiply;transition:opacity .2s;max-height:360px;object-fit:contain}.config-stage small{font-size:11px;color:var(--muted);margin:20px}.config-side{padding:28px 22px}.config-side h3{font-size:27px}.config-side>p{font-size:12px;color:var(--muted);margin:8px 0 22px}.config-side fieldset{border:0;padding:0;margin:0 0 22px}.config-side legend{font-size:12px;font-weight:600;margin-bottom:10px}.color-options{display:flex;gap:12px}.color-options button{height:38px;width:38px;min-height:38px;border-radius:50%;border:3px solid white;outline:1px solid #c3cbc5;background:var(--color)}.color-options [aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.selected-color{font-size:11px;color:var(--muted);margin-top:10px}.package-choice{display:flex;gap:6px}.package-choice button{font-size:11px;border:1px solid var(--line);padding:8px 12px}.package-choice [aria-pressed=true]{background:var(--ink);color:white}.config-summary{border-top:1px solid var(--line);padding-top:17px;font-size:11px;margin-bottom:20px}.config-summary dt{color:var(--muted);float:left}.config-summary dd{text-align:right;margin:0 0 8px}.config-side .mock-btn{width:100%}.dealer-head{padding:30px}.dealer-head h3{font-size:33px}.dealer-head p{font-size:12px;color:var(--muted);margin-top:7px}.zip-form{display:flex;gap:10px;max-width:400px;margin-top:23px}.zip-form input{width:100%;min-width:0;font-size:13px;padding:8px 12px}.zip-form .mock-btn{white-space:nowrap}.field-error{font-size:12px;color:#ad312e;min-height:18px;margin-top:7px}.dealer-body{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid var(--line)}.map-illustration{background:#edf1e6;min-height:300px;position:relative;overflow:hidden}.map-illustration svg{display:block;width:100%;height:100%;min-height:310px}.map-key{position:absolute;bottom:16px;left:18px;background:white;padding:7px 12px;font-size:10px}.dealer-list{padding:20px}.dealer-card{border-bottom:1px solid var(--line);padding:13px 0}.dealer-card h4{font-size:15px}.dealer-card p{font-size:11px;color:var(--muted);margin:5px 0}.dealer-card .mock-btn{font-size:10px;min-height:32px;padding:7px 12px;margin-top:7px}.dealer-card.selected{background:#f2f6ea;padding:14px}.order-demo{padding:23px 28px;background:#f7f9f3;border-top:1px solid var(--line)}.order-demo h4{font-size:18px}.order-demo p{font-size:12px;color:var(--muted);margin-top:8px}.order-steps{display:flex;gap:5px;margin:20px 0}.order-steps button{flex:1;padding:7px 5px;border-top:3px solid #dce1d6;font-size:10px;min-height:36px}.order-steps button.done{border-color:#23543b;color:#23543b}.order-steps button.current{border-color:var(--ink);background:#e7eedb;font-weight:650}.cabin-hero{height:410px;position:relative}.cabin-hero>img{width:100%;height:100%;object-fit:cover}.cabin-overlay{position:absolute;top:25px;right:25px;background:#10241ce8;color:white;width:230px;padding:24px;backdrop-filter:blur(6px)}.cabin-overlay small{font-size:10px;color:#c5d1c7;letter-spacing:.07em}.cabin-overlay h4{font-size:26px;margin:20px 0}.cabin-overlay p{font-size:12px;color:#c5d1c7}.cabin-controls{display:flex;gap:10px;padding:20px 25px;flex-wrap:wrap}.cabin-controls button{font-size:12px;padding:7px 15px;border:1px solid var(--line)}.cabin-controls [aria-pressed=true]{background:var(--ink);color:white}.reverse-view{background:#14251f;position:absolute;inset:0;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.reverse-view svg{height:230px;width:100%;max-width:500px}.reverse-view p{font-size:12px;color:#c5d1c7}.reverse-view h4{font-size:20px;margin-bottom:16px}.journey-track{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.journey-track button{padding:20px 16px;text-align:left;border-top:2px solid var(--line)}.journey-track [aria-selected=true]{border-color:var(--ink);background:var(--lime)}.journey-track b{font-size:12px;display:block;color:var(--muted);margin-bottom:15px}.journey-track span{font-size:16px;font-weight:650}.journey-detail{background:var(--soft);padding:35px;margin-top:16px;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:40px}.journey-detail h3{font-size:26px}.journey-detail h4{font-size:14px;margin-bottom:10px}.journey-detail p{font-size:15px;color:var(--muted)}.journey-detail small{font-size:12px;display:block;margin-top:14px;color:var(--muted)}.dark-section{background:#12261e;color:#f6faf4}.dark-section .eyebrow,.dark-section .section-heading>p{color:#b6c9b9}.phase-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3d5246;border:1px solid #3d5246}.phase-ribbon>div{padding:22px 25px;background:#1e3428}.phase-ribbon>div:first-child{background:var(--lime);color:var(--ink)}.phase-ribbon b{display:block;font-size:18px;margin-bottom:8px}.phase-ribbon span{font-size:13px}.architecture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 25px;font-size:13px;color:#c0d0c1}.filter-group{display:flex;gap:5px}.filter-group button{font-size:13px;min-height:36px;padding:5px 15px;border:1px solid #516356}.filter-group [aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.filter-group button:hover{background:#34503c}.sitemap-root{max-width:440px;margin:0 auto 30px;background:#f2f7ee;color:var(--ink);text-align:center;padding:20px;font-weight:700;position:relative}.sitemap-root small{display:block;font-size:12px;font-weight:400}.sitemap-root:after{content:"";height:30px;width:1px;background:#506954;position:absolute;left:50%;bottom:-30px}.sitemap{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;padding-top:20px;border-top:1px solid #506954}.sitemap-column{min-width:0}.sitemap-column h3{font-size:16px;background:#264331;text-align:center;padding:15px 8px;margin-bottom:16px;position:relative}.sitemap-column h3:before{content:"";width:1px;height:20px;position:absolute;top:-20px;background:#506954;left:50%}.sitemap-node{padding:14px 13px;background:#1a3325;border:1px solid #345240;margin-bottom:10px;min-height:84px}.sitemap-node b{font-size:14px;font-weight:600;display:block}.sitemap-node small{font-size:11px;color:#becdc0;display:block;margin-top:6px}.sitemap-node[data-stage="2"]{border-style:dashed}.sitemap-node[data-stage="3"]{background:#243139;border-color:#3c5967}.sitemap-node.phase-highlight{border:2px solid var(--lime);padding:13px 12px;background:#294430}.sitemap-column .system-pill{font-size:11px;color:#bbd0be;text-align:center;margin:16px 0}.architecture-foundation{padding:20px;background:#24402d;display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:13px}.architecture-foundation span{font-size:12px;color:#b9ceb9}.dark-section .deep-dive{border-color:#455b4b}.dark-section .detail-body{color:#c6d6c7}.dark-section table{color:#d5e0d5}.dark-section table th{background:#233e2b;color:#d9e6d4}.dark-section td,.dark-section th{border-color:#3b5543}.section-callout{display:grid;grid-template-columns:170px 1fr;gap:30px;padding-top:26px;border-top:1px solid #405c48;margin-top:35px;font-size:15px}.section-callout p{color:#c2d4c3}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--line);margin-top:20px}table{border-collapse:collapse;width:100%;font-size:14px;min-width:640px;text-align:left}th{padding:16px 18px;background:var(--soft);font-size:13px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:20px 18px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{color:var(--ink);font-weight:550;min-width:120px}td small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:6px}.dark-section td:first-child{color:#f4f9ef}.platform-recommend{display:grid;grid-template-columns:1fr 1.2fr auto;gap:40px;align-items:center;background:var(--lime);padding:30px}.platform-recommend h3{font-size:25px;margin-top:12px}.platform-recommend p{font-size:15px}.segmented{display:flex;padding:4px;background:var(--soft);border:1px solid var(--line);flex-shrink:0}.segmented button{padding:7px 18px;font-size:14px;min-height:40px}.segmented [aria-pressed=true]{background:var(--ink);color:white}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.plan-card{border:1px solid var(--line);padding:24px;position:relative}.plan-card.recommended{border:2px solid var(--ink);padding:23px;background:#f7faf1}.plan-card h3{font-size:23px}.plan-card .plan-price{font-size:42px;letter-spacing:-.055em;font-weight:500;margin:16px 0 0}.plan-price small{font-size:13px;letter-spacing:0;color:var(--muted)}.plan-card .plan-annual{font-size:12px;color:var(--muted);min-height:48px}.plan-card ul{padding:20px 0 0;list-style:none;font-size:14px;border-top:1px solid var(--line);margin:20px 0 0}.plan-card .recommended-label{font-size:10px;padding:2px 7px;background:var(--ink);color:white;float:right;margin-top:7px}.cost-planner{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--line)}.cost-planner>div{padding:32px}.field-label{display:block;font-size:14px;margin-bottom:12px}input,select,textarea{border:1px solid #becabf;border-radius:0;background:white;color:var(--ink);padding:10px 13px;max-width:100%}select{width:100%;font-size:15px}textarea{width:100%;display:block;resize:vertical;margin-top:12px}input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:var(--ink)}.check-options{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:25px}.check-options label{display:flex;align-items:start;gap:10px;font-size:14px}.check-options small{font-size:12px;color:var(--muted);display:block;margin-top:6px}.cost-result{background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:center}.cost-result .mini-label{color:#baceba}.cost-result strong{font-size:60px;line-height:1.2;letter-spacing:-.06em;font-weight:500;margin:20px 0}.cost-result p{font-size:14px;color:#d5e2d0}.cost-result small{font-size:12px;color:#b4c6b6;margin-top:24px}.tech-architecture{border:1px solid var(--line);padding:30px;background:white}.tech-layer{display:grid;grid-template-columns:40px 1.2fr 1fr;gap:24px;align-items:center;border:1px solid var(--line);padding:22px}.layer-index{font-size:12px;color:var(--muted)}.tech-layer small{font-size:12px;color:var(--muted)}.tech-layer h3{font-size:20px;margin-top:5px}.tech-layer p{font-size:13px;color:var(--muted)}.tech-connector{text-align:center;font-size:20px;line-height:34px;color:#798d7c}.primary-layer{background:var(--ink);color:white}.primary-layer h3{font-size:21px}.primary-layer p,.primary-layer small,.primary-layer .layer-index{color:#c5d6c5}.tech-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:30px;position:relative}.tech-branches article{padding:22px;background:var(--soft);border-top:2px solid #7c9580;position:relative}.tech-branches article:before{content:"";height:28px;position:absolute;top:-30px;left:50%;width:1px;background:#abbcac}.tech-branches small{font-size:12px;color:var(--muted)}.tech-branches h4{margin:9px 0;font-size:18px}.tech-branches p{font-size:13px;color:var(--muted)}.integration-layer{background:#eaf0df}.hosting-foot{font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;color:var(--muted);margin-top:25px}.hosting-foot span{padding:0 10px}.crm-paths{display:grid;grid-template-columns:1fr 1fr;gap:30px}.crm-paths article{display:flex;gap:28px;padding:30px;background:var(--soft)}.crm-paths h3{margin:15px 0;font-size:25px}.crm-paths p{font-size:15px;color:var(--muted)}.path-number{font-size:46px;line-height:1.2;font-weight:500;color:#6c856d}.crm-connectors{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}.crm-connectors article{border-top:2px solid var(--ink);padding-top:24px}.crm-connectors h3{font-size:23px}.crm-connectors b{font-size:12px;display:block;margin:9px 0 17px}.crm-connectors p{font-size:14px;color:var(--muted)}.crm-connectors summary{font-size:13px;padding:12px 0;color:var(--muted)}.crm-connectors details{border-top:1px solid var(--line);margin-top:15px}.data-flow{display:flex;align-items:center;gap:12px;margin:6px 0 35px}.data-flow article{padding:22px;background:var(--soft);flex:1;align-self:stretch}.data-flow b{font-size:14px;color:var(--ink)}.data-flow p{font-size:13px;margin-top:10px}.data-flow>span{font-size:20px}.clean-list{list-style:none;padding:0;margin:15px 0;color:var(--muted);font-size:15px}.clean-list li{padding-left:15px;position:relative}.clean-list li:before{content:"";position:absolute;left:0;top:.8em;width:4px;height:4px;background:#829883}.role-workspace{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--line);min-height:310px}.role-tabs{display:flex;flex-direction:column;background:var(--soft);padding:15px}.role-tabs button{text-align:left;font-size:14px;padding:14px 17px}.role-tabs [aria-selected=true]{background:var(--ink);color:white}.role-panel{padding:30px}.role-panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px}.role-panel-header h3{font-size:23px}.role-panel-header small{font-size:12px;color:var(--muted)}.role-permissions{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:22px}.role-permissions h4{font-size:14px;margin-bottom:12px}.role-permissions p{font-size:14px;color:var(--muted)}.role-mock{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.role-mock span{background:var(--soft);padding:8px 13px;font-size:12px}.apps-table td:nth-child(3){min-width:190px}.apps-table td:nth-child(4){min-width:240px;color:var(--muted)}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.future-grid article{padding:30px;background:white;border:1px solid var(--line)}.phase-tag{font-size:12px;background:#edf1e6;display:inline-flex;padding:3px 10px}.phase-3{background:#e9edf7;color:#314b7c}.future-grid h3{margin:20px 0}.future-grid p{font-size:15px;color:var(--muted)}.mini-flow{font-size:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.growth-grid article{border-top:1px solid var(--ink);padding-top:20px}.growth-grid h3{margin-bottom:22px}.delivery-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-bottom:35px}.delivery-step{border:1px solid var(--line);background:white;min-width:0}.delivery-graphic{aspect-ratio:1.2;background:#e9eee5;padding:22px;display:flex;align-items:center;justify-content:center}.delivery-graphic svg{width:100%;height:100%;stroke:#31513a;fill:none;stroke-width:1.5}.delivery-step:nth-child(2n) .delivery-graphic{background:#dcebb6}.delivery-step>div:last-child{padding:20px 15px}.delivery-step small{font-size:11px;letter-spacing:.07em;color:var(--muted)}.delivery-step h3{font-size:18px;margin:9px 0 14px}.delivery-step p{font-size:13px;color:var(--muted)}.delivery-step b{font-size:12px;display:block;padding-top:13px;border-top:1px solid var(--line);margin-top:15px;font-weight:500}.deliverable-card{padding:28px;background:white;border:1px solid var(--line)}.deliverable-card h3{margin-bottom:18px}.scope-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.scope-counts{display:flex;gap:25px;align-items:center}.scope-counts span{font-size:12px;color:var(--muted)}.scope-counts b{font-size:25px;font-weight:500;margin-right:5px;color:var(--ink)}.scope-filters{display:flex;gap:5px;flex-wrap:wrap}.scope-filters button{font-size:13px;padding:8px 13px;border:1px solid var(--line);min-height:38px}.scope-filters [aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.scope-list{border-top:2px solid var(--ink)}.scope-row{display:grid;grid-template-columns:100px 1.5fr 1.5fr 145px;gap:25px;align-items:center;padding:20px 10px;border-bottom:1px solid var(--line)}.scope-row .scope-category{font-size:12px;color:var(--muted)}.scope-row h3{font-size:16px}.scope-row p{font-size:14px;color:var(--muted)}.scope-row select{font-size:13px;background:#f8faf6;min-height:42px}.scope-row select[data-value="phase2"]{background:#edf2fa}.scope-row select[data-value="phase3"]{background:#f3edf7}.scope-row select[data-value="out"]{background:#f1f1f1}.scope-dependencies{font-size:14px;color:#85541c;background:#fbf6ec;margin-top:18px}.scope-dependencies:not(:empty){padding:15px 20px}.scope-footer{display:grid;grid-template-columns:1.65fr 1fr;gap:50px;margin-top:36px}.scope-footer label{font-size:15px;font-weight:600}.scope-export{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:33px}.scope-export .text-link{align-self:center;margin-top:5px;font-size:13px}.reset-confirm{padding:15px;border:1px solid var(--line);font-size:13px}.reset-confirm button{border:1px solid var(--line);padding:4px 12px;margin:14px 10px 0 0;font-size:13px}.next-review{margin-top:60px;border-top:1px solid var(--line);padding-top:35px}.next-review h3{font-size:30px;margin:18px 0}.next-review p{color:var(--muted);font-size:15px}.sources-section{padding-top:0;padding-bottom:65px}.site-footer{background:var(--ink);color:white;padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer p{font-size:20px}.site-footer>a:last-child{font-size:13px;text-decoration:none;color:#c3d0c5}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 24px;border:1px solid #7b977e;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 30px)}.toast.visible{opacity:1;transform:translate(-50%,0)}#image-dialog{border:0;padding:45px 20px 20px;width:min(1450px,96vw);max-height:95vh;background:#f7f9f4;overflow:auto;color:var(--ink)}#image-dialog::backdrop{background:#061d17cf;backdrop-filter:blur(8px)}#image-dialog img{width:100%;height:auto}#image-dialog p{font-size:13px;padding:15px 5px}#close-image{position:sticky;top:0;float:right;background:white;padding:6px 18px;font-size:14px;z-index:1;margin-top:-35px;border:1px solid var(--line)}.noscript-notice{padding:20px;background:var(--lime)}
@container(max-width:620px){.mock-nav{padding:0 18px;height:54px}.mock-nav-links button{display:none}.mock-nav-links .mock-nav-cta{display:inline-flex;font-size:10px}.mock-home-copy{left:23px;top:35px;max-width:85%}.mock-home-copy h3{font-size:43px}.mock-home-hero{height:425px}.mock-home-hero img{object-position:57% center}.mock-home-bottom{grid-template-columns:1fr 1fr;padding:22px;gap:20px}.mock-home-bottom h4{grid-column:span 2}.config-layout{grid-template-columns:1fr}.config-stage{padding:8px}.config-stage img{max-height:250px}.config-stage small{margin:5px 10px 15px}.config-side{padding:24px}.config-side fieldset{margin-bottom:17px}.product-image img{height:290px}.mock-title-row{padding:20px}.mock-title-row h3{font-size:27px}.product-feature-bar{grid-template-columns:1fr;gap:17px;padding:20px}.dealer-body{grid-template-columns:1fr}.map-illustration{min-height:210px}.map-illustration svg{height:230px;min-height:230px}.dealer-head{padding:24px}.dealer-head h3{font-size:28px}.cabin-hero{height:440px}.cabin-overlay{top:auto;bottom:18px;left:18px;right:18px;width:auto;padding:20px}.cabin-overlay h4{margin:12px 0;font-size:23px}.mock-video-block{padding:20px}.order-steps{flex-wrap:wrap}.order-steps button{min-width:40%}}
@media(min-width:1700px){.section-inner{padding-left:0;padding-right:0}.hero-copy{padding-left:max(5vw,calc((100vw - 1440px)/2))}.hero-visual{min-height:740px}}
@media(max-width:1200px){.site-header{gap:20px}.brand i{display:none}.site-header nav{gap:18px}.header-cta{padding:10px 13px}.section-heading{gap:40px}.hero{min-height:610px}.hero-visual{min-height:610px}.hero-copy{padding:45px 4vw}.hero h1{font-size:64px}.hero-index{gap:15px;font-size:11px}.section{padding:75px 5vw}.market-facts article{padding:24px}.market-facts strong{font-size:47px}.design-principles{gap:25px}.showcase-wrap{grid-template-columns:minmax(0,1fr) 210px;gap:25px}.plan-card{padding:20px}.plan-card.recommended{padding:19px}.plan-card .plan-price{font-size:35px}.check-options{grid-template-columns:1fr}.check-options label{align-items:center}.check-options small{display:inline;padding-left:10px;margin:0}.scope-row{grid-template-columns:85px 1.3fr 1.4fr 130px;gap:20px}.delivery-timeline{grid-template-columns:repeat(3,1fr)}.delivery-graphic{aspect-ratio:2;height:135px}.delivery-graphic svg{max-width:130px}.sitemap{gap:10px}.sitemap-node{padding:12px 10px}.sitemap-node b{font-size:13px}}
@media(max-width:950px){.site-header{height:74px;padding:0 5vw}.site-header nav{display:none}.site-header .header-cta{margin-left:auto}.menu-toggle{display:block}.reading-progress{top:73px}.chapter-menu{top:74px}html{scroll-padding-top:84px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:45px 5vw}.hero h1{font-size:52px}.hero .lead{font-size:15px}.hero-en{font-size:11px}.hero-index{margin-top:30px}.hero-visual{min-height:590px}.hero .actions{flex-direction:column;align-items:flex-start;gap:20px}.floating-note{top:22px;left:20px}.hero-visual figcaption{left:20px;right:20px;flex-direction:column;gap:5px}.section-heading{grid-template-columns:1fr 1fr;gap:35px}.section-heading>p{font-size:15px}.market-facts{gap:15px}.market-facts article{padding:20px}.market-facts strong{font-size:40px}.market-facts h3{font-size:16px}.market-facts p{font-size:14px}.accent-card h3{font-size:27px}.region-layout{grid-template-columns:1fr 1.6fr;gap:25px}.region-selector button{padding:20px 13px;gap:13px;font-size:18px}.region-grid{gap:20px}.persona-grid{gap:18px}.persona-grid article{padding:20px}.persona-grid h3{font-size:20px}.persona-grid dl{grid-template-columns:1fr;gap:6px}.persona-grid dd{margin-bottom:12px}.competitor-featured,.competitor-secondary{gap:20px}.competitor-card h3{display:block}.competitor-card h3 a{display:block;margin-top:6px}.competitor-card dl{grid-template-columns:1fr;gap:3px}.competitor-card dd{margin-bottom:13px}.design-principles{grid-template-columns:1fr 1fr}.design-principles .principle-large{grid-row:span 3}.design-principles article:last-child{grid-column:auto;display:block}.design-principles article:last-child p{margin-top:15px}.showcase-wrap{grid-template-columns:1fr}.demo-notes{display:grid;grid-template-columns:150px 1.4fr 1fr;gap:25px}.demo-notes h3{margin:0 0 12px}.demo-notes ul{margin:0}.demo-notes .small-note{margin-top:0}.demo-stage{display:none!important}.showcase-controls{flex-wrap:wrap;gap:10px}.tabs button{padding:12px 10px}.journey-track{gap:6px}.journey-track button{padding:16px 10px}.journey-track span{font-size:14px}.journey-detail{gap:24px;padding:26px}.sitemap{grid-template-columns:repeat(3,1fr)}.sitemap-column:nth-child(n+4){margin-top:15px}.architecture-toolbar{flex-wrap:wrap}.plan-grid{grid-template-columns:repeat(2,1fr)}.platform-recommend{grid-template-columns:1fr 1fr;gap:20px}.platform-recommend>a{grid-column:span 2;justify-self:start}.tech-layer{grid-template-columns:30px 1fr;gap:20px}.tech-layer>p{grid-column:2}.tech-layer{padding:20px}.tech-branches article{padding:18px}.tech-branches h4{font-size:17px}.role-workspace{grid-template-columns:180px 1fr}.scope-row{grid-template-columns:1.2fr 1fr 130px;gap:20px}.scope-category{grid-column:1/-1}.scope-row h3{font-size:15px}.crm-paths article{padding:24px;gap:18px}.path-number{font-size:35px}.data-flow{flex-wrap:wrap}.data-flow article{min-width:35%}.data-flow>span{display:none}.ui-gallery{gap:26px}.design-tile-caption{font-size:16px}}
@media(max-width:650px){.brand{font-size:27px}.brand span{font-size:14px}.header-cta{font-size:12px;padding:8px 12px}.menu-toggle{font-size:13px;min-height:42px}.site-header{gap:12px}.section{padding:56px 6vw}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 6vw 35px}.hero h1{font-size:61px}.hero-en{display:none}.hero .lead{font-size:16px;margin-top:22px}.hero .actions{flex-direction:row;gap:22px;align-items:center;margin-top:26px}.hero .button{font-size:13px;padding:13px 17px;min-height:48px}.hero .text-link{font-size:12px}.hero-index{margin-top:26px;font-size:11px;gap:22px;padding-top:18px}.hero-visual{min-height:380px}.hero-visual>img{object-position:82% center}.hero-visual figcaption{flex-direction:row;font-size:9px}.floating-note{font-size:12px;padding:11px 15px}.floating-note small{font-size:10px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.eyebrow{font-size:11px;margin-bottom:16px;letter-spacing:.1em}h2{font-size:36px}.section-heading>p{font-size:15px;max-width:none}.review-grid{grid-template-columns:1fr;gap:24px}.review-grid article{padding-top:18px}.review-grid h3{font-size:22px;margin:10px 0}.review-grid p{font-size:15px}.market-facts{grid-template-columns:1fr 1fr}.market-facts article{padding:20px}.market-facts strong{font-size:39px}.market-facts strong span{font-size:16px;margin-left:3px}.market-facts .accent-card{grid-column:span 2}.accent-card h3{font-size:31px;margin:14px 0}.accent-card h3 br{display:none}.accent-card .text-link{margin-top:20px}.source{font-size:12px}.market-facts .source{font-size:11px}.subheading{display:block;margin-top:35px}.subheading h3{font-size:24px}.subheading p{margin-top:10px;font-size:13px}.region-layout{grid-template-columns:1fr;gap:0}.region-selector{flex-direction:row;overflow-x:auto}.region-selector button{display:block;text-align:left;min-width:110px;font-size:15px;padding:14px 12px;flex:1;border-bottom:0}.region-selector button>b{display:none}.region-selector button>span{display:block}.region-selector small{font-size:10px}.region-panel{padding:25px 0}.region-panel h3{font-size:26px}.region-grid{gap:22px}.region-grid p{font-size:14px}.deep-dive{margin-top:24px}summary{font-size:15px;padding:18px 0}.detail-body{padding-bottom:20px}.formula{font-size:15px;padding:18px}.calculator-grid{grid-template-columns:1fr 1fr;gap:20px}.calc-result{gap:20px}.calc-result strong{font-size:25px}.persona-grid{grid-template-columns:1fr;gap:18px}.persona-grid article{padding:25px}.persona-grid dl{grid-template-columns:90px 1fr;gap:12px}.persona-grid dd{margin:0}.persona-grid h3{font-size:23px}.competitor-featured,.competitor-secondary{grid-template-columns:1fr;gap:35px}.competitor-card h3{display:flex;align-items:baseline;font-size:26px}.competitor-card h3 a{margin:0;font-size:12px}.competitor-card dl{grid-template-columns:55px 1fr;gap:14px;margin:18px 0}.competitor-card dd{margin:0}.competitor-card .takeaway{padding-top:15px;margin-top:16px}.competitor-card img{aspect-ratio:1.65}.competitor-secondary{margin-top:34px;gap:20px}.competitor-secondary article{border-bottom:1px solid var(--line);padding-bottom:20px}.insight-line{grid-template-columns:1fr;gap:15px;margin-top:25px}.insight-line p{font-size:16px}.design-principles{grid-template-columns:1fr;gap:24px}.design-principles .principle-large{grid-row:auto;padding:26px}.design-principles article:last-child{grid-column:auto}.design-principles article:not(.principle-large){display:grid;grid-template-columns:30px 1fr;gap:10px}.design-principles article:not(.principle-large) p{grid-column:2;margin:0}.design-principles h3{font-size:23px}.principle-large h3{font-size:32px;margin:25px 0 18px}.swatches{padding-top:25px;gap:24px}.ui-gallery{grid-template-columns:1fr;gap:30px}.design-tile-caption{font-size:19px}.experience-section{padding:56px 0}.section-inner{padding-left:6vw;padding-right:6vw}.showcase-wrap{padding-left:3vw;padding-right:3vw;gap:24px}.showcase-controls{display:block}.tabs{flex-wrap:nowrap;overflow-x:auto;margin-left:-6vw;margin-right:-6vw;padding:0 6vw;scrollbar-width:thin}.tabs button{white-space:nowrap;font-size:12px;padding:13px 11px}.device-controls{display:none}.browser-bar{font-size:9px;padding:0 12px}.demo-notes{display:block;margin:0 3vw;padding-top:18px}.demo-notes h3{font-size:23px;margin:15px 0}.demo-notes ul{font-size:14px}.demo-notes .small-note{margin-top:18px}.journey-track{grid-template-columns:repeat(3,1fr);gap:8px}.journey-track button{padding:16px 12px}.journey-track b{margin-bottom:10px}.journey-track span{font-size:14px}.journey-detail{grid-template-columns:1fr;gap:25px;padding:25px}.journey-detail h3{font-size:26px}.journey-detail small{margin-top:6px}.two-column{grid-template-columns:1fr;gap:15px}.two-column>.deep-dive{margin-top:16px}.phase-ribbon{grid-template-columns:1fr}.phase-ribbon>div{padding:20px 22px}.phase-ribbon b{font-size:17px}.architecture-toolbar{margin:28px 0 20px;gap:14px}.filter-group{width:100%}.filter-group button{flex:1}.sitemap{grid-template-columns:1fr 1fr;gap:16px}.sitemap-column:nth-child(n+3){margin-top:10px}.sitemap-column:last-child{grid-column:span 2}.sitemap-column:last-child .sitemap-nodes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sitemap-node{min-height:90px;padding:14px 12px}.sitemap-node b{font-size:14px}.sitemap-node small{font-size:11px}.architecture-foundation{gap:14px;padding:18px;font-size:12px}.architecture-foundation span{flex-basis:100%}.section-callout{grid-template-columns:1fr;gap:10px;font-size:14px}.table-scroll{margin-top:16px}table{font-size:13px}td,th{padding:15px 13px}.platform-recommend{grid-template-columns:1fr;padding:26px}.platform-recommend>a{grid-column:auto}.platform-recommend h3{font-size:27px}.subheading .segmented{margin-top:20px;max-width:250px}.plan-grid{gap:12px}.plan-card{padding:20px 15px}.plan-card.recommended{padding:19px 14px}.plan-card h3{font-size:22px}.plan-card .plan-price{font-size:35px}.plan-card ul{font-size:13px;padding-top:15px;margin-top:15px}.plan-card .plan-annual{font-size:11px;min-height:55px}.plan-card .recommended-label{float:none;display:inline-block;margin:0 0 8px}.plan-card.recommended h3{margin-bottom:-5px}.cost-planner{grid-template-columns:1fr}.cost-planner>div{padding:27px}.cost-result strong{font-size:54px;margin:17px 0}.check-options{gap:20px}.tech-architecture{padding:16px}.tech-layer{padding:20px 15px;gap:12px;grid-template-columns:25px 1fr}.tech-layer h3{font-size:18px}.tech-layer p{font-size:12px}.tech-branches{grid-template-columns:1fr;gap:18px;padding-top:20px}.tech-branches article:before{top:-21px;height:20px}.tech-branches article{padding:20px}.tech-branches h4{font-size:19px}.hosting-foot{justify-content:flex-start;font-size:11px}.hosting-foot span{display:none}.crm-paths{grid-template-columns:1fr;gap:20px}.crm-paths article{padding:25px}.crm-paths h3{font-size:23px}.crm-connectors{grid-template-columns:1fr;gap:32px}.crm-connectors p{font-size:15px}.crm-connectors h3{font-size:26px}.data-flow{display:grid;grid-template-columns:1fr 1fr}.data-flow article{padding:20px}.role-workspace{grid-template-columns:1fr}.role-tabs{flex-direction:row;overflow-x:auto;padding:10px}.role-tabs button{white-space:nowrap;font-size:13px;padding:10px 15px}.role-panel{padding:24px}.role-panel-header{align-items:flex-start}.role-panel-header h3{font-size:22px}.role-panel-header small{font-size:11px;max-width:120px}.role-permissions{grid-template-columns:1fr;gap:20px}.future-grid{grid-template-columns:1fr;gap:22px}.future-grid article{padding:25px}.future-grid h3{font-size:25px}.growth-grid{grid-template-columns:1fr;gap:32px}.growth-grid h3{font-size:26px;margin-bottom:18px}.delivery-timeline{grid-template-columns:1fr 1fr;gap:16px}.delivery-step h3{font-size:20px}.delivery-step p{font-size:14px}.delivery-step b{font-size:12px}.delivery-step>div:last-child{padding:18px 16px}.delivery-graphic{height:120px;padding:22px}.deliverable-card{padding:24px}.scope-toolbar{gap:20px}.scope-counts{gap:23px;flex-wrap:wrap}.scope-counts b{font-size:26px}.scope-filters{gap:6px}.scope-filters button{padding:6px 10px;font-size:12px}.scope-row{grid-template-columns:1fr 115px;gap:9px 20px;padding:20px 0}.scope-category{grid-column:1;font-size:11px!important}.scope-row h3{grid-column:1;font-size:16px;grid-row:2}.scope-row p{grid-column:1;grid-row:3;font-size:13px}.scope-row select{grid-column:2;grid-row:2/4;font-size:12px;padding:8px}.scope-footer{grid-template-columns:1fr;gap:15px}.scope-export{padding-top:5px}.next-review{margin-top:40px}.next-review h3{font-size:28px}.sources-section{padding-top:0}.site-footer{padding:36px 6vw;flex-wrap:wrap;gap:20px}.site-footer p{font-size:18px}.site-footer>a:last-child{font-size:12px}#image-dialog{padding:45px 10px 10px;width:98vw}#close-image{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.reading-progress,.header-cta,.menu-toggle,.scope-export,.scope-filters,.device-controls,.toast,.source:empty{display:none!important}html{scroll-padding:0}body{font-size:11pt}.section{padding:30px 0;break-inside:auto}.section-heading{margin-bottom:24px}h2{font-size:26pt}h3{font-size:16pt}.hero{min-height:0}.hero-copy{padding:30px}.hero-visual{min-height:380px}.hero h1{font-size:42pt}.hero-index{margin-top:25px}.section-inner{padding:0}.dark-section,.ui-gallery-section,.site-footer{background:white;color:var(--ink)}.dark-section .section-heading>p,.dark-section .eyebrow,.ui-gallery-section .eyebrow,.ui-gallery-section .section-heading>p,.ui-gallery-section .small-note{color:#444}.dark-section .detail-body{color:#333}.sitemap{display:grid;grid-template-columns:repeat(5,1fr)}.sitemap-column:last-child{grid-column:auto}.sitemap-node,.sitemap-column h3,.phase-ribbon>div,.architecture-foundation{background:white;color:#111;border-color:#bbb}.sitemap-node small,.sitemap-column .system-pill{color:#444}.phase-ribbon{background:#ccc}.dark-section td:first-child,.dark-section table{color:#111}.table-scroll{overflow:visible}table{min-width:0;font-size:9pt}.source{font-size:8pt}.design-tile{color:#111}.design-tile-caption small{color:#555}.ui-gallery{grid-template-columns:1fr 1fr}.design-tile img{aspect-ratio:auto;object-fit:contain;max-height:350px}.showcase-wrap{grid-template-columns:1fr}.browser-frame{max-width:none!important}.demo-notes{display:block}.scope-row{break-inside:avoid}details:not([open])>.detail-body{display:block}.deep-dive{break-inside:auto}.tech-layer,.persona-grid article,.competitor-card,.plan-card{break-inside:avoid}.delivery-timeline{grid-template-columns:repeat(3,1fr)}.section-callout{color:#111}.section-callout p{color:#555}.small-note{color:#555}.experience-section{padding:25px 0}.showcase-controls{display:none}.cost-result{print-color-adjust:exact;-webkit-print-color-adjust:exact}.hero-visual{print-color-adjust:exact;-webkit-print-color-adjust:exact}.clean-list{font-size:10pt}.scope-footer{grid-template-columns:1fr}.site-footer{padding:30px 0;border-top:1px solid #bbb}}
.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}.scope-include{display:flex;align-items:center;gap:12px;cursor:pointer}.scope-include input{flex-shrink:0;margin:0}.design-tile img{aspect-ratio:4/3}.chapter-menu small{font-size:11px;color:var(--muted);margin-right:10px}

/* 静态图片兼容性：图片尺寸始终由容器宽度与原始比例决定。 */
img{height:auto}
.ui-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-tile,.design-image-wrap{display:block;min-width:0;max-width:100%;width:100%}
.design-tile img,.competitor-card img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
.design-tile:hover img{transform:none}
.hero-visual>img{height:100%}
#full-design{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:650px){.ui-gallery{grid-template-columns:minmax(0,1fr)}}
/* 首页静态长图：不设固定图片高度，不使用轮播或嵌套原型。 */
.homepage-design-section{background:#f4f6f2;color:var(--ink)}
.anchor-alias{scroll-margin-top:100px}
.concept-index{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:60px}
.concept-index a{display:flex;align-items:center;gap:18px;padding:15px 22px;border:1px solid #c7d2c5;text-decoration:none;font-size:15px;background:white}
.concept-index a:hover{background:var(--ink);color:white}
.concept-index span{font-size:12px;opacity:.7}
.homepage-concept{width:100%;min-width:0;margin-top:72px;scroll-margin-top:120px}
.homepage-concept:first-of-type{margin-top:0}
.concept-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:26px}
.concept-number{font-size:12px;letter-spacing:.15em;color:var(--muted)}
.concept-heading h3{font-size:36px;font-weight:600;line-height:1.3;margin:12px 0 8px}
.concept-en{font-size:15px;color:var(--muted)}
.concept-heading>div:last-child>p{font-size:16px;line-height:1.75;color:#4b5f50;max-width:520px}
.concept-heading>div:last-child>.concept-tags{font-size:12px;color:var(--muted);margin-top:14px}
.homepage-figure{display:block;min-width:0;width:100%;margin:0}
.homepage-image-link{display:block;width:100%;min-width:0;max-width:100%;background:white;border:1px solid #d8e0d5;box-shadow:0 15px 50px #14251f0b;text-decoration:none;overflow:visible}
.homepage-image{display:block;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none}
.homepage-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;font-size:12px;color:var(--muted)}
.homepage-figure figcaption a{white-space:nowrap;text-decoration:none}
@media(max-width:950px){.concept-heading{gap:28px}.concept-heading h3{font-size:31px}.homepage-concept{margin-top:56px}}
@media(max-width:650px){.concept-index{gap:8px;margin-bottom:40px}.concept-index a{padding:11px 14px;font-size:13px;gap:10px}.concept-index span{font-size:10px}.concept-heading{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.concept-heading h3{font-size:29px}.concept-heading>div:last-child>p{font-size:14px}.concept-heading>div:last-child>.concept-tags{font-size:11px}.homepage-figure figcaption{font-size:11px;align-items:flex-start;gap:15px}.homepage-concept{margin-top:44px;scroll-margin-top:90px}.homepage-design-section{padding-left:4vw;padding-right:4vw}.homepage-design-section>.section-heading{padding:0 2vw}.homepage-image{width:100%;height:auto;max-width:100%}}
@media print{.concept-index{display:none}.homepage-design-section{background:white}.homepage-concept{break-before:page;margin-top:25px}.concept-heading{margin-bottom:20px}.concept-heading h3{font-size:24pt}.homepage-image-link{border:0;box-shadow:none}.homepage-image{width:100%;height:auto;max-width:100%}.homepage-figure{break-inside:avoid}.homepage-figure figcaption{font-size:9pt}}

.homepage-concept{max-width:1024px;margin-left:auto;margin-right:auto}
.homepage-concept{scroll-margin-top:20px}
.delivery-graphic{width:100%;min-width:0}

/* 为延迟加载图片预留真实比例，避免章节锚点随图片展开而漂移。 */
.homepage-image{aspect-ratio:2/3}
.competitor-card img{aspect-ratio:1800/887}

/* 完整静态 UI 与交互分镜：真实比例占位，整页展示。 */
.demo-disclaimer{margin-top:20px;font-size:14px;line-height:1.6;color:#45604e;font-weight:600}
.market-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.market-decisions article{border-top:2px solid var(--ink);padding:26px 22px 24px;background:var(--soft)}
.market-decisions h3{font-size:28px;line-height:1.35;margin:20px 0 18px}
.market-decisions p{color:var(--muted);font-size:16px}.market-decisions b{display:block;margin-top:22px;font-size:14px;font-weight:600}
.research-link{margin-top:30px}
.suite-index{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:58px}
.suite-index a{padding:12px 20px;background:white;border:1px solid #cbd6c9;text-decoration:none;font-size:14px}
.suite-index a:hover{background:var(--ink);color:white}
.suite-page{margin-top:76px;scroll-margin-top:20px}.suite-page:first-of-type{margin-top:0}
.suite-page-heading{display:grid;grid-template-columns:1fr .85fr;gap:56px;align-items:end;margin-bottom:26px}
.suite-page-heading h3{font-size:32px;line-height:1.35;margin-top:14px;letter-spacing:-.04em}
.suite-page-heading>p{font-size:16px;color:#506257;max-width:500px}
.suite-tags{display:block;margin-top:16px;font-size:13px;color:var(--muted)}
.suite-layout{display:grid;align-items:start;gap:30px;min-width:0}
.suite-layout.with-mobile{grid-template-columns:minmax(0,1fr) minmax(190px,.26fr)}
.suite-layout.desktop-only{max-width:1120px;margin:auto}
.suite-layout figure,.story-card figure{min-width:0;margin:0}
.suite-layout figure>a,.story-card figure>a{display:block;background:#fff;border:1px solid #dce4d9;box-shadow:0 12px 36px #14251f0a}
.suite-img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.suite-layout figcaption{display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);padding-top:12px}
.suite-layout figcaption a{white-space:nowrap;text-decoration:none}
.mobile-label{font-size:12px;letter-spacing:.1em;color:var(--muted);margin-bottom:13px}
.suite-mobile{padding-top:4px}.suite-mobile img{border-radius:0}
.alternative-directions{margin-top:74px;border-top:1px solid #bdccbd;border-bottom:1px solid #bdccbd}
.alternative-directions>summary{padding:26px 0}.alternative-directions h3{font-size:25px;margin-top:8px}
.alternative-directions summary p{font-size:14px;color:var(--muted);font-weight:400;margin-top:8px}
.alternative-body{padding:32px 0 50px}
.interaction-section{background:#fff}.story-card{margin-top:48px;border-top:1px solid var(--line);padding-top:30px;scroll-margin-top:20px}
.story-card h3{font-size:30px;margin:12px 0 24px}
.story-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0 0}
.story-notes>div{border-left:2px solid #bbd5a8;padding-left:16px}
.story-notes dt{font-size:13px;font-weight:650;margin-bottom:8px;color:var(--muted)}
.story-notes dd{font-size:16px;margin:0;line-height:1.6}
.journey-detail{grid-template-columns:.8fr 1.5fr}
.appendix-section{background:#f4f6f2}
.appendix-item{border-top:1px solid #ccd8cb}.appendix-item:last-child{border-bottom:1px solid #ccd8cb}
.appendix-item>summary{padding:25px 2px}.appendix-item>summary h3{font-size:23px}
.appendix-item>summary p{font-size:14px;font-weight:400;color:var(--muted);margin-top:6px}
.appendix-content{background:white;margin-bottom:30px;border:1px solid var(--line)}
.appendix-content>.section{padding:35px 30px;background:#fff}
.appendix-content .section-heading{gap:35px;margin-bottom:30px}
.appendix-content .section-heading h2{font-size:35px}.appendix-content .section-heading>p{font-size:15px}
.appendix-content .eyebrow{font-size:12px;margin-bottom:12px}
.appendix-content .section>.deep-dive:first-child{margin-top:0;border-top:0}
.appendix-content .sources-section{padding-top:20px}
.appendix-content .tech-architecture{background:var(--soft)}
@media(max-width:950px){.market-decisions{gap:16px}.market-decisions article{padding:22px 17px}.market-decisions h3{font-size:24px}.suite-page-heading{gap:28px}.suite-page-heading h3{font-size:28px}.suite-layout{gap:18px}.suite-layout.with-mobile{grid-template-columns:minmax(0,1fr) 185px}.suite-layout figcaption{flex-wrap:wrap}.story-notes{gap:15px}}
@media(max-width:650px){.market-decisions{grid-template-columns:1fr;gap:18px}.market-decisions article{padding:24px}.market-decisions h3{font-size:27px}.suite-index{gap:8px;margin-bottom:38px}.suite-index a{font-size:13px;padding:9px 13px}.suite-page{margin-top:50px}.suite-page-heading{grid-template-columns:1fr;gap:16px}.suite-page-heading h3{font-size:27px}.suite-page-heading>p{font-size:15px}.suite-tags{font-size:12px;margin-top:10px}.suite-layout.with-mobile{grid-template-columns:minmax(0,1fr);gap:28px}.suite-mobile{width:min(100%,300px);justify-self:center}.suite-layout figcaption{font-size:11px}.demo-disclaimer{font-size:13px}.alternative-directions{margin-top:50px}.alternative-directions h3{font-size:23px}.story-card h3{font-size:25px}.story-notes{grid-template-columns:1fr;gap:18px}.story-notes dd{font-size:15px}.journey-detail{grid-template-columns:1fr}.appendix-item>summary h3{font-size:21px}.appendix-content>.section{padding:24px 18px}.appendix-content .section-heading{grid-template-columns:1fr;gap:18px}.appendix-content .section-heading h2{font-size:29px}.appendix-content .plan-grid{grid-template-columns:1fr 1fr}.appendix-content .role-panel{padding:18px}.appendix-content .market-facts{grid-template-columns:1fr}}
@media print{details::details-content{content-visibility:visible!important}.appendix-content,.alternative-body{display:block!important}.appendix-item,.alternative-directions{break-inside:auto}.appendix-section,.homepage-design-section{background:white}.suite-index,.research-link{display:none}.suite-page{break-before:page;margin-top:20px}.suite-page-heading{margin-bottom:20px}.suite-page-heading h3{font-size:23pt}.suite-layout.with-mobile{grid-template-columns:minmax(0,1fr) .27fr;gap:20px}.suite-layout figure>a,.story-card figure>a{box-shadow:none}.suite-layout figure,.story-card figure{break-inside:avoid}.story-card{break-before:page}.story-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.story-notes dd{font-size:11pt}.appendix-content>.section{padding:20px 10px}.appendix-content .section-heading h2{font-size:24pt}.market-decisions{grid-template-columns:repeat(3,minmax(0,1fr))}.market-decisions h3{font-size:18pt}.market-decisions p{font-size:11pt}}