
:root{
 --paper:#f5f1e8; --paper2:#eee8dc; --white:#fffdf8; --ink:#171714; --muted:#6d675e;
 --line:#d7d0c3; --accent:#c76534; --accent2:#a94b23; --soft:#e7dfd1; --max:1380px;
 --serif:Georgia,"Times New Roman",serif; --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site{min-height:100vh;overflow:hidden}.container{width:min(var(--max),calc(100% - 52px));margin:auto}.serif{font-family:var(--serif)}
.demo-ribbon{position:fixed;z-index:90;top:0;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:6px 14px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-radius:0 0 10px 10px;opacity:.9}
.header{position:sticky;top:0;z-index:70;background:rgba(245,241,232,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,208,195,.85)}
.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.05em;font-size:27px}.brand-mark{width:33px;height:33px}.brand span{font-weight:350}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:13px;letter-spacing:.015em;padding:34px 0 31px;position:relative;white-space:nowrap}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:2px;background:var(--accent);transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.header-cta{display:flex;align-items:center;gap:10px}.mini-link{font-size:12px;color:var(--muted)}.menu-btn{display:none;width:45px;height:45px;border:1px solid var(--line);background:transparent;border-radius:50%;cursor:pointer}.menu-btn span{display:block;width:18px;height:1px;background:var(--ink);margin:5px auto}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.dark{background:var(--ink);color:var(--paper)}.btn.accent{background:var(--accent);border-color:var(--accent);color:white}.btn.ghost{border-color:var(--line)}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:850;color:var(--accent2)}.display{font-family:var(--serif);font-size:clamp(58px,8.2vw,132px);font-weight:400;line-height:.82;letter-spacing:-.065em;margin:0}.display strong{font-family:var(--sans);font-weight:950;letter-spacing:-.075em}.page-title{font-family:var(--serif);font-size:clamp(58px,7.5vw,112px);font-weight:400;line-height:.88;letter-spacing:-.055em;margin:0}.section-title{font-family:var(--serif);font-size:clamp(40px,5vw,74px);font-weight:400;line-height:.96;letter-spacing:-.045em;margin:0}.lead{font-size:clamp(18px,1.65vw,23px);color:#48433d;line-height:1.58;max-width:780px}.small-copy{color:var(--muted);line-height:1.7}.rule{border-top:1px solid var(--line)}
.hero{padding:72px 0 30px}.hero-copy-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-top:42px}.hero-aside{border-left:1px solid var(--line);padding-left:28px;font-size:15px;color:var(--muted);line-height:1.65}.hero-aside b{display:block;color:var(--ink);font-size:19px;margin-bottom:7px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-media{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:58px}.hero-main,.hero-side{position:relative;overflow:hidden;background:#ddd5c7}.hero-main{min-height:620px}.hero-side-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}.hero-side{min-height:300px}.hero-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s ease}.hero-media a:hover img{transform:scale(1.025)}.media-caption{position:absolute;left:18px;bottom:18px;z-index:2;background:rgba(245,241,232,.94);padding:11px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850}
.statement{padding:118px 0}.statement-copy{font-family:var(--serif);font-size:clamp(44px,6.1vw,92px);line-height:.98;letter-spacing:-.045em;margin:20px 0 0;max-width:1200px}.statement-copy em{color:var(--accent);font-style:italic}.statement-tail{max-width:690px;margin:38px 0 0 auto;color:var(--muted);font-size:18px;line-height:1.75}
.home-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{padding:32px 26px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric b{display:block;font-family:var(--serif);font-weight:400;font-size:42px;line-height:1;margin-bottom:8px}.metric span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.section{padding:104px 0}.section-head{display:grid;grid-template-columns:.36fr 1.64fr;gap:45px;margin-bottom:48px}.section-index{font-size:11px;letter-spacing:.18em;color:#8f877c}.section-intro{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:end}.section-intro .lead{margin:0 0 6px}.section-intro .small-copy{margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.feature-card{position:relative;min-height:390px;overflow:hidden;background:var(--soft);grid-column:span 4}.feature-card.wide{grid-column:span 7}.feature-card.narrow{grid-column:span 5}.feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.feature-card:hover img{transform:scale(1.025)}.feature-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(15,15,13,.78))}.feature-card .card-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:white}.feature-card h3{font-family:var(--serif);font-size:32px;font-weight:400;margin:0 0 7px;letter-spacing:-.03em}.feature-card p{font-size:13px;max-width:420px;margin:0;opacity:.84}
.text-card{min-height:390px;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:space-between;grid-column:span 4}.text-card.accent{background:var(--accent);color:white;border-color:var(--accent)}.text-card.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.text-card h3{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1;margin:0}.text-card p{line-height:1.7;color:inherit;opacity:.8}.arrow{font-size:30px;font-weight:300}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;background:var(--white)}.marquee-track{display:flex;gap:46px;white-space:nowrap;width:max-content;animation:marquee 24s linear infinite}.marquee span{font-family:var(--serif);font-size:20px;color:#5f5951}.marquee i{color:var(--accent);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.page-hero{padding:84px 0 70px}.page-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin-top:22px}.page-hero .lead{margin:0}.page-note{border-left:1px solid var(--line);padding-left:28px;color:var(--muted);font-size:14px;line-height:1.7}
.capability-list{border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:28px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.cap-row .n{font-family:var(--serif);font-size:26px;color:#9f9689}.cap-row h3{font-family:var(--serif);font-size:30px;font-weight:400;margin:0}.cap-row p{margin:0;color:var(--muted)}
.image-break{position:relative;min-height:660px;overflow:hidden;background:#d7d0c3}.image-break img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-break:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,23,20,.64),rgba(23,23,20,.03) 62%)}.image-break-copy{position:absolute;z-index:2;left:max(26px,calc((100% - var(--max))/2 + 26px));top:50%;transform:translateY(-50%);max-width:690px;color:white}.image-break-copy h2{font-family:var(--serif);font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.94;margin:0 0 20px}.image-break-copy p{font-size:19px;line-height:1.65;max-width:590px}
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.spec{background:var(--paper);padding:28px}.spec b{display:block;font-family:var(--serif);font-size:34px;font-weight:400}.spec span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.path-card{min-height:540px;border:1px solid var(--line);padding:36px;display:flex;flex-direction:column;justify-content:space-between}.path-card.accent{background:var(--accent);color:white;border-color:var(--accent)}.path-card h2{font-family:var(--serif);font-size:clamp(44px,5vw,70px);font-weight:400;line-height:.94;margin:0}.path-card p{font-size:17px;line-height:1.7;max-width:580px}.steps{margin-top:25px}.step{display:grid;grid-template-columns:48px 1fr;gap:16px;border-top:1px solid currentColor;padding:15px 0;opacity:.9}.step b{font-size:12px}.step span{font-size:14px}.price-note{display:inline-block;border:1px solid currentColor;padding:8px 11px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}.flow-item{padding:31px 25px;border-right:1px solid var(--line);min-height:215px}.flow-item:last-child{border-right:0}.flow-item .num{font-size:11px;color:var(--accent);letter-spacing:.16em}.flow-item h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:34px 0 8px}.flow-item p{font-size:13px;color:var(--muted);margin:0}
.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:32px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tabs button{border:1px solid var(--line);background:transparent;padding:10px 14px;font-size:12px;cursor:pointer}.filter-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.catalog-count{font-size:12px;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery-card{grid-column:span 4;min-height:470px;position:relative;overflow:hidden;background:#ddd5c7;cursor:pointer;border:0;padding:0;text-align:left;color:inherit}.gallery-card.landscape{grid-column:span 8}.gallery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s}.gallery-card:hover img{transform:scale(1.025)}.gallery-card:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(16,16,14,.82))}.gallery-card .gallery-meta{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:white}.gallery-meta b{font-family:var(--serif);font-size:28px;font-weight:400;display:block}.gallery-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.78}.gallery-card.hidden{display:none}
.catalog-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:54px}.cat-tile{border:1px solid var(--line);padding:26px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background:transparent;text-align:left}.cat-tile:hover{background:var(--white)}.cat-tile b{font-family:var(--serif);font-size:31px;font-weight:400}.cat-tile small{color:var(--muted)}
.pride-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.pride-large,.pride-small{position:relative;overflow:hidden;background:var(--soft)}.pride-large{min-height:660px}.pride-small-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}.pride-small{min-height:323px}.pride-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pride-label{position:absolute;left:20px;bottom:20px;background:var(--paper);padding:11px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850}
.bored-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bored-card{min-height:480px;border:1px solid var(--line);padding:28px;position:relative;overflow:hidden;background:var(--white)}.bored-card.dark{background:var(--ink);color:white}.bored-card h3{font-family:var(--serif);font-size:37px;font-weight:400;line-height:1;margin:0;position:relative;z-index:2}.bored-card p{position:absolute;left:28px;right:28px;bottom:24px;margin:0;color:var(--muted);z-index:2}.bored-card.dark p{color:#bbb5ab}.bored-art{position:absolute;inset:100px 25px 65px;display:flex;align-items:center;justify-content:center}.bored-art svg{width:100%;height:100%}.pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(199,101,52,.35);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 24px rgba(199,101,52,0)}100%{box-shadow:0 0 0 0 rgba(199,101,52,0)}}
.contact-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:74px;align-items:start}.contact-copy .page-title{margin-bottom:28px}.contact-details{margin-top:50px;border-top:1px solid var(--line)}.contact-line{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.contact-line small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.contact-line b{font-weight:650}.contact-form{background:var(--white);border:1px solid var(--line);padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:18px 0 6px}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:1px solid #aaa195;background:transparent;color:var(--ink);padding:11px 0;outline:none;font-size:16px}.field textarea{min-height:135px;resize:vertical}.form-note{font-size:11px;color:var(--muted);line-height:1.55;margin-top:13px}.map-demo{margin-top:18px;height:260px;position:relative;background:linear-gradient(135deg,#ece6da,#ddd4c4);overflow:hidden}.map-demo:before,.map-demo:after{content:"";position:absolute;background:rgba(255,255,255,.72);transform:rotate(-13deg)}.map-demo:before{width:150%;height:20px;left:-20%;top:46%}.map-demo:after{width:18px;height:150%;left:54%;top:-20%;transform:rotate(18deg)}.map-pin{position:absolute;z-index:3;left:55%;top:47%;width:18px;height:18px;background:var(--accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 20px rgba(0,0,0,.2)}.map-label{position:absolute;z-index:4;left:calc(55% + 25px);top:44%;background:var(--ink);color:white;padding:9px 12px;font-size:11px}.map-city{position:absolute;left:20px;bottom:18px;font-family:var(--serif);font-size:25px;color:#625d55}
.footer{padding:55px 0 28px;border-top:1px solid var(--line);margin-top:70px}.footer-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:60px}.footer-brand{font-family:var(--serif);font-size:35px}.footer p,.footer a{font-size:12px;color:var(--muted);line-height:1.8}.footer h4{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin:7px 0 15px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:18px;font-size:10px;color:#91897d;text-transform:uppercase;letter-spacing:.09em}
.chat-launcher{position:fixed;right:24px;bottom:24px;z-index:85;border:0;background:var(--ink);color:white;height:58px;padding:0 22px;border-radius:29px;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18);cursor:pointer;display:flex;align-items:center;gap:10px}.chat-launcher .dot{width:9px;height:9px;background:#70c98d;border-radius:50%}.chat-panel{position:fixed;z-index:100;right:22px;bottom:95px;width:min(410px,calc(100% - 28px));background:var(--white);border:1px solid var(--line);box-shadow:0 24px 70px rgba(26,23,19,.22);display:none}.chat-panel.open{display:block}.chat-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-head b{font-family:var(--serif);font-size:23px;font-weight:400}.chat-close{border:0;background:transparent;font-size:22px;cursor:pointer}.chat-body{padding:18px;max-height:430px;overflow:auto}.bubble{max-width:88%;padding:12px 13px;margin:0 0 10px;font-size:13px;line-height:1.5}.bubble.bot{background:var(--paper2)}.bubble.user{background:var(--ink);color:white;margin-left:auto}.chat-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 3px}.chat-options button{border:1px solid var(--line);background:white;padding:9px 10px;font-size:11px;cursor:pointer}.chat-options button:hover{border-color:var(--ink)}.chat-input-row{border-top:1px solid var(--line);padding:12px;display:flex;gap:8px}.chat-input-row input{flex:1;min-width:0;border:1px solid var(--line);background:white;padding:11px 12px;font-size:13px}.chat-input-row button{border:0;background:var(--accent);color:white;padding:0 15px;font-weight:800;cursor:pointer}.chat-status{font-size:10px;color:var(--muted);padding:0 18px 12px}
.modal{position:fixed;z-index:110;inset:0;background:rgba(20,18,16,.84);display:none;align-items:center;justify-content:center;padding:28px}.modal.open{display:flex}.modal-card{width:min(1120px,100%);background:var(--paper);max-height:92vh;overflow:auto;position:relative}.modal-close{position:sticky;float:right;top:14px;right:14px;z-index:3;width:44px;height:44px;border:0;background:var(--ink);color:white;border-radius:50%;font-size:23px;cursor:pointer;margin:14px}.modal-content{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px}.modal-image{position:relative;min-height:650px;background:#ddd}.modal-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.modal-copy{padding:60px 42px}.modal-copy h2{font-family:var(--serif);font-size:48px;font-weight:400;line-height:.95;margin:10px 0 20px}.modal-copy p{color:var(--muted);line-height:1.75}.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.modal-tags span{border:1px solid var(--line);padding:7px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
/* Admin demo */
.admin-body{background:#f2efe8}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-side{background:var(--ink);color:#f6f2e9;padding:28px 18px;position:sticky;top:0;height:100vh}.admin-logo{font-weight:900;font-size:22px;padding:0 10px 30px}.admin-logo span{font-weight:350}.admin-nav{display:grid;gap:5px}.admin-nav a{padding:12px 12px;border-radius:9px;color:#c7c1b6;font-size:13px}.admin-nav a.active,.admin-nav a:hover{background:#2a2925;color:white}.admin-main{padding:34px 38px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-top h1{font-size:30px;margin:0}.admin-user{font-size:12px;color:var(--muted);background:white;border:1px solid var(--line);padding:10px 12px;border-radius:10px}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{background:white;border:1px solid #e2ddd4;padding:20px;border-radius:13px}.kpi small{color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.kpi b{display:block;font-family:var(--serif);font-size:38px;font-weight:400;margin-top:8px}.kpi em{font-size:11px;color:#5e9c70;font-style:normal}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.panel{background:white;border:1px solid #e2ddd4;border-radius:13px;padding:20px}.panel h2{font-size:16px;margin:0 0 18px}.channel{display:grid;grid-template-columns:100px 1fr 52px;gap:12px;align-items:center;margin:13px 0;font-size:12px}.bar{height:8px;background:#ece8e0;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:8px}.lead-list{display:grid;gap:10px}.lead-item{border:1px solid #ece7de;border-radius:10px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:10px}.lead-item b{font-size:13px}.lead-item p{font-size:11px;color:var(--muted);margin:4px 0 0}.score{width:42px;height:42px;border-radius:50%;background:#f3e5db;color:var(--accent2);display:flex;align-items:center;justify-content:center;font-weight:900}.fake-chart{height:220px;display:flex;align-items:end;gap:9px;padding-top:10px}.fake-chart i{display:block;flex:1;background:#d9c5b8;border-radius:6px 6px 0 0;min-height:15px}.fake-chart i:nth-child(4),.fake-chart i:nth-child(7),.fake-chart i:nth-child(10){background:var(--accent)}
@media(max-width:1080px){.nav{gap:14px}.nav a{font-size:11px}.header-cta .mini-link{display:none}.feature-card{grid-column:span 6}.feature-card.wide,.feature-card.narrow{grid-column:span 6}.gallery-card{grid-column:span 6}.gallery-card.landscape{grid-column:span 6}.catalog-categories{grid-template-columns:1fr 1fr}.admin-kpis{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}
@media(max-width:820px){.container{width:min(var(--max),calc(100% - 30px))}.nav{position:fixed;inset:90px 0 auto 0;background:var(--paper);padding:20px 24px 30px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);gap:0}.nav.open{display:flex}.nav a{padding:11px 0;font-size:15px}.nav a:after{bottom:6px}.menu-btn{display:block}.header-cta .btn{display:none}.hero-copy-grid,.page-hero-grid,.section-intro,.contact-grid{grid-template-columns:1fr}.hero-copy-grid{gap:22px}.hero-aside,.page-note{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.hero-media{grid-template-columns:1fr}.hero-main{min-height:480px}.hero-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.home-strip{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head{grid-template-columns:1fr;gap:14px}.feature-card,.feature-card.wide,.feature-card.narrow,.text-card{grid-column:span 12}.path-grid,.pride-hero{grid-template-columns:1fr}.pride-large{min-height:500px}.pride-small-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.catalog-categories,.bored-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.flow-item:nth-child(2){border-right:0}.flow-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.specs{grid-template-columns:1fr 1fr}.gallery-card,.gallery-card.landscape{grid-column:span 12;min-height:520px}.modal-content{grid-template-columns:1fr}.modal-image{min-height:500px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.admin-main{padding:22px}.admin-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.header-inner{height:74px}.nav{inset:74px 0 auto 0}.brand{font-size:22px}.brand-mark{width:29px;height:29px}.hero{padding-top:48px}.display{font-size:56px}.page-title{font-size:58px}.section-title{font-size:43px}.hero-main{min-height:400px}.hero-side-stack{grid-template-columns:1fr}.hero-side{min-height:260px}.statement{padding:78px 0}.statement-copy{font-size:41px}.statement-tail{font-size:16px}.section{padding:76px 0}.home-strip{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid var(--line)!important}.metric:last-child{border-bottom:0!important}.cap-row{grid-template-columns:44px 1fr}.cap-row p{grid-column:2}.specs,.flow,.catalog-categories,.bored-grid{grid-template-columns:1fr}.spec:nth-child(n),.flow-item:nth-child(n){border-right:0;border-bottom:1px solid var(--line)}.spec:last-child,.flow-item:last-child{border-bottom:0}.path-card{padding:26px;min-height:470px}.gallery-card,.gallery-card.landscape{min-height:440px}.pride-small-stack{grid-template-columns:1fr}.pride-small{min-height:290px}.contact-form{padding:23px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.chat-launcher{right:14px;bottom:14px}.chat-panel{right:14px;bottom:84px}.modal{padding:10px}.modal-image{min-height:380px}.modal-copy{padding:35px 24px}.admin-kpis{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* v1.1 - clear visualisation section */
.visual-demo-section{background:#faf7f0}
.before-after{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);align-items:center;gap:18px;margin-top:8px}
.compare-shot{margin:0;min-width:0}
.image-zoom{display:block;width:100%;border:0;padding:0;background:#ddd4c5;cursor:zoom-in;overflow:hidden;aspect-ratio:16/10}
.image-zoom img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.image-zoom:hover img{transform:scale(1.018)}
.compare-shot figcaption{display:flex;justify-content:space-between;gap:22px;align-items:baseline;padding:15px 2px 0;border-top:3px solid var(--ink);margin-top:9px}
.compare-shot.after figcaption{border-color:var(--accent)}
.compare-shot figcaption b{font-size:13px;letter-spacing:.14em}
.compare-shot figcaption span{font-family:var(--serif);font-size:21px;color:#4f4941;text-align:right}
.compare-arrow{font-family:var(--serif);font-size:56px;text-align:center;color:var(--accent)}
.visual-variants{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:14px;margin-top:64px;align-items:stretch}
.variant-intro{padding:24px 30px 24px 0;display:flex;flex-direction:column;justify-content:center}
.variant-intro h3{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1;margin:18px 0 14px}
.variant-intro p{color:var(--muted);line-height:1.7;margin:0;max-width:330px}
.variant-shot{border:0;padding:0;background:#e4ddd1;cursor:zoom-in;text-align:left;position:relative;overflow:hidden;min-height:390px}
.variant-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.variant-shot:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(18,17,15,.72))}
.variant-shot span{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.variant-shot:hover img{transform:scale(1.025)}
.image-lightbox{position:fixed;z-index:140;inset:0;background:rgba(14,13,11,.94);display:none;align-items:center;justify-content:center;padding:34px}
.image-lightbox.open{display:flex}
.image-lightbox img{display:block;max-width:min(1500px,94vw);max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 22px 80px rgba(0,0,0,.35)}
.image-lightbox-close{position:absolute;right:24px;top:24px;width:52px;height:52px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.35);color:white;font-size:30px;line-height:1;cursor:pointer}
@media(max-width:980px){.before-after{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg);height:45px;line-height:45px}.visual-variants{grid-template-columns:1fr 1fr}.variant-intro{grid-column:1/-1;padding-right:0}.variant-shot{min-height:430px}}
@media(max-width:580px){.compare-shot figcaption{display:block}.compare-shot figcaption span{display:block;text-align:left;margin-top:6px;font-size:18px}.visual-variants{grid-template-columns:1fr}.variant-intro{grid-column:auto}.variant-shot{min-height:480px}.image-lightbox{padding:10px}.image-lightbox-close{right:12px;top:12px}}

/* ============================================================
   v1.2 — LIGHT INDUSTRIAL SCALE / REAL H-LASER IDENTITY
   ============================================================ */
:root{
 --paper:#f4f8fa; --paper2:#e9f1f5; --white:#ffffff; --ink:#10202e; --muted:#5d6b76;
 --line:#cfdbe2; --accent:#d46f32; --accent2:#173d5c; --soft:#e6eef2; --steel:#163b59;
}
body{
 background:
   radial-gradient(circle at 10% 4%,rgba(105,178,216,.18),transparent 27rem),
   radial-gradient(circle at 92% 18%,rgba(180,208,222,.22),transparent 32rem),
   linear-gradient(180deg,#fbfdfe 0%,#f2f7f9 44%,#f9faf9 100%);
 color:var(--ink);
 position:relative;
}
body:before{
 content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.42;
 background-image:linear-gradient(rgba(40,80,108,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(40,80,108,.035) 1px,transparent 1px);
 background-size:44px 44px;
 -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 72%);
}
.site{background:transparent}
.demo-ribbon{background:linear-gradient(90deg,#173d5c,#0f2c43);box-shadow:0 8px 22px rgba(23,61,92,.15)}
.header{background:rgba(250,253,254,.88);border-color:rgba(193,209,218,.82);box-shadow:0 8px 32px rgba(34,67,88,.055)}
.header-inner{height:96px}
.brand{display:flex;align-items:center;min-width:190px}
.brand-logo{display:block;width:205px;height:auto;object-fit:contain}
.nav a{color:#263b4a}.nav a:after{background:linear-gradient(90deg,#3a6b8d,#76b8d7)}
.mini-link{color:#50697a}
.btn{border-radius:999px;padding:0 24px;border-color:#18384f;box-shadow:0 8px 22px rgba(27,57,78,.04)}
.btn.dark{background:linear-gradient(135deg,#173d5c,#102d45);border-color:#173d5c;color:#fff}
.btn.accent{background:linear-gradient(135deg,#dd7c40,#c85f28);border-color:#cf6832;box-shadow:0 12px 28px rgba(204,101,47,.17)}
.btn.ghost{background:rgba(255,255,255,.58);border-color:#c5d2da}
.kicker{color:#285e80}
.hero{position:relative;padding-top:82px}
.hero:before{content:"";position:absolute;left:-12vw;top:-2rem;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,rgba(107,181,217,.12),rgba(107,181,217,0) 68%);pointer-events:none}
.display,.page-title,.section-title{color:#101d28}
.lead{color:#435866}
.hero-aside{border-color:#bfd0da;color:#60717c;background:rgba(255,255,255,.38);padding:20px 22px;border-left:3px solid #80b8d2;border-radius:0 18px 18px 0}
.hero-aside b{color:#173d5c}

/* Real production scale block */
.scale-showcase{position:relative;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);min-height:620px;margin-top:64px;border:1px solid rgba(165,190,203,.72);border-radius:30px;overflow:hidden;background:linear-gradient(125deg,rgba(255,255,255,.97),rgba(235,244,248,.95) 58%,rgba(248,250,250,.96));box-shadow:0 34px 85px rgba(34,69,91,.13)}
.scale-showcase:after{content:"";position:absolute;width:420px;height:420px;right:-120px;bottom:-170px;border-radius:50%;border:70px solid rgba(80,141,177,.07);pointer-events:none}
.scale-photo{position:relative;margin:24px;min-height:572px;border-radius:22px;overflow:hidden;background:#e0e9ed;box-shadow:0 18px 40px rgba(29,54,70,.15)}
.scale-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,29,42,.36),transparent 42%)}
.scale-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transform:scale(1.01)}
.scale-photo-label{position:absolute;z-index:2;left:18px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(250,253,254,.94);color:#173d5c;font-size:10px;letter-spacing:.13em;font-weight:900}
.scale-copy{position:relative;z-index:2;padding:72px 68px 58px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.scale-ghost{position:absolute;right:-18px;top:14px;font-size:clamp(96px,11vw,184px);font-weight:950;line-height:.72;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(39,87,117,.08);text-stroke:1px rgba(39,87,117,.08);text-align:right;pointer-events:none}
.scale-number{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:28px 0 20px}
.scale-number b{font-family:var(--serif);font-size:clamp(52px,5.7vw,92px);font-weight:400;letter-spacing:-.055em;line-height:.86;color:#123451}
.scale-number span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#6e7f89;padding-bottom:8px}
.scale-copy h2{font-family:var(--serif);font-size:clamp(34px,3.3vw,54px);font-weight:400;line-height:.98;letter-spacing:-.04em;margin:8px 0 16px;max-width:700px}
.scale-copy p{max-width:720px;color:#566b78;line-height:1.75;margin:0}.scale-copy p strong{color:#173d5c}
.scale-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cedbe2;border:1px solid #cedbe2;border-radius:18px;overflow:hidden;margin-top:32px}
.scale-facts>div{background:rgba(255,255,255,.87);padding:18px}.scale-facts b{display:block;font-family:var(--serif);font-size:27px;font-weight:400;color:#173d5c}.scale-facts span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#73808a;margin-top:4px}
.work-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:64px 0 18px;padding:0 2px}.work-intro span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#738391}.work-intro b{font-family:var(--serif);font-size:clamp(28px,3.2vw,46px);font-weight:400;color:#173d5c}

.hero-main,.hero-side,.feature-card,.pride-large,.pride-small,.gallery-card{border-radius:24px;box-shadow:0 16px 45px rgba(31,64,84,.10)}
.hero-main,.hero-side{background:#dce8ee}
.media-caption{border-radius:999px;background:rgba(252,254,255,.94);color:#21445d;box-shadow:0 5px 18px rgba(24,53,73,.08)}
.marquee{background:rgba(255,255,255,.72);border-color:#cbd8df;backdrop-filter:blur(12px)}
.marquee span{color:#355369}.marquee i{color:#72a9c5}
.statement{position:relative;background:linear-gradient(125deg,rgba(255,255,255,.85),rgba(231,242,247,.9));border-top:1px solid rgba(199,214,222,.72);border-bottom:1px solid rgba(199,214,222,.72);overflow:hidden}
.statement:after{content:"H";position:absolute;right:-2vw;bottom:-10vw;font-family:var(--sans);font-size:34vw;font-weight:950;line-height:1;color:rgba(38,87,118,.035);pointer-events:none}
.statement-copy,.statement-tail,.statement .kicker{position:relative;z-index:1}.statement-copy em{color:#2e6b8e}
.home-strip{background:rgba(255,255,255,.68);border-color:#cbd8df;border-radius:24px;overflow:hidden;box-shadow:0 14px 38px rgba(41,75,94,.06)}
.metric{border-color:#d2dde3}.metric b{color:#153b58}.metric span{color:#6d7b85}
.section{position:relative}.section.rule{border-color:#ccd9e0}.section-index{color:#6d8190}
.feature-grid{gap:18px}.feature-card{background:#e4edf2}.feature-card:after{background:linear-gradient(transparent,rgba(11,28,41,.76))}
.text-card{border-radius:24px;border-color:#c9d6de;background:rgba(255,255,255,.68);box-shadow:0 15px 40px rgba(34,66,85,.07)}
.text-card.accent{background:linear-gradient(145deg,#2b6588,#183d59);border-color:#2b6588}
.image-break{min-height:680px;background:#dce7ec;border-top:1px solid #cbd8df;border-bottom:1px solid #cbd8df}
.image-break:after{background:linear-gradient(90deg,rgba(248,252,253,.96) 0%,rgba(248,252,253,.84) 35%,rgba(248,252,253,.12) 72%,transparent 100%)}
.image-break-copy{color:#142a39}.image-break-copy h2{color:#10202e;text-shadow:0 1px 0 white}.image-break-copy p{color:#4f6573}.image-break-copy .kicker{color:#2d6789!important}
.page-hero{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(232,242,247,.36));border-bottom:1px solid rgba(203,218,225,.7)}
.page-note{border-color:#8eb9d0;background:rgba(255,255,255,.48);padding:18px 20px;border-left:3px solid #75aeca;border-radius:0 16px 16px 0}
.path-card,.bored-card,.contact-form{border-radius:26px;box-shadow:0 18px 50px rgba(31,65,85,.08)}
.path-card.accent{background:linear-gradient(145deg,#2b6588,#173c59);border-color:#2b6588}
.visual-demo-section{background:linear-gradient(180deg,rgba(248,251,252,.82),rgba(231,241,246,.7))}
.compare-shot .image-zoom,.variant-shot{border-radius:22px;box-shadow:0 14px 38px rgba(34,67,87,.11)}
.specs{border-radius:20px;overflow:hidden;border-color:#cbd8df;background:#cbd8df}.spec{background:rgba(255,255,255,.86)}.spec b{color:#173d5c}
.footer{background:linear-gradient(180deg,rgba(245,249,251,.45),rgba(229,239,244,.85));border-color:#cbd8df}.footer-logo{display:block;width:250px;max-width:100%;height:auto;margin-bottom:18px}.footer p,.footer a{color:#5b6e7b}.footer-bottom{color:#73838e;border-color:#cad8df}

/* Machine proof — "Ние можем" */
.machine-section{background:linear-gradient(180deg,rgba(235,244,248,.55),rgba(255,255,255,.22));border-top:1px solid #cfdae1;border-bottom:1px solid #cfdae1}
.machine-proof{display:grid;grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);border:1px solid #c6d5de;border-radius:30px;overflow:hidden;background:rgba(255,255,255,.82);box-shadow:0 28px 70px rgba(32,67,88,.11)}
.machine-proof-photo{position:relative;min-height:600px;background:#d9e5eb}.machine-proof-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.machine-proof-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(10,30,43,.45))}.machine-proof-photo span{position:absolute;z-index:2;left:18px;bottom:18px;background:rgba(255,255,255,.93);color:#173d5c;padding:9px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em}
.machine-proof-copy{position:relative;padding:60px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.laser-cut-type{font-size:clamp(68px,8.4vw,140px);font-weight:950;letter-spacing:-.085em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(31,82,114,.13);margin-bottom:36px;white-space:nowrap}.machine-proof-lead{font-family:var(--serif);font-size:clamp(34px,4vw,58px);line-height:1;margin:0 0 32px;color:#173d5c}.machine-proof-lead strong{font-family:var(--sans);font-weight:950}

/* Chat — premium lead concierge, not generic support box */
.chat-launcher{right:26px;bottom:24px;height:auto;min-height:66px;padding:10px 18px 10px 12px;border:1px solid rgba(43,91,120,.22);border-radius:22px;background:rgba(252,254,255,.94);color:#14354e;box-shadow:0 18px 50px rgba(21,56,79,.2);backdrop-filter:blur(18px);gap:12px;transition:.22s}
.chat-launcher:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(21,56,79,.24)}
.chat-spark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#204f70,#102f48);color:#aee1f5;font-size:19px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.chat-launch-copy{display:grid;text-align:left;line-height:1.15}.chat-launch-copy b{font-size:13px;letter-spacing:.01em}.chat-launch-copy small{font-size:9px;color:#738591;margin-top:5px;font-weight:600}
.chat-panel{right:24px;bottom:106px;width:min(440px,calc(100% - 30px));border:1px solid rgba(61,104,130,.22);border-radius:28px;background:rgba(252,254,255,.97);box-shadow:0 34px 100px rgba(16,45,65,.26);overflow:hidden;backdrop-filter:blur(24px)}
.chat-panel.open{display:block;animation:chatIn .22s ease-out}@keyframes chatIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.chat-head{padding:20px 20px 17px;border-bottom:0;background:linear-gradient(135deg,#edf6fa,#fdfefe);align-items:flex-start}.chat-brand{min-width:0}.chat-brand img{display:block;width:165px;height:auto;margin:0 0 8px}.chat-online{display:flex;align-items:center;gap:7px;color:#667b89;font-size:10px;letter-spacing:.02em}.chat-online i{display:inline-block;width:7px;height:7px;background:#54bd85;border-radius:50%;box-shadow:0 0 0 4px rgba(84,189,133,.12)}
.chat-close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.76);border:1px solid #d4e0e6;color:#37566b;display:grid;place-items:center;line-height:1;font-size:19px}.chat-close:hover{background:white}
.chat-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 20px 14px;background:linear-gradient(135deg,#edf6fa,#fdfefe)}.chat-progress span{padding:7px 6px;border-radius:999px;background:#e5edf1;color:#83919a;text-align:center;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.chat-progress span.active{background:#1d4e6e;color:white}.chat-progress span.done{background:#d9eee4;color:#347251}
.chat-body{padding:21px 20px 13px;max-height:390px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,249,251,.92))}.bubble{max-width:88%;padding:13px 15px;margin-bottom:11px;border-radius:17px;font-size:13px;line-height:1.55;box-shadow:0 4px 14px rgba(34,66,84,.045)}.bubble.bot{background:#eaf3f7;color:#29495d;border-bottom-left-radius:5px}.bubble.user{background:linear-gradient(145deg,#214f6d,#15364f);color:#fff;border-bottom-right-radius:5px}
.chat-options{gap:8px;margin:14px 0 7px}.chat-options button{border:1px solid #bed0da;background:#fff;color:#27516b;border-radius:999px;padding:10px 12px;font-size:10px;font-weight:800;box-shadow:0 4px 12px rgba(33,69,91,.04)}.chat-options button:hover{border-color:#447b9a;background:#eff7fa}
.chat-input-row{border-top:1px solid #d4e0e6;padding:13px;background:#fff;gap:9px}.chat-input-row input{border:1px solid #c8d7df;border-radius:16px;background:#f9fbfc;padding:13px 14px;font-size:13px;outline:none}.chat-input-row input:focus{border-color:#5b92b0;box-shadow:0 0 0 3px rgba(73,136,171,.11)}.chat-input-row button{width:48px;border-radius:16px;background:linear-gradient(145deg,#235a7b,#123a55);padding:0;color:white}.chat-input-row button span{font-size:20px;line-height:1}.chat-status{padding:0 16px 13px;background:#fff;color:#87959e;font-size:9px}.chat-status span{display:inline-block;margin-right:6px;color:#2f6b8d;font-weight:900;letter-spacing:.12em}

/* v1.2 visual details */
.gallery-card,.catalog-category,.cap-row{border-color:#c9d8df}.filter-btn.active{background:#1a4665;color:#fff;border-color:#1a4665}.price-note{color:#2d6789}.modal-content{border-radius:28px;overflow:hidden}.image-lightbox{background:rgba(11,29,42,.91);backdrop-filter:blur(12px)}

@media(max-width:1000px){
 .scale-showcase,.machine-proof{grid-template-columns:1fr}.scale-photo{min-height:560px}.scale-copy{padding:52px 40px}.machine-proof-photo{min-height:560px}.machine-proof-copy{padding:44px 34px}.laser-cut-type{white-space:normal}.work-intro{align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:820px){.header-inner{height:84px}.nav{inset:84px 0 auto 0;background:rgba(248,252,253,.98)}.brand-logo{width:175px}.hero{padding-top:56px}.scale-showcase{margin-top:46px}.scale-photo{min-height:500px;margin:14px}.scale-copy{padding:42px 27px}.scale-facts{grid-template-columns:1fr}.scale-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.machine-proof-photo{min-height:500px}.chat-panel{right:14px}.chat-launcher{right:14px}}
@media(max-width:560px){.header-inner{height:76px}.nav{inset:76px 0 auto 0}.brand-logo{width:148px}.scale-showcase{border-radius:22px}.scale-photo{min-height:430px;border-radius:16px}.scale-number b{font-size:48px}.scale-copy h2{font-size:34px}.scale-copy{padding:35px 20px}.scale-facts{border-radius:14px}.work-intro{margin-top:44px}.chat-launch-copy small{display:none}.chat-launcher{min-height:58px;border-radius:20px}.chat-spark{width:38px;height:38px}.chat-panel{bottom:90px;border-radius:22px}.chat-brand img{width:145px}.machine-proof{border-radius:22px}.machine-proof-photo{min-height:440px}.machine-proof-copy{padding:34px 20px}.laser-cut-type{font-size:62px}}
.bored-card.bored-blue{background:linear-gradient(145deg,#eef6f9,#dceaf1);color:#173d5c;border-color:#bfd2dc}.bored-card.bored-blue p{color:#546c7a}


/* =========================================================
   H-Laser v1.3 — production material + visual catalogues
   ========================================================= */
.brand-logo{width:220px}
.contact-logo{display:block;width:min(440px,100%);height:auto;margin-bottom:34px}
.material-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 24px}
.material-cloud span{padding:11px 14px;border:1px solid #bfd2dc;border-radius:999px;background:#f7fbfd;color:#214963;font-size:11px;font-weight:850;letter-spacing:.035em}
.machine-footnote{font-size:12px!important;color:#738691!important;max-width:640px!important}

/* Big before / after blocks */
.transformation-set{display:grid;gap:44px}
.transform-project{padding:28px;border:1px solid #c8d8e0;border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(29,67,91,.08)}
.transform-head{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:18px}
.transform-head b{font-family:var(--serif);font-size:30px;font-weight:400;color:#173d5c}
.transform-head span{color:#657985;font-size:12px}
.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compare-pair figure{position:relative;margin:0;overflow:hidden;border-radius:22px;min-height:470px;background:#dbe8ee}
.compare-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare-pair figcaption{position:absolute;left:16px;top:16px;padding:9px 12px;border-radius:999px;background:rgba(250,253,254,.94);color:#183d58;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 5px 16px rgba(21,55,77,.1)}

/* Visual catalogue navigation — every button is an image */
.catalog-visual-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.catalog-visual{position:relative;min-height:310px;border:1px solid #bfd0da;border-radius:26px;overflow:hidden;padding:0;background:#dce8ee;color:white;text-align:left;cursor:pointer;box-shadow:0 16px 42px rgba(28,64,86,.09);transition:.22s}
.catalog-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,27,40,.03) 20%,rgba(9,31,46,.76) 100%)}
.catalog-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s}
.catalog-visual>span{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:grid;gap:4px}
.catalog-visual small{font-size:10px;letter-spacing:.15em;opacity:.76}
.catalog-visual b{font-family:var(--serif);font-size:31px;line-height:1;font-weight:400}
.catalog-visual em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.84;margin-top:6px}
.catalog-visual:hover img{transform:scale(1.035)}
.catalog-visual.active{outline:4px solid rgba(64,131,169,.2);border-color:#38779a;transform:translateY(-3px);box-shadow:0 22px 56px rgba(26,75,105,.16)}
.catalog-visual.active:after{content:"Разглеждате";position:absolute;right:14px;top:14px;z-index:3;padding:7px 10px;border-radius:999px;background:#fff;color:#1e5879;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.catalog-current{position:sticky;top:96px;z-index:25;margin:28px 0 18px;padding:17px 20px;border:1px solid #c6d6df;border-radius:18px;background:rgba(249,252,253,.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 30px rgba(28,61,82,.07)}
.catalog-current div{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.catalog-current span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#768995}.catalog-current b{font-family:var(--serif);font-size:27px;font-weight:400;color:#173d5c}.catalog-current strong{font-size:11px;color:#557180}

/* Product catalogue cards */
.product-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;scroll-margin-top:180px}
.product-card{grid-column:span 4;position:relative;min-height:500px;border:0;border-radius:24px;overflow:hidden;padding:0;background:#dbe7ec;color:white;text-align:left;cursor:pointer;box-shadow:0 16px 45px rgba(30,67,89,.1)}
.product-card:nth-child(3n+1){grid-column:span 5}.product-card:nth-child(3n+2){grid-column:span 3}.product-card:nth-child(3n){grid-column:span 4}
.product-card.hidden{display:none}
.product-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,28,41,.82))}
.product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.product-card:hover img{transform:scale(1.028)}
.product-meta{position:absolute;z-index:2;left:20px;right:20px;bottom:19px}
.product-meta span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;opacity:.8;margin-bottom:4px}
.product-meta b{display:block;font-family:var(--serif);font-size:29px;font-weight:400}

/* Existing commercial material used as real catalogue language */
.commercial-section{background:linear-gradient(180deg,rgba(238,246,249,.62),rgba(250,252,253,.9))}
.brochure-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.brochure{border:1px solid #c6d6de;border-radius:24px;padding:12px;background:rgba(255,255,255,.82);cursor:zoom-in;text-align:left;box-shadow:0 18px 48px rgba(28,65,88,.08);color:#173d5c}
.brochure img{display:block;width:100%;height:520px;object-fit:contain;background:#edf3f6;border-radius:16px}
.brochure span{display:block;padding:14px 8px 6px;font-family:var(--serif);font-size:23px}

/* Pride / created products */
.pride-transform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pride-transform-grid article{border:1px solid #c6d7df;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.75);box-shadow:0 18px 48px rgba(27,66,89,.08)}
.pride-transform-grid img{display:block;width:100%;height:360px;object-fit:cover}
.pride-transform-grid article div{padding:18px 20px 22px}
.pride-transform-grid b{display:block;font-family:var(--serif);font-size:25px;font-weight:400;color:#173d5c}
.pride-transform-grid span{display:block;margin-top:5px;color:#667b87;font-size:12px;line-height:1.55}

.bored-section{background:linear-gradient(180deg,rgba(229,241,246,.72),rgba(249,252,253,.78));border-top:1px solid #cbd9e0;border-bottom:1px solid #cbd9e0}
.bored-products{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.bored-piece{grid-column:span 4;position:relative;min-height:470px;border:0;border-radius:26px;overflow:hidden;padding:0;background:#d9e6eb;color:#fff;text-align:left;cursor:zoom-in;box-shadow:0 18px 48px rgba(27,64,86,.1)}
.bored-piece:nth-child(1),.bored-piece:nth-child(5){grid-column:span 6}
.bored-piece img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bored-piece:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,25,37,.8))}
.bored-piece:hover img{transform:scale(1.025)}
.bored-piece span{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}
.bored-piece b{display:block;font-family:var(--serif);font-size:29px;font-weight:400}
.bored-piece small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-top:4px}
.statement-mini{display:grid;grid-template-columns:.4fr 1fr auto;gap:28px;align-items:center;padding:30px;border:1px solid #c8d7df;border-radius:26px;background:rgba(255,255,255,.7)}
.statement-mini span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#758791}
.statement-mini b{font-family:var(--serif);font-size:31px;font-weight:400;color:#173d5c}

/* Contact */
.contact-hours{display:grid;gap:5px;margin-top:28px;color:#607581}.contact-hours b{font-family:var(--serif);font-size:22px;font-weight:400;color:#173d5c;margin-bottom:4px}
.map-demo{margin-top:24px;min-height:150px;border-radius:18px;background:linear-gradient(135deg,#e5f0f5,#f7fafb);border:1px solid #c7d8e0;display:grid;place-items:center;text-align:center;color:#4c6c80;font-size:11px;letter-spacing:.12em}
.map-demo small{font-size:9px;letter-spacing:.05em;color:#84949d}

/* Admin — same visual language as public H-Laser */
.admin-body{background:
 radial-gradient(circle at 8% 0%,rgba(113,184,217,.18),transparent 28%),
 linear-gradient(180deg,#f9fcfd 0%,#edf5f8 58%,#f9fbfb 100%);
 color:#122536}
.admin-shell{min-height:100vh}
.admin-side{background:linear-gradient(180deg,rgba(250,253,254,.97),rgba(231,241,246,.96));border-right:1px solid #c6d7df;box-shadow:12px 0 34px rgba(31,67,88,.05)}
.admin-brand{display:block;padding:26px 22px 24px;border-bottom:1px solid #cedce3}
.admin-brand img{display:block;width:210px;max-width:100%;height:auto}
.admin-brand span{display:block;margin:8px 0 0 4px;font-size:9px;letter-spacing:.18em;color:#69808f;font-weight:900}
.admin-nav a{border-radius:13px;color:#526a79}
.admin-nav a.active{background:linear-gradient(135deg,#214e6b,#15364f);color:white;box-shadow:0 10px 22px rgba(23,61,86,.13)}
.admin-side-foot{margin-top:auto;padding:20px 24px;color:#80909a;font-size:10px;line-height:1.6;border-top:1px solid #d2dfe5}
.admin-main{background:transparent}
.admin-top h1{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;color:#142d40}
.admin-user{background:rgba(255,255,255,.75);border:1px solid #c7d8e0;border-radius:999px;color:#506d7f}
.kpi,.panel{border:1px solid #c7d7df;border-radius:24px;background:rgba(255,255,255,.77);box-shadow:0 18px 45px rgba(27,66,89,.07)}
.kpi b{font-family:var(--serif);font-weight:400;color:#173d5c}
.kpi em{color:#5f7b8b}
.panel h2{font-family:var(--serif);font-size:27px;font-weight:400;color:#173d5c}
.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{margin:0}.panel-head span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#80909a}
.bar{background:#dce8ee;border-radius:999px}.bar i{background:linear-gradient(90deg,#2c6b8e,#76bad9);border-radius:999px}
.score{background:linear-gradient(145deg,#214f6d,#15364f);color:white;border-radius:15px}
.lead-item{border-color:#d2dfe5}
.campaign-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.campaign-thumbs article{min-width:0}.campaign-thumbs img{width:100%;height:210px;object-fit:contain;background:#edf3f6;border-radius:15px;border:1px solid #d1dee4}.campaign-thumbs b{display:block;font-size:12px;color:#284b61;margin-top:8px}.campaign-thumbs small{color:#84939c}
.admin-demo-note{font-size:10px;color:#7b8c96;margin-top:22px}

/* Modal image uses product catalogue */
.modal{background:rgba(10,29,42,.78);backdrop-filter:blur(14px)}
.modal-card{border-radius:28px}
.modal-image{background:#e6eff3}
.modal-copy h2{color:#173d5c}

/* Responsive v1.3 */
@media(max-width:1100px){
 .catalog-visual-tabs{grid-template-columns:1fr 1fr}
 .product-card,.product-card:nth-child(n){grid-column:span 6}
 .pride-transform-grid{grid-template-columns:1fr 1fr}
 .bored-piece,.bored-piece:nth-child(n){grid-column:span 6}
 .brochure img{height:430px}
}
@media(max-width:820px){
 .compare-pair{grid-template-columns:1fr}.compare-pair figure{min-height:440px}
 .transform-head{align-items:flex-start;flex-direction:column;gap:4px}
 .catalog-current{top:84px}
 .brochure-row{grid-template-columns:1fr 1fr}
 .pride-transform-grid{grid-template-columns:1fr}
 .statement-mini{grid-template-columns:1fr}
 .campaign-thumbs{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .catalog-visual-tabs{grid-template-columns:1fr}
 .catalog-visual{min-height:280px}
 .product-card,.product-card:nth-child(n){grid-column:span 12;min-height:450px}
 .brochure-row{grid-template-columns:1fr}.brochure img{height:auto;max-height:560px}
 .bored-piece,.bored-piece:nth-child(n){grid-column:span 12;min-height:430px}
 .compare-pair figure{min-height:330px}
 .transform-project{padding:14px;border-radius:22px}
 .catalog-current{top:76px;align-items:flex-start;flex-direction:column;gap:5px}
 .campaign-thumbs{grid-template-columns:1fr}
}

.admin-side{display:flex;flex-direction:column;padding:0}.admin-nav{padding:18px}.admin-main{padding:38px 42px}

/* =========================================================
   H-Laser v1.4 — public refinement, v1.2 rhythm + v1.3 assets
   ========================================================= */
.start-compact{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.start-compact-card{display:grid;grid-template-columns:220px 1fr;min-height:250px;border:1px solid #c9d8df;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.82);box-shadow:0 14px 38px rgba(32,68,89,.07);transition:.2s}
.start-compact-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(32,68,89,.1)}
.start-compact-card img{width:100%;height:100%;object-fit:cover;min-height:250px}
.start-compact-card div{padding:28px;align-self:center}
.start-compact-card span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#327194;font-weight:900}
.start-compact-card b{display:block;font-family:var(--serif);font-size:34px;line-height:1.02;font-weight:400;color:#173d5c;margin:9px 0 10px}
.start-compact-card p{font-size:13px;color:#657985;margin:0;line-height:1.6}

/* Two start routes: compact, readable, no giant dark balloons */
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.route-card{border:1px solid #c9d7df;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.86);box-shadow:0 18px 50px rgba(31,65,85,.075)}
.route-card-idea{border-top:4px solid #c76534}
.route-image{height:280px;overflow:hidden;background:#dce8ee}
.route-image img{width:100%;height:100%;object-fit:cover;transition:.45s}
.route-card:hover .route-image img{transform:scale(1.02)}
.route-copy{padding:31px 32px 34px}
.route-label{display:inline-block;padding:8px 11px;border:1px solid #b8cbd5;color:#285f80;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
.route-card-idea .route-label{border-color:#dbad91;color:#9a4a23}
.route-copy h2{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:.96;color:#152d3e;margin:21px 0 15px}
.route-copy p{color:#5e717d;font-size:15px;line-height:1.7;min-height:76px;margin:0 0 24px}

/* Contact form: explicit layout that cannot collapse into one line */
.contact-v14{padding-top:92px}
.contact-stage{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:start}
.contact-panel{min-width:0}
.contact-form-v14{display:block;background:rgba(255,255,255,.9);border:1px solid #c4d5de;border-radius:28px;padding:38px 40px;box-shadow:0 24px 66px rgba(31,67,88,.09)}
.form-heading{padding-bottom:23px;border-bottom:1px solid #d4e0e6}
.form-heading h2{font-family:var(--serif);font-size:38px;line-height:1;margin:8px 0 9px;color:#173d5c;font-weight:400}
.form-heading p{font-size:13px;color:#74858f;margin:0}
.form-grid-v14{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}
.field-v14{display:block;min-width:0}
.field-v14.full{grid-column:1/-1}
.field-v14 label{display:block;margin:14px 0 7px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#557181}
.field-v14 input,.field-v14 textarea{display:block;width:100%;min-width:0;border:1px solid #bfcfd8;border-radius:13px;background:#f9fcfd;color:#132837;padding:14px 15px;font-size:15px;line-height:1.35;outline:none;box-shadow:none}
.field-v14 input{height:50px}
.field-v14 textarea{min-height:150px;resize:vertical}
.field-v14 input:focus,.field-v14 textarea:focus{border-color:#477f9e;box-shadow:0 0 0 3px rgba(71,127,158,.1)}
.submit-v14{width:100%;margin-top:24px;min-height:54px;border-radius:13px}
.contact-form-v14 .form-result{font-size:12px;color:#97502c;font-weight:700;margin:12px 0 0}
.map-v14{height:220px;border-radius:24px;margin-top:18px;box-shadow:0 12px 34px rgba(31,67,88,.055)}
.map-v14 small{position:absolute;left:20px;right:20px;bottom:16px;text-align:center;z-index:4}

/* Restore warmer v1.2 visual language to route/consulting surfaces */
.path-card.accent{background:linear-gradient(145deg,#c76534,#9d4722);border-color:#b85a2d;color:#fff}
.price-note{color:#9f4e27}
.path-card.accent .price-note{color:#fff}
.text-card.accent{background:linear-gradient(145deg,#c76534,#a04a24)!important}

/* Offers: visual tabs + obvious relation to products below */
.catalog-visual-tabs{margin-top:4px}
.catalog-visual{min-height:330px}
.catalog-visual>span{background:linear-gradient(180deg,transparent,rgba(6,25,38,.08));padding-top:18px}
.catalog-current{position:relative;top:auto;z-index:2;margin:30px 0 18px;background:#f7fbfd}
.product-grid{scroll-margin-top:120px}
.product-card{min-height:470px}

/* Pride contextual cards */
.pride-transform-grid img{height:390px}

/* One public background language: bright, dimensional, not flat white */
body:not(.admin-body){background:radial-gradient(circle at 8% 1%,rgba(118,186,217,.10),transparent 31%),radial-gradient(circle at 96% 18%,rgba(126,174,199,.10),transparent 28%),linear-gradient(180deg,#f9fcfd 0%,#f1f7f9 46%,#fbfcfb 100%);background-attachment:fixed}
body:not(.admin-body) .site{background-image:linear-gradient(rgba(77,127,154,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(77,127,154,.025) 1px,transparent 1px);background-size:64px 64px}

@media(max-width:1050px){.start-compact-card{grid-template-columns:170px 1fr}.contact-stage{gap:38px}.route-image{height:240px}}
@media(max-width:820px){.start-compact,.route-grid,.contact-stage{grid-template-columns:1fr}.start-compact-card{grid-template-columns:210px 1fr}.contact-stage{gap:35px}.contact-form-v14{padding:30px}.route-copy p{min-height:0}}
@media(max-width:560px){.start-compact-card{grid-template-columns:1fr}.start-compact-card img{min-height:200px;height:200px}.route-image{height:220px}.route-copy{padding:25px 22px 28px}.form-grid-v14{grid-template-columns:1fr}.field-v14.full{grid-column:auto}.contact-form-v14{padding:24px 20px;border-radius:21px}.form-heading h2{font-size:32px}.map-v14{height:190px}}

/* Поле за прикачен файл в контактната форма */
.field-v14 input[type=file]{width:100%;border:1px dashed #b9c8d2;background:rgba(255,255,255,.6);border-radius:12px;padding:14px;font-size:13px;cursor:pointer}
.field-v14 input[type=file]:hover{border-color:var(--accent)}
.field-v14 .hl-optional{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}
.field-v14 .hl-hint{display:block;margin-top:7px;color:var(--muted);font-size:11px}

/* Оператор в чата */
.chat-operator-note{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent2);background:#eef3f6;border:1px solid #d7e2e9;border-radius:999px;padding:6px 11px;margin:12px auto 10px;width:fit-content;font-weight:800}
.bubble.bubble-operator{background:#173d5c;color:#fff}

/* ============================================================
   Долна лента за телефони — моделът от didn.eu.
   Падащото меню отгоре отпада: палецът е долу.
   ============================================================ */
.hl-tabbar{display:none}

@media(max-width:820px){
  /* Бургерът и падащото меню си отиват */
  .menu-btn{display:none!important}
  .nav{display:none!important}

  .hl-tabbar{
    display:grid;grid-template-columns:repeat(5,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:80;
    background:rgba(250,253,254,.97);backdrop-filter:blur(14px);
    border-top:1px solid var(--line);
    box-shadow:0 -2px 16px rgba(23,61,92,.08);
    padding-bottom:env(safe-area-inset-bottom,0);
  }
  .hl-tab{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    min-height:58px;padding:8px 2px;border:0;background:none;cursor:pointer;
    color:#5d6b76;font-size:10.5px;font-weight:700;line-height:1;font-family:inherit;
    text-align:center;
  }
  .hl-tab-ico{width:22px;height:22px;display:block}
  .hl-tab.on{color:var(--accent2)}
  .hl-tab.on .hl-tab-ico{stroke-width:2}
  .hl-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}

  /* Лентата не бива да покрива края на страницата */
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0))}
  .chat-launcher{bottom:calc(70px + env(safe-area-inset-bottom,0))}
  .chat-panel{bottom:calc(130px + env(safe-area-inset-bottom,0))}
}

@media(max-width:560px){
  .hl-tab{font-size:9.5px}
}

/* ============================================================
   Чатът не бива да излиза извън прозореца.

   Демото задава фиксирана височина на разговора (430px). При нисък прозорец
   целият панел става по-висок от екрана и заглавната лента — заедно с бутона
   за затваряне — изчезва отгоре. Тук панелът се вписва в наличната височина,
   а вътре скролва само разговорът.
   ============================================================ */
.chat-panel.open{
  display:flex; flex-direction:column;
  max-height:calc(100vh - 130px);
  max-height:calc(100dvh - 130px);
}
.chat-panel .chat-head,
.chat-panel .chat-progress,
.chat-panel .chat-input-row,
.chat-panel .chat-status{ flex:0 0 auto; }
.chat-panel .chat-body{
  flex:1 1 auto; min-height:120px; max-height:none; overflow-y:auto;
}

@media(max-width:820px){
  .chat-panel.open{
    max-height:calc(100vh - 190px);
    max-height:calc(100dvh - 190px);
  }
}
