/* Approved desktop navigation; existing mobile drawer retained. */
.smn-desktop-header,.smn-desktop-skip{display:none}
@media(min-width:1024px){
 body.smn-enabled{padding-left:0!important;padding-top:76px!important}
 body.smn-enabled #smn-sidebar{display:none!important}
 .smn-desktop-header{position:fixed;inset:0 0 auto;z-index:1100;height:76px;display:flex;align-items:center;gap:clamp(20px,3vw,52px);padding:0 clamp(24px,4vw,72px);padding-right:calc(clamp(24px,4vw,72px) + 65px);background:#fff;border-bottom:1px solid #e6e7ed;box-shadow:0 3px 18px #19193706;font-family:Arial,sans-serif}
 .smn-desktop-brand{display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none!important;color:#191937!important}
 .smn-desktop-brand svg{width:40px;height:40px;display:block;flex:none}
 .smn-desktop-brand strong{display:block;font-size:19px;line-height:1.2;letter-spacing:.4px;font-weight:750}
 .smn-desktop-brand small{display:block;font-size:8px;line-height:1.4;letter-spacing:1.25px;color:#748093;margin-top:4px}
 .smn-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2vw,30px);flex:1;min-width:0;height:100%}
 .smn-desktop-nav>a{position:relative;display:flex;align-items:center;height:100%;font-size:13px;font-weight:500;line-height:1.4;color:#51586a;white-space:nowrap;text-decoration:none!important;transition:color .16s}
 .smn-desktop-nav>a:hover,.smn-desktop-nav>a[aria-current]{color:#a50742}
 .smn-desktop-nav>a:after{content:'';position:absolute;bottom:17px;left:0;right:0;height:2px;transform:scaleX(0);background:#ec0050;transition:transform .16s;transform-origin:left}
 .smn-desktop-nav>a:hover:after,.smn-desktop-nav>a[aria-current]:after{transform:scaleX(1)}
 .smn-desktop-header .smn-desktop-quote{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:11px 17px;border-radius:7px;background:#ed0050;color:white!important;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none!important;white-space:nowrap;transition:background .16s}
 .smn-desktop-header .smn-desktop-quote:hover{background:#c70043}
 .smn-desktop-quote>span:last-child{font-size:18px;font-weight:400;line-height:1}
 body.smn-enabled #smn-topbar{position:fixed!important;top:18px!important;right:clamp(24px,4vw,72px)!important;left:auto!important;z-index:1101;background:none}
 body.smn-enabled #smn-topbar select{height:40px;min-height:40px;width:49px;padding:8px 4px!important;border:1px solid #e2e6ec;border-radius:7px;background:#f8f9fb;color:#42495a;font-size:11px;box-shadow:none}
 .smn-desktop-skip:focus{display:block;position:fixed;z-index:1200;left:18px;top:12px;padding:12px 16px;border-radius:6px;background:#191937;color:#fff}
 #smn-home :is(#haqqimizda,#xidmetler,#elaqe),#sm-project section{scroll-margin-top:96px}
 #sm-project .summary{top:94px}
}
@media(min-width:1024px) and (max-width:1199px){
 .smn-desktop-header{gap:18px;padding-left:24px;padding-right:88px}
 .smn-desktop-brand strong{font-size:17px}.smn-desktop-brand small{font-size:7px;letter-spacing:1px}
 .smn-desktop-brand svg{width:35px;height:35px}.smn-desktop-nav{gap:16px}.smn-desktop-nav>a{font-size:12px}
 .smn-desktop-header .smn-desktop-quote{padding:10px 12px;gap:8px}
 body.smn-enabled #smn-topbar{right:24px!important}
}

/* Approved reference-led design. Colors sampled from the user's 22:42 screenshot. */
@font-face{font-family:BarlowC;src:url('assets/barlow-latin-ext.woff2') format('woff2');font-weight:700;font-style:normal;font-display:block;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:BarlowC;src:url('assets/barlow-latin.woff2') format('woff2');font-weight:700;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.cn-design{--cn-bg:#1b2228;--cn-deep:#142125;--cn-white:#f4f5f2;--cn-muted:#b7bec0;--cn-line:#ffffff26;--cn-accent:#ba784d;background:var(--cn-bg)!important;color:var(--cn-white);padding-left:0!important}
.cn-design #smn-home{background:var(--cn-bg);color:var(--cn-white);font-family:Arial,sans-serif}
.cn-design #smn-home *{box-sizing:border-box}
.cn-design #smn-home a{color:inherit;text-decoration:none}
.cn-design :is(a,button,summary,input,select):focus-visible{outline-color:#d8a17e!important}
.cn-design #smn-home :is(h1,h2,h3,h4){color:var(--cn-white)!important}
.cn-design #smn-home .cn-wrap{width:min(1160px,84%);margin-inline:auto}
.cn-design #smn-home .cn-eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7;color:var(--cn-muted);text-transform:uppercase;margin:0 0 16px;font-weight:400}
.cn-design #smn-home :is(.cn-hero h1,.cn-design #smn-home .cn-spotlight h2,.cn-design #smn-home .cn-demo-heading h2,.cn-design #smn-home .cn-details h2){font-family:BarlowC,'Arial Narrow',Arial,sans-serif!important;font-weight:700!important;text-transform:uppercase;line-height:.98!important;letter-spacing:-.6px;margin:0}
.cn-design #smn-home .cn-text-link{display:inline-flex;align-items:center;gap:30px;font-size:10px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;min-height:44px;border-bottom:1px solid #ba784d90}.cn-design #smn-home .cn-text-link>span:last-child{font-size:19px;color:#cf976e}
/* Thin top navigation, set directly over the photograph. */
@media(min-width:1024px){
 body.cn-design{padding-top:76px!important}body.cn-page-home{padding-top:76px!important}
 .cn-design .smn-desktop-header{height:76px;background:#1b2228f5;border-bottom:1px solid #ffffff19;box-shadow:none;padding-inline:5vw;padding-right:calc(5vw + 65px);gap:35px}body.cn-page-home .smn-desktop-header{position:fixed;background:#1b2228f5}
 .cn-design .smn-desktop-brand{color:#fff!important}.cn-design .smn-desktop-brand svg{width:31px;height:31px}.cn-design .smn-desktop-brand strong{font-size:17px;letter-spacing:1px}.cn-design .smn-desktop-brand small{display:none}
 .cn-design .smn-desktop-nav{justify-content:center;gap:28px}.cn-design .smn-desktop-nav>a{color:#d6d9d9;font-size:11px}.cn-design .smn-desktop-nav>a:hover,.cn-design .smn-desktop-nav>a[aria-current]{color:#fff}.cn-design .smn-desktop-nav>a:after{background:#ba784d;height:1px;bottom:0}
 .cn-design .smn-desktop-header .smn-desktop-quote{border:1px solid #ffffff42;background:none;border-radius:0;font-size:10px;letter-spacing:.5px;padding:9px 14px;min-height:36px}.cn-design .smn-desktop-header .smn-desktop-quote:hover{background:#ffffff14}
 body.cn-design #smn-topbar{right:5vw!important;top:20px!important}body.cn-design #smn-topbar select{color:#fff;background:#1b222850;border-color:#ffffff30;border-radius:0;height:36px;min-height:36px}
}
.cn-design #smn-home .cn-hero{position:relative;min-height:700px;height:min(800px,92vh);background:#293235;isolation:isolate;overflow:hidden}.cn-design #smn-home .cn-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 54%;transform:scaleX(-1);filter:saturate(.18) brightness(.63);z-index:-2}.cn-design #smn-home .cn-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#11181d20 0%,#13202616 45%,#1b2228 100%),linear-gradient(90deg,#182126a6 0%,#17212525 65%)}
.cn-design #smn-home .cn-hero-inner{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding-top:110px;padding-bottom:150px}
.cn-design #smn-home .cn-hero-copy{max-width:660px}
.cn-design #smn-home .cn-hero h1{font-size:clamp(74px,8.5vw,124px);max-width:600px}
.cn-design #smn-home .cn-hero .cn-eyebrow{color:#dedbd6;margin-bottom:22px;letter-spacing:2.6px}
.cn-design #smn-home .cn-hero-description{max-width:370px;font-size:13px;line-height:1.8;color:#d1d5d5;margin:24px 0 10px}.cn-design #smn-home .cn-hero-index{position:absolute;right:0;top:43%;display:grid;justify-items:center;gap:15px;color:#e0e3e3}.cn-design #smn-home .cn-hero-index small{font-size:9px;letter-spacing:2px}.cn-design #smn-home .cn-hero-index>span{font-family:BarlowC,Arial,sans-serif;font-size:42px}.cn-design #smn-home .cn-hero-index i{width:1px;height:55px;background:#ffffff60}.cn-design #smn-home .cn-hero-bottom{position:absolute;bottom:20px;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:65px;border-bottom:1px solid #ffffff30;padding-bottom:24px}.cn-design #smn-home .cn-hero-bottom:after{content:none}.cn-design #smn-home .cn-kicker{font-size:10px;letter-spacing:1.2px;color:#d9dcda;text-transform:uppercase}.cn-design #smn-home .cn-hero-bottom p{font-size:11px;line-height:1.7;color:#aeb8bc;max-width:230px;margin:12px 0}.cn-design #smn-home .cn-hero-bottom strong{font-size:9px;letter-spacing:1px;color:#e1e6e6}.cn-design #smn-home .cn-hero-bottom a:hover strong{color:#d8a17e}
.cn-design #smn-home .cn-solutions{padding:70px 0 85px}.cn-design #smn-home .cn-section-head{text-align:center;margin-bottom:36px}.cn-design #smn-home .cn-section-head .cn-eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:10px}.cn-design #smn-home .cn-section-head h2{font-family:BarlowC,Arial,sans-serif;font-size:27px;letter-spacing:.7px;font-weight:700;margin:0}.cn-design #smn-home .cn-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cn-design #smn-home .cn-card{position:relative;aspect-ratio:3/4;min-width:0;overflow:hidden;background:#202b30;isolation:isolate}.cn-design #smn-home .cn-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.45) brightness(.8);transition:transform .4s,filter .4s;z-index:-2}.cn-design #smn-home .cn-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1b222800 30%,#1b2228ed 100%)}.cn-design #smn-home .cn-card:hover img{transform:scale(1.04);filter:saturate(.7) brightness(.9)}.cn-design #smn-home .cn-card-number{position:absolute;top:16px;left:16px;font:10px Arial;color:#fff9;letter-spacing:1px}.cn-design #smn-home .cn-card>div{position:absolute;bottom:22px;left:19px;right:19px}.cn-design #smn-home .cn-card h3{font-family:BarlowC,Arial,sans-serif;font-size:25px;line-height:1.1;text-transform:uppercase;font-weight:700;margin:0 0 10px}.cn-design #smn-home .cn-card p{font-size:10px;line-height:1.65;margin:0;padding-right:15px;color:#c0c9ca}.cn-design #smn-home .cn-card-arrow{position:absolute;right:0;bottom:0;font-size:20px;color:#d6aa89}.cn-design #smn-home .cn-catalog-link{display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;color:#bdc6c8!important;width:fit-content;margin:32px auto 0;min-height:35px;border-bottom:1px solid #ffffff23}
.cn-design #smn-home .cn-spotlight{position:relative;min-height:540px;display:flex;align-items:center;isolation:isolate;background:#142125;overflow:hidden}.cn-design #smn-home .cn-spotlight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;z-index:-2;filter:saturate(.27) brightness(.48)}.cn-design #smn-home .cn-spotlight:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1b2228 0%,#13202736 25%,#1320272b 70%,#1b2228 100%),linear-gradient(90deg,#142125bc,transparent)}.cn-design #smn-home .cn-spotlight-inner{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:120px;padding-block:80px}.cn-design #smn-home .cn-spotlight h2{font-size:clamp(48px,5.4vw,76px);max-width:600px}.cn-design #smn-home .cn-spotlight-copy p{font-size:13px;line-height:1.9;color:#c5cecf;max-width:330px}.cn-design #smn-home .smn-play.cn-video-link{display:inline-flex;width:auto;height:45px;margin:30px 0 0;padding:0;background:none;border:0;box-shadow:none;gap:15px;color:#fff}.cn-design #smn-home .cn-video-link span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b5c2c8;border-radius:50%;font-size:10px}.cn-design #smn-home .cn-video-link b{font-size:9px;font-weight:400;letter-spacing:1.4px}.cn-design #smn-home .cn-video-link:after,.cn-design #smn-home .cn-video-link:before{display:none}
.cn-design #smn-home .cn-demo-section{padding-block:90px}.cn-design #smn-home .cn-demo-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.cn-design #smn-home .cn-demo-heading h2,.cn-design #smn-home .cn-details h2{font-size:clamp(42px,4.5vw,64px)}.cn-design #smn-home .cn-demo-heading>p{font-size:13px;line-height:1.85;color:#b7c1c3;max-width:400px;margin:0 0 5px}
/* Existing working simulator and mobile scenario chooser retained. */
.cn-design #smn-home .smn-simulator{width:100%;max-width:950px;margin:0 auto;background:#142125;border:1px solid #ffffff20;border-radius:4px;box-shadow:none;padding:30px;color:#dae3e3}
.cn-design #smn-home .smn-sim-feed,.cn-design #smn-home .smn-sim-chip{background:#182b30;border-color:#42575c;border-radius:3px}.cn-design #smn-home .smn-event-tabs button{background:#1d2c31;border-color:#3b5055;border-radius:2px}.cn-design #smn-home .smn-event-tabs button[aria-pressed=true]{background:#d2ddda;color:#142125;border-color:#d2ddda}.cn-design #smn-home .smn-sim-result{border-radius:3px}.cn-design #smn-home .smn-demo-tag{border-radius:2px}
.cn-design #smn-home .cn-details{padding:30px 0 85px;display:grid;grid-template-columns:1fr 1.15fr;gap:100px;border-bottom:1px solid var(--cn-line)}.cn-design #smn-home .cn-details-heading .cn-text-link{margin-top:28px}.cn-design #smn-home .cn-details-list article{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--cn-line);scroll-margin-top:100px}.cn-design #smn-home .cn-details-list article>span{color:#b38768;font-size:10px;line-height:30px}.cn-design #smn-home .cn-details-list h3{font-size:19px;font-weight:400;line-height:1.4;margin:0 0 10px}.cn-design #smn-home .cn-details-list p{font-size:12px;line-height:1.75;margin:0;color:#b4c0c3}
.cn-design #smn-home .smn-faq{width:min(1160px,84%);max-width:none;padding:85px 0;margin:auto}.cn-design #smn-home .smn-faq .smn-section-title{text-align:left;margin-bottom:30px}.cn-design #smn-home .smn-faq .smn-section-title>p{font-size:10px;color:#b9c3c5;letter-spacing:1.5px}.cn-design #smn-home .smn-faq .smn-section-title h2{font-family:BarlowC,Arial,sans-serif;font-size:38px!important;text-transform:uppercase;font-weight:700}.cn-design #smn-home .smn-faq details{border:0;border-top:1px solid var(--cn-line);border-radius:0;background:none!important;padding:0;margin:0}.cn-design #smn-home .smn-faq summary{color:#dce2e2;font-size:13px;font-weight:400;padding:21px 0}.cn-design #smn-home .smn-faq details p{font-size:12px;color:#b8c3c5}
.cn-design #smn-home .smn-solution-picker{background:#142125;border:1px solid var(--cn-line);border-radius:3px;box-shadow:none}.cn-design #smn-home .smn-solution-picker h3{font-family:BarlowC,Arial,sans-serif;font-size:30px}.cn-design #smn-home .smn-picker-options button{color:#c8d3d4;background:transparent;border-color:#43545a;border-radius:2px}.cn-design #smn-home .smn-picker-options button[aria-pressed=true]{background:#d6dfdc;color:#152329}.cn-design #smn-home .smn-picker-quote{background:#a56942;color:#fff;border-radius:2px}.cn-design #smn-home .smn-picker-results a{background:#23343a;border-color:#3d5055;color:#d9e0e0}
.cn-design #smn-home .smn-contact{padding:65px 0 70px;background:#142125;border-block:1px solid var(--cn-line);text-align:center}.cn-design #smn-home .smn-contact h2{font-family:BarlowC,Arial,sans-serif;font-size:clamp(36px,4vw,56px);font-weight:700;text-transform:uppercase;max-width:720px;margin:0 auto 24px}.cn-design #smn-home .smn-contact p{font-size:12px;line-height:1.9;color:#b7c6c9}.cn-design #smn-home .smn-actions{justify-content:center}.cn-design #smn-home .smn-btn{border-radius:0;background:transparent;color:#f1f3f3;border:1px solid #ffffff42;font-size:11px;padding:15px 24px;box-shadow:none}.cn-design #smn-home .smn-btn.pink{background:#a56942;border-color:#a56942}.cn-design #smn-home .smn-footer{width:min(1160px,84%);max-width:none;margin:auto;padding:50px 0 30px;background:none;border:0}.cn-design #smn-home .smn-footer h4{font-size:13px}.cn-design #smn-home .smn-footer p,.cn-design #smn-home .smn-footer a{color:#b5c1c4;font-size:12px}.cn-design #smn-home .smn-footer small{color:#9ba9ad;border-color:#ffffff20}
/* Catalog and quote follow the palette; the customer document stays white. */
body.cn-design #sm-project{--bg:#1b2228;--surface:#202c32;--panel:#25363c;--text:#eff3f2;--muted:#bac6c9;--line:#435159;--accent:#b77b51;--accentText:#fff;color-scheme:dark;background:var(--bg);color:var(--text)}
.cn-design #sm-project :is(.section-heading h2,.section-heading h1){font-family:BarlowC,Arial,sans-serif;text-transform:uppercase;letter-spacing:0;color:#f4f5f2}.cn-design #sm-project :is(.catalog-controls,.sq-controls,.product-card,.box){background:#202c32;border-color:#435159;border-radius:3px;box-shadow:none}.cn-design #sm-project :is(input,select){background:#172329;color:#f4f6f5;border-color:#4c5a61;border-radius:2px}.cn-design #sm-project input::placeholder{color:#9babad}.cn-design #sm-project .sq-controls label{color:#dfe7e7}.cn-design #sm-project .product-card h3{color:#eef2f1}.cn-design #sm-project #sm-system-panels button{background:#202c32;color:#dce4e4;border-color:#435159;border-radius:2px}.cn-design #sm-project #sm-system-panels button.active{background:#b77b51;color:#fff;border-color:#b77b51}.cn-design #sm-project #sm-system-panels small{background:#ffffff14;color:#e2e8e8}.cn-design #sm-project #sm-subcategories button{background:#202c32;border-color:#435159;color:#e2e8e8}.cn-design #sm-project #sm-subcategories button.active{background:#c29573;color:#142125}.cn-design #sm-project .button{border-radius:2px}.cn-design #sm-project #sq-preview{background:#a56942;border-color:#a56942}.cn-design #sm-project .sm-catalog-visual{background:#fff;border-radius:2px}.cn-design #sm-project .sq-paper{background:#fff;color:#111;border-radius:0;color-scheme:light}.cn-design #sm-project .sq-paper p{color:#52637a}.cn-design #sm-project .sq-paper h2{color:#3457aa}
@media(max-width:1023px){body.cn-design{padding-left:0!important}body.cn-design #smn-topbar{top:17px!important;right:20px!important}body.cn-design #smn-topbar select{background:#1b2228d9;color:#fff;border:1px solid #ffffff40;border-radius:2px;min-height:38px;height:38px}body.cn-design #smn-sidebar{background:#172329}body.cn-design .smn-mobile-toggle{display:block!important;position:fixed;top:17px;left:20px;width:40px!important;height:38px!important;min-height:38px!important;padding:0!important;font-size:21px!important;line-height:38px!important;background:#1b2228e8!important;color:#fff!important;border:1px solid #ffffff40;border-radius:2px;z-index:1200}body.cn-design #smn-sidebar:not(.open){transform:translateX(-100%)}body.cn-design #smn-sidebar.open{transform:translateX(0);width:min(300px,85vw)}.cn-design #smn-home .cn-hero{height:740px;min-height:0}.cn-design #smn-home .cn-hero h1{font-size:88px}.cn-design #smn-home .cn-spotlight-inner{gap:55px}.cn-design #smn-home .cn-details{gap:40px}.cn-design #smn-home .cn-hero-bottom{gap:30px}.cn-design #smn-home .smn-simulator{padding:22px}.cn-design #smn-home .cn-demo-heading{gap:35px}}
@media(max-width:600px){
 .cn-design #smn-home .cn-wrap{width:88%}.cn-design #smn-home .cn-hero{height:650px;min-height:0}.cn-design #smn-home .cn-hero-inner{padding-top:105px;padding-bottom:230px;justify-content:center}.cn-design #smn-home .cn-hero-photo{object-position:30% center}.cn-design #smn-home .cn-hero h1{font-size:70px;letter-spacing:-.6px}.cn-design #smn-home .cn-hero .cn-eyebrow{font-size:8px;letter-spacing:1.6px;max-width:270px;margin-bottom:18px}.cn-design #smn-home .cn-hero-description{font-size:12px;max-width:260px;margin-top:20px}.cn-design #smn-home .cn-hero-index{display:none}.cn-design #smn-home .cn-hero-bottom{bottom:10px;gap:13px;padding-bottom:24px}.cn-design #smn-home .cn-kicker{font-size:8px;line-height:1.7;display:block;min-height:28px;letter-spacing:.4px}.cn-design #smn-home .cn-hero-bottom p{font-size:9px;line-height:1.6;min-height:46px;margin:8px 0}.cn-design #smn-home .cn-hero-bottom strong{font-size:8px;letter-spacing:.4px}
 .cn-design #smn-home .cn-solutions{padding:45px 0 50px}.cn-design #smn-home .cn-section-head{margin-bottom:25px}.cn-design #smn-home .cn-section-head h2{font-size:23px}.cn-design #smn-home .cn-section-head .cn-eyebrow{font-size:8px}.cn-design #smn-home .cn-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cn-design #smn-home .cn-card{aspect-ratio:3/4.3}.cn-design #smn-home .cn-card>div{left:12px;right:12px;bottom:15px}.cn-design #smn-home .cn-card h3{font-size:23px}.cn-design #smn-home .cn-card p{font-size:9px;line-height:1.5}.cn-design #smn-home .cn-card-arrow{font-size:15px}.cn-design #smn-home .cn-card-number{left:12px;top:12px}.cn-design #smn-home .cn-catalog-link{margin-top:23px}
 .cn-design #smn-home .cn-spotlight{min-height:530px}.cn-design #smn-home .cn-spotlight-inner{grid-template-columns:1fr;gap:35px;padding-block:55px}.cn-design #smn-home .cn-spotlight h2{font-size:48px}.cn-design #smn-home .cn-spotlight-copy p{font-size:12px;margin-bottom:7px}.cn-design #smn-home .cn-demo-section{padding-block:50px}.cn-design #smn-home .cn-demo-heading{display:block;margin-bottom:25px}.cn-design #smn-home .cn-demo-heading h2,.cn-design #smn-home .cn-details h2{font-size:42px}.cn-design #smn-home .cn-demo-heading>p{font-size:12px;margin-top:22px}.cn-design #smn-home .smn-simulator{padding:14px;border-radius:3px}.cn-design #smn-home .smn-demo-header>span{font-size:16px}.cn-design #smn-home .smn-demo-tag{font-size:9px}.cn-design #smn-home .smn-sim-note{font-size:10px}
 .cn-design #smn-home .cn-details{display:block;padding-bottom:45px}.cn-design #smn-home .cn-details-heading{margin-bottom:30px}.cn-design #smn-home .cn-details-list article{padding:18px 0;gap:17px}.cn-design #smn-home .smn-faq{width:88%;padding:45px 0}.cn-design #smn-home .smn-faq .smn-section-title h2{font-size:34px!important}.cn-design #smn-home .smn-faq summary{font-size:12px}.cn-design #smn-home .smn-solution-picker{padding:20px}.cn-design #smn-home .smn-contact{padding-block:45px}.cn-design #smn-home .smn-contact h2{font-size:36px}.cn-design #smn-home .smn-footer{width:88%;padding-top:36px}.cn-design #smn-home .smn-footer a,.cn-design #smn-home .smn-footer p{font-size:11px}
 body.cn-design #sm-project>.section{padding-top:80px}
}
@media(prefers-reduced-motion:reduce){.cn-design *{scroll-behavior:auto!important;transition:none!important}}
/* Reading sizes are kept practical rather than copying the thumbnail's tiny type. */
.cn-design #sm-project #customer-stage .box,.cn-design #sm-project .sm-bank-details{background:#202c32!important;border-color:#435159;color:#e6eeee}
.cn-design #sm-project .sm-flow-note,.cn-design #sm-project .sm-basket-bar{background:#25383d;border-color:#ad7955;color:#d5e0e0;border-radius:2px}
.cn-design #sm-project #sm-brand,.cn-design #sm-project #sm-sort,.cn-design #sm-project #sm-clear-filters{background:#172329;color:#e6eeee;border-color:#435159;border-radius:2px}
.cn-design #sm-project .product-price{color:#e5ede9}
.cn-design #sm-project .sm-bank-details summary{color:#d4dfdf}
.cn-design #sm-project #sq-preview,.cn-design #sm-project .primary{background:#a56942!important;border-color:#a56942!important;color:#fff!important}
.cn-design #sm-project #sm-quickquote>h2{font-family:BarlowC,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:48px;letter-spacing:0}
.cn-design #smn-home .smn-picker-options button{background:#1c2a2f!important;color:#dbe5e5!important;border-color:#43565b!important;border-radius:2px!important}
.cn-design #smn-home .smn-picker-options button[aria-pressed=true]{background:#d5dfda!important;color:#152329!important;border-color:#d5dfda!important}
.cn-design #smn-home .smn-picker-results a{color:#e2eaea!important;border-radius:2px}
.cn-design #smn-home .smn-picker-results a>b{background:#35494f;color:#dce7e7;border-radius:2px}
.cn-design #smn-home .smn-picker-label,.cn-design #smn-home .smn-picker-intro,.cn-design #smn-home .smn-picker-results small{color:#b4c4c8!important}
.cn-design #smn-home .smn-contact{background:#142125!important}
.cn-design #smn-home .smn-play.cn-video-link{color:#f4f5f2!important;animation:none}
@media(min-width:1024px){body.cn-page-home .smn-desktop-header{position:fixed;background:#1b2228f5}.cn-design .smn-desktop-nav>a{font-size:12px}}
.cn-design #smn-home .cn-hero-description{font-size:15px;max-width:410px}
.cn-design #smn-home .cn-card p{font-size:12px}
.cn-design #smn-home .cn-hero-bottom p{font-size:12px}
.cn-design #smn-home .smn-sim-feed-head,.cn-design #smn-home .smn-sim-feed-caption{font-size:12px}
.cn-design #smn-home .smn-event-tabs button{font-size:12px;min-height:40px}
.cn-design #smn-home .smn-sim-scene svg{height:auto;max-height:300px;width:100%}
.cn-design #smn-home .smn-sim-result-title{font-size:15px}
.cn-design #smn-home .smn-sim-result-copy{font-size:12px}
@media(max-width:600px){.cn-design #smn-home .cn-hero-description{font-size:13px;max-width:270px}.cn-design #smn-home .cn-card p{font-size:11px}.cn-design #smn-home .cn-hero-bottom p{font-size:10px}.cn-design #smn-home .cn-hero h1{font-size:clamp(58px,17vw,70px)}}
@media print{body.cn-design{background:white!important}.cn-design #sm-project{--bg:#fff;--surface:#fff;--text:#111;--muted:#555;--line:#ddd;background:#fff!important;color:#111!important}.cn-design .smn-desktop-header,.cn-design #smn-topbar,.cn-design .smn-mobile-toggle{display:none!important}}

/* Palette refinement from the complete user reference, 6 October 2026.
   Photo colors are rendered in CSS; original assets and page structure stay intact. */
body.cn-design {
  --cn-warm-gray: #6c6867;
  --cn-wood: #554645;
  --cn-rust: #483431;
  --cn-night: #273b53;
  --cn-blue: #426185;
  --cn-violet: #716b92;
  --cn-mauve: #a988a5;
  --cn-rose: #b59eae;
}

/* The opening photograph: smoky warm gray, weathered brown and deep teal shadows. */
.cn-design #smn-home .cn-hero {
  background: var(--cn-wood);
}
.cn-design #smn-home .cn-hero-photo {
  filter: sepia(.48) saturate(.7) brightness(.72) contrast(.94);
}
.cn-design #smn-home .cn-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(115deg, #6c686745 0%, #55464522 45%, #48343188 100%);
  mix-blend-mode: color;
}
.cn-design #smn-home .cn-hero::after {
  background:
    linear-gradient(180deg, #29272724 0%, #302b2910 36%, #18242b80 72%, #1b2228 100%),
    linear-gradient(90deg, #23242485 0%, #352b2930 65%, #3f2e2c20 100%);
}
.cn-design #smn-home .cn-hero-description { color: #e0d9d5; }
.cn-design #smn-home .cn-hero-bottom p { color: #c1bdbb; }
.cn-design #smn-home .cn-hero-bottom::after { background: #a57150; }

/* Keep the richer, softly muted colors of the four photographs in the reference. */
.cn-design #smn-home .cn-card img { filter: saturate(.82) brightness(.88) contrast(.96); }
.cn-design #smn-home .cn-card:hover img { filter: saturate(.95) brightness(.94); }
.cn-design #smn-home .cn-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--cn-card-tone, #a8876b30);
  mix-blend-mode: soft-light;
}
.cn-design #smn-home .cn-card:nth-child(1) { --cn-card-tone: #ae876860; }
.cn-design #smn-home .cn-card:nth-child(2) { --cn-card-tone: #667fa268; }
.cn-design #smn-home .cn-card:nth-child(3) { --cn-card-tone: #a988a538; }
.cn-design #smn-home .cn-card:nth-child(4) { --cn-card-tone: #b59eae48; }
.cn-design #smn-home .cn-card::after {
  background: linear-gradient(180deg, #1b222800 28%, #19272b45 57%, #1b2228f2 100%);
}

/* The second photographic section carries the reference's blue / violet / rose sky. */
.cn-design #smn-home .cn-spotlight { background: #273b53; }
.cn-design #smn-home .cn-spotlight > img {
  filter: grayscale(1) contrast(1.08) brightness(.95);
}
.cn-design #smn-home .cn-spotlight::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(110deg, #426185 4%, #667fa2 30%, #716b92 52%, #a988a5 76%, #b59eae 100%);
  mix-blend-mode: color;
}
.cn-design #smn-home .cn-spotlight::after {
  background:
    linear-gradient(180deg, #1b2228 0%, #1b22284a 19%, #15242a08 45%, #16252c48 79%, #1b2228 100%),
    linear-gradient(90deg, #14283e99 0%, #273b5333 44%, #3e304f30 100%);
}
.cn-design #smn-home .cn-spotlight .cn-eyebrow { color: #c4cee1; }
.cn-design #smn-home .cn-spotlight-copy p { color: #f0eaf1; text-shadow: 0 1px 5px #111c2bbb; }
.cn-design #smn-home .cn-spotlight .cn-text-link { border-color: #c1abca99; }
.cn-design #smn-home .cn-spotlight .cn-text-link > span:last-child { color: #d7bccf; }
.cn-design #smn-home .cn-video-link span { border-color: #a6c5d8; background: #42618526; }

/* Continue those colors quietly through the lower UI, without changing alert meanings. */
.cn-design #smn-home .smn-simulator {
  background: linear-gradient(135deg, #192b3a, #242b3d 65%, #302c3e);
  border-color: #667fa249;
}
.cn-design #smn-home .smn-sim-feed { background: #182c3b; border-color: #526a8073; }
.cn-design #smn-home .smn-sim-chip { background: linear-gradient(140deg, #26384c, #393347); border-color: #9b8cb773; }
.cn-design #smn-home .smn-demo-tag { color: #c3b9d1; border-color: #9b8cb765; }
.cn-design #smn-home .smn-event-tabs button { background: #25364a; border-color: #667fa266; color: #d8e2ec; }
.cn-design #smn-home .smn-event-tabs button[aria-pressed=true] { background: #c1abca; border-color: #c1abca; color: #222937; }
.cn-design #smn-home .smn-scenario-summary { background: #26394b; border-color: #667fa266; }
.cn-design #smn-home .smn-solution-picker {
  background: linear-gradient(145deg, #1d2e3c, #2d2b3d);
  border-color: #716b9259;
}
.cn-design #smn-home .smn-picker-results a { background: #293948; border-color: #667fa23b; }
.cn-design #smn-home .smn-picker-options button[aria-pressed=true] { background: #c1abca!important; border-color: #c1abca!important; color: #222937!important; }
.cn-design #smn-home .smn-contact {
  background: linear-gradient(120deg, #172a3a 0%, #292c42 54%, #493b50 100%)!important;
  border-color: #9b8cb72d;
}
.cn-design #smn-home .smn-contact p,
.cn-design #smn-home .smn-contact p a { color: #d4cbd8; }

/* Matching accents for the working catalog; the printable quotation is unaffected. */
body.cn-design #sm-project { --panel: #293447; --line: #4a5365; }
.cn-design #sm-project .catalog-controls,
.cn-design #sm-project .sq-controls { background: linear-gradient(125deg, #202f3b, #2b2e40); border-color: #667fa24d; }
.cn-design #sm-project #sm-system-panels button.active { background: #716b92; border-color: #716b92; }
.cn-design #sm-project .product-card:hover { border-color: #9b8cb7; }

/* WordPress theme wrappers and quote-injected styles are absent in the local shell. */
body.cn-design #site { background: var(--cn-bg) !important; }
body.cn-design #sm-project #sm-quickquote > h2 {
  color: #f4f5f2 !important;
  font-family: BarlowC, 'Arial Narrow', Arial, sans-serif !important;
}
body.cn-design #sm-project #sm-quickquote #sq-preview {
  background: #a56942 !important;
  border-color: #a56942 !important;
  color: #fff !important;
}
body.cn-design #sm-project .section-heading > p,
body.cn-design #sm-project .sm-catalog-controls label,
body.cn-design #sm-project #sm-catalog-count { color: #bac6c9 !important; }
@media print { body.cn-design #site { background: white !important; } }

/* Readable native language menu and a clear simulator invitation. */
body.cn-design #smn-language { color-scheme: dark; }
body.cn-design #smn-language option {
  color: #f4f5f2 !important;
  background: #1b2228 !important;
}
.cn-design #smn-home .cn-demo-heading [data-cn="demoEyebrow"] {
  color: #ff7379 !important;
  font-weight: 700;
  letter-spacing: 1.2px;
}

/* The mobile drawer shares the solution picker's blue-violet palette. */
body.cn-design #smn-sidebar {
  background: linear-gradient(145deg, #1d2e3c, #2d2b3d) !important;
  color: #f4f5f2;
  border-right: 1px solid #716b9259;
}
body.cn-design #smn-sidebar .smn-navlink,
body.cn-design #smn-sidebar .smn-navlink span {
  color: #f4f5f2 !important;
}
body.cn-design #smn-sidebar .smn-navlink b {
  color: #d8e2ec;
}
body.cn-design #smn-sidebar .smn-navlink:hover,
body.cn-design #smn-sidebar .smn-navlink:focus-visible {
  background: #c1abca1f;
  box-shadow: inset 3px 0 #c1abca;
}
body.cn-design #smn-sidebar .smn-side-extra {
  border-color: #c1abca33;
}
body.cn-design #smn-sidebar .smn-side-extra p {
  color: #bac6d1;
}
body.cn-design #smn-sidebar .smn-side-extra > a:not(.smn-btn) {
  color: #e2e7ed !important;
}
body.cn-design #smn-sidebar .smn-side-extra > .smn-btn {
  background: #98603b;
  color: #fff !important;
  border: 1px solid #c58b5c66;
}
body.cn-design #smn-sidebar .smn-side-extra > .smn-btn:hover {
  background: #875332;
}
body.cn-design #smn-sidebar a:focus-visible,
body.cn-design #smn-sidebar #smn-menu:focus-visible {
  outline-color: #c1abca;
}

/* Keep the contact heading, details and actions on the same center line. */
.cn-design #smn-home .smn-contact {
  padding-block: 56px;
}
.cn-design #smn-home .smn-contact .smn-container > [data-smn="contactLabel"] {
  max-width: none;
  margin: 0 auto 14px;
  text-align: center;
}
.cn-design #smn-home .smn-contact .smn-container > h2 {
  max-width: 850px;
  margin: 0 auto 22px;
  font-size: clamp(28px, 2.6vw, 36px) !important;
  line-height: 1.2 !important;
  text-align: center;
}
.cn-design #smn-home .smn-contact .smn-contact-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 32px;
  max-width: none;
  margin: 0 auto 24px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.cn-design #smn-home .smn-contact-details a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: #f0eaf1;
  overflow-wrap: anywhere;
}
.cn-design #smn-home .smn-contact .smn-actions {
  justify-content: center;
  gap: 14px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .cn-design #smn-home .smn-contact { padding-block: 44px; }
  .cn-design #smn-home .smn-contact .smn-contact-details {
    flex-direction: column;
    gap: 2px;
    margin-bottom: 20px;
  }
  .cn-design #smn-home .smn-contact-details a { min-height: 44px; }
  .cn-design #smn-home .smn-contact .smn-actions {
    flex-direction: column;
    max-width: 340px;
    gap: 12px;
  }
}

/* Responsive audit: cards grow with their copy instead of clipping it. */
.cn-design #smn-home .cn-card {
  display: flex;
  align-items: flex-end;
  aspect-ratio: auto;
  min-height: 360px;
  padding: 90px 20px 24px;
}
.cn-design #smn-home .cn-card > div {
  position: relative;
  inset: auto;
  width: 100%;
  min-width: 0;
}
.cn-design #smn-home .cn-card h3 {
  font-size: 24px;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.cn-design #smn-home .cn-card p {
  font-size: 14px;
  line-height: 1.6;
  padding-right: 24px;
  overflow-wrap: anywhere;
}
.cn-design #smn-home :is(.cn-hero-copy,.cn-demo-heading > *, .cn-details > *, .cn-spotlight-inner > *) {
  min-width: 0;
}
.cn-design #smn-home :is(.cn-hero h1,h2) {
  overflow-wrap: anywhere;
}
.cn-design #smn-home section[id], .cn-design #sm-project section[id] {
  scroll-margin-top: 90px;
}
/* Reuse the existing quote link in a persistent compact header on small screens. */
@media screen and (max-width: 1023px) {
  body.cn-design { padding-top: 64px !important; }
  body.cn-design .smn-desktop-header {
    display: flex;
    position: fixed;
    inset: 0 0 auto;
    height: 64px;
    z-index: 1100;
    align-items: center;
    justify-content: center;
    padding: 10px 72px;
    background: #1b2228f7;
    border-bottom: 1px solid #ffffff26;
  }
  .cn-design .smn-desktop-header :is(.smn-desktop-brand,.smn-desktop-nav) { display: none; }
  .cn-design .smn-desktop-header .smn-desktop-quote {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    max-width: 100%;
    padding: 10px 16px;
    background: #98603b;
    border: 1px solid #c58b5c66;
    border-radius: 3px;
    color: #fff !important;
    font: 600 14px/1.3 Arial, sans-serif;
    text-align: center;
    text-decoration: none;
  }
  .cn-design .smn-desktop-quote > span:last-child { flex: none; font-size: 18px; }
  body.cn-design .smn-mobile-toggle {
    position: fixed !important;
    top: 10px !important;
    left: 12px !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
  body.cn-design #smn-topbar {
    position: fixed !important;
    inset: 10px 12px auto auto !important;
    width: auto;
    height: 44px;
    padding: 0;
    z-index: 1101;
    background: transparent;
  }
  body.cn-design #smn-topbar select {
    width: 48px;
    height: 44px;
    min-height: 44px;
    padding: 6px !important;
    font-size: 16px;
  }
  body.cn-design #smn-sidebar {
    top: 64px !important;
    width: min(320px, 88vw) !important;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
    z-index: 1150;
  }
  body.cn-design #smn-sidebar :is(nav,.smn-navlink) { width: 100%; }
  body.cn-design #smn-sidebar .smn-navlink { min-height: 48px; height: auto; padding-block: 14px; }
  body.cn-design #smn-sidebar .smn-navlink span { white-space: normal; line-height: 1.4; }
  body.cn-design #smn-sidebar .smn-side-extra { width: 100%; box-sizing: border-box; }
  .cn-design #smn-home .cn-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cn-design #smn-home .cn-demo-heading { grid-template-columns: 1fr; gap: 20px; }
  .cn-design #smn-home .cn-demo-heading > p { max-width: 650px; }
  .cn-design #sm-project :is(input:not([type=checkbox]),select,textarea) { font-size: 16px; }
  .cn-design #sm-project :is(.sq-controls label,.sm-catalog-controls label,.box) { min-width: 0; }
  .cn-design #sm-project :is(.sq-actions .button,#sm-system-panels button) {
    white-space: normal;
    overflow-wrap: anywhere;
    height: auto;
    line-height: 1.45;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .cn-design #smn-home .cn-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cn-design .smn-desktop-header { gap: 18px; padding-left: 24px; padding-right: 88px; }
  .cn-design .smn-desktop-nav { gap: 16px; }
  body.cn-design #smn-topbar { right: 24px !important; }
}
@media screen and (max-width: 600px) {
  .cn-design #smn-home .cn-cards { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .cn-design #smn-home .cn-card { min-height: 310px; padding: 100px 22px 24px; }
  .cn-design #smn-home .cn-card h3 { font-size: 26px; }
  .cn-design #smn-home .cn-card-number { top: 20px; left: 22px; font-size: 12px; }
  .cn-design #smn-home .cn-card-arrow { font-size: 22px; }
  .cn-design #smn-home .cn-hero { height: auto; min-height: 620px; }
  .cn-design #smn-home .cn-hero-inner { padding-top: 48px; padding-bottom: 28px; height: auto; }
  .cn-design #smn-home .cn-hero h1 { font-size: clamp(44px,14vw,64px); }
  .cn-design #smn-home .cn-hero-bottom { position: relative; bottom: auto; margin-top: 38px; gap: 16px; }
  .cn-design #smn-home .cn-hero-bottom > a { min-width: 0; overflow-wrap: anywhere; }
  .cn-design #smn-home .cn-hero-bottom p { min-height: 0; }
  .cn-design #smn-home .cn-hero-bottom .cn-kicker { min-height: 0; }
  .cn-design #sm-project .sq-actions { display: flex; flex-direction: column; align-items: stretch; }
  .cn-design #sm-project .sq-actions .button { flex: auto; width: 100%; min-width: 0; padding: 14px; font-size: 14px; }
  .cn-design #sm-project #sm-quickquote > h2 { font-size: clamp(30px,9vw,42px); line-height: 1.15; overflow-wrap: anywhere; }
  .cn-design #sm-project > .section { padding-top: 32px; }
  .cn-design #sm-project .sm-basket-bar { flex-wrap: wrap; gap: 12px; }
}

/* Compact headers keep navigation controls; their quote action appears in the hero. */
.cn-design #smn-home .cn-hero-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.cn-design #smn-home .cn-hero-actions .cn-text-link {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.cn-design #smn-home .cn-hero-actions .cn-text-link:focus-visible {
  outline: 2px solid #eee8dd;
  outline-offset: 4px;
}
@media screen and (max-width: 1023px) {
  body.cn-design.cn-page-home .smn-desktop-header {
    background: linear-gradient(110deg, #1d2a38f7, #302c40f7);
    border-bottom-color: #b9a6c52b;
  }
  body.cn-design .smn-desktop-header .smn-desktop-quote { display: none; }
  .cn-design #smn-home .cn-hero { height: auto; min-height: 680px; }
  .cn-design #smn-home .cn-hero-inner { height: auto; padding-top: 64px; padding-bottom: 36px; }
  .cn-design #smn-home .cn-hero-bottom { position: relative; bottom: auto; margin-top: 38px; }
}
@media screen and (max-width: 600px) {
  .cn-design #smn-home .cn-hero { min-height: 620px; }
  .cn-design #smn-home .cn-hero-inner { padding-top: 48px; }
}

/* Desktop quote action lives in the header only. */
@media screen and (min-width: 1024px) {
  .cn-design #smn-home .cn-hero-actions .cn-hero-quote { display: none; }
}