/* Central WEB systems page — local prototype */
.web-v2{--ink:#0a0d12;--paper:#f0eee8;--silver:#b9c2ca;--hot:#ff4d18;--cyan:#63d5d0;background:var(--ink);color:#f7f4ec}.web-v2 main{overflow:hidden}.web-v2 h1,.web-v2 h2,.web-v2 h3{letter-spacing:-.045em}.web-v2 em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}.web-v2 .scene-label{font:500 11px/1.3 "JetBrains Mono",monospace;letter-spacing:.14em;color:#ff7248}.web-v2 section{scroll-margin-top:76px}.web-hero{min-height:900px!important;padding:145px max(5vw,56px) 70px!important;display:grid!important;grid-template-columns:minmax(330px,.75fr) minmax(600px,1.25fr)!important;gap:4vw;align-items:center;background:radial-gradient(circle at 74% 45%,#253342 0,transparent 31%),linear-gradient(135deg,#090c11 35%,#111922)}.web-hero-copy{max-width:540px;z-index:2}.web-hero h1{font-size:clamp(62px,6.3vw,104px)!important;line-height:.87!important;margin:28px 0 30px}.web-hero-copy>p:not(.scene-label,.hero-promise){font-size:18px;line-height:1.7;color:#c1c6c8;max-width:510px}.hero-promise{font:500 11px/1.4 "JetBrains Mono",monospace;letter-spacing:.08em;color:#89959e;margin-top:25px}.web-route-map{height:620px;position:relative;isolation:isolate}.route-lines{position:absolute;inset:5% 0 0;width:100%;height:90%;filter:drop-shadow(0 0 12px #ff592b55)}.route-lines path{fill:none;stroke:#ff6c41;stroke-width:1.7;stroke-dasharray:6 11;animation:webRoute 18s linear infinite}.hub{position:absolute;width:310px;height:220px;left:50%;top:51%;transform:translate(-50%,-50%)}.hub-browser{height:185px;border:1px solid #70808c;background:linear-gradient(145deg,#1a222d,#0c1118);box-shadow:0 36px 90px #000,0 0 60px #4c718044;position:relative;padding:15px}.hub-browser>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#63717b;margin-right:5px}.hub-browser>b{float:right;font:500 8px "JetBrains Mono";letter-spacing:.12em;color:#88949d}.hub-browser>div{margin:24px 10px;padding:20px;border-left:1px solid #ff6334}.hub-browser strong{display:block;font-size:25px}.hub-browser small{color:#89949c}.hub-browser i{position:absolute;right:25px;width:65px;height:65px;border-radius:50%;border:1px solid #64d7cf;box-shadow:0 0 20px #64d7cf55}.hub-orbit{position:absolute;inset:-40px;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-14deg)}.web-route-map a{position:absolute;width:240px;color:#f4f1e9;text-decoration:none;padding:18px 0;border-top:1px solid #5d6972;transition:.3s}.web-route-map a:hover,.web-route-map a:focus-visible{border-color:#ff6334;transform:translateY(-5px)}.web-route-map a small,.web-route-map a span{display:block;font:500 9px/1.5 "JetBrains Mono";letter-spacing:.08em;color:#86939c}.web-route-map a strong{display:block;font-size:19px;margin:7px 0}.web-route-map a:nth-of-type(1){left:0;top:8%}.web-route-map a:nth-of-type(2){right:0;top:8%}.web-route-map a:nth-of-type(3){right:2%;bottom:3%}
.web-offer{min-height:820px;padding:125px max(7vw,70px);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.web-offer.reverse{grid-template-columns:1.15fr .85fr}.web-offer.reverse .offer-copy{order:2}.offer-mini{background:#eeeae2;color:#11151a}.offer-start{background:#11171f}.offer-copy h2,.shop-heading h2,.wp-copy h2,.admin-heading h2,.measure-copy h2{font-size:clamp(45px,5.4vw,82px);line-height:.96;margin:22px 0 30px}.offer-copy>p:not(.scene-label),.shop-heading>p:not(.scene-label),.wp-copy>p,.admin-heading>p:not(.scene-label),.measure-copy>p{font-size:17px;line-height:1.75;color:inherit;opacity:.75}.offer-copy ul{padding:0;list-style:none;margin:30px 0}.offer-copy li{padding:11px 0 11px 25px;border-bottom:1px solid currentColor;position:relative;opacity:.75}.offer-copy li:before{content:"↗";position:absolute;left:0;color:#ff531e}.personal-offer{border-left:2px solid #ff531e;padding-left:17px;margin:27px 0}.personal-offer span,.personal-offer b{display:block}.personal-offer span{font:10px "JetBrains Mono";letter-spacing:.1em;opacity:.6}.personal-offer b{font-size:22px;margin-top:5px}.focus-visual,.business-visual{min-height:610px;position:relative}.focus-browser{position:absolute;left:0;top:70px;width:84%;height:430px;background:#161d25;box-shadow:0 40px 80px #1c212633;transform:perspective(1200px) rotateY(-5deg)}.focus-browser header{height:35px;padding:9px 14px;background:#0c1015}.focus-browser header i{display:inline-block;width:6px;height:6px;background:#73808a;border-radius:50%;margin-right:5px}.focus-browser header span{float:right;color:#7d8990;font:8px monospace}.focus-browser main{height:calc(100% - 35px);padding:65px;background:radial-gradient(circle at 75% 55%,#b1743a 0 3%,transparent 4%),linear-gradient(125deg,#1b2734,#091017);color:white;position:relative}.focus-browser h3{font-size:48px;line-height:.95;margin:14px 0}.focus-browser main>p{color:#9ba6ab}.focus-browser button,.focus-phone button,.site-shell button{background:#ff531e;border:0;color:white;padding:12px 18px}.product-orbit{position:absolute;width:180px;height:180px;right:40px;top:90px;border:1px solid #ffffff33;border-radius:50%}.product-orbit i,.product-orbit b{position:absolute;background:#cf8752}.product-orbit i{width:100px;height:45px;border-radius:80% 20%;left:20px;top:80px;transform:rotate(-15deg)}.product-orbit b{width:55px;height:55px;border-radius:50%;right:8px;top:30px;box-shadow:inset 0 0 0 13px #1b2734}.focus-phone{position:absolute;right:0;bottom:25px;width:190px;height:365px;background:#eee8dd;color:#181b1d;border:7px solid #161a1e;border-radius:27px;padding:28px 18px;box-shadow:0 30px 60px #0004}.focus-phone div{height:120px;margin:15px 0;background:radial-gradient(circle at 45% 50%,#f49e41 0 22%,transparent 23%),radial-gradient(circle at 55% 50%,#642e18 0 35%,#d8b77a 36% 40%,transparent 41%)}.focus-phone b,.focus-phone span{display:block;margin:8px 0}.focus-visual>p{position:absolute;bottom:0;left:6%;font:9px monospace;letter-spacing:.12em}.focus-visual>p i{display:inline-block;width:50px;border-top:1px solid #ff531e;margin:0 9px}.site-shell{position:absolute;inset:55px 0 90px;background:#e9e4da;color:#15191e;display:grid;grid-template-columns:150px 1fr;box-shadow:0 40px 80px #0007;transform:perspective(1200px) rotateY(4deg)}.site-shell aside{padding:28px 20px;background:#10161e;color:#9aa3aa;display:flex;flex-direction:column;gap:23px}.site-shell aside b{font-size:28px;color:#ff5a26}.site-shell aside span{font-size:11px}.site-shell aside .active{color:white}.site-shell aside small{margin-top:auto}.site-shell main{padding:70px 50px;background:radial-gradient(circle at 78% 46%,#cbb68d 0 12%,transparent 13%),linear-gradient(130deg,#f0ece3,#c7c0b5)}.site-shell h3{font-size:54px;line-height:.9;margin:20px 0 32px}.site-shell main>div{display:flex;margin-top:70px;border-top:1px solid #999}.site-shell main>div span{flex:1;padding:15px 5px;font-size:10px}.edit-note{position:absolute;right:-25px;bottom:20px;padding:16px 22px;background:#1d2832;box-shadow:0 18px 40px #0008;display:flex;gap:12px}.edit-note i{color:#6de0c9}.edit-note span,.edit-note b{display:block}.edit-note span{font-size:10px;color:#abb5ba}.edit-note b{font-size:13px;color:white;margin-bottom:5px}
.webshop-area{padding:130px max(7vw,70px);background:#dfd9cf;color:#13171b}.shop-heading{max-width:900px}.shop-heading>p{max-width:760px}.shop-scale-story{display:grid;grid-template-columns:1fr 100px 1fr;gap:3vw;align-items:stretch;margin-top:75px}.shop-scale-story article{padding:40px 0;border-top:1px solid #6f7477}.shop-scale-story h3{font-size:34px;max-width:400px}.shop-scale-story p{line-height:1.7;max-width:470px}.shop-scale-story a{color:#16191d;font-weight:700}.scale-axis{display:flex;flex-direction:column;align-items:center;gap:12px;font:8px monospace;letter-spacing:.1em}.scale-axis i{height:120px;border-left:1px solid #ff531e}.scale-axis b{width:15px;height:15px;background:#ff531e;border-radius:50%}.scale-visual{height:170px;margin:35px 0;display:flex;align-items:end;gap:10px;padding:25px;background:#151c24;position:relative}.scale-visual i{display:block;background:linear-gradient(#ff6334,#a33617);width:17%;height:70%}.scale-visual.small i:nth-child(2){height:90%}.scale-visual.large i{width:11%;height:35%}.scale-visual.large i:nth-child(2n){height:75%}.scale-visual.large i:nth-child(3){height:95%}.scale-visual span{position:absolute;left:24px;top:18px;color:#bec5c8;font:9px monospace}.shop-detail-link{margin-top:55px;color:#15191e!important;border-color:#777!important}
.wordpress-area{padding:130px max(7vw,70px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#0c1117}.wp-copy ol{padding:0;list-style:none;margin:35px 0}.wp-copy li{display:grid;grid-template-columns:45px 1fr;padding:16px 0;border-top:1px solid #414a51}.wp-copy li>b{color:#ff6030}.wp-copy li strong,.wp-copy li span{display:block}.wp-copy li span{color:#939da4;font-size:13px}.wp-copy li strong{color:#fff;font-size:16px;margin-bottom:4px}.wp-limit{font-size:13px!important;border-left:1px solid #ff6030;padding-left:18px}.diagnostic-visual{height:590px;position:relative}.diag-site{position:absolute;inset:50px 110px 100px 0;border:1px solid #5c6972;background:#19222c}.diag-site header{padding:13px}.diag-site header i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#687681;margin-right:5px}.diag-site header span{float:right;font:8px monospace;color:#84919a}.diag-page{padding:45px}.diag-page span{display:block;height:17px;background:#77838b44;margin-bottom:18px}.diag-page span:first-child{height:100px;background:linear-gradient(90deg,#ff603055 50%,#80909a22 50%)}.scan-line{position:absolute;top:105px;left:-20px;width:68%;border-top:1px solid #6de0c9;box-shadow:0 0 15px #6de0c9;animation:scan 5s ease-in-out infinite alternate}.diagnostic-visual>ol{position:absolute;right:0;top:95px;list-style:none;padding:0;width:240px}.diagnostic-visual>ol li{background:#e9e5dc;color:#111820;padding:15px;margin-bottom:9px;display:grid;grid-template-columns:30px 1fr}.diagnostic-visual>ol li i{grid-row:1/3;color:#e44a1b}.diagnostic-visual>ol b{font-size:13px}.diagnostic-visual>ol span{font-size:10px;color:#697178}.diagnostic-visual>p{position:absolute;bottom:35px;left:0;font:9px monospace;letter-spacing:.1em}.diagnostic-visual>p i{display:inline-block;width:38px;border-top:1px solid #ff6030;margin:0 10px}
.admin-area{padding:135px max(5vw,55px);background:#e8e4dc;color:#12171c}.admin-heading{max-width:980px}.admin-heading p:last-child{max-width:780px}.admin-showcase{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:65px}.admin-mode>h3{font-size:18px;margin-bottom:18px}.admin-mode>h3 span{color:#ff531e;font:11px monospace}.admin-screen{height:520px;background:#f6f4ef;display:grid;grid-template-columns:135px 1fr;box-shadow:0 25px 60px #26313b1f}.admin-screen aside{background:#121a23;color:#7f8c95;padding:25px 17px;display:flex;flex-direction:column;gap:24px;font-size:10px}.admin-screen aside b{color:white;margin-bottom:8px}.admin-screen aside .active{color:#ff7248}.admin-screen main{padding:28px}.admin-screen header{display:flex;justify-content:space-between;align-items:center}.admin-screen header b,.admin-screen header small{display:block}.admin-screen header b{font-size:18px}.admin-screen header small{font:8px monospace;color:#768087}.admin-screen button{background:#ff531e;color:white;border:0;padding:10px;font-size:10px}.admin-screen main>section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.admin-screen article{background:#e8e4dc;padding:17px}.admin-screen article>*{display:block}.admin-screen article small{font:8px monospace}.admin-screen article strong{font-size:36px}.admin-screen article span{font-size:10px;color:#6d7479}.lead-list>b{font-size:12px}.lead-list p{display:grid;grid-template-columns:65px 1fr auto;padding:13px 0;border-bottom:1px solid #d3d0ca;font-size:10px}.lead-list i{font-size:8px;color:#e44b1d}.lead-list span{color:#7c8589}.admin-mode>p{font-size:12px;line-height:1.6;color:#657078;padding-right:20px}.shop-mode .admin-screen{background:#eef0ed}.shop-mode .admin-screen aside{background:#22312f}.shop-mode .admin-screen article{background:#dce5df}
.measure-area{padding:130px max(7vw,70px);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:#101821}.measure-limit{border-left:1px solid #ff6030;padding-left:20px;font-size:13px!important}.measure-visual{height:570px;position:relative;background:radial-gradient(circle at 50% 50%,#2a5264 0,transparent 45%)}.visitor-dot{position:absolute;left:0;top:50%;width:95px;height:95px;border-radius:50%;border:1px solid #64d8d0;display:grid;place-items:center;font:9px monospace;box-shadow:0 0 25px #64d8d055}.event-flow{position:absolute;left:100px;right:40px;top:42%;display:flex;justify-content:space-between}.event-flow:before{content:"";position:absolute;left:0;right:0;top:12px;border-top:1px dashed #ff6334}.event-flow span{padding-top:35px;font-size:9px;z-index:1}.event-flow b{color:#ff6334}.outcome{position:absolute;right:20px;top:60px;padding:24px;border-left:1px solid #64d8d0;background:#16212b}.outcome>*{display:block}.outcome small{font:8px monospace;color:#7f8f97}.outcome strong{font-size:20px;margin:8px 0}.outcome span{font-size:10px;color:#8c989e}.tool-proof{position:absolute;bottom:60px;left:120px;right:30px;display:flex;flex-wrap:wrap;gap:10px}.tool-proof span{padding:9px 12px;border:1px solid #46545d;font:8px monospace;color:#98a5ab}
.process-strip{padding:65px max(7vw,70px);background:#e5e0d7;color:#161a1d}.process-strip h2{font-size:36px}.process-strip ol{display:flex;list-style:none;padding:22px 0 0;border-top:1px solid #8b8a86}.process-strip li{display:flex;align-items:center;flex:1;font-size:12px}.process-strip li:not(:last-child):after{content:"→";margin-left:auto;color:#ff531e}.web-final{padding:120px max(7vw,70px)!important;display:flex!important;flex-direction:column;align-items:flex-start!important;background:radial-gradient(circle at 75% 50%,#263844,transparent 35%),#090d12!important}.web-final h2{font-size:clamp(52px,6vw,88px);line-height:.92;margin:20px 0}.web-final p{max-width:660px;font-size:17px;line-height:1.7;color:#b6bec2}.web-final small{margin-top:16px;color:#758088}
@keyframes webRoute{to{stroke-dashoffset:-180}}@keyframes scan{to{transform:translateY(300px)}}
@media(max-width:1000px){.web-hero{grid-template-columns:1fr!important;padding-top:135px!important}.web-route-map{width:100%;max-width:760px;margin:auto}.web-offer,.web-offer.reverse,.wordpress-area,.measure-area{grid-template-columns:1fr}.web-offer.reverse .offer-copy{order:0}.admin-showcase{grid-template-columns:1fr}.admin-mode{max-width:760px}.shop-scale-story{grid-template-columns:1fr}.scale-axis{display:none}}
@media(max-width:700px){.web-v2 section{scroll-margin-top:66px}.web-hero{padding:105px 20px 55px!important;min-height:auto!important}.web-hero h1{font-size:50px!important}.web-hero-copy>p:not(.scene-label,.hero-promise){font-size:15px}.web-route-map{height:auto;display:grid;gap:0;margin-top:55px}.route-lines{display:none}.hub{position:relative;left:auto;top:auto;transform:none;width:100%;height:190px;grid-row:1}.hub-browser{height:155px}.web-route-map a{position:relative!important;inset:auto!important;width:100%;padding:20px 4px;display:block}.web-route-map a strong{font-size:18px}.web-offer,.web-offer.reverse,.webshop-area,.wordpress-area,.admin-area,.measure-area{padding:85px 20px;min-height:auto;gap:45px}.offer-copy h2,.shop-heading h2,.wp-copy h2,.admin-heading h2,.measure-copy h2{font-size:43px}.offer-copy>p:not(.scene-label),.shop-heading>p:not(.scene-label),.wp-copy>p,.admin-heading>p:not(.scene-label),.measure-copy>p{font-size:15px}.focus-visual,.business-visual{min-height:460px}.focus-browser{top:20px;width:93%;height:330px}.focus-browser main{padding:35px 28px}.focus-browser h3{font-size:36px}.product-orbit{width:110px;height:110px;right:10px;top:125px}.product-orbit i{width:70px}.focus-phone{width:140px;height:275px;padding:20px 12px}.focus-phone div{height:75px}.site-shell{inset:15px 0 70px;grid-template-columns:80px 1fr}.site-shell aside{padding:18px 10px;gap:17px}.site-shell main{padding:45px 18px}.site-shell h3{font-size:38px}.site-shell main>div{margin-top:45px;flex-direction:column}.site-shell main>div span{padding:5px}.edit-note{right:5px}.shop-scale-story{margin-top:35px}.wordpress-area{display:flex;flex-direction:column}.diagnostic-visual{width:100%;height:500px}.diag-site{inset:20px 35px 175px 0}.diagnostic-visual>ol{top:250px;width:90%;right:0}.diagnostic-visual>p{display:none}.admin-screen{height:450px;grid-template-columns:90px 1fr}.admin-screen aside{padding:18px 9px}.admin-screen main{padding:17px 12px}.admin-screen main>section{gap:7px}.admin-screen article{padding:12px 8px}.admin-screen header button{display:none}.lead-list p{grid-template-columns:48px 1fr}.lead-list p span{display:none}.measure-visual{height:480px}.visitor-dot{width:75px;height:75px}.event-flow{left:70px;right:0;top:40%;}.event-flow span{writing-mode:vertical-rl;height:130px}.outcome{right:0;top:20px}.tool-proof{left:20px;bottom:20px}.process-strip{padding:55px 20px}.process-strip ol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.process-strip li:after{display:none}.web-final{padding:85px 20px!important}.web-final h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.route-lines path,.scan-line{animation:none!important}.web-route-map a{transition:none!important}}