@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#fff;--panel:#f4f4f3;--ink:#252525;--muted:#6e6e6e;--line:#e4e4e2;--yellow:#f2b62e;--soft:#eef0ee;--shadow:0 14px 35px rgba(0,0,0,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.preview-ribbon{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #ececea;color:#777;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.preview-ribbon span{font-weight:800;color:#c38a0e}.preview-ribbon strong{font-weight:600}.site-header{height:80px;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #ececea}.brand img{display:block;width:126px}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a{color:#4c4c4c;font-size:12px;font-weight:700}.desktop-nav a:hover{text-decoration:underline}.header-cta,.button-primary{background:var(--yellow);border-radius:2px}.header-cta{padding:12px 17px;font-size:12px;font-weight:800;white-space:nowrap}.header-cta span,.button span,.text-link span{margin-left:8px;font-size:17px}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px}.section-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.hero{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:650px;gap:0;margin-top:30px;padding:65px 40px 70px;background:var(--panel)}.hero:before,.hero:after{content:"";position:absolute;width:30px;height:30px;border:solid var(--yellow);pointer-events:none}.hero:before{left:-18px;top:-18px;border-width:4px 0 0 4px}.hero:after{right:-18px;top:-18px;border-width:4px 4px 0 0}.hero-copy{padding-right:45px}.eyebrow{display:flex;align-items:center;gap:10px;color:#666;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.hero h1{margin:27px 0 24px;font-size:clamp(44px,5.2vw,78px);line-height:.98;letter-spacing:-.045em;font-weight:800;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--ink)}.hero-lead{max-width:470px;margin:0 0 32px;color:#5d5d5d;font-size:17px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:2px;cursor:pointer;padding:15px 20px;font-size:12px;font-weight:800}.button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-proof{display:flex;gap:30px;margin-top:62px}.hero-proof div{display:flex;gap:9px}.hero-proof b{font-size:10px;color:#989898}.hero-proof span{font-size:10px;line-height:1.2;color:#6d6d6d}.hero-media{height:515px;position:relative;overflow:hidden;background:#bbb}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 55%)}.hero-caption{position:absolute;left:28px;bottom:25px;z-index:1;display:flex;flex-direction:column;gap:4px;color:#fff;font-size:12px}.hero-caption span{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.hero-index{position:absolute;right:24px;top:22px;z-index:1;color:#fff;font-size:12px}.hero-index span{margin:0 4px;color:var(--yellow)}.metrics-strip{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-label{color:#777;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.metric{display:flex;flex-direction:column;gap:3px;padding-left:18px;border-left:1px solid var(--line)}.metric strong{font-size:19px}.metric span{color:var(--muted);font-size:11px}.metric-accent strong{color:#bb830d}.value-section{padding:125px 0 135px}.section-heading{text-align:center;margin-bottom:55px}.section-heading h2,.demo-intro h2,.process-section h2,.inputs-copy h2,.portfolio-head h2,.faq-intro h2,.contact-copy h2{margin:0;font-size:clamp(36px,4.4vw,64px);line-height:1.02;letter-spacing:-.045em;font-weight:800;text-transform:uppercase}.section-heading h2 span,.demo-intro h2 span,.process-section h2 span,.inputs-copy h2 span,.portfolio-head h2 span,.faq-intro h2 span{color:inherit}.section-heading p{max-width:600px;margin:23px auto 0;color:#666}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-card{display:flex;flex-direction:column;min-height:300px;padding:28px;background:#fff;border:1px solid #ededeb}.value-card-dark{background:#fff;color:var(--ink);border-color:#ededeb}.card-number{font-size:11px;color:#999;font-weight:800}.icon-mark{margin:23px 0 10px;color:#e8a91b;font-size:28px}.value-card h3{margin:0 0 12px;font-size:20px}.value-card p,.value-card-dark p{margin:0;color:#6c6c6c;font-size:13px}.value-card a{margin-top:auto;font-size:11px;font-weight:800}.demo-section{position:relative;display:grid;grid-template-columns:1fr 1.35fr;gap:78px;width:100%;padding:92px max(24px,calc((100vw - 1180px)/2));background:var(--panel)}.demo-intro{text-align:center;padding-top:10px}.demo-intro .eyebrow{justify-content:center}.demo-intro p{max-width:390px;margin:25px auto;color:#666}.demo-note{display:inline-block;padding-top:10px;border-top:2px solid var(--yellow);color:#666;font-size:11px}.model-card{padding:28px;background:#fff;border:1px solid #e7e7e5}.model-card-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.kicker{display:block;color:#7d7d7d;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.model-card h3{margin:4px 0 0;font-size:29px;letter-spacing:-.04em}.scenario-tabs{display:flex;gap:6px}.scenario-tab{padding:8px 10px;border:1px solid #d7d7d5;background:#fff;color:#666;font-size:10px;cursor:pointer}.scenario-tab.is-active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.model-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding-top:28px}.input-panel{padding-right:28px;border-right:1px solid var(--line)}.input-panel label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:700}.input-panel output{color:#a77911}.input-panel input{width:100%;accent-color:var(--yellow)}.range-labels{display:flex;justify-content:space-between;margin:6px 0 26px;color:#888;font-size:10px}.button-dark{width:100%;margin-top:28px;background:var(--ink);color:#fff}.result-main{display:flex;flex-direction:column;padding-bottom:17px;border-bottom:1px solid var(--line)}.result-main span,.result-main i{color:#777;font-size:11px}.result-main strong{margin:6px 0;font-size:59px;line-height:1;letter-spacing:-.08em}.result-main small{font-size:14px;letter-spacing:0}.result-main i{font-style:normal;font-size:10px}.result-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.result-row b{font-size:12px}.bar-chart{margin-top:19px}.bar-row{display:grid;grid-template-columns:76px 1fr 25px;align-items:center;gap:8px;margin:9px 0;color:#707070;font-size:10px}.bar-row div{height:7px;background:#e7e7e5}.bar-row i{display:block;height:100%;background:var(--yellow)}.bar-row b{text-align:right;font-size:10px}.process-section{padding:130px 0 110px}.process-section>.section-heading{margin-bottom:50px}.process-list{border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:64px 1fr 30px;align-items:start;gap:20px;width:100%;padding:22px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--ink);cursor:pointer}.process-step>span{color:#999;font-size:11px}.process-step h3{margin:0 0 3px;font-size:18px}.process-step p{margin:0;color:#777;font-size:13px}.process-step>b{font-size:20px;font-weight:400}.process-step.is-active{padding-left:18px;background:#f3f3f2}.process-step.is-active>span,.process-step.is-active>b{color:#b17d0c}.process-callout{display:grid;grid-template-columns:64px 1fr 280px;align-items:center;gap:20px;margin-top:30px;padding:24px;background:#f3f3f2}.callout-index{color:#ac7b0d;font-size:12px;font-weight:800}.process-callout h3{margin:6px 0;font-size:21px}.process-callout p{max-width:500px;margin:0;color:#6a6a6a;font-size:13px}.process-callout img{width:100%;height:150px;object-fit:cover}.inputs-section{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding:65px 50px 85px;background:var(--panel)}.inputs-image{position:relative}.inputs-image img{width:100%;height:420px;object-fit:cover}.image-tag{position:absolute;left:18px;bottom:18px;padding:10px 13px;background:#fff;font-size:10px;font-weight:800}.inputs-copy h2{margin-top:20px}.inputs-copy p{max-width:420px;margin:25px 0;color:#666}.input-chips{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 30px}.input-chips span{padding:7px 10px;border:1px solid #d1d1cf;background:#fff;color:#666;font-size:10px}.portfolio-section{position:relative;width:100%;padding:100px max(24px,calc((100vw - 1180px)/2));background:var(--panel)}.portfolio-head{text-align:center;margin-bottom:50px}.portfolio-head .eyebrow{justify-content:center}.portfolio-head>p{max-width:430px;margin:22px auto 0;color:#666;font-size:13px}.portfolio-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.project-card{background:#fff}.project-card-dark{background:#fff;color:var(--ink)}.project-card img{display:block;width:100%;height:255px;object-fit:cover}.project-card-large img{height:335px}.project-card>div{padding:18px 20px 23px}.project-card span{color:#777;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.project-card h3{margin:12px 0 23px;font-size:19px;line-height:1.15}.project-card a{font-size:11px;font-weight:800}.project-card a b{margin-left:5px;color:#b17d0c;font-size:16px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:125px 0}.faq-intro{text-align:center}.faq-intro .eyebrow{justify-content:center}.faq-intro p{max-width:300px;margin:24px auto 0;color:#666}.faq-list details{padding:20px 0;border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:17px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{color:#a87914;font-size:25px;font-style:normal;font-weight:400;transition:transform .2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list p{max-width:650px;margin:15px 40px 2px 0;color:#707070;font-size:14px}.contact-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:74px;width:100%;overflow:hidden;background:var(--panel);border-top:1px solid var(--line)}.contact-image{position:relative;min-height:480px}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.03),rgba(0,0,0,.38))}.contact-image span{position:absolute;left:30px;bottom:27px;z-index:1;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.contact-image b{color:var(--yellow);font-size:13px;letter-spacing:0;text-transform:none}.contact-copy{padding:85px 65px 65px 0}.contact-copy h2{margin-top:22px}.contact-copy p{max-width:410px;margin:25px 0 32px;color:#666}.contact-copy small{display:block;margin-top:12px;color:#888;font-size:10px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;color:#777;font-size:10px}.site-footer img{width:100px}.site-footer a{font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.in-view{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}.reveal-delay-2{transition-delay:.18s}.demo-section:before,.demo-section:after,.portfolio-section:before,.portfolio-section:after,.contact-section:before,.contact-section:after{content:"";position:absolute;width:30px;height:30px;border:solid var(--yellow);pointer-events:none;z-index:2}.demo-section:before,.portfolio-section:before,.contact-section:before{left:calc(max(24px, (100vw - 1180px)/2) - 18px);top:-18px;border-width:4px 0 0 4px}.demo-section:after,.portfolio-section:after,.contact-section:after{right:calc(max(24px, (100vw - 1180px)/2) - 18px);top:-18px;border-width:4px 4px 0 0}
@media(max-width:980px){.desktop-nav{gap:15px}.hero{grid-template-columns:1fr 1fr;min-height:600px;padding-left:24px;padding-right:24px}.hero-copy{padding-right:25px}.hero h1{font-size:clamp(40px,5.8vw,62px)}.hero-media{height:470px}.demo-section{gap:35px}.inputs-section{gap:40px}.contact-copy{padding-right:35px}}
@media(max-width:720px){body{font-size:14px}.preview-ribbon{font-size:9px}.site-header{height:68px;padding:0 18px;justify-content:space-between}.brand img{width:104px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.section-shell{width:calc(100% - 36px)}.hero{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 36px);min-height:0;margin-top:20px;padding:42px 18px 45px;gap:25px}.hero:before,.hero:after{width:22px;height:22px;top:-10px}.hero:before{left:-10px}.hero:after{right:-10px}.hero-media{display:none}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,12vw,60px);margin:22px 0;text-transform:uppercase}.hero-lead{font-size:16px}.hero-proof{gap:18px;margin-top:42px}.hero-proof span{font-size:9px}.metrics-strip{grid-template-columns:repeat(2,1fr);gap:18px;padding:24px 0}.section-label{grid-column:span 2}.metric{padding:0;border-left:0}.metric-accent{display:none}.value-section,.process-section,.faq-section{padding:82px 0}.section-heading{margin-bottom:35px}.value-grid{grid-template-columns:1fr}.value-card{min-height:245px}.demo-section{display:block;padding:76px 18px}.demo-section:before,.portfolio-section:before,.contact-section:before{left:8px;top:10px}.demo-section:after,.portfolio-section:after,.contact-section:after{right:8px;top:10px}.demo-section,.portfolio-section,.contact-section{overflow:hidden}.demo-intro{width:calc(100% - 36px);margin:0 auto 35px}.model-card{padding:18px}.model-card-top{display:block}.scenario-tabs{flex-wrap:wrap;margin-top:18px}.model-body{grid-template-columns:1fr;gap:22px}.input-panel{padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line)}.process-section>.section-heading{margin-bottom:35px}.process-step{grid-template-columns:40px 1fr 20px;gap:10px;padding:18px 0}.process-step h3{font-size:16px}.process-step p{font-size:12px}.process-callout{grid-template-columns:1fr;gap:14px;padding:18px}.process-callout img{height:170px;order:-1}.inputs-section{display:flex;flex-direction:column;align-items:stretch;gap:35px;width:calc(100% - 36px);padding:55px 18px 70px}.inputs-image img{height:300px}.portfolio-section{padding:78px 18px}.portfolio-head{margin-bottom:32px}.portfolio-grid{grid-template-columns:1fr}.project-card img,.project-card-large img{height:240px}.faq-section{display:block}.faq-intro{margin-bottom:35px}.faq-list summary{font-size:16px}.faq-list p{font-size:13px}.contact-section{display:flex;flex-direction:column;gap:0}.contact-image{min-height:300px}.contact-copy{padding:52px 24px 58px}.site-footer{flex-wrap:wrap;padding:20px 0}.site-footer span{order:3;width:100%}body.menu-open{overflow:hidden}body.menu-open .desktop-nav{display:flex;position:fixed;top:98px;left:18px;right:18px;margin:0;padding:18px;z-index:19;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}body.menu-open .desktop-nav a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:13px}body.menu-open .desktop-nav a:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}}

/* Production-like header, footer, slideshow and bracket alignment for test1. */
.site-header{height:auto;max-width:1180px;margin:0 auto 22px;padding:0;background:#fff;position:relative;top:auto;border:0;box-shadow:0 8px 22px rgba(0,0,0,.07);z-index:20}.site-topline{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 20px;border-bottom:1px solid #ececea;color:#777;font-size:10px}.site-socials{display:flex;gap:10px}.site-socials a{font-size:9px;font-weight:800;color:#777}.site-phone{font-weight:800;color:#333}.site-navrow{display:flex;align-items:center;gap:28px;min-height:72px;padding:0 20px}.site-navrow .brand{flex:0 0 auto}.site-navrow .brand img{width:120px}.site-navrow .desktop-nav{gap:22px}.site-navrow .desktop-nav a{font-size:10px;letter-spacing:.02em;white-space:nowrap}.site-navrow .header-cta{margin-left:auto;padding:13px 17px}.hero-media{background:#999}.hero-media img{transition:opacity .2s ease}.hero-media img.is-changing{opacity:.2}.hero-index{display:flex;align-items:center;gap:7px}.hero-index i{font-style:normal;color:var(--yellow)}.hero-arrow{border:0;background:transparent;color:#fff;padding:3px;font-size:16px;cursor:pointer;line-height:1}.hero-arrow:hover{color:var(--yellow)}.hero-dots{position:absolute;right:30px;bottom:26px;z-index:2;display:flex;gap:7px}.hero-dot{width:7px;height:7px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.hero-dot.is-active{background:var(--yellow);border-color:var(--yellow)}.demo-section:before,.portfolio-section:before,.contact-section:before{left:28px;top:24px}.demo-section:after,.portfolio-section:after,.contact-section:after{right:28px;top:24px}.site-footer{display:block;background:#f4f4f3;border-top:1px solid #e4e4e2;margin-top:0}.footer-main{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:55px;padding-top:55px;padding-bottom:48px}.footer-main h3{margin:0 0 18px;color:#777;font-size:11px;letter-spacing:.12em}.footer-main a,.footer-main span{display:block;margin:0 0 10px;color:#5f5f5f;font-size:12px;line-height:1.35}.footer-main a:hover{color:#191919}.footer-contacts img{width:120px;margin-bottom:18px}.footer-contacts>a{font-weight:800;color:#282828}.footer-contacts .footer-button{display:inline-block;margin-top:12px;padding:11px 15px;background:var(--yellow);color:#252525;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:20px;border-top:1px solid #dededc;color:#888;font-size:10px}.footer-bottom span{font-size:10px}.footer-bottom a{font-weight:800}
@media(max-width:980px){.site-navrow{gap:18px}.site-navrow .desktop-nav{gap:12px}.site-navrow .desktop-nav a{font-size:9px}.site-navrow .header-cta{padding:11px 12px;font-size:10px}.footer-main{gap:28px}}
@media(max-width:720px){.site-header{width:100%;margin:0 0 20px;box-shadow:none;border-bottom:1px solid #ececea}.site-topline{min-height:27px;padding:0 18px;font-size:8px}.site-address,.site-socials{display:none}.site-phone{margin-left:auto}.site-navrow{min-height:67px;padding:0 18px}.site-navrow .brand img{width:104px}.site-navrow .desktop-nav,.site-navrow .header-cta{display:none}.site-navrow .menu-toggle{display:block;margin-left:auto}.hero-media{display:block;order:-1;height:220px}.hero-index{right:16px;top:14px;font-size:11px}.hero-dots{left:16px;right:auto;bottom:16px}.hero-caption{left:18px;bottom:38px}.hero-caption span{font-size:9px}.hero-caption b{font-size:11px}.demo-section:before,.portfolio-section:before,.contact-section:before{left:12px;top:14px}.demo-section:after,.portfolio-section:after,.contact-section:after{right:12px;top:14px}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding-top:42px;padding-bottom:30px}.footer-contacts{grid-column:span 2}.footer-bottom{display:block;padding-top:16px}.footer-bottom span,.footer-bottom a{margin-bottom:8px}}

/* Exact original header geometry pass. */
.site-header{max-width:1280px;margin:0 auto 22px;box-shadow:0 8px 22px rgba(0,0,0,.07)}.site-navrow{display:grid;grid-template-columns:320px 150px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:78px;padding:0 22px}.site-left{display:flex;align-items:center;gap:18px;min-width:0}.site-address{width:164px;color:#888;font-size:10px;line-height:1.35}.site-phone{width:49px;color:#333;font-size:11px;line-height:1.2;font-weight:800}.site-socials{display:flex;gap:9px}.site-socials a{font-size:9px;font-weight:800;color:#777}.site-navrow .brand{justify-self:center}.site-navrow .brand img{width:132px}.site-navrow .desktop-nav{justify-self:end;display:flex;gap:23px;margin:0}.site-navrow .desktop-nav a{font-size:10px;letter-spacing:.01em}.site-navrow .header-cta{margin-left:0;padding:17px 20px;font-size:11px}.site-navrow .menu-toggle{display:none}
@media(max-width:1100px){.site-navrow{grid-template-columns:260px 125px minmax(0,1fr) auto;gap:12px;padding:0 16px}.site-address{width:130px;font-size:9px}.site-phone{font-size:10px}.site-socials{gap:6px}.site-navrow .desktop-nav{gap:12px}.site-navrow .desktop-nav a{font-size:9px}.site-navrow .brand img{width:118px}.site-navrow .header-cta{padding:14px 13px;font-size:10px}}
@media(max-width:720px){.site-header{width:100%;margin:0 0 20px;box-shadow:none}.site-navrow{display:flex;min-height:68px;padding:0 18px;gap:0}.site-left{display:none}.site-navrow .brand{justify-self:auto;margin-right:auto}.site-navrow .brand img{width:108px}.site-navrow .desktop-nav,.site-navrow .header-cta{display:none}.site-navrow .menu-toggle{display:block;margin-left:auto}}

/* Container width correction: section brackets follow the site's narrow content rail. */
.demo-section,.portfolio-section,.contact-section{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.demo-section{padding-left:40px;padding-right:40px}
.portfolio-section{padding-left:40px;padding-right:40px}
.contact-section{padding-left:0;padding-right:0}
.demo-section:before,.portfolio-section:before,.contact-section:before{left:10px;top:24px}.demo-section:after,.portfolio-section:after,.contact-section:after{right:10px;top:24px}
@media(max-width:720px){.demo-section,.portfolio-section,.contact-section{width:calc(100% - 36px);margin-left:auto;margin-right:auto}.demo-section{padding-left:18px;padding-right:18px}.portfolio-section{padding-left:18px;padding-right:18px}.contact-section{padding-left:0;padding-right:0}.demo-section:before,.portfolio-section:before,.contact-section:before{left:12px;top:14px}.demo-section:after,.portfolio-section:after,.contact-section:after{right:12px;top:14px}}

/* Final mobile hero correction: text first, media second, no horizontal overflow. */
@media (max-width:720px){
  .hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;overflow:hidden}
  .hero-copy{order:1;min-width:0;padding:0}
  .hero-media{order:2;display:block;width:100%;height:220px;min-width:0;margin-top:4px}
  .hero h1{max-width:100%;font-size:clamp(29px,8vw,42px);line-height:1.02;letter-spacing:-.055em;overflow-wrap:break-word;word-break:normal}
  .hero-lead{max-width:100%;font-size:15px;line-height:1.5}
  .hero-actions{flex-wrap:wrap;gap:14px}
  .hero-actions .button{max-width:100%;white-space:normal;text-align:left}
  .hero-proof{flex-wrap:wrap;gap:14px 18px}
}
@media (max-width:720px){
  .section-heading h2,.demo-intro h2,.process-section h2,.inputs-copy h2,.portfolio-head h2,.faq-intro h2,.contact-copy h2{
    max-width:100%;font-size:clamp(29px,8vw,42px);line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere;word-break:normal
  }
  .demo-intro h2{max-width:100%;margin-left:auto;margin-right:auto}
}
/* N02 business-plan page: reuse the finance visual language without photo slots. */
.page-n06 .hero{grid-template-columns:1fr;min-height:520px;padding-right:clamp(24px,8vw,120px)}
.page-n06 .hero-copy{max-width:900px;padding-right:0}
.page-n06 .hero h1{max-width:850px}
.n06-scope,.n06-inputs,.n06-risks{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:100px 50px;background:var(--panel)}
.n06-scope h2,.n06-inputs h2,.n06-risks h2{margin:20px 0 24px;font-size:clamp(36px,4.4vw,64px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase}
.n06-copy p{max-width:620px;margin:0 0 18px;color:#666;font-size:15px}
.n06-note{padding:18px 0 0;border-top:2px solid var(--yellow);font-size:13px!important;color:#555!important}
.n06-scope-list,.risk-list{border-top:1px solid var(--line)}
.n06-scope-list div,.risk-list span{display:flex;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700}
.n06-scope-list b{color:#b17d0c;font-size:11px}.n06-scope-list span{color:#4e4e4e}
.n06-inputs{background:#fff;grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}
.n06-inputs .n06-copy{max-width:820px}.n06-inputs .input-chips{max-width:680px}
.n06-risks{background:#f4f4f3}.risk-list span:before{content:'↗';color:#b17d0c;font-size:18px}
.n06-related{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.n06-related a{display:flex;flex-direction:column;min-height:190px;padding:20px;background:#fff;border:1px solid #ededeb;transition:transform .2s,box-shadow .2s}.n06-related a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.n06-related b{color:#b17d0c;font-size:11px}.n06-related span{margin-top:auto;font-size:17px;font-weight:800;line-height:1.15}.n06-related i{margin-top:18px;font-style:normal;font-size:18px;color:#b17d0c}
@media(max-width:720px){
 .page-n06 .hero{min-height:0;padding-right:18px}
 .page-n06 .hero h1{font-size:clamp(29px,8vw,42px)}
 .n06-scope,.n06-inputs,.n06-risks{display:block;width:calc(100% - 36px);padding:60px 18px}
 .n06-scope-list,.risk-list{margin-top:32px}
 .n06-scope h2,.n06-inputs h2,.n06-risks h2{font-size:clamp(29px,8vw,42px);line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}
 .n06-copy p{font-size:14px}
 .n06-related{grid-template-columns:1fr 1fr}
 .n06-related a{min-height:160px}.n06-related span{font-size:14px}
}
/* Rich N02 media pass: match the reference page's visual density. */
.page-n06 .hero{grid-template-columns:.9fr 1.1fr;min-height:650px}
.page-n06 .hero-copy{max-width:none}
.page-n06 .hero-media{display:block;order:initial}
@media(max-width:720px){
 .page-n06 .hero{display:flex;flex-direction:column;min-height:0}
 .page-n06 .hero-copy{order:1}
 .page-n06 .hero-media{order:2;display:block;height:220px}
 .page-n06 .demo-section{padding-top:70px;padding-bottom:70px}
 .page-n06 .process-callout img{height:170px}
}
/* Shared monolithic hero/CTA template for N02 (same geometry as N01). */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:stretch;min-height:650px;padding:56px 46px 62px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:8px}
.hero h1{max-width:680px;font-size:clamp(44px,4vw,70px);line-height:.98}
.hero-media{height:auto;min-height:520px;align-self:stretch;min-width:0}
.contact-section{align-items:stretch}
.contact-copy{display:flex;flex-direction:column;justify-content:center;padding:72px 70px}
.contact-copy h2{max-width:560px}
@media(max-width:720px){
 .hero{grid-template-columns:1fr;gap:24px;min-height:0;padding:42px 18px 45px}
 .hero-copy{order:1;padding:0}
 .hero-media{order:2;height:220px;min-height:220px}
 .contact-copy{padding:52px 24px 58px}
}
/* N02 page-specific photo slots from the project image library. */
.n06-risks{grid-template-columns:1fr 1fr}
.risk-visual{position:relative;min-height:300px}.risk-visual img{display:block;width:100%;height:300px;object-fit:cover}.risk-visual .image-tag{position:absolute;left:18px;bottom:18px}
.n06-risks .risk-list{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
@media(max-width:720px){.n06-risks{display:block}.risk-visual{margin:30px 0 0}.n06-risks .risk-list{display:block;margin-top:30px}}

/* Final shared hero template: long H1s stay inside the text column. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:stretch}
.hero-copy{min-width:0;max-width:100%;overflow:hidden}
.hero h1{max-width:100%;font-size:clamp(36px,3.35vw,60px);line-height:.98;letter-spacing:-.055em;overflow-wrap:anywhere;word-break:normal}
.hero-media{min-width:0;overflow:hidden}
@media(max-width:980px) and (min-width:721px){.hero{gap:28px}.hero h1{font-size:clamp(35px,4.2vw,52px)}}
@media(max-width:720px){.hero h1{font-size:clamp(29px,8vw,42px);overflow-wrap:anywhere}}