@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:600;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/ibm-plex-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0d1b2d;--ink2:#26374c;--muted:#5a6b80;--soft:#f5f8fb;--paper:#fff;--line:#dbe4ec;--accent:#0f766e;--accent2:#0d9488;--accentSoft:#e9f7f5;--violet:#6d5dd3;--violetSoft:#f0edff;--warn:#b7791f;--danger:#c63b4d;--ok:#17845b;--shadow:0 18px 55px rgba(15,32,52,.10);--radius:18px;--max:1180px;--header:74px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',Arial,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(40px,5.2vw,70px);margin-bottom:24px}h2{font-size:clamp(31px,3.6vw,48px);margin-bottom:18px}h3{font-size:22px;margin-bottom:10px}p{color:var(--muted)}strong{color:var(--ink)}.mono{font-family:'IBM Plex Mono',monospace}.wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.section{padding:94px 0}.section.tight{padding:66px 0}.section.alt{background:var(--soft);border-block:1px solid #e9eef3}.section.dark{background:#0f1c2d;color:#fff}.section.dark p,.section.dark .muted{color:#b8c5d2}.center{text-align:center}.lead{font-size:clamp(18px,2vw,21px);max-width:720px;line-height:1.62}.lead.center{margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;font:600 12px/1.2 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:15px}.eyebrow:before{content:'';width:18px;height:2px;background:currentColor}.section-title{max-width:760px;margin-bottom:38px}.section-title.center{margin-inline:auto}.muted{color:var(--muted)}.tiny{font-size:13px;color:var(--muted)}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,228,236,.88)}.nav-wrap{height:var(--header);display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:44px;height:44px;object-fit:cover;border-radius:9px}.brand-mark{font-size:18px;font-weight:800;letter-spacing:-.02em}.brand-mark small{display:block;font:500 9px/1.2 'IBM Plex Mono',monospace;letter-spacing:.13em;color:var(--muted);margin-top:3px}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:10px 11px;border-radius:8px;font-weight:600;font-size:14px;color:#35465b}.nav-links a:hover,.nav-links a.active{background:var(--soft);color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:9px}.lang{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.lang a{padding:8px 9px;font:600 11px 'IBM Plex Mono',monospace;color:var(--muted)}.lang a.active{background:var(--ink);color:#fff}.menu-btn{display:none;border:1px solid var(--line);background:#fff;width:42px;height:42px;border-radius:9px;align-items:center;justify-content:center}.menu-btn span,.menu-btn:before,.menu-btn:after{display:block;width:19px;height:2px;background:var(--ink);content:'';transition:.2s}.menu-btn span{margin:4px 0}.menu-btn.open span{opacity:0}.menu-btn.open:before{transform:translateY(6px) rotate(45deg)}.menu-btn.open:after{transform:translateY(-6px) rotate(-45deg)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;border-radius:10px;border:1px solid transparent;font-weight:700;line-height:1.2;transition:.18s;min-height:49px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(15,118,110,.18)}.btn-primary:hover{background:#0b625c}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#9eb0c0;background:var(--soft)}.btn-dark{background:var(--ink);color:#fff}.btn-sm{padding:10px 15px;min-height:40px;font-size:14px}.arrow:after{content:'→';font-size:1.15em}.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.text-link{color:var(--accent);font-weight:700}.text-link:hover{text-decoration:underline}
/* hero */
.hero{padding:72px 0 54px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.hero-copy h1{max-width:790px}.hero-copy .lead{margin-bottom:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:15px 23px;margin-top:27px;font-size:13px;color:var(--muted)}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof i{width:8px;height:8px;border-radius:99px;background:var(--accent);display:inline-block}.hero-media{position:relative}.hero-photo{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}.result-card{position:absolute;left:-30px;bottom:24px;background:rgba(255,255,255,.97);border:1px solid #d8e3ea;border-radius:16px;padding:17px 19px;width:min(310px,82%);box-shadow:0 16px 38px rgba(10,28,48,.16)}.result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.result-top b{font-size:13px}.status{padding:4px 8px;border-radius:99px;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.06em}.status.warn{background:#fff4dc;color:#8b5907}.status.ok{background:#e7f7ef;color:#10633f}.result-card p{font-size:13px;line-height:1.45;margin:0}.result-card strong{display:block;margin-bottom:3px}.proof-strip{border-block:1px solid var(--line);background:#fbfcfe}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.proof-item{padding:20px 22px;text-align:center;border-right:1px solid var(--line);font-size:14px;font-weight:700}.proof-item:last-child{border-right:0}.proof-item small{display:block;font:500 11px 'IBM Plex Mono',monospace;color:var(--muted);margin-top:3px;font-weight:500}
/* cards */
.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px}.card.hover{transition:.2s}.card.hover:hover{transform:translateY(-3px);border-color:#aabcc9;box-shadow:0 12px 34px rgba(15,32,52,.06)}.icon{width:44px;height:44px;border-radius:12px;background:var(--accentSoft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:18px;margin-bottom:17px}.icon.v{background:var(--violetSoft);color:var(--violet)}.num{font:700 13px 'IBM Plex Mono',monospace;color:var(--accent);margin-bottom:12px}.card p:last-child{margin-bottom:0}.steps .card{position:relative;padding-top:30px}.steps .card:after{content:'→';position:absolute;right:-15px;top:44%;font-size:24px;color:#b8c5d1}.steps .card:last-child:after{display:none}.faults .card{padding:22px}.faults h3{font-size:19px}.faults p{font-size:14px}.chip{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:99px;font:600 10px 'IBM Plex Mono',monospace;color:var(--muted);margin-bottom:11px}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.reverse .visual{order:-1}.visual-card{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line)}.visual-card img{width:100%;height:auto}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.check-list li{position:relative;padding-left:29px;color:var(--ink2)}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--accent);font-weight:800}.plain-list{padding-left:20px;color:var(--muted)}
/* case / comparison */
.case-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 38px rgba(15,32,52,.06)}.case-card img{width:100%;height:100%;object-fit:cover;min-height:390px}.case-copy{padding:40px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.metric{background:var(--soft);border-radius:12px;padding:14px}.metric b{display:block;font-size:23px}.metric span{font-size:12px;color:var(--muted)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare .card{padding:30px}.compare .good{border-color:#b8ded1}.compare .bad{border-color:#ecd0d5}.compare-label{font:700 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:11px}
/* pricing */
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:980px;margin-inline:auto}.price-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;position:relative}.price-card.featured{border:2px solid var(--accent);box-shadow:0 14px 40px rgba(15,118,110,.10)}.ribbon{position:absolute;top:-13px;left:25px;background:var(--accent);color:white;border-radius:99px;padding:5px 11px;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.price-name{font:700 13px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:var(--muted)}.price{font-size:42px;font-weight:800;letter-spacing:-.04em;margin:9px 0 0}.price-unit{font-size:13px;color:var(--muted);margin-bottom:16px}.installment{background:var(--soft);border-radius:10px;padding:11px 13px;font-size:14px;margin-bottom:20px}.price-card .btn{width:100%;margin-top:17px}.start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:980px;margin-inline:auto}.start-card{border:1px solid var(--line);border-radius:20px;padding:29px;background:#fff}.start-card.recommended{border-color:#96cbc2;background:linear-gradient(180deg,#fff 0,#f8fffd 100%)}.mini-price{font-size:32px;font-weight:800;margin:7px 0}.service-pricing{grid-template-columns:repeat(3,1fr)}
/* product */
.product-stage{background:linear-gradient(135deg,#f5f8fb,#eef8f7);border-radius:26px;padding:44px;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-stage:before{content:'';width:340px;height:340px;background:rgba(15,118,110,.08);border-radius:50%;position:absolute;right:-70px;top:-90px}.product-stage img{position:relative;z-index:1;filter:drop-shadow(0 24px 25px rgba(15,32,52,.18))}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spec{padding:22px;border-radius:15px;background:var(--soft);border:1px solid #e9eef3}.spec b{font-size:24px;display:block}.spec span{font-size:12px;color:var(--muted)}
/* video */
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.video{border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 10px 28px rgba(15,32,52,.08)}.video iframe{border:0;width:100%;height:100%}
/* FAQ */
.faq{max-width:850px;margin-inline:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:transparent;text-align:left;padding:21px 42px 21px 0;font-weight:700;color:var(--ink);position:relative}.faq-q:after{content:'+';position:absolute;right:6px;top:18px;font-size:25px;color:var(--accent);transition:.2s}.faq-q[aria-expanded=true]:after{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.faq-a>div{overflow:hidden}.faq-a p{padding:0 24px 20px 0;margin:0}.faq-item.open .faq-a{grid-template-rows:1fr}
/* forms */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}.contact-card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff}.contact-card+.contact-card{margin-top:16px}.contact-line{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #eef2f5;padding-top:12px;margin-top:12px;font-size:14px}.contact-line span{color:var(--muted)}.contact-line a{font-weight:700;color:var(--ink)}.form-card{border:1px solid var(--line);border-radius:22px;padding:31px;background:var(--soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cdd8e1;border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.09)}.field textarea{min-height:130px;resize:vertical}.field.full{grid-column:1/-1}.hp{position:absolute!important;left:-9999px!important;opacity:0!important}.form-note{font-size:12px;color:var(--muted);margin-top:12px}.notice{display:none;padding:13px 15px;border-radius:10px;margin-bottom:17px;font-weight:600;font-size:14px}.notice.show{display:block}.notice.ok{background:#e8f7f0;color:#145c3f}.notice.err{background:#fff0f1;color:#8d2938}
/* calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calc-panel{border:1px solid var(--line);border-radius:18px;padding:25px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.calc-output{background:var(--ink);color:#fff;border-radius:18px;padding:29px}.calc-output p{color:#b7c6d4}.calc-result{font-size:44px;font-weight:800;letter-spacing:-.04em;margin:5px 0}.calc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.calc-kpi{padding:14px;background:rgba(255,255,255,.07);border-radius:11px}.calc-kpi span{font-size:11px;color:#aab9c7;display:block}.calc-kpi b{font-size:17px}
/* CTA & footer */
.cta-band{background:linear-gradient(135deg,#0f1c2d,#16314a);color:#fff;border-radius:26px;padding:54px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}.cta-band h2{margin-bottom:10px}.cta-band p{color:#b9c6d2;margin-bottom:0;max-width:700px}.cta-band .btn-secondary{background:transparent;color:#fff;border-color:#607387}.footer{background:#0b1625;color:#fff;padding:56px 0 24px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer .brand-mark{color:#fff}.footer .brand small{color:#8294a7}.footer p,.footer a,.footer span{color:#95a7b8}.footer h4{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#e9f0f6;margin-bottom:13px}.footer a{display:block;padding:4px 0;font-size:14px}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #243346;margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7f91a3}.mobile-cta{display:none}
/* utils */
.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:17px}.breadcrumb a{color:var(--accent)}.page-hero{padding:65px 0 48px}.page-hero h1{font-size:clamp(40px,4.5vw,60px);max-width:900px}.page-hero .lead{max-width:780px}.anchor-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.anchor-nav a{padding:8px 11px;background:var(--soft);border:1px solid var(--line);border-radius:99px;font-size:12px;font-weight:700;color:var(--ink2)}.role-block{border-left:3px solid var(--accent);padding-left:18px}.tagline{font-size:14px;font-weight:700;color:var(--accent)}
@media(max-width:1000px){.nav-links{position:fixed;top:var(--header);left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 22px 20px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 16px 30px rgba(15,32,52,.08)}.nav-links.open{display:flex}.nav-links a{padding:12px}.menu-btn{display:flex;flex-direction:column}.nav-actions .btn{display:none}.hero-grid,.split,.case-card,.contact-layout{grid-template-columns:1fr}.hero{padding-top:52px}.hero-media{max-width:760px}.result-card{left:18px}.split.reverse .visual{order:0}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-pricing{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-band{grid-template-columns:1fr}.steps .card:after{display:none}}
@media(max-width:760px){:root{--header:66px}.wrap{width:min(var(--max),calc(100% - 30px))}.section{padding:68px 0}.section.tight{padding:50px 0}.nav-wrap{gap:10px}.brand img{width:38px;height:38px}.brand-mark{font-size:16px}.brand-mark small{display:none}.lang a{padding:7px 8px}.hero{padding:39px 0 42px}.hero-grid{gap:34px}.hero-copy h1{font-size:clamp(38px,11vw,52px)}.hero-copy .lead{font-size:18px}.hero-photo{aspect-ratio:1.2/1}.result-card{position:relative;left:auto;bottom:auto;margin:-42px 13px 0;width:auto}.hero-proof{gap:10px 15px}.proof-grid{grid-template-columns:1fr 1fr}.proof-item{padding:16px 9px;font-size:12px}.grid-2,.grid-3,.grid-4,.price-grid,.start-grid,.video-grid,.compare,.specs{grid-template-columns:1fr}.faults{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.case-copy{padding:27px}.case-card img{min-height:250px}.product-stage{min-height:300px;padding:25px}.price{font-size:36px}.form-grid,.calc,.calc-fields{grid-template-columns:1fr}.field.full{grid-column:auto}.cta-band{padding:34px 26px;border-radius:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.mobile-cta{display:block;position:fixed;z-index:90;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:9px 14px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-cta .btn{width:100%;min-height:44px}.footer{padding-bottom:90px}.page-hero{padding:45px 0 35px}.page-hero h1{font-size:clamp(37px,10vw,48px)}}
@media(max-width:470px){.lang{display:none}.faults{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cta-row .btn{width:100%}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.hero-proof span{font-size:12px}.proof-item small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* ==========================================================
   ROUND 2 — consistent CZ/EN hero, persistent theme switch,
   original proven YouTube embed layout
   ========================================================== */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

/* theme button — same persistent light/dark concept as the original web */
.theme-btn{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;display:grid;place-items:center;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s}
.theme-btn:hover{transform:translateY(-1px);border-color:#9eb0c0;background:var(--soft)}
.theme-btn svg{width:18px;height:18px;grid-area:1/1}
.theme-btn .i-moon{display:none}
html[data-theme="dark"] .theme-btn .i-sun{display:none}
html[data-theme="dark"] .theme-btn .i-moon{display:block}

/* One deterministic homepage hero in both languages. The tall crop keeps the
   analyzer label readable and avoids a different layout caused by intrinsic image sizing. */
@media(min-width:1001px){
  .hero{padding:58px 0 52px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(430px,.86fr);gap:62px;align-items:center}
  .hero-media{height:650px;max-height:calc(100vh - 128px);min-height:540px}
  .hero-photo{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:57% center}
  .hero-copy h1{font-size:clamp(48px,4.15vw,66px)}
}
@media(max-width:1000px){
  .hero-media{width:100%;height:560px;max-width:760px}
  .hero-photo{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:57% center}
}
@media(max-width:760px){
  .hero-media{height:470px}
  .hero-photo{height:100%;aspect-ratio:auto;object-position:57% center}
}
@media(max-width:470px){.hero-media{height:430px}}

/* original/proven video embed system */
.vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vframe{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 10px 28px rgba(15,32,52,.10)}
.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-note{color:var(--muted);font-size:13px;margin:14px 0 0}
.video-note a{color:var(--accent);font-weight:700}
@media(max-width:760px){.vgrid{grid-template-columns:1fr}}

/* dark mode */
html[data-theme="dark"]{
  --ink:#eef4fa;--ink2:#d5e0ea;--muted:#aab9c8;--soft:#111f30;--paper:#091523;--line:#26374a;
  --accent:#35b9aa;--accent2:#48cbbc;--accentSoft:rgba(53,185,170,.13);--violet:#a99cff;--violetSoft:rgba(169,156,255,.13);
  --warn:#f1b94c;--danger:#f06b7d;--ok:#45c58d;--shadow:0 18px 55px rgba(0,0,0,.28)
}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(9,21,35,.94);border-bottom-color:rgba(38,55,74,.9)}
html[data-theme="dark"] .nav-links a{color:#b9c8d7}
html[data-theme="dark"] .nav-links a:hover,html[data-theme="dark"] .nav-links a.active{background:#142438;color:#fff}
html[data-theme="dark"] .lang a.active{background:#e8f0f7;color:#0b1726}
html[data-theme="dark"] .menu-btn{background:#0e1d2e;border-color:var(--line)}
html[data-theme="dark"] .menu-btn span,html[data-theme="dark"] .menu-btn:before,html[data-theme="dark"] .menu-btn:after{background:#eef4fa}
html[data-theme="dark"] .btn-secondary{background:#0e1d2e;border-color:#31445a;color:#eef4fa}
html[data-theme="dark"] .btn-secondary:hover{background:#15283c;border-color:#536b82}
html[data-theme="dark"] .proof-strip{background:#0b1827;border-color:var(--line)}
html[data-theme="dark"] .section.alt{background:#0d1b2b;border-color:#223247}
html[data-theme="dark"] .card,html[data-theme="dark"] .price-card,html[data-theme="dark"] .start-card,html[data-theme="dark"] .contact-card{background:#0e1d2e;border-color:var(--line)}
html[data-theme="dark"] .card.hover:hover{border-color:#4b6277;box-shadow:0 12px 34px rgba(0,0,0,.18)}
html[data-theme="dark"] .visual-card,html[data-theme="dark"] .case-card{background:#0e1d2e;border-color:var(--line)}
html[data-theme="dark"] .metric,html[data-theme="dark"] .installment,html[data-theme="dark"] .spec{background:#122237;border-color:#23364a}
html[data-theme="dark"] .product-stage{background:linear-gradient(135deg,#102033,#0e2729)}
html[data-theme="dark"] .result-card{background:rgba(11,25,40,.97);border-color:#31445a;color:#eef4fa;box-shadow:0 16px 38px rgba(0,0,0,.34)}
html[data-theme="dark"] .result-card p{color:#aebdcb}
html[data-theme="dark"] .status.warn{background:#3a2c10;color:#ffd878}
html[data-theme="dark"] .status.ok{background:#123525;color:#7be0ac}
html[data-theme="dark"] .price-card.featured{border-color:var(--accent);box-shadow:0 14px 40px rgba(53,185,170,.10)}
html[data-theme="dark"] .start-card.recommended{border-color:#3b8e84;background:linear-gradient(180deg,#0e1d2e 0,#0d2629 100%)}
html[data-theme="dark"] .form-card{background:#0e1d2e;border:1px solid var(--line)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#091523;border-color:#34485e;color:#eef4fa}
html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(53,185,170,.12)}
html[data-theme="dark"] .contact-line{border-color:#24364a}
html[data-theme="dark"] .contact-line a{color:#eef4fa}
html[data-theme="dark"] .anchor-nav a{background:#102033;border-color:#2b3d51;color:#d7e2ec}
html[data-theme="dark"] .calc-panel{border-color:var(--line);background:#0e1d2e}
html[data-theme="dark"] .calc-output{background:#050d17}
html[data-theme="dark"] .faq-item{border-color:var(--line)}
html[data-theme="dark"] .faq-q{color:#eef4fa}
html[data-theme="dark"] .notice.ok{background:#123525;color:#8ee4b6}
html[data-theme="dark"] .notice.err{background:#3b1d24;color:#ff9baa}
html[data-theme="dark"] .mobile-cta{background:rgba(9,21,35,.96);border-color:var(--line)}
html[data-theme="dark"] .footer{background:#050e18}
@media(max-width:1000px){html[data-theme="dark"] .nav-links{background:#091523;border-color:var(--line);box-shadow:0 16px 30px rgba(0,0,0,.25)}}


/* ==========================================================
   ROUND 3 — original VibeDynamics header + original dark palette
   ========================================================== */

/* Full original VibeDynamics wordmark in the header (never crop the JPG). */
:root{--header:96px}
.site-header .nav-wrap{height:var(--header);gap:20px}
.site-header .brand{gap:13px;flex-shrink:0}
.site-header .brand img{width:238px;height:auto;max-width:none;object-fit:contain;border-radius:8px}
.site-header .brand-mark{font-size:25px;font-weight:800;letter-spacing:-.025em;white-space:nowrap}
.footer .brand img{width:178px;height:auto;max-width:none;object-fit:contain;border-radius:7px}
.footer .brand-mark{font-size:17px;white-space:nowrap}

/* Keep the full desktop identity without letting the header overflow at intermediate widths. */
@media(max-width:1180px) and (min-width:1001px){
  .site-header .brand img{width:178px}
  .site-header .brand-mark{font-size:20px}
  .site-header .nav-wrap{gap:11px}
  .site-header .nav-links a{padding:9px 7px;font-size:13px}
  .site-header .nav-actions{gap:6px}
  .site-header .btn-sm{padding:9px 11px;font-size:13px}
}
@media(max-width:1000px){
  .site-header .brand img{width:152px;height:auto}
  .site-header .brand-mark{display:none}
}
@media(max-width:760px){
  :root{--header:78px}
  .site-header .brand img{width:112px;height:auto;border-radius:7px}
  .site-header .nav-wrap{height:var(--header);gap:9px}
  .site-header .nav-actions{gap:7px}
}
@media(max-width:470px){
  .site-header .brand img{width:108px}
  .site-header .theme-btn,.site-header .menu-btn{width:38px;height:38px;flex-basis:38px}
}

/* Original site's dark color language. */
html[data-theme="dark"]{
  --ink:#F4F7FB;
  --ink2:#D9E3F0;
  --muted:#9AA9C2;
  --soft:#0A1626;
  --paper:#0E1B30;
  --line:#2A3D5C;
  --accent:#2DD4BF;
  --accent2:#5EEAD4;
  --accentSoft:rgba(45,212,191,.10);
  --violet:#A855F7;
  --violetSoft:rgba(168,85,247,.12);
  --warn:#F59E0B;
  --danger:#EF4444;
  --ok:#22C55E;
  --shadow:0 28px 70px rgba(0,0,0,.32)
}
html[data-theme="dark"] body{background:#0E1B30;color:#F4F7FB}
html[data-theme="dark"] .site-header{background:rgba(10,18,32,.82);border-bottom-color:#1F2E48;backdrop-filter:blur(12px)}
html[data-theme="dark"] .nav-links a{color:#9AA9C2}
html[data-theme="dark"] .nav-links a:hover{color:#F4F7FB;background:rgba(45,212,191,.07)}
html[data-theme="dark"] .nav-links a.active{color:#2DD4BF;background:rgba(45,212,191,.08)}
html[data-theme="dark"] .lang{border-color:#2A3D5C}
html[data-theme="dark"] .lang a{color:#9AA9C2}
html[data-theme="dark"] .lang a.active{background:#2DD4BF;color:#06231F}
html[data-theme="dark"] .theme-btn{background:transparent;color:#9AA9C2;border-color:#2A3D5C}
html[data-theme="dark"] .theme-btn:hover{color:#F4F7FB;border-color:rgba(45,212,191,.45);background:rgba(45,212,191,.08)}
html[data-theme="dark"] .menu-btn{background:transparent;border-color:#2A3D5C}
html[data-theme="dark"] .menu-btn span,html[data-theme="dark"] .menu-btn:before,html[data-theme="dark"] .menu-btn:after{background:#F4F7FB}
html[data-theme="dark"] .btn-primary{background:#2DD4BF;color:#06231F;box-shadow:0 8px 30px -10px rgba(45,212,191,.55)}
html[data-theme="dark"] .btn-primary:hover{background:#5EEAD4}
html[data-theme="dark"] .btn-secondary{background:transparent;border-color:#2A3D5C;color:#F4F7FB}
html[data-theme="dark"] .btn-secondary:hover{background:rgba(45,212,191,.08);border-color:rgba(45,212,191,.32)}
html[data-theme="dark"] .hero{
  background:
    radial-gradient(circle at 77% 15%,rgba(168,85,247,.14),transparent 26%),
    radial-gradient(circle at 67% 32%,rgba(45,212,191,.08),transparent 30%),
    #0E1B30;
}
html[data-theme="dark"] .hero-photo{box-shadow:0 38px 80px -35px rgba(0,0,0,.78)}
html[data-theme="dark"] .result-card{background:rgba(23,36,60,.97);border-color:#2A3D5C;color:#F4F7FB;box-shadow:0 24px 55px rgba(0,0,0,.38)}
html[data-theme="dark"] .result-card p{color:#9AA9C2}
html[data-theme="dark"] .status.warn{background:rgba(245,158,11,.14);color:#F6C45F}
html[data-theme="dark"] .status.ok{background:rgba(34,197,94,.13);color:#72E3A0}
html[data-theme="dark"] .proof-strip{background:#0A1626;border-color:#1F2E48}
html[data-theme="dark"] .proof-item{border-color:#1F2E48}
html[data-theme="dark"] .section.alt{background:#0A1626;border-color:#1F2E48}
html[data-theme="dark"] .card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .start-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .visual-card,
html[data-theme="dark"] .case-card,
html[data-theme="dark"] .form-card{background:#17243C;border-color:#2A3D5C}
html[data-theme="dark"] .card.hover:hover{border-color:rgba(45,212,191,.34);box-shadow:0 18px 45px rgba(0,0,0,.22)}
html[data-theme="dark"] .metric,
html[data-theme="dark"] .installment,
html[data-theme="dark"] .spec{background:#1F2E48;border-color:#2A3D5C}
html[data-theme="dark"] .product-stage{background:linear-gradient(135deg,#17243C,#102D32)}
html[data-theme="dark"] .start-card.recommended{border-color:rgba(45,212,191,.48);background:linear-gradient(180deg,#17243C 0,#132D34 100%)}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea{background:#0E1B30;border-color:#2A3D5C;color:#F4F7FB}
html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field select:focus,
html[data-theme="dark"] .field textarea:focus{border-color:#2DD4BF;box-shadow:0 0 0 3px rgba(45,212,191,.12)}
html[data-theme="dark"] .contact-line{border-color:#2A3D5C}
html[data-theme="dark"] .contact-line a{color:#F4F7FB}
html[data-theme="dark"] .anchor-nav a{background:#17243C;border-color:#2A3D5C;color:#D9E3F0}
html[data-theme="dark"] .calc-panel{background:#17243C;border-color:#2A3D5C}
html[data-theme="dark"] .calc-output{background:#0A1626}
html[data-theme="dark"] .faq-item{border-color:#2A3D5C}
html[data-theme="dark"] .faq-q{color:#F4F7FB}
html[data-theme="dark"] .footer{background:#0A1626;border-color:#1F2E48}
html[data-theme="dark"] .mobile-cta{background:rgba(10,18,32,.92);border-color:#1F2E48}
html[data-theme="dark"] .page-hero{
  background:radial-gradient(circle at 82% 10%,rgba(168,85,247,.10),transparent 31%);
}
@media(max-width:1000px){
  html[data-theme="dark"] .nav-links{background:#0A1626;border-color:#2A3D5C;box-shadow:0 16px 30px rgba(0,0,0,.25)}
}


/* ==========================================================
   ROUND 4 — fluid desktop layout + original visual language
   ========================================================== */

/* Use more of wide screens instead of locking the site into a narrow 1180px column. */
:root{
  --content-max:1480px;
  --nav-max:1580px;
  --header:92px;
}
.wrap{
  width:min(var(--content-max),calc(100% - clamp(34px,6.5vw,108px)));
  max-width:none;
  margin-inline:auto;
}
.site-header .nav-wrap{
  width:min(var(--nav-max),calc(100% - 34px));
  max-width:none;
  margin-inline:auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}
.site-header .brand{min-width:0;gap:12px;flex:none}
.site-header .brand img{width:205px;height:auto;max-width:none;object-fit:contain;border-radius:7px}
.site-header .brand-mark{font-size:22px;white-space:nowrap;line-height:1}
.site-header .nav-links{
  margin:0;
  min-width:0;
  justify-content:center;
  gap:2px;
  flex-wrap:nowrap;
}
.site-header .nav-links a{padding:10px 9px;white-space:nowrap;font-size:13.5px}
.site-header .nav-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
  min-width:max-content;
  white-space:nowrap;
}
.site-header .nav-actions .btn,
.site-header .btn-sm{white-space:nowrap;min-width:max-content;flex:0 0 auto;padding-inline:16px}

/* Language switch: same compact turquoise segmented control as the original site. */
.site-header .lang{
  display:flex!important;
  align-items:stretch;
  flex:0 0 auto;
  width:76px;
  height:40px;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:transparent;
}
.site-header .lang a{
  width:38px;
  height:38px;
  padding:0;
  display:grid;
  place-items:center;
  font:600 11px/1 'IBM Plex Mono',monospace;
  color:var(--muted);
  background:transparent;
}
html[data-theme="light"] .site-header .lang a.active{background:#0D9488;color:#fff}
html[data-theme="dark"] .site-header .lang a.active{background:#2DD4BF;color:#06231F}

/* Bring the light and dark palette back to the original VibeDynamics look. */
html[data-theme="light"]{
  --paper:#FBFCFE;
  --soft:#EEF3F9;
  --ink:#0E1B30;
  --ink2:#26374C;
  --muted:#4E5D77;
  --line:#D9E1EC;
  --accent:#0D9488;
  --accent2:#0F766E;
  --accentSoft:rgba(13,148,136,.08);
  --violet:#7C3AED;
  --violetSoft:rgba(124,58,237,.09);
  --shadow:0 28px 70px -42px rgba(14,27,48,.28);
}
html[data-theme="light"] body{background:#FBFCFE}
html[data-theme="light"] .site-header{background:rgba(251,252,254,.88);border-bottom-color:#E9EEF5}
html[data-theme="light"] .theme-btn{background:transparent}
html[data-theme="light"] .hero,
html[data-theme="light"] .page-hero{
  background:
    radial-gradient(circle at 82% 8%,rgba(124,58,237,.075),transparent 27%),
    radial-gradient(circle at 69% 31%,rgba(13,148,136,.055),transparent 31%),
    #FBFCFE;
}
html[data-theme="light"] .section.alt{background:#EEF3F9;border-color:#E9EEF5}

html[data-theme="dark"]{
  --paper:#0E1B30;
  --soft:#0A1626;
  --ink:#F4F7FB;
  --ink2:#D9E3F0;
  --muted:#9AA9C2;
  --line:#2A3D5C;
  --accent:#2DD4BF;
  --accent2:#5EEAD4;
  --accentSoft:rgba(45,212,191,.10);
  --violet:#A855F7;
  --violetSoft:rgba(168,85,247,.12);
  --shadow:0 32px 80px -42px rgba(0,0,0,.82);
}
html[data-theme="dark"] body{background:#0E1B30;color:#F4F7FB}
html[data-theme="dark"] .hero,
html[data-theme="dark"] .page-hero{
  background:
    radial-gradient(circle at 82% 8%,rgba(168,85,247,.15),transparent 27%),
    radial-gradient(circle at 68% 33%,rgba(45,212,191,.09),transparent 31%),
    #0E1B30;
}
html[data-theme="dark"] .section.alt{background:#0A1626;border-color:#1F2E48}
html[data-theme="dark"] .card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .start-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .visual-card,
html[data-theme="dark"] .case-card,
html[data-theme="dark"] .form-card{background:#17243C;border-color:#2A3D5C}
html[data-theme="dark"] .metric,
html[data-theme="dark"] .installment,
html[data-theme="dark"] .spec{background:#1F2E48;border-color:#2A3D5C}
html[data-theme="dark"] .product-stage{background:linear-gradient(135deg,#17243C 0%,#102D32 100%);border:1px solid #2A3D5C}
html[data-theme="dark"] .site-header{background:rgba(10,18,32,.86);border-bottom-color:#1F2E48}
html[data-theme="dark"] .footer{background:#0A1626;border-color:#1F2E48}

/* Wide layouts should feel intentionally spacious rather than merely stretched. */
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(48px,5vw,82px)}
.split{gap:clamp(48px,5vw,82px)}
.hero-photo{border-radius:20px}
.product-stage{min-height:440px}
.price-grid,.start-grid{max-width:1180px;gap:26px}
.video-grid{gap:26px}
.page-hero{padding:72px 0 56px;border-bottom:1px solid rgba(128,145,165,.10)}
.page-hero h1{max-width:980px}
.page-hero .lead{max-width:850px}

/* Pricing hero returns to the stronger left-aligned composition of the original page. */
.page-hero .wrap.price-hero-wrap{text-align:left}
.page-hero .wrap.price-hero-wrap .lead{margin-inline:0}

/* Desktop scaling: gently condense before switching to the mobile menu. */
@media(max-width:1440px) and (min-width:1181px){
  .site-header .brand img{width:180px}
  .site-header .brand-mark{font-size:19px}
  .site-header .nav-wrap{gap:14px}
  .site-header .nav-links a{font-size:12.5px;padding:9px 7px}
  .site-header .nav-actions{gap:6px}
  .site-header .nav-actions .btn{font-size:13px;padding-inline:12px}
}
@media(max-width:1180px){
  :root{--header:82px}
  .site-header .nav-wrap{display:flex;width:min(100% - 28px,1100px);gap:10px}
  .site-header .brand img{width:150px}
  .site-header .brand-mark{font-size:18px}
  .site-header .nav-links{
    position:fixed;
    top:var(--header);
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px 22px 18px;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 34px rgba(15,32,52,.10);
  }
  .site-header .nav-links.open{display:flex}
  .site-header .nav-links a{padding:13px 6px;font-size:14px}
  .site-header .nav-actions{margin-left:auto}
  .site-header .menu-btn{display:flex;flex-direction:column;flex:0 0 42px}
  .site-header .nav-actions .btn{display:none}
  html[data-theme="dark"] .site-header .nav-links{background:#0A1626;border-color:#2A3D5C;box-shadow:0 18px 34px rgba(0,0,0,.28)}
}
@media(max-width:760px){
  :root{--header:72px}
  .wrap{width:calc(100% - 30px)}
  .site-header .nav-wrap{width:calc(100% - 22px)}
  .site-header .brand img{width:112px}
  .site-header .brand-mark{display:none}
  .site-header .lang{width:68px;height:38px}
  .site-header .lang a{width:34px;height:36px;font-size:10px}
  .site-header .theme-btn,.site-header .menu-btn{width:38px;height:38px;flex-basis:38px}
  .site-header .nav-actions{gap:6px}
  .page-hero{padding:48px 0 38px}
}
@media(max-width:390px){
  .site-header .brand img{width:94px}
  .site-header .nav-wrap{width:calc(100% - 16px);gap:6px}
  .site-header .nav-actions{gap:4px}
  .site-header .lang{width:62px}
  .site-header .lang a{width:31px}
  .site-header .theme-btn,.site-header .menu-btn{width:36px;height:36px;flex-basis:36px}
}

/* ==========================================================
   ROUND 5 — homepage mobile rebuild
   Scoped to .home-page so all other pages stay unchanged.
   ========================================================== */
.home-page .hero-copy h1{max-width:760px;text-wrap:balance}
.home-page .hero-copy .lead{max-width:680px}
.home-page .result-card p span{display:block}

@media(max-width:1000px){
  .home-page .hero{padding:44px 0 36px}
  .home-page .hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:30px;
    align-items:start;
  }
  .home-page .hero-copy,
  .home-page .hero-media{width:100%;min-width:0;max-width:none}
  .home-page .hero-copy{order:1}
  .home-page .hero-media{order:2;height:auto!important;min-height:0!important;max-height:none!important}
  .home-page .hero-photo{
    display:block;
    width:100%;
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:cover;
    object-position:57% center;
    border-radius:20px;
  }
  .home-page .result-card{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    max-width:none;
    margin:12px 0 0;
    padding:16px 18px;
    border-radius:14px;
  }
  .home-page .result-top{margin-bottom:7px}
  .home-page .result-top b{font-size:13px}
  .home-page .result-card p{font-size:13px;line-height:1.45}
  .home-page .hero-proof{margin-top:22px}
}

@media(max-width:760px){
  .home-page .hero{padding:34px 0 30px}
  .home-page .hero-grid{gap:24px}
  .home-page .hero-copy .eyebrow{
    margin-bottom:13px;
    font-size:10px;
    letter-spacing:.12em;
  }
  .home-page .hero-copy h1{
    font-size:clamp(36px,10.1vw,46px)!important;
    line-height:1.04;
    letter-spacing:-.035em;
    margin-bottom:18px;
    max-width:100%;
    text-wrap:pretty;
  }
  .home-page .hero-copy .lead{
    font-size:17px!important;
    line-height:1.5;
    margin-bottom:22px;
    max-width:100%;
  }
  .home-page .cta-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
  }
  .home-page .cta-row .btn{
    width:100%;
    min-height:50px;
    padding:13px 16px;
    font-size:15px;
  }
  .home-page .hero-proof{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 14px;
    margin-top:21px;
  }
  .home-page .hero-proof span{font-size:12px;line-height:1.35;align-items:flex-start}
  .home-page .hero-proof i{margin-top:4px;flex:0 0 7px;width:7px;height:7px}
  .home-page .hero-photo{aspect-ratio:4/3!important;border-radius:16px}
  .home-page .result-card{margin-top:10px;padding:15px 16px}
  .home-page .result-top{gap:8px}
  .home-page .status{font-size:9px;padding:4px 7px}

  .home-page .proof-grid{grid-template-columns:1fr 1fr}
  .home-page .proof-item{padding:15px 9px;font-size:12px;line-height:1.3}
  .home-page .proof-item small{font-size:9px;line-height:1.35;margin-top:5px}

  .home-page .section{padding:62px 0}
  .home-page .section.tight{padding:48px 0}
  .home-page .section-title{margin-bottom:28px}
  .home-page .section-title h2{font-size:clamp(30px,8vw,38px);line-height:1.08}
  .home-page .section-title .lead{font-size:16px;line-height:1.55}
  .home-page .steps,
  .home-page .faults,
  .home-page .grid-4,
  .home-page .specs,
  .home-page .start-grid{grid-template-columns:1fr!important}
  .home-page .card{padding:22px}
  .home-page .faults .card{padding:20px}
  .home-page .split,
  .home-page .case-card,
  .home-page .cta-band{grid-template-columns:1fr!important;gap:28px}
  .home-page .case-card img{min-height:220px;max-height:300px;object-fit:cover}
  .home-page .case-copy{padding:23px}
  .home-page .case-copy h3{font-size:25px!important}
  .home-page .visual-card{border-radius:16px}
  .home-page .start-card{padding:24px}
  .home-page .cta-band{padding:28px 22px;border-radius:18px}
  .home-page .cta-band h2{font-size:30px}
}

@media(max-width:430px){
  .home-page .hero-copy h1{font-size:clamp(35px,9.7vw,42px)!important}
  .home-page .hero-copy .lead{font-size:16px!important}
  .home-page .hero-proof{grid-template-columns:1fr 1fr}
  .home-page .result-card p{font-size:12.5px}
  .home-page .proof-item{font-size:11.5px}
}

@media(max-width:350px){
  .home-page .hero-copy h1{font-size:33px!important}
  .home-page .hero-proof{grid-template-columns:1fr}
  .home-page .proof-grid{grid-template-columns:1fr}
  .home-page .proof-item{border-right:0!important;border-bottom:1px solid var(--line)!important}
}

/* ==========================================================
   ROUND 6 — homepage hierarchy refinement
   Desktop: smaller result card fully inside the photo.
   Mobile: message -> real product photo -> result -> CTA -> proof.
   Scoped to .home-page; other pages are unchanged.
   ========================================================== */
@media(min-width:1001px){
  .home-page .result-card{
    left:18px;
    bottom:18px;
    width:272px;
    max-width:calc(100% - 36px);
    padding:13px 15px;
    border-radius:13px;
    box-shadow:0 12px 28px rgba(10,28,48,.14);
  }
  .home-page .result-top{margin-bottom:6px;gap:9px}
  .home-page .result-top b{font-size:11.5px}
  .home-page .status{font-size:8.5px;padding:3px 7px}
  .home-page .result-card p{font-size:11.5px;line-height:1.4}
  .home-page .result-card strong{margin-bottom:2px}
}

@media(max-width:760px){
  /* display:contents lets the media sit between the intro copy and the actions
     without changing the clean desktop HTML structure. */
  .home-page .hero-grid{gap:0!important}
  .home-page .hero-copy{display:contents}
  .home-page .hero-copy .eyebrow{order:1;margin:0 0 13px}
  .home-page .hero-copy h1{order:2;margin:0 0 18px}
  .home-page .hero-copy .lead{order:3;margin:0 0 24px}
  .home-page .hero-media{order:4;margin:0 0 22px}
  .home-page .hero-copy .cta-row{order:5;margin:0}
  .home-page .hero-copy .hero-proof{order:6;margin-top:20px}

  .home-page .hero-photo{
    width:100%;
    aspect-ratio:4/3!important;
    object-fit:cover;
    object-position:57% center;
    border-radius:17px;
  }
  .home-page .result-card{
    margin:10px 0 0;
    padding:13px 15px;
    border-radius:13px;
    box-shadow:0 9px 24px rgba(10,28,48,.10);
  }
  .home-page .result-top{margin-bottom:5px}
  .home-page .result-top b{font-size:12px}
  .home-page .result-card p{font-size:12.5px;line-height:1.4}

  .home-page .cta-row{gap:9px}
  .home-page .cta-row .btn{min-height:48px;padding:12px 15px}
}

@media(max-width:430px){
  .home-page .hero-copy .lead{margin-bottom:21px}
  .home-page .hero-media{margin-bottom:19px}
  .home-page .hero-copy .hero-proof{margin-top:18px}
}


/* ==========================================================
   ROUND 7 — UX pass (2026-09-29)
   Accessibility, tablet CTA, sample report, spec table,
   pricing terms, calculator units, form states.
   ========================================================== */

/* accessibility */
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;font-weight:700;transition:top .15s}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.btn:focus-visible{outline-offset:3px}
.anchor-alias{display:block;position:relative;top:-10px;height:0;visibility:hidden}
a.text-link,.footer a,.check-list a{overflow-wrap:anywhere}

/* header: keep the main CTA visible on tablets (the sticky bar covers phones) */
@media(max-width:1180px) and (min-width:761px){
  .site-header .nav-actions .btn{display:inline-flex}
}
.site-header .nav-links.open{max-height:calc(100vh - var(--header));overflow:auto}

/* hero H1 with keyword kicker */
.hero-copy h1 .h1-kicker{display:flex;margin-bottom:15px;line-height:1.2}
.hero-copy h1 .h1-main{display:block}
@media(max-width:760px){.home-page .hero-copy h1 .h1-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:13px}}

/* VIBE AI sample report */
.report-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow);font-size:13px;color:var(--ink)}
.rc-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:2px solid var(--accent)}
.rc-head b{display:block;font:700 12px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:var(--accent)}
.rc-head span{font-weight:700;font-size:16px}
.rc-id{font:500 11px/1.5 'IBM Plex Mono',monospace;color:var(--muted);text-align:right;white-space:nowrap}
.rc-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.rc-meta div{background:var(--soft);border-radius:9px;padding:8px 10px;min-width:0}
.rc-meta dt{font:500 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.rc-meta dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.rc-sev{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:11px}
.rc-sev span{display:block;font-size:11px;color:var(--muted)}
.rc-sev b{font-size:22px;letter-spacing:-.02em}
.rc-zones{display:flex;gap:4px}
.rc-zones i{font:700 12px 'IBM Plex Mono',monospace;font-style:normal;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--soft);color:var(--muted)}
.rc-zones i.on{background:#17845b;color:#fff}
.rc-block{margin-top:16px}
.rc-block h4{font:700 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
.rc-bar{display:grid;grid-template-columns:118px 1fr 52px;align-items:center;gap:10px;padding:3px 0}
.rc-bar i{display:block;height:8px;border-radius:99px;background:var(--soft);overflow:hidden}
.rc-bar em{display:block;height:100%;background:#9fb0c0;border-radius:99px}
.rc-bar.mid em{background:#d8a13a}
.rc-bar.hi em{background:#c63b4d}
.rc-bar b{text-align:right;font-family:'IBM Plex Mono',monospace;font-size:12px}
.rc-table{width:100%;border-collapse:collapse;font-size:12.5px}
.rc-table th{text-align:left;font:600 10px 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--muted);padding:5px 6px;border-bottom:1px solid var(--line)}
.rc-table td{padding:6px;border-bottom:1px solid var(--line)}
.rc-table td:first-child{font-weight:700}
.rc-ok{color:#b0303f;font-weight:700}
.rc-no{color:var(--muted)}
.rc-rec{margin:16px 0 0;padding:12px 14px;border-radius:11px;background:#fff4dc;color:#5d3b04;font-size:13px;line-height:1.5}
.rc-rec strong{color:#5d3b04}
.report-card figcaption{margin-top:12px;font:500 11px 'IBM Plex Mono',monospace;color:var(--muted);text-align:center}
@media(max-width:560px){
  .report-card{padding:18px;border-radius:16px}
  .rc-meta{grid-template-columns:1fr 1fr}
  .rc-bar{grid-template-columns:100px 1fr 46px;gap:8px}
  .rc-head span{font-size:14px}
}
html[data-theme="dark"] .report-card{background:#17243C;border-color:#2A3D5C}
html[data-theme="dark"] .rc-meta div,html[data-theme="dark"] .rc-bar i,html[data-theme="dark"] .rc-zones i{background:#1F2E48}
html[data-theme="dark"] .rc-zones i.on{background:#22C55E;color:#06231F}
html[data-theme="dark"] .rc-ok{color:#ff8a98}
html[data-theme="dark"] .rc-rec{background:rgba(245,158,11,.14);color:#F6D08A}
html[data-theme="dark"] .rc-rec strong{color:#FBE3B0}
html[data-theme="dark"] .rc-bar:not(.hi):not(.mid) em{background:#5d7390}

/* spec table */
.spec-table{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper)}
.spec-table div{padding:16px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.spec-table div:nth-child(3n){border-right:0}
.spec-table div:nth-last-child(-n+3){border-bottom:0}
.spec-table dt{color:var(--muted);font-size:14px}
.spec-table dd{margin:0;font-weight:700;text-align:right}
@media(max-width:1000px){
  .spec-table{grid-template-columns:1fr 1fr}
  .spec-table div:nth-child(3n){border-right:1px solid var(--line)}
  .spec-table div:nth-child(2n){border-right:0}
  .spec-table div:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .spec-table div:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:600px){
  .spec-table{grid-template-columns:1fr}
  .spec-table div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:13px 16px}
  .spec-table div:last-child{border-bottom:0!important}
}
html[data-theme="dark"] .spec-table{background:#17243C;border-color:#2A3D5C}
.sep{color:var(--muted);margin:0 6px}
.dl-btn:before{content:'↓';font-weight:800}

/* product report section / feature shots */
.report-split{align-items:start}
.feature-shot{margin-top:40px;padding-top:36px;border-top:1px solid var(--line)}
.feature-shot h3{font-size:clamp(24px,2.4vw,32px)}

/* pricing */
.price-note{margin:16px 0 0;padding:11px 13px;border-left:3px solid var(--accent);background:var(--accentSoft);border-radius:0 10px 10px 0;font-size:13.5px;color:var(--ink2)}
.price-card{display:flex;flex-direction:column}
.price-card>.btn{margin-top:auto}
.price-card>.check-list+.btn,.price-card>.price-note+.btn{margin-top:auto}
.price-card>.price-unit+.btn{margin-top:17px}
.price-card .check-list{margin-bottom:18px}
.terms-box{max-width:1180px;margin:26px auto 0;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:26px 28px;background:var(--paper)}
.terms-box h3{margin-bottom:8px}
.terms-box p{margin:0}
.terms-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.terms-list li{background:var(--soft);border-radius:11px;padding:11px 13px}
.terms-list span{display:block;font:600 10px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.terms-list b{display:block;font-size:17px}
.terms-list small{font-size:11px;color:var(--muted)}
.contract-band{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border:2px solid var(--accent);border-radius:24px;padding:36px 40px;background:linear-gradient(135deg,var(--accentSoft),transparent 70%)}
.contract-band h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:12px}
.contract-band p{margin:0;max-width:760px}
@media(max-width:1000px){.terms-box,.contract-band{grid-template-columns:1fr}}
@media(max-width:760px){.terms-box{padding:20px}.contract-band{padding:26px 22px;border-radius:18px}.terms-list b{font-size:15px}}
html[data-theme="dark"] .terms-box{background:#17243C;border-color:#2A3D5C}
html[data-theme="dark"] .terms-list li{background:#1F2E48}

/* calculator */
.calc-group{grid-column:1/-1;font:700 11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}
.calc-group:first-child{margin-top:0;padding-top:0;border-top:0}
.input-unit{position:relative}
.input-unit input{padding-right:52px!important}
.input-unit span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:600 12px 'IBM Plex Mono',monospace;color:var(--muted);pointer-events:none}
.calc-cta{width:100%;margin-top:22px}
html[data-theme="dark"] .calc-output .calc-cta,.calc-output .calc-cta{box-shadow:none}

/* contact form */
.form-title{font-size:clamp(26px,2.6vw,34px)}
.form-req{font-size:12px;color:var(--muted);margin:-4px 0 14px}
.form-submit{margin-top:17px;min-width:200px}
.form-submit[disabled]{opacity:.7;cursor:progress;transform:none}
.form-note a{color:var(--accent);font-weight:700}
.field input:user-invalid,.field textarea:user-invalid,.field select:user-invalid{border-color:var(--danger)}
.notice:focus{outline:none}
.notice.show{scroll-margin-top:110px}

/* sticky mobile CTA hides when another CTA / the form is on screen */
.mobile-cta{transition:transform .25s ease}
.mobile-cta.is-hidden{transform:translateY(110%)}

/* footer */
.footer-about{max-width:340px;margin-top:16px}
.footer-social{display:flex;flex-direction:column;margin-top:10px}
.footer .footer-social a{color:#5EEAD4;font-weight:600}
.footer .footer-social a:hover{color:#fff}

/* ceny anchor chips sit in a left-aligned hero */
.price-hero-wrap .anchor-nav a:hover,.anchor-nav a:hover{border-color:var(--accent);color:var(--accent)}

@media print{.site-header,.mobile-cta,.footer,.cta-band{display:none!important}}

/* R7 fixes */
:where(img[width][height]){height:auto}
.link-row{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px}
.start-card{display:flex;flex-direction:column;align-items:flex-start}
.start-card .check-list{margin-bottom:20px;width:100%}
.start-card>.btn{margin-top:auto}
@media(max-width:760px){.start-card>.btn{width:100%}}
.price-card>.check-list{margin-top:6px}
.price-card>.price-note{margin-bottom:18px}
.contract-band{max-width:1180px;margin-inline:auto}

/* ---- VIBE APP demo links (2026-10-06) ---- */
.nav-links a.nav-demo{display:inline-flex;align-items:center;gap:6px}
.nav-links a.nav-demo:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 3px rgba(13,148,136,.18)}
.demo-teaser .check-list li{color:#d6e1ec}
.demo-teaser h2{color:#fff}
.demo-teaser .cta-row{margin-top:30px}
.demo-teaser .btn-secondary{background:transparent;color:#fff;border-color:#607387}
.demo-split{grid-template-columns:.85fr 1.15fr}
.demo-shot{position:relative;display:block;border-radius:18px;overflow:hidden;border:1px solid #2c3f55;box-shadow:0 30px 70px rgba(0,0,0,.35);background:#0e1b30;transition:transform .2s,box-shadow .2s}
.demo-shot img{width:100%;height:auto}
.demo-shot:hover{transform:translateY(-3px);box-shadow:0 36px 80px rgba(0,0,0,.45)}
.demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;background:rgba(14,27,48,.86);color:#fff;font-weight:600;border:1px solid rgba(45,212,191,.6);backdrop-filter:blur(4px)}
.demo-play i{width:0;height:0;border-left:12px solid #2dd4bf;border-top:8px solid transparent;border-bottom:8px solid transparent}
.demo-shot:hover .demo-play{background:#0f766e;border-color:#0f766e}
.demo-strip{background:linear-gradient(90deg,#0f1c2d,#123247);color:#fff}
.demo-strip-in{display:flex;align-items:center;gap:18px;padding:18px 0}
.demo-strip-in p{margin:0;color:#b8c5d2;flex:1}
.demo-strip-in strong{color:#fff}
.demo-strip-ic{flex:0 0 42px;height:42px;border-radius:12px;background:rgba(45,212,191,.14);position:relative}
.demo-strip-ic:after{content:'';position:absolute;left:16px;top:12px;border-left:13px solid #2dd4bf;border-top:9px solid transparent;border-bottom:9px solid transparent}
.demo-strip .btn{white-space:nowrap}
@media(max-width:1000px){.demo-split{grid-template-columns:1fr}.demo-shot{order:-1}.nav-links a.nav-demo{display:flex}}
@media(max-width:600px){.demo-strip-in{flex-wrap:wrap}.demo-strip-in p{flex-basis:calc(100% - 60px)}.demo-strip .btn{width:100%}.demo-play{padding:10px 16px;font-size:14px}}

/* Custom software navigation: preserve room for the extra section. */
@media(min-width:1001px) and (max-width:1350px){.site-header .nav-links{position:fixed;top:var(--header);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:16px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.site-header .nav-links.open{display:flex}.site-header .nav-links a{padding:12px;font-size:14px}.site-header .menu-btn{display:flex;flex-direction:column;flex:0 0 42px}.site-header .nav-actions>.btn{display:none}}