/* Phase 1 integration. Shared kit source is untouched; lower page stays legacy. */
.arkoz-v3 .site-header{background:#072535;color:#eef6f8}
.arkoz-v3 .nav-shell{gap:12px}
.arkoz-v3 .k-logo img{width:128px;height:auto}
.arkoz-v3 .k-nav{gap:0}
.arkoz-v3 .header-phone{font-size:15px!important;font-weight:560;color:#a8c0c9;padding:0 8px}
.arkoz-v3 .nav-booking{white-space:normal;min-height:44px;border:1.5px solid var(--accent);padding:0 16px;font-size:15px}
.arkoz-v3 .menu-button{display:none;flex-direction:column;justify-content:center;gap:0;padding:10px;border:1.5px solid var(--line-dark)}
.arkoz-v3 .menu-button>span:not(.sr-only){background:#eef6f8}
.arkoz-v3 .mobile-menu{background:#072535;color:#eef6f8}
.arkoz-v3 .mobile-menu a{min-height:44px}
.arkoz-v3 .mobile-menu .k-btn{display:flex;color:#072535}
.arkoz-v3 .story-opening .hero-copy{display:grid;gap:24px;max-width:660px}
.arkoz-v3 .story-opening{background:#fff}
.arkoz-v3 .story-opening .audience{margin:0;max-width:none;font-size:14px}
.arkoz-v3 .story-opening h1{margin:0;font-size:clamp(2.15rem,1.3rem + 3.4vw,4.1rem);line-height:1.04;letter-spacing:-.035em;font-weight:750;max-width:none}
.arkoz-v3 .story-opening h1 span{display:block;color:#072535;white-space:normal}
.arkoz-v3 .story-opening .hero-lead{margin:0;font-size:20px;line-height:1.55;color:#46606d;max-width:40ch}
.arkoz-v3 .hero-v3-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.arkoz-v3 .hero-v3-ctas .hero-demo-link{margin:0;gap:12px;font-size:16px;font-weight:750;color:#072535}
.arkoz-v3 .hero-v3-ctas .k-btn{padding:0 24px;min-height:52px;justify-content:center}
.arkoz-v3 .hero-v3-fine{display:grid;gap:8px;color:#46606d;font-size:14px}
.arkoz-v3 .hero-v3-fine .hero-proof{font-size:14px;line-height:1.6;margin:0;max-width:none}
.arkoz-v3 .hero-v3-fine .k-link{justify-self:start;font-size:14px;color:#072535}
.arkoz-v3 .story-handover{font-family:var(--font);color:#eef6f8;background:#072535}
.arkoz-v3 .story-handover h3{font-family:var(--font);font-weight:750}
.arkoz-v3 .story-handover p{color:#a8c0c9}
.arkoz-v3 .story-handover .k-h2{font-size:var(--fs-h2);color:#eef6f8}
/* Keep the strip's measured height and all original animation selectors. */
.arkoz-v3 .scene-phases.k-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px!important;row-gap:0;padding:13px 16px 0!important;color:#072535;background:#f3f8fa;line-height:1.6;font-size:14px!important}
.arkoz-v3 .scene-phases>[data-phase]{border-top:2px solid #cddde3;padding-top:0;font-size:14px;line-height:1.6;white-space:nowrap}
.arkoz-v3 .scene-phases>[data-phase].is-active{border-top-color:#00b8b4;color:#007874}
.arkoz-v3 .scene-phases .phase-number{font-size:14px;color:#007874;font-weight:750}
.arkoz-v3 .scene-phases strong{display:inline;font-size:14px;font-weight:560}
.arkoz-v3 .demo-section{margin-inline:auto;background:#f3f8fa;box-shadow:0 0 0 100vmax #f3f8fa;clip-path:inset(0 -100vmax)}
.arkoz-v3 .demo-section .demo-intro h2{font-size:var(--fs-h2);font-weight:750;max-width:23ch}
.arkoz-v3 .demo-section .demo-intro p{font-size:var(--fs-body);color:#46606d}
.arkoz-v3 #arkoz-demo-frame[data-v3-pending]{display:none!important}
.arkoz-v3 .v3-demo-placeholder{height:900px}
/* Consent layout only. Versioned current consent source and equal decisions retained. */
.arkoz-v3 section.cookie-panel[data-cookie-theme]{max-width:1200px!important;inset:auto 16px 16px!important;width:calc(100% - 32px)!important;display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:24px;padding:16px 20px;font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.4;max-height:30dvh;overflow:auto}
.arkoz-v3 section.cookie-panel[hidden]{display:none!important}
.arkoz-v3 .cookie-panel h2{font:750 18px/1.2 Manrope,'Segoe UI',Arial,sans-serif;margin:0 0 4px}
.arkoz-v3 .cookie-panel p{font-size:14px!important;margin:4px 0;line-height:1.4}
.arkoz-v3 .cookie-actions{grid-column:2;grid-row:1/4;align-self:center;margin:0;gap:12px}
.arkoz-v3 .cookie-actions button{font:750 14px/1.25 Manrope,'Segoe UI',Arial,sans-serif;min-height:44px;padding:10px 12px;min-width:0}
@media(min-width:1024px){.arkoz-v3 .story-opening h1 span{white-space:nowrap}}
@media(max-width:1100px){.arkoz-v3 .desktop-nav{display:none}.arkoz-v3 .menu-button{display:inline-flex;margin-left:auto}.arkoz-v3 .header-phone{margin-left:0}.arkoz-v3 .nav-booking{display:none}}
@media(min-width:601px) and (max-width:850px){.arkoz-v3 .story-opening .hero-copy{gap:20px}.arkoz-v3 .story-opening h1{font-size:38px}.arkoz-v3 .story-opening .hero-lead{font-size:18px}.arkoz-v3 .hero-v3-ctas .k-btn{padding-inline:14px;font-size:15px}.arkoz-v3 .scene-phases.k-steps{column-gap:6px!important;padding-inline:10px!important}}
@media(max-width:600px){
 .arkoz-v3 .story-opening{padding-top:20px}
 .arkoz-v3 .story-opening .hero-copy{gap:16px}
 .arkoz-v3 .story-opening h1{font-size:clamp(2.15rem,1.3rem + 3.4vw,4.1rem)}
 .arkoz-v3 .story-opening .hero-lead{font-size:17px;line-height:1.55}
 .arkoz-v3 .hero-v3-ctas{margin-top:8px}
 .arkoz-v3 .hero-v3-ctas .k-btn{width:100%;font-size:16px;padding-inline:16px}
 .arkoz-v3 .k-logo img{width:112px}
 .arkoz-v3 .brand{width:112px!important}
 .arkoz-v3 .header-phone{display:none!important}
 .arkoz-v3 .scene-phases.k-steps{column-gap:5px!important;padding:12px 10px 0!important}
 .arkoz-v3 section.cookie-panel[data-cookie-theme]{display:block;inset:auto 10px 10px!important;width:calc(100% - 20px)!important;padding:10px 12px;max-height:30dvh}
 .arkoz-v3 .cookie-actions{margin-top:8px;position:sticky;bottom:-10px;background:#fff;padding-block:4px;gap:8px}
 .arkoz-v3 .cookie-actions button{padding:8px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.arkoz-v3 .k-btn,.arkoz-v3 .k-link,.arkoz-v3 .k-btn svg{transition:none}}
/* Empirical Chrome canvas measurements at 100px: lead 8234.207/7968.994; heading 1808.891/1787.305.
   Manrope font bounding metrics 107px ascent / 30px descent; divide by each size adjustment. */
@font-face{font-family:'Manrope Metric Fallback';src:local('Arial');font-weight:200 600;size-adjust:103.3281%;ascent-override:103.5536%;descent-override:29.0337%;line-gap-override:0%}
@font-face{font-family:'Manrope Metric Fallback';src:local('Arial Bold');font-weight:650 800;size-adjust:101.2078%;ascent-override:105.7230%;descent-override:29.6420%;line-gap-override:0%}
.arkoz-v3 .k-scope{--font:Manrope,'Manrope Metric Fallback',Arial,sans-serif}
.arkoz-v3 .story-opening,.arkoz-v3 .call-art svg{font-family:Manrope,'Manrope Metric Fallback',Arial,sans-serif}