/* HALVİON — light corporate theme. Loaded last; keeps layouts from style.css/pages.css and replaces colour, surface and type. */
:root{
  --paper:#f6f5f1;--white:#fff;--ink:#0f172a;--ink-2:#344054;--body:#475467;--muted:#667085;--faint:#98a2b3;
  --line:#e5e2da;--line-2:#d0d5dd;--blue:#1d5bd8;--blue-d:#174ab3;--blue-50:#eef3ff;--blue-100:#d6e2ff;
  --navy:#0f1b2d;--green:#079455;--green-50:#ecfdf3;--green-100:#abefc6;--amber:#b54708;--amber-50:#fffaeb;--amber-100:#fedf89;
  --bg:var(--paper);--cyan:#0e7fc0;--soft:var(--ink-2);
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px rgba(16,24,40,.06);--shadow-lg:0 2px 4px rgba(16,24,40,.04),0 30px 70px rgba(16,24,40,.12);
}
/* Dark islands keep light-on-dark tokens */
.footer,.cta-panel,.efficiency,.phone,.mgmt-card.is-key,.steps5 article.is-key{--ink:#f1f5f9;--muted:#94a3b8;--soft:#cbd5e1;--cyan:#38bdf8;--line:rgba(255,255,255,.12)}

body{background:var(--paper);color:var(--ink);font-size:16px}
::selection{background:var(--blue);color:#fff}
.cursor,.site-ambient,.hero-grid,.contact-grid-bg{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline-color:var(--blue)}

/* Section rhythm: paper / white, with a few navy accents */
main>section,main>section:nth-of-type(odd){background:var(--paper)}
main>section:nth-of-type(even){background:var(--white)}
main>section.hero,main>section.sub-hero{background:linear-gradient(180deg,#fff 0%,#f3f5f9 100%)}
main>section.efficiency{background:var(--navy)}
main>section.cta-band,main>section.contact-section{background:var(--paper)}
.section{padding-block:120px}
.hairline{background:var(--line)}

/* Type */
h1,h2,h3{color:var(--ink)}
h2{font-weight:600;letter-spacing:-2px}
.eyebrow{color:var(--ink-2);font-size:11px;letter-spacing:1.6px}
.side-note,.small-label{color:var(--faint);font-size:11px}
.section-number{color:var(--blue);font-weight:650}
.muted{color:#7a8496}
.silver{background:none;color:var(--blue);-webkit-text-fill-color:var(--blue)}
.cyan{color:var(--blue)}
.efficiency .silver,.cta-panel .silver{color:#7dd3fc;-webkit-text-fill-color:#7dd3fc}
.efficiency h2,.cta-panel h2{color:#fff}
.live-dot{background:var(--green);box-shadow:none}

/* Buttons & links */
.button{border-radius:8px;font-size:14px;font-weight:650;min-height:54px}
.button-primary{background:var(--blue);box-shadow:0 1px 2px rgba(16,24,40,.08)}
.button-primary:hover{background:var(--blue-d);box-shadow:0 10px 24px rgba(29,91,216,.22)}
.button-text{color:var(--ink-2)}.button-text:hover{color:var(--blue)}
.button-outline{border-color:var(--line-2);color:var(--ink);background:#fff}.button-outline:hover{border-color:var(--blue);color:var(--blue)}
.cta-panel .button-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}.cta-panel .button-outline:hover{border-color:#7dd3fc;color:#7dd3fc}
.play-icon{border-color:var(--line-2)}
.circle-button{border-color:var(--line-2);color:var(--ink-2);background:#fff}.circle-button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.inline-link{border-color:var(--line-2);color:var(--blue);font-size:14px}
.text-link{color:var(--blue);font-size:14px}

/* Preloader & curtain */
.loader-half{background:#fff}
.loader-label{color:var(--muted)}.loader-label b{color:var(--ink)}
.loader-line{background:#e4e7ec}.loader-line i{background:var(--blue)}
.draw-h{stroke:var(--navy)}.draw-orbit{stroke:var(--blue)}.loader-mark path:not(.draw-h):not(.draw-orbit){fill:#0e9fe0}
.page-curtain{background:#fff}

/* Header & navigation */
.header.scrolled{background:rgba(255,255,255,.9);border-color:var(--line);box-shadow:0 1px 0 rgba(16,24,40,.03)}
.brand-tag{color:var(--blue)}
.desktop-nav a,.nav-drop-btn{color:var(--body);font-size:14px;font-weight:600}
.desktop-nav a:hover,.desktop-nav a.is-active,.nav-drop:hover .nav-drop-btn,.nav-drop.is-open .nav-drop-btn,.nav-drop-btn.is-active{color:var(--ink)}
.desktop-nav a::after{background:var(--blue)}
.nav-cta{border-color:var(--line-2);background:#fff;color:var(--ink);font-size:13.5px;border-radius:8px;padding:11px 16px}.nav-cta:hover{border-color:var(--blue);color:var(--blue)}
.menu-toggle span{background:var(--ink)}
.nav-drop-panel{background:#fff;border-color:var(--line);box-shadow:0 24px 48px rgba(16,24,40,.12);backdrop-filter:none}
.drop-item:hover{background:#f6f7f9}.drop-item b{color:var(--ink)}.drop-item small{color:var(--muted)}.drop-no{color:var(--faint)}
.desktop-nav .drop-item{color:var(--ink)}.desktop-nav .drop-all{border-color:var(--line);color:var(--blue)}
.mobile-menu{background:#fff!important}.mobile-menu>a{color:var(--ink);border-color:var(--line)}.mobile-menu>a>span{color:var(--faint)}.mobile-menu>a:last-of-type{color:var(--blue)}.mobile-menu>p,.mobile-menu .menu-group{color:var(--faint)}
.badge{border-color:var(--line-2);color:var(--body);background:#fff}
.badge-live{color:#067647;border-color:var(--green-100);background:var(--green-50)}.badge-live::before{background:#17b26a;box-shadow:none}
.badge-soon{color:var(--amber);border-color:var(--amber-100);background:var(--amber-50)}

/* Home hero */
.hero::after{display:none}
#globe{opacity:1}
.hero-eyebrow{color:var(--ink-2);font-size:12px}
.hero-line em{color:var(--blue);-webkit-text-fill-color:var(--blue)}
.hero-description{color:var(--body);font-size:18px;line-height:1.7;max-width:600px}
.hero-description strong{color:var(--ink);font-weight:650}
.hero-trust{color:var(--muted);font-size:13px}.hero-trust i{background:var(--faint)}
.hero-mark{filter:drop-shadow(0 24px 40px rgba(29,91,216,.18))}
.orbital{border-color:rgba(29,91,216,.16)}.orbital::after{background:var(--blue);box-shadow:none}.orbital-two{border-color:rgba(29,91,216,.12)}
.orbital-cross::before,.orbital-cross::after{background:rgba(29,91,216,.35)}
.hero-signal{background:#fff;border-color:var(--line);color:var(--ink-2);box-shadow:0 14px 34px rgba(16,24,40,.09);backdrop-filter:none;font-size:13px;border-radius:10px}
.hero-signal>.icon{color:var(--blue)}.signal-two small{color:var(--muted);font-size:12px}
.signal-progress{background:linear-gradient(90deg,var(--blue),#0ea5e9)}
.signal-check{border-color:var(--green-100);background:var(--green-50);color:var(--green)}.tiny-pixels{color:var(--blue)}
.hero-bottom{color:var(--faint);font-size:11px}.scroll-cue{color:var(--muted)}.scroll-track{border-color:var(--line-2)}.scroll-track i{background:var(--blue)}

/* Problem */
.section-intro>p{color:var(--body);font-size:16px;max-width:380px}
.pain{border-color:var(--line)}.pain>span{color:var(--blue);font-size:12px}.pain p{color:#7a8496}.pain strong{color:var(--ink);font-weight:600}.pain .icon{color:var(--faint)}

/* Agents */
.agents-heading-aside>p{color:var(--body);font-size:15px}
.agents-navigation>span{color:var(--faint);font-size:12px}.agents-navigation b{color:var(--ink)}
.agent-card{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}
.spotlight::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(29,91,216,.06),transparent 60%)}
.spotlight::after{background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),rgba(29,91,216,.45),transparent 65%) border-box}
.agent-icon{color:var(--blue);border-color:var(--blue-100);background:var(--blue-50);border-radius:10px}
.agent-no{color:var(--faint);font-size:11px}
.agent-card>p{color:var(--body);font-size:13.5px;line-height:1.7}
.agent-preview{background:#f8fafc;border-color:#eaecf0;color:var(--body);border-radius:10px}
.prospect-preview>div{color:var(--muted);font-size:11px}.prospect-preview>span{font-size:12px}.prospect-preview>span i{background:#b2ccff}.prospect-preview b{color:var(--green)}
.mail-preview>span{font-size:12px}.mail-preview i{color:var(--faint);width:40px}.mail-preview>div{border-color:#eaecf0}.mail-preview b{color:var(--green);font-size:12px}.mail-preview small{color:var(--muted);font-size:11px}
.inquiry-preview>span{border-color:#f2f4f7;font-size:12px}.inquiry-preview b{color:var(--blue);font-size:11px}
.status-dot{background:#17b26a}.status-dot.amber{background:#f79009}
.social-art{background:linear-gradient(130deg,var(--blue),var(--navy));border-radius:8px}.social-art span{color:#fff}.social-art em{color:#7dd3fc}.social-art>i{border-color:rgba(255,255,255,.35)}
.social-preview b{font-size:12.5px;color:var(--ink)}.social-preview>div+div span{color:var(--muted);font-size:11.5px}.social-preview small{color:var(--faint);font-size:11px}
.chart-caption{color:var(--muted);font-size:11px}.mini-bars{border-color:#eaecf0}.mini-bars i{background:linear-gradient(var(--blue),#b2ccff)}.preview-disclaimer{color:var(--faint);font-size:11px}
.agent-output>span{color:var(--faint);font-size:11px}.agent-output>p{color:var(--ink-2);font-size:13px}
.agent-schedule{color:var(--body);border-color:var(--line);font-size:12.5px;font-weight:600}.mini-clock{color:var(--blue)}
.custom-agent{background:linear-gradient(160deg,var(--blue-50),#fff 70%);border-color:var(--blue-100)}
.custom-agent-art .icon{color:var(--blue)}.custom-agent-art>span{background:linear-gradient(90deg,transparent,rgba(29,91,216,.4))}
.agent-custom-link{color:var(--blue);border-color:var(--blue-100);font-size:13px;font-weight:650}
.agent-progress{background:#eaecf0}.agent-progress i{background:var(--blue)}
.agent-progress-wrap .small-label{color:var(--faint);font-size:11px}.agent-progress-wrap .small-label span{color:var(--blue)}
@media(min-width:1024px) and (min-height:780px){.agent-card{height:520px;min-height:520px}}
@media(min-width:1024px) and (min-height:780px) and (max-height:899px){.agent-card{height:490px;min-height:490px}.agent-card>p{font-size:13px;line-height:1.6}}

/* Workflow */
.workflow-heading>p{color:var(--body);font-size:16px}
.timeline-rail{background:#eaecf0}.timeline-rail i{background:linear-gradient(var(--blue),#0ea5e9)}
.step-dot{border-color:var(--line-2);background:#fff;color:var(--faint);font-size:12px}
.timeline-step.is-active .step-dot{background:var(--blue-50);color:var(--blue);border-color:#9db8f5;box-shadow:none}
.timeline-step .eyebrow{color:var(--blue);font-size:11px}
.timeline-step h3{font-size:24px;font-weight:600}
.timeline-step p{color:var(--body);font-size:15.5px;line-height:1.75;max-width:440px}
.phone{box-shadow:0 0 0 3px #1f2937,0 30px 70px rgba(16,24,40,.22)}
.phone-caption{color:var(--muted);font-size:11px}

/* Control */
.shield-visual{border-color:var(--blue-100);background:var(--blue-50)}.shield-visual .icon{color:var(--blue)}.shield-visual i{border-color:#e0e8ff}
.control-header>p{color:var(--body);font-size:17px;line-height:1.7}
.principle{border-color:var(--line)}.principle-no{color:var(--blue);font-size:12px}
.principle h3{font-size:20px;font-weight:600}.principle p{color:var(--body);font-size:15px;line-height:1.7}.principle>.icon{color:var(--faint)}

/* Self management */
.system-intro>p{color:var(--body);font-size:16px}
.system-radar{background:radial-gradient(circle,var(--blue-50),transparent 70%)}
.radar-ring{border-color:var(--blue-100)}
.radar-sweep{background:conic-gradient(from 0deg,transparent 290deg,rgba(29,91,216,.05) 350deg,rgba(29,91,216,.18) 360deg)}
.radar-point{background:var(--blue);box-shadow:none}
.radar-status{background:transparent;color:var(--muted);font-size:10.5px}
.system-features>article{border-color:var(--line)}.system-features>article>.icon{color:var(--blue)}
.system-features h3{font-size:20px;font-weight:600}.system-features p{color:var(--body);font-size:15px;line-height:1.75}

/* Data */
.data-heading>p{color:var(--body);font-size:16px}
.architecture{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}
.architecture-label{color:var(--muted);font-size:11px}
.arch-lines circle{fill:var(--blue)}
.arch-node>div{background:#f8fafc;border-color:var(--line-2);box-shadow:0 0 0 8px #f2f4f7;color:var(--blue);border-radius:12px}
.arch-node h3{font-size:18px}.arch-node p{color:var(--muted);font-size:13px}
.node-tag{color:var(--body);border-color:var(--line-2);border-radius:20px;font-size:10px}
.mac-icon>span{border-color:var(--blue);background:linear-gradient(135deg,var(--blue-50),#fff)}.mac-icon>span::before{background:var(--faint)}
.mobile-connector{color:var(--faint)}
.maintenance-link{background:#f9fafb;border-color:var(--line-2)}.maintenance-link>.icon{color:var(--muted)}.maintenance-link>span{color:var(--muted);font-size:13.5px}.maintenance-link b{color:var(--ink)}
.maintenance-link>.restricted-label{color:var(--body);border-color:var(--line-2);border-radius:20px;font-size:10px}
.data-points p{color:var(--body);font-size:15px}.data-points .icon{color:var(--green)}

/* Sectors */
.sectors-heading p{color:var(--body);font-size:16px}.sectors-heading .small-label{color:var(--faint)}.sectors-heading .small-label span{color:var(--blue)}
.sector-grid{border-color:var(--line)}
.sector-tile{background:#fff;border-color:var(--line)}.sector-tile:hover{background-color:#f9fafb}
.sector-tile.is-open{background:linear-gradient(160deg,var(--blue-50),#fff)}
.sector-no{color:var(--faint);font-size:11px}.sector-tile.is-open .sector-no{color:var(--blue)}
.sector-tile .sector-name{font-size:18px;font-weight:600;color:var(--ink)}
.sector-plus{color:var(--faint)}.sector-tile.is-open .sector-plus{color:var(--blue)}
.sector-detail{color:var(--body);font-size:13.5px;line-height:1.75}
.sector-footnote{color:var(--muted);font-size:13.5px}.sector-footnote>a{color:var(--blue);font-weight:600}

/* Reference dashboard */
.status-pill{border-color:var(--green-100);background:var(--green-50);color:#067647;font-size:11px}
.reference-heading>p{color:var(--body);font-size:16px}
.case-dashboard{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}
.dashboard-top{border-color:var(--line)}.dashboard-top>div>span{color:var(--ink-2);font-size:12px}.dashboard-top small{color:var(--muted);font-size:12px}.dashboard-id{color:var(--faint);font-size:11px}
.case-metrics>div{border-color:var(--line)}.case-metrics>div>span{color:var(--ink)}.case-metrics small{color:var(--muted)}.case-metrics p{color:var(--muted);font-size:13px}
.schedule-header{border-color:var(--line)}.schedule-header h3{font-size:17px}.schedule-header>span{color:var(--faint);font-size:10.5px}
.schedule th,.schedule td{border-color:#eaecf0}.schedule thead th{color:var(--muted);font-size:12px}.schedule tbody th{color:var(--ink-2);font-size:13px}.schedule th .icon{color:var(--blue)}.schedule td{color:var(--line-2)}
.schedule-chip{background:var(--green-50);color:#067647;border-color:var(--green-100);font-size:11.5px;border-radius:20px}
.schedule-chip.blue{background:var(--blue-50);color:#1d4ed8;border-color:var(--blue-100)}
.schedule-chip.dim{background:#f2f4f7;color:var(--body);border-color:#eaecf0}
.monthly-note{color:var(--body);font-size:13px}
.dashboard-foot>span:first-child{color:var(--body);font-size:12.5px}.dashboard-foot>span:last-child{color:var(--muted);font-size:12px}

/* Integrations, setup, FAQ */
.integrations-section{border-color:var(--line)}
.integration-heading h2{font-size:28px;font-weight:600;color:var(--ink)}
.marquee-group>span{border-color:var(--line);color:var(--ink-2);background:#fff;border-radius:10px;font-size:15px;font-weight:600;box-shadow:var(--shadow-sm)}
.marquee-group small{color:var(--amber);border-color:var(--amber-100);background:var(--amber-50);border-radius:20px;font-size:10px}
.integration-note{color:var(--muted);font-size:13px}
.setup-step-no{color:var(--blue);border-color:var(--line)}.setup-step-no>span{color:var(--faint)}.setup-steps article:last-child .setup-step-no{color:var(--green)}
.setup-steps h3{font-size:20px;font-weight:600}.setup-steps p{color:var(--body);font-size:15px;line-height:1.7;max-width:280px}
.faq-layout>div:first-child>p{color:var(--body);font-size:16px;max-width:320px}
.faq-list details{border-color:var(--line)}
.faq-list summary{font-size:17px;font-weight:600;color:var(--ink)}.faq-list summary>span{color:var(--faint)}.faq-list details[open] summary>span{color:var(--blue)}
.faq-answer p{color:var(--body);font-size:15.5px;line-height:1.75}

/* Contact */
.contact-panel{background:#fff;border-color:var(--line);border-radius:20px;box-shadow:var(--shadow)}
.contact-copy>p{color:var(--body);font-size:16px}
.contact-direct>span{color:var(--faint);font-size:11px}.contact-direct>p{color:var(--ink-2);font-size:15px}
.form-heading>h3{font-size:18px;font-weight:600}.form-heading>span:last-child{color:var(--faint);font-size:10.5px}
.form-field label{color:var(--ink-2);font-size:13.5px;font-weight:600}.form-field label>span{color:var(--blue)}.form-field label .optional{color:var(--faint);font-size:12px;font-weight:500}
.form-field input,.form-field select,.form-field textarea{background:#fff;border-color:var(--line-2);color:var(--ink);font-size:15px;border-radius:8px;min-height:48px;box-shadow:var(--shadow-sm)}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--faint)}
.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:var(--faint)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(29,91,216,.12)}
.form-field select:has(option:checked[value=""]){color:var(--faint)}
.form-field option{background:#fff;color:var(--ink)}
.field-error{color:#d92d20;font-size:12.5px}.form-field [aria-invalid=true]{border-color:#f04438}
.form-notice{color:var(--muted);font-size:13px}
#contact-form>.button{font-size:14px;min-height:54px}
.success-check{color:var(--green);border-color:var(--green-100);background:var(--green-50)}
.form-success p{color:var(--body);font-size:15px}.form-success strong{color:var(--ink)}

/* Footer & dialog */
.footer{background:var(--navy)}
.footer-top>p{color:#94a3b8}
.back-top{border-color:rgba(255,255,255,.2)}.back-top .icon{color:#cbd5e1}.back-top:hover{border-color:#7dd3fc}
.footer-middle>span{color:#64748b;font-size:11px}.footer-middle nav{color:#cbd5e1;font-size:14px}.footer-middle nav a:hover{color:#7dd3fc}
.footer-bottom{color:#94a3b8;font-size:13px}.footer-bottom>span:nth-child(2){color:#64748b;font-size:11px}
.legal-trigger{color:#94a3b8;font-size:13px}.legal-trigger:hover{color:#7dd3fc}
.footer-systems{color:#cbd5e1;font-size:14.5px}.footer-systems a:hover{color:#fff}
.footer .brand-tag{color:#7dd3fc}
dialog{background:#fff;border-color:var(--line);color:var(--ink);border-radius:16px;box-shadow:var(--shadow-lg)}
dialog p{color:var(--body);font-size:15px}
dialog::backdrop{background:rgba(15,23,42,.4)}

/* ---------- pages.css components ---------- */
.section-lead>p{color:var(--body);font-size:17px}
.disclaimer{color:var(--muted);font-size:13px}.disclaimer::before{background:var(--line-2)}
.flow-chips span{border-color:var(--line-2);background:#fff;color:var(--ink-2);font-size:14px}
.flow-chips span.is-key{background:var(--blue);border-color:var(--blue);color:#fff}.flow-chips i{color:var(--blue)}

/* Systems */
.system-card{background:#fff;border-color:var(--line);border-radius:18px;box-shadow:var(--shadow)}
.system-card::before{background:radial-gradient(circle 300px at var(--mx,70%) var(--my,0%),rgba(29,91,216,.07),transparent 70%)}
.system-card:hover{border-color:#b2ccff}
.system-card.is-live{background:linear-gradient(165deg,#f2f6ff 0%,#fff 55%);border-color:#c7d7fe}
.system-card.is-open{background:transparent;border-color:var(--line-2);box-shadow:none}
.sys-no{color:var(--faint)}
.system-card>p{color:var(--body);font-size:15.5px}
.sys-chips span{border-color:#e4e7ec;color:var(--ink-2);background:#f9fafb;font-size:13px}
.sys-chips .icon{color:var(--blue)}
.sys-chips.planned span{border-color:var(--line-2);color:var(--body);background:transparent}
.sys-meta{border-color:var(--line)}.sys-meta b{color:var(--ink)}.sys-meta span{color:var(--muted);font-size:13px}
.sys-orbit{border-color:rgba(29,91,216,.12)}.sys-orbit::after{border-color:rgba(29,91,216,.18)}
.system-card.is-open .open-plus{border-color:var(--faint);color:var(--blue)}
.systems-foot{border-color:var(--line);color:var(--body);font-size:15px}.systems-foot .icon{color:var(--green)}

/* Roadmap */
.roadmap-rail{background:#e4e7ec}
.road-dot{border-color:var(--line-2);background:#fff}.road-dot::after{background:var(--line-2)}
.road-item.is-now .road-dot{border-color:var(--blue)}.road-item.is-now .road-dot::after{background:var(--blue);box-shadow:none}
.road-card{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}
.road-item.is-system .road-card{background:linear-gradient(165deg,var(--amber-50),#fff 60%);border-color:var(--amber-100)}
.road-when{color:var(--blue)}.road-item.is-system .road-when{color:var(--amber)}
.road-card h3{color:var(--ink)}.road-card p{color:var(--body);font-size:15px}
.road-card .road-system{color:var(--muted);border-color:var(--line);font-size:13px}
@media(max-width:767px){.road-item::before{background:#e4e7ec}.road-item.is-now::before{background:var(--blue)}}

/* Sub hero */
.crumbs{color:var(--muted)}.crumbs a:hover{color:var(--ink)}.crumbs i{background:var(--line-2)}
.sub-hero .hero-description{color:var(--body)}
.hero-stats{border-color:var(--line)}.hero-stats b{color:var(--ink)}.hero-stats span{color:var(--muted);font-size:13.5px}
.post-stack .post{box-shadow:0 30px 60px rgba(16,24,40,.2)}
.post-stack-caption{color:var(--muted);font-size:13px}
.post-label{color:var(--ink-2);font-size:14px}.post-label span:last-child{color:var(--faint)}

/* Showcases */
.showcase-copy>p{color:var(--body);font-size:16.5px}
.stat-box{background:#fff;border-color:var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
.stat-box b{color:var(--ink)}.stat-box>span{color:var(--muted);font-size:14px}
.stat-box.is-key{background:linear-gradient(140deg,var(--blue),var(--blue-d));border-color:transparent}
.stat-box.is-key b{color:#fff}.stat-box.is-key>span{color:#dce7ff}
.step-list li{color:var(--ink-2);font-size:16px}.step-list b{color:var(--blue)}
.sheet{border-color:var(--line);background:#fff;border-radius:14px;box-shadow:var(--shadow-lg)}
.sheet-bar{background:#f9fafb;border-color:#eaecf0;color:var(--ink-2);font-size:13px}.sheet-bar span:last-child{color:var(--faint)}
.sheet th{background:#1d7a46}
.sheet td{border-color:#eaecf0;color:var(--ink-2)}.sheet tr:nth-child(even) td{background:#f9fafb}
.sheet td.mask{color:var(--faint)}
.sheet td .tag{background:var(--blue-50);color:#1d4ed8}
.status.ok{color:var(--green)}.status.wait{color:#dc6803}.status.quiet{color:#d92d20}
.sheet-foot{border-color:#eaecf0;color:var(--muted)}.sheet-foot b{color:var(--green)}
.mail-window{border-color:var(--line);box-shadow:var(--shadow-lg)}
.slide{box-shadow:var(--shadow-lg)}
.tg-card{background:#fff;border-color:var(--line);box-shadow:var(--shadow-lg)}
.tg-head{border-color:#eaecf0}.tg-head b{color:var(--ink)}.tg-head span{color:var(--green)}
.tg-msg{background:#f2f4f7;color:var(--ink-2)}.tg-msg b{color:var(--ink)}.tg-msg small{color:var(--faint)}
.tg-buttons span{background:var(--blue-50);color:#1d4ed8}.tg-buttons span:first-child{background:var(--blue);color:#fff}
.stock-alert li span:last-child{color:#d92d20}
.level i{background:#eaecf0}
.reply-chips span{border-color:var(--line-2);background:#fff;color:var(--ink-2)}
.reply-chips span:first-child{background:var(--navy);border-color:var(--navy);color:#fff}
.reply-chips span:last-child{background:var(--blue);border-color:var(--blue);color:#fff}

/* Efficiency (navy) */
.efficiency .eyebrow{color:#cbd5e1}.efficiency .section-number{color:#7dd3fc}
.eff{border-color:#7dd3fc}.eff b{color:#fff}.eff b small{color:#7dd3fc}.eff p{color:#cbd5e1}.eff span{color:#94a3b8}
.eff-note{border-color:rgba(255,255,255,.15)}.eff-note p{color:#fff}.eff-note small{color:#94a3b8}

/* Compare, cost, management, setup */
.compare{border-color:var(--line);background:#fff;border-radius:16px;box-shadow:var(--shadow)}
.compare th,.compare td{border-color:var(--line)}
.compare thead th{background:#f9fafb;color:var(--muted)}.compare thead th:last-child{color:var(--blue)}
.compare tbody th{color:var(--ink)}.compare td{color:var(--muted)}.compare td:last-child{color:var(--ink);background:#f5f8ff;font-weight:550}
.cost-card{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
.cost-card.is-key{background:linear-gradient(165deg,#f2f6ff,#fff 60%);border-color:#b2ccff}
.cost-card h3{color:var(--ink)}.cost-card.is-key h3{color:var(--blue)}
.cost-card li{color:var(--body);font-size:16px}.cost-card li::before{color:var(--faint)}.cost-card.is-key li::before{color:var(--blue)}
.cost-band{background:linear-gradient(100deg,var(--blue),#2563eb);border-radius:16px}.cost-band b,.cost-band p{color:#fff}
.mgmt-card{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
.mgmt-card.is-key{background:var(--navy);border-color:var(--navy)}
.mgmt-card h3{color:var(--ink)}.mgmt-card.is-key h3{color:#fff}
.mgmt-card li{color:var(--body);font-size:16px}.mgmt-card.is-key li{color:#cbd5e1}
.mgmt-card li::before,.mgmt-both li::before{color:var(--blue)}.mgmt-card.is-key li::before{color:#7dd3fc}
.mgmt-both{border-color:#c7d7fe;background:#f3f7ff;border-radius:16px}.mgmt-both .eyebrow{color:var(--blue)}.mgmt-both li{color:var(--ink-2);font-size:16px}
.big-number{background:linear-gradient(160deg,var(--navy),var(--blue));-webkit-background-clip:text;background-clip:text}
.setup3 .lead{color:var(--body);font-size:16.5px}
.setup-list li{border-color:var(--line)}.setup-list b{color:var(--blue)}.setup-list h3{color:var(--ink)}.setup-list p{color:var(--body);font-size:15.5px}
.steps5 article{background:#fff;border-color:var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
.steps5 article.is-key{background:var(--navy);border-color:var(--navy)}
.steps5 b{color:var(--blue)}.steps5 .is-key b{color:#7dd3fc}
.steps5 h3{color:var(--ink)}.steps5 .is-key h3{color:#fff}
.steps5 p{color:var(--body);font-size:14.5px}.steps5 .is-key p{color:#cbd5e1}
.steps5 article+article::before{color:var(--blue)}
.note-pill{background:var(--blue-50);border-color:var(--blue-100);color:#1d4ed8}
.note-pill .live-dot{background:var(--blue)}
.planned-card{border-color:var(--line-2);background:#fff;border-radius:16px}
.planned-card .agent-icon{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue)}
.planned-card h3{color:var(--ink)}.planned-card p{color:var(--body);font-size:15px}
.planned-card.is-cta{background:linear-gradient(165deg,var(--amber-50),#fff 60%);border-color:var(--amber-100);border-style:solid}
.cta-panel{background:var(--navy);border:0;border-radius:20px}
.cta-panel p{color:#cbd5e1}.cta-panel .eyebrow{color:#cbd5e1}.cta-panel .section-number{color:#7dd3fc}

@media(max-width:767px){
  .section{padding-block:80px}
  .hero-description{font-size:15.5px}
  .timeline-step p,.principle p,.system-features p,.faq-answer p,.setup-steps p{font-size:14.5px}
  .pain p{font-size:20px}
  .sector-detail{font-size:13px}
  .sector-tile .sector-name{font-size:16px}
  .faq-list summary{font-size:15.5px}
  .agent-card>p{font-size:13.5px}
}

/* Showcase sections alternate explicitly (pages.css uses two-class selectors) */
main>section.showcase{background:var(--white)}
main>section.showcase.alt{background:var(--paper)}

/* ---------- v3: references marquee (moves left → right) ---------- */
.refs-section .section-lead{margin-bottom:10px}

/* ---------- v3: why teaser & advantage grid ---------- */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-grid .stat-box,.adv-grid .stat-box{display:block;padding:30px;transition:transform .25s,box-shadow .25s}
.why-grid .stat-box:hover,.adv-grid .stat-box:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.why-grid .stat-box b{font-size:42px}
.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:560px;margin-left:auto;width:100%}
.adv-grid .stat-box b{font-size:36px}
.social-stat{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;padding:34px}
.social-stat b{font-size:46px}
.social-stat>span{font-size:15px}

/* ---------- v3: photo social posts ---------- */
.post.photo{background:#0f172a}
.post-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.post-shade{position:absolute;inset:0;z-index:-1}
.post.photo.realty .post-shade{background:linear-gradient(180deg,rgba(9,20,36,.72) 0%,rgba(9,20,36,.12) 48%,rgba(9,20,36,.62) 100%)}
.post.photo.logistic .post-shade{background:linear-gradient(180deg,rgba(4,8,16,.78) 0%,rgba(4,8,16,.18) 52%,rgba(4,8,16,.72) 100%)}
.post.photo.logistic .post-eyebrow{color:#ff8a3d}
.post.photo.food .post-shade{background:linear-gradient(180deg,rgba(246,240,228,.92) 0%,rgba(246,240,228,.35) 42%,rgba(246,240,228,0) 62%,rgba(30,34,14,.45) 100%)}
.post.photo.food .post-foot>span{color:#fff}
.post.photo.clinic .post-shade{background:linear-gradient(180deg,rgba(236,248,246,.94) 0%,rgba(236,248,246,.4) 45%,rgba(236,248,246,0) 62%,rgba(8,40,38,.45) 100%)}
.post.photo.clinic .post-foot>span{color:#fff}
.post.photo.hotel .post-shade{background:linear-gradient(90deg,rgba(5,36,64,.78) 0%,rgba(5,36,64,.35) 45%,rgba(5,36,64,0) 70%)}
.post.photo h4{text-shadow:0 1px 18px rgba(0,0,0,.12)}

/* ---------- v3: email with photography ---------- */
.mail-hero{position:relative;height:150px;overflow:hidden}
.mail-hero img{width:100%;height:100%;object-fit:cover}
.mail-hero span{position:absolute;left:28px;bottom:20px;color:#fff;font-size:12.5px;line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.mail-hero span b{display:block;font-size:20px;letter-spacing:-.3px}
.mail-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(58,40,25,.6),rgba(58,40,25,0) 70%)}
.mail-hero span{z-index:1}
.mail-products img{width:100%;max-width:84px;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;margin:0 auto 8px}
.social-art{padding:0;border-radius:8px}
.social-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- v3: Telegram phone walkthrough ---------- */
.tgp{max-width:340px;margin:0 auto;background:#111827;border-radius:40px;padding:9px;box-shadow:0 0 0 1px #2b3442,0 30px 70px rgba(16,24,40,.22)}
.tgp-screen{border-radius:32px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.tgp-top{display:flex;align-items:center;gap:10px;padding:18px 14px 12px;background:#fff;border-bottom:1px solid #e5e7eb}
.tgp-back{font-size:26px;line-height:1;color:#2481cc}
.tgp-top img{width:38px;height:38px;border-radius:50%;background:#eef3ff;padding:5px}
.tgp-top b{display:block;font-size:14px;color:#0f172a;line-height:1.25}
.tgp-top span{font-size:12px;color:#64748b}
.tgp-body{display:flex;flex-direction:column;gap:7px;padding:14px 10px 18px;min-height:560px;background:#dfe7d6 radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 40%)}
.tgp-day{align-self:center;font-size:11.5px;color:#fff;background:rgba(65,85,60,.45);padding:3px 12px;border-radius:12px;margin-bottom:4px}
.tgm{position:relative;max-width:86%;background:#fff;color:#111827;font-size:13px;line-height:1.5;padding:8px 11px 5px;border-radius:14px 14px 14px 5px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.tgm small{display:block;text-align:right;font-size:10.5px;color:#94a3b8;margin-top:2px}
.tgm.me{align-self:flex-end;background:#e3f8cf;border-radius:14px 14px 5px 14px}
.tgm.me small{color:#4f9a3a}
.tgm.done{background:#fff;border-left:3px solid #17b26a}
.tgk{display:grid;grid-template-columns:repeat(var(--c,2),1fr);gap:4px;width:86%;margin-top:-3px}
.tgk span{text-align:center;font-size:12.5px;font-weight:650;color:#fff;background:rgba(58,76,56,.42);padding:8px 6px;border-radius:9px}
.tgk span.ok{background:rgba(5,120,85,.82)}
.tg-file{display:flex;align-items:center;gap:10px;padding:4px 0 8px;margin-bottom:6px;border-bottom:1px solid #eef0f3}
.tg-file .xl{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#1d7a46;color:#fff;font-weight:800;font-size:14px;flex-shrink:0}
.tg-file b{display:block;font-size:13px;color:#2481cc}
.tg-file small{text-align:left;margin:0}
.tg-mail{display:block;margin:8px 0 4px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#faf8f4}
.tg-mail-head{display:block;padding:8px 10px;background:#fff;border-bottom:1px solid #eee}
.tg-mail-head b{display:block;font-size:12px;letter-spacing:.06em;color:#7a4b2a}
.tg-mail-head span{display:block;font-size:11px;color:#6b7280;line-height:1.35}
.tg-mail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}
.tg-mail-strip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
.tg-mail-text{display:block;padding:0 10px 9px;font-size:11.5px;color:#4b5563;line-height:1.45}
.tg-post{display:block;width:calc(100% + 12px);margin:-4px -6px 8px;border-radius:10px}
.tg-post .post-in{display:flex}
.tg-post h4{display:block}
.tg-flow figcaption b{display:block;font-size:18px;color:var(--ink);font-weight:650}
.tg-flow figcaption p{margin:8px 0 0;color:var(--body);font-size:15px;line-height:1.65}
.tg-section .note-pill{margin-top:44px}

@media(max-width:1199px){
  .why-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:959px){
  .adv-grid{margin-left:0;max-width:none}
}
@media(max-width:767px){
  .why-grid{grid-template-columns:1fr}
  .why-grid .stat-box b{font-size:34px}
  .adv-grid .stat-box{padding:20px}.adv-grid .stat-box b{font-size:26px}
  .social-stat{grid-column:span 2;padding:24px}
  .mail-hero{height:120px}.mail-hero span{left:18px}
}
.post.photo .post-brand,.post.photo .post-eyebrow{text-shadow:0 1px 10px rgba(0,0,0,.35)}
.post.photo.food .post-brand,.post.photo.food .post-eyebrow,.post.photo.clinic .post-brand,.post.photo.clinic .post-eyebrow{text-shadow:none}

/* Single reference logo travelling left → right */

/* ---- v4: review fixes ---- */
.desktop-nav>a,.nav-drop-btn,.nav-cta{white-space:nowrap}
.nav-drop-panel{width:520px}
@media(max-width:1180px){.desktop-nav{gap:20px;margin-left:18px}.nav-cta{padding:10px 12px}}
.agent-card{height:auto}
.agent-preview{height:auto;min-height:109px;flex-shrink:0}
.sub-hero-layout>*{min-width:0}
.agents-pin .hairline{margin-bottom:0}
.slide{aspect-ratio:16/10.6}
.bars{gap:1cqw}.bars .bar-row{padding:1cqw 1.6cqw}.slide-kicker{margin-top:2.6cqw}
.post.textile{color:#2b2118}.post.textile .post-pill{background:#2b2118;color:#f7f1e8}
.post.photo.textile .post-shade{background:linear-gradient(180deg,rgba(250,247,242,.92) 0%,rgba(250,247,242,.35) 42%,rgba(250,247,242,0) 62%,rgba(44,34,24,.5) 100%)}
.post.photo.textile .post-foot>span{color:#fff}
.post.photo.textile .post-brand,.post.photo.textile .post-eyebrow{text-shadow:none}
@media(max-width:767px){
  .compare-wrap{overflow:visible}.compare-wrap table{min-width:0}
  .compare{display:block;border:0;background:none;box-shadow:none;font-size:14px;overflow:visible}
  .compare thead{display:none}.compare tbody,.compare tr{display:block}
  .compare tr{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
  .compare tbody th{display:block;width:auto;padding:14px 16px 8px;border:0;font-size:15px}
  .compare td{display:block;padding:10px 16px 12px;border:0;border-top:1px solid var(--line)}
  .compare td::before{content:attr(data-label);display:block;font-size:10px;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
  .compare td:last-child::before{color:var(--blue)}
  .hero{height:auto;min-height:0;max-height:none;padding-bottom:92px}
  .hero-art{position:relative;right:auto;left:auto;top:auto;bottom:auto;margin:36px auto 0;width:290px;height:290px}
}
.who-grid .planned-card{min-height:0;padding:26px}
.who-grid .planned-card h3{font-size:18px;margin:14px 0 8px}

/* reference strip: one logo gliding left to right (user's choice) */
.ref-marquee{overflow:hidden;margin-top:10px;padding-block:6px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ref-logo-item{display:grid;place-items:center;width:280px;height:128px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
.ref-logo-item img{width:190px;height:auto}
.ref-lane{position:relative;height:142px}
.ref-runner{position:absolute;top:6px;left:0;margin:0}
.js .ref-runner{animation:ref-run 18s linear infinite}
.ref-marquee:hover .ref-runner{animation-play-state:paused}
@keyframes ref-run{from{left:-300px}to{left:100%}}
@media(max-width:767px){.ref-logo-item{width:210px;height:100px}.ref-logo-item img{width:150px}.ref-lane{height:112px}@keyframes ref-run{from{left:-220px}to{left:100%}}}
@media(prefers-reduced-motion:reduce){.js .ref-runner{animation:none;left:50%;transform:translateX(-50%)}}

/* hero: notification chips for every agent around the mark */
.hero-chip{padding:9px 12px;font-size:12px;gap:9px;border-radius:9px;white-space:nowrap}
.hero-chip>.icon{width:18px;height:18px}
.chip-mail{right:-62px;top:196px;animation-delay:-1.6s}
.chip-social{left:26px;top:-18px;animation-delay:-4.2s}
.chip-inbox{left:-44px;top:292px;animation-delay:-2.4s}
.chip-chart{right:6px;bottom:-22px;animation-delay:-5.3s}
@media(max-width:1199px){.hero-chip{font-size:11px;padding:8px 10px}.chip-mail{right:-6px;top:166px}.chip-social{left:18px;top:-14px}.chip-inbox{left:-30px;top:240px}.chip-chart{right:0;bottom:-16px}}
@media(max-width:767px){.hero-chip{font-size:9px;padding:6px 8px;gap:6px;border-radius:7px}.hero-chip>.icon{width:14px;height:14px}.chip-mail{right:-22px;top:118px}.chip-social{left:-14px;top:-10px}.chip-inbox{left:-30px;top:184px}.chip-chart{right:-8px;bottom:-18px}}

/* ---- v5: nasıl çalışır page ---- */
.how-chat{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#dfe7d6 radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 40%);box-shadow:var(--shadow-lg)}
.how-chat-top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid #e5e7eb}
.how-chat-top img{width:34px;height:34px;border-radius:50%;background:#eef3ff;padding:5px}
.how-chat-top b{display:block;font-size:14px;color:#0f172a;line-height:1.25}
.how-chat-top span{font-size:12px;color:#64748b}
.how-chat-body{display:flex;flex-direction:column;gap:7px;padding:14px 12px 16px}
.how-hero{max-width:440px;margin-left:auto;width:100%}
.how-steps{display:flex;flex-direction:column}
.how-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:32px 72px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}
.how-step:first-child{border-top:0;padding-top:0}
.how-step-no{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--display);font-size:12px;margin-bottom:18px}
.how-step h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.6px;margin-bottom:12px;font-weight:600;color:var(--ink)}
.how-step p{color:var(--body);font-size:15.5px;line-height:1.75;max-width:520px}
.how-step .you{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:7px 12px;border-radius:30px;font-size:11.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;background:var(--blue-50);color:#1d4ed8;border:1px solid var(--blue-100)}
.how-step .you .icon{width:15px;height:15px}
.how-step .you.sys{background:#f2f4f7;color:var(--ink-2);border-color:#eaecf0}
.how-visual{min-width:0}
.how-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:18px 18px 12px}
.how-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid #eaecf0;margin-bottom:8px}
.how-card-head b{color:var(--ink);font-size:14px}
.how-row{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:11px 10px;border-radius:10px;font-size:13.5px;color:var(--ink-2)}
.how-row i{font-style:normal;color:var(--muted);font-size:12.5px}
.how-row span{display:flex;align-items:center;gap:8px}
.how-row span .icon{width:16px;height:16px;color:var(--blue)}
.how-row.is-now{background:var(--blue-50);color:#1d4ed8;font-weight:650}
.how-row.is-now i{color:#1d4ed8}
.how-row em{font-style:normal;font-size:10px;letter-spacing:.1em;font-weight:750;color:#fff;background:var(--blue);padding:3px 8px;border-radius:20px}
.how-bar{height:6px;border-radius:6px;background:#eef1f5;overflow:hidden;margin:6px 0 10px}
.how-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--blue),#0ea5e9);transform-origin:left}
.how-prog{display:flex;flex-direction:column;gap:8px;padding-bottom:6px}
.how-prog>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;color:var(--ink-2);padding:10px 12px;border-radius:10px;background:#f8fafc}
.how-prog>div b{color:var(--green);font-weight:700;white-space:nowrap}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.split-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 26px}
.split-card.is-key{background:var(--blue-50);border-color:var(--blue-100)}
.split-card h3{font-size:20px;margin-bottom:16px;color:var(--ink)}
.split-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.split-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.55}
.split-card li .icon{width:18px;height:18px;color:var(--blue);flex-shrink:0;margin-top:3px}
.split-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--line-2);font-size:13px;color:var(--muted)}
.split-card.is-key .split-foot{border-color:var(--blue-100)}
.split-foot b{display:block;font-size:22px;color:var(--ink);font-weight:600;letter-spacing:-.5px}
.week{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.day{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 14px 14px;min-height:172px}
.day>b{display:block;font-size:11.5px;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-weight:750}
.day span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);padding:8px 10px;border-radius:9px;background:#f8fafc;margin-top:6px}
.day span .icon{width:15px;height:15px;color:var(--blue);flex-shrink:0}
.day span.dim{color:var(--muted);background:#f2f4f7}
.day span.dim .icon{color:var(--faint)}
.week-month{margin-top:12px;display:flex;align-items:center;gap:12px;background:#fff;border:1px dashed var(--line-2);border-radius:16px;padding:16px 18px;font-size:14px;color:var(--ink-2)}
.week-month .icon{width:18px;height:18px;color:var(--blue);flex-shrink:0}
.week-month b{color:var(--ink)}
.systems-foot .text-link{margin-left:auto}
@media(max-width:959px){.how-step{grid-template-columns:1fr;gap:26px;padding:32px 0}.how-hero{margin-left:0}.split-grid{grid-template-columns:1fr}.week{grid-template-columns:repeat(2,1fr)}.day{min-height:0}}
@media(max-width:767px){.how-row{grid-template-columns:84px 1fr auto;font-size:12.5px;gap:8px}.week{grid-template-columns:1fr}.how-step h3{font-size:22px}}

/* ---- v6: fiyatlandırma page ---- */
.price-summary{max-width:440px;width:100%;margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:26px 28px 22px}
.price-summary-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid #eaecf0;margin-bottom:6px}
.price-summary-head b{font-size:16px;color:var(--ink)}.price-summary-head span{font-size:12.5px;color:var(--muted)}
.price-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;font-size:14.5px;color:var(--body);border-bottom:1px dashed #eaecf0}
.price-line b{color:var(--ink);font-weight:600;white-space:nowrap}
.price-line.total{border-bottom:0;padding-top:16px;font-size:15px;color:var(--ink)}
.price-line.total b{font-size:26px;letter-spacing:-.8px}.price-line.total small{font-size:12px;color:var(--muted);letter-spacing:0;font-weight:600;margin-left:4px}
.price-line.note{border:0;padding:4px 12px 8px;margin:0 -12px;background:var(--blue-50);border-radius:10px;color:#1d4ed8}.price-line.note b{color:#1d4ed8}
.price-summary>p{margin-top:14px;font-size:12.5px;color:var(--muted);line-height:1.6}
.plan-name{display:block;font-size:12px;letter-spacing:.14em;font-weight:750;color:var(--muted);text-transform:uppercase}
.price{margin:14px 0 6px}.price b{display:block;font-size:clamp(28px,2.6vw,36px);font-weight:600;letter-spacing:-1.2px;color:var(--ink);line-height:1.05}.price small{display:block;margin-top:6px;font-size:12.5px;color:var(--muted);font-weight:600}
.setup-price{display:grid;grid-template-columns:minmax(300px,.9fr) 1.6fr;gap:40px 72px;align-items:start}
.setup-price-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:32px 32px 26px;position:sticky;top:120px}
.setup-price-card>p{color:var(--body);font-size:15px;line-height:1.7;margin-top:14px}
.setup-when{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 12px;border-radius:30px;background:#f2f4f7;color:var(--ink-2);font-size:12px;font-weight:700;letter-spacing:.06em}
.setup-when .icon{width:15px;height:15px;color:var(--blue)}
.setup-price .setup-list{margin:0}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 26px 24px;box-shadow:var(--shadow-sm)}
.plan.is-key{border-color:#b2ccff;background:linear-gradient(170deg,#f2f6ff,#fff 65%);box-shadow:var(--shadow-lg)}
.plan-flag{position:absolute;top:-12px;left:26px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#fff;background:var(--blue);padding:5px 10px;border-radius:20px}
.per-month{display:flex;align-items:baseline;gap:8px;padding:12px 0 14px;margin-top:10px;border-top:1px solid #eaecf0}
.per-month b{font-size:18px;color:var(--ink);font-weight:600;letter-spacing:-.4px}.per-month span{font-size:12.5px;color:var(--muted)}
.plan .save{display:inline-flex;align-self:flex-start;align-items:center;padding:5px 10px;border-radius:20px;font-size:11.5px;font-weight:750;letter-spacing:.06em;background:var(--green-50);color:#067647;border:1px solid var(--green-100)}
.plan .save.none{background:#f2f4f7;color:var(--muted);border-color:#eaecf0}
.plan .button{margin-top:auto;width:100%;justify-content:space-between;margin-top:22px;min-height:50px}
.plan.is-key .button{margin-top:22px}
.incl-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:40px}
.incl-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px 24px}
.incl-card.muted{background:#f8fafc}
.incl-card h3{font-size:19px;margin-bottom:14px;color:var(--ink)}
.incl-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.incl-card li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.55}
.incl-card li .icon{width:18px;height:18px;color:var(--green);flex-shrink:0;margin-top:3px}
.incl-card.muted li .icon{color:var(--faint)}
.price-table td{white-space:nowrap}
.price-table tbody tr.is-key th,.price-table tbody tr.is-key td{background:var(--blue-50);color:#1d4ed8;font-weight:650}
.price-table td:last-child{color:var(--ink)}
@media(max-width:1199px){.plans{grid-template-columns:repeat(2,1fr)}.plan-flag{left:22px}}
@media(max-width:959px){.setup-price{grid-template-columns:1fr}.setup-price-card{position:static}.price-summary{margin-left:0}.incl-grid{grid-template-columns:1fr}}
@media(max-width:767px){.plans{grid-template-columns:1fr}.price-table td{white-space:normal}.compare.price-table tbody tr.is-key{border-color:#b2ccff}}
/* v7: yearly plan waives setup */
.price-line b s{color:var(--faint);font-weight:500;margin-right:6px}
.price-line b em{font-style:normal;color:var(--green);font-weight:700}
.setup-free{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px 14px;border-radius:12px;background:var(--green-50);border:1px solid var(--green-100);font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.setup-free .icon{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:3px}
.setup-free b{color:#067647}
.save-row{display:flex;flex-wrap:wrap;gap:6px}
.plan .save.free{background:var(--blue);color:#fff;border-color:var(--blue)}
.price-table tbody tr.is-key td:nth-child(5){color:var(--green)}

/* ---- v8: five equal Telegram phones ---- */
.tg-flows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.tg-flow{margin:0;display:flex;flex-direction:column;min-width:0}
.tg-flow .tgp{flex:1;display:flex;max-width:none;width:100%;padding:7px;border-radius:30px}
.tg-flow .tgp-screen{flex:1;display:flex;flex-direction:column;border-radius:24px;min-height:0}
.tg-flow .tgp-body{flex:1;min-height:0;padding:12px 8px 20px;gap:6px}
.tg-flow .tgp-top{padding:14px 10px 10px;gap:8px}
.tg-flow .tgp-top img{width:32px;height:32px}
.tg-flow .tgp-top b{font-size:13px}
.tg-flow .tgp-top span{font-size:11px}
.tg-flow .tgm{font-size:12px;line-height:1.45;padding:7px 9px 4px;max-width:90%}
.tg-flow .tgm small{font-size:9.5px}
.tg-flow .tgk{width:90%}
.tg-flow .tgk span{font-size:11px;padding:7px 4px;border-radius:8px}
.tg-flow .tgp-day{font-size:10.5px}
.tg-flow .tg-file .xl{width:32px;height:32px;font-size:12px}
.tg-flow .tg-file b{font-size:12px;word-break:break-all}
.tg-flow .tg-mail-text{font-size:10.5px}
.tg-flow .tg-mail-head b{font-size:11px}.tg-flow .tg-mail-head span{font-size:10px}
.tg-file .xl.pdf{background:#c2410c}
.tg-flow figcaption{margin:18px 4px 0;min-height:92px}
.tg-flow figcaption b{display:block;font-size:15px;color:var(--ink);font-weight:650}
.tg-flow figcaption p{margin:6px 0 0;color:var(--body);font-size:13px;line-height:1.55}
.tg-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:34px}
.tg-foot .note-pill{margin-top:0}
.tg-scroll-hint{display:none}
.tg-scroll-hint span{color:var(--blue);margin-left:10px}
@media(min-width:1700px){.tg-flows{gap:24px}.tg-flow .tgm{font-size:13px}.tg-flow .tgk span{font-size:12px}}
@media(max-width:1199px){
  .tg-flows{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:thin}
  .tg-flow{flex:0 0 300px;scroll-snap-align:start}
  .tg-scroll-hint{display:inline-flex;align-items:center}
}
@media(max-width:767px){.tg-flow{flex-basis:272px}.tg-flow figcaption{min-height:0}}

/* priority badges in the firm list */
.prio{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:11.5px;font-weight:800}
.prio.a{background:#d1fadf;color:#067647}.prio.b{background:#fef0c7;color:#b54708}.prio.c{background:#fde3cc;color:#c2410c}

/* feature lists per agent */
.feature-list{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.feature-title{display:block;font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--muted);text-transform:uppercase;margin-bottom:14px}
.feature-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.feature-list li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.feature-list li::before{content:'';position:absolute;left:0;top:9px;width:14px;height:8px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg);border-radius:1px}
.feature-list.wide{margin-top:44px}
.feature-list ul.cols{grid-template-columns:1fr 1fr;gap:10px 40px}
@media(max-width:959px){.feature-list ul.cols{grid-template-columns:1fr}}

/* feed mockups: how a published post looks in the Instagram and LinkedIn feeds */
.feed-head{margin-top:56px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.feed-head p{margin:0;color:var(--body);font-size:14.5px}
.feed-row{display:grid;grid-template-columns:minmax(0,420px) minmax(0,560px);gap:28px;margin-top:22px;align-items:start}
.feed-card{margin:0;background:#fff;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);font-size:13px;color:#111827}
.feed-top{display:flex;align-items:center;gap:10px;padding:12px 14px}
.feed-top>div{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.feed-top b{font-size:13.5px;color:#111827}
.feed-top span{font-size:11.5px;color:#6b7280}
.feed-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2b2118,#8c6a4d);color:#fff;font-size:12px;font-weight:800;flex-shrink:0}
.feed-avatar.sq{border-radius:6px;width:44px;height:44px}
.feed-more{margin-left:auto;color:#374151;font-weight:700;letter-spacing:1px}
.feed-media .post{border-radius:0}
.feed-media.wide .post{aspect-ratio:1.91/1}
.feed-actions{display:flex;align-items:center;gap:16px;padding:10px 14px 4px}
.feed-actions .save{margin-left:auto}
.fi{display:inline-block;width:22px;height:22px;background:#111827;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;flex-shrink:0}
.fi.heart{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7.2-4.7-9.4-9.2A5.4 5.4 0 0 1 12 6.2a5.4 5.4 0 0 1 9.4 5.6C19.2 16.3 12 21 12 21z'/></svg>")}
.fi.comment{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a8.5 8.5 0 0 1-12.4 7.6L4 21l1.4-4.6A8.5 8.5 0 1 1 21 12z'/></svg>")}
.fi.send{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z'/></svg>")}
.fi.save{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 3h12v18l-6-4.2L6 21z'/></svg>")}
.fi.like{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M7 11v10H3V11h4zm0 0 4-8a2 2 0 0 1 2 2v4h5a2 2 0 0 1 2 2.3l-1.2 7A2 2 0 0 1 16.8 21H7'/></svg>")}
.fi.repost{--m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M17 2l4 4-4 4M3 11V8a2 2 0 0 1 2-2h16M7 22l-4-4 4-4M21 13v3a2 2 0 0 1-2 2H3'/></svg>")}
.feed-body{padding:6px 14px 14px}
.feed-body>b{display:block;font-size:13px;margin-bottom:4px}
.feed-body p{margin:0;line-height:1.45;color:#111827}
.feed-body p b{margin-right:4px}
.feed-body p span{color:#1d4ed8}
.feed-body small{display:block;color:#6b7280;font-size:12px;margin-top:5px}
.feed-text{padding:2px 14px 12px;color:#1f2937;line-height:1.5}
.feed-text p{margin:0 0 8px}
.feed-text .tags{color:#1d4ed8;margin:0}
.feed-stats{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;color:#6b7280;border-bottom:1px solid #e5e7eb}
.feed-stats span:first-child{display:inline-flex;align-items:center;gap:2px}
.rx{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;margin-right:-6px}
.rx.like{background:#378fe9}.rx.love{background:#df704d}.rx.idea{background:#f5bb5c;margin-right:6px}
.li-actions{justify-content:space-around;padding:8px 6px 10px}
.li-actions>span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:#4b5563}
.li-actions .fi{width:18px;height:18px;background:#4b5563}
.feed-card figcaption{padding:10px 14px;background:#f8fafc;border-top:1px solid #e5e7eb;font-size:11.5px;color:var(--muted);letter-spacing:.04em}
@media(max-width:959px){.feed-row{grid-template-columns:1fr;max-width:520px}}
/* intro tweens translate elements sideways before they enter view; keep the mobile layout viewport from growing */
html{overflow-x:clip}

/* ---- v10: WhatsApp ---- */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 14px;border-radius:40px;background:#25d366;color:#fff;font-size:14px;font-weight:700;box-shadow:0 12px 30px rgba(37,211,102,.35),0 2px 6px rgba(16,24,40,.15);transition:transform .25s,box-shadow .25s,background .25s}
.wa-float svg{width:30px;height:30px;fill:currentColor;flex-shrink:0}
.wa-float:hover{background:#1ebe5b;transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,211,102,.4),0 2px 6px rgba(16,24,40,.15)}
.wa-float:focus-visible{outline:3px solid #0f172a;outline-offset:3px}
body.menu-open .wa-float{display:none}
@media(max-width:767px){.wa-float{right:16px;bottom:16px;height:52px;width:52px;padding:0;justify-content:center;border-radius:50%}.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}.wa-float:hover{transform:none}}
.contact-direct a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2)}
.contact-direct a:hover{color:var(--blue);border-color:var(--blue)}
.contact-direct .wa-link{display:inline-flex;align-items:center;gap:8px;color:#15803d;border:0}
.contact-direct .wa-link svg{width:18px;height:18px;fill:currentColor}
.contact-direct .wa-link:hover{color:#166534}

/* ---- v11: micro-interactions and polish ---- */
:focus-visible{outline-color:var(--blue)}
.button{transition:background .25s,box-shadow .25s,border-color .25s,color .25s,transform .2s}
.button .icon{transition:transform .25s ease}
.button:hover .icon{transform:translateX(4px)}
.button:not(.magnetic):hover{transform:translateY(-1px)}
.button:not(.magnetic):active{transform:translateY(0) scale(.985)}
.button-primary:active{box-shadow:0 2px 6px rgba(29,91,216,.2)}
.button-outline:hover{background:var(--blue-50)}
.cta-panel .button-outline:hover{background:rgba(255,255,255,.08)}
.nav-cta{transition:border-color .25s,color .25s,background .25s,transform .2s}
.nav-cta:hover{background:var(--blue-50)}
.text-link .icon{transition:transform .25s ease}
.text-link:hover .icon{transform:translateX(5px)}
.desktop-nav>a,.nav-drop-btn{transition:color .25s}
.circle-button{transition:background .25s,color .25s,border-color .25s,transform .2s}
.circle-button:hover{transform:scale(1.06)}
.plan,.planned-card,.day,.incl-card,.feed-card,.road-card,.eff,.principle,.cost-card,.mgmt-card,.split-card,.how-card,.tg-card,.sector-tile,.post,.slide,.mail-window,.sheet,.ref-logo-item{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.plan:hover,.planned-card:hover,.day:hover,.incl-card:hover,.road-card:hover,.cost-card:hover,.mgmt-card:hover,.split-card:hover,.how-card:hover,.tg-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.feed-card:hover,.mail-window:hover,.sheet:hover,.slide:hover{transform:translateY(-3px)}
.posts-grid .post:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 30px 60px rgba(16,24,40,.22)}
.ref-logo-item:hover{box-shadow:var(--shadow)}
.sector-tile:hover{border-color:var(--line-2)}
.system-card{transition:border-color .35s,box-shadow .35s}
.system-card:hover{box-shadow:var(--shadow-lg)}
.compare tbody tr,.sheet tbody tr,.schedule tbody tr,.price-table tbody tr{transition:background .2s}
.compare tbody tr:hover th,.compare tbody tr:hover td{background:#f8fafc}
.compare tbody tr:hover td:last-child{background:#eef3ff}
.sheet tbody tr:hover td{background:#f5f8ff}
.schedule tbody tr:hover td,.schedule tbody tr:hover th{background:#f8fafc}
.price-table tbody tr:hover td{background:#f5f8ff}
.faq-list summary{transition:color .2s}
.faq-list summary:hover{color:var(--blue)}
.faq-list summary>span{transition:transform .3s,color .2s}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.drop-item{transition:background .2s}
.footer-middle nav a,.footer-systems a,.legal-trigger,.crumbs a,.contact-direct a{transition:color .2s,border-color .2s}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:90;pointer-events:none}
.scroll-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#0ea5e9);transform:scaleX(0);transform-origin:left;transition:transform .08s linear}
.js .wa-float{animation:wa-in .6s cubic-bezier(.2,.8,.2,1) 1.1s both}
.wa-float::before{content:'';position:absolute;inset:-6px;border-radius:inherit;border:2px solid rgba(37,211,102,.55);animation:wa-ring 2.4s ease-out 2s 3;opacity:0;pointer-events:none}
@keyframes wa-in{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}
@keyframes wa-ring{0%{opacity:.8;transform:scale(.92)}70%{opacity:0;transform:scale(1.25)}100%{opacity:0;transform:scale(1.25)}}
.how-chat .tgk a{display:block;text-align:center;font-size:12.5px;font-weight:650;color:#fff;background:rgba(58,76,56,.42);padding:8px 6px;border-radius:9px;transition:background .2s}
.how-chat .tgk a:hover{background:rgba(5,120,85,.82)}
.hero-stats a{color:inherit;border-bottom:2px solid var(--blue-100);transition:border-color .2s,color .2s}
.hero-stats a:hover{color:var(--blue);border-color:var(--blue)}
@media(prefers-reduced-motion:reduce){
  .button,.button .icon,.text-link .icon,.plan,.planned-card,.day,.incl-card,.feed-card,.road-card,.eff,.principle,.cost-card,.mgmt-card,.split-card,.how-card,.tg-card,.post,.slide,.mail-window,.sheet,.circle-button{transition:none}
  .plan:hover,.planned-card:hover,.day:hover,.incl-card:hover,.road-card:hover,.cost-card:hover,.mgmt-card:hover,.split-card:hover,.how-card:hover,.tg-card:hover,.feed-card:hover,.mail-window:hover,.sheet:hover,.slide:hover,.posts-grid .post:hover,.button:not(.magnetic):hover,.circle-button:hover{transform:none}
  .js .wa-float{animation:none}.wa-float::before{animation:none}
}

/* ---- v12: layout rhythm ---- */
.showcase-layout{align-items:start}
.showcase-layout>.sheet,.showcase-layout>.mail-window{position:sticky;top:112px}
@media(max-width:959px){.showcase-layout>.sheet,.showcase-layout>.mail-window{position:static}}
.tg-flow .tgp-body{justify-content:flex-start}
.footer-contact{margin-left:auto;display:inline-flex;gap:18px;align-items:center;font-size:14px}
.footer-contact a{color:#cbd5e1}
.footer-contact a:last-child{color:#4ade80}
.footer-contact a:hover{color:#fff}
@media(max-width:767px){.footer-contact{margin-left:0;width:100%}}
.hero-stats.links b{font-size:clamp(18px,1.5vw,22px);letter-spacing:-.3px}
.hero-stats.links a{border-bottom-width:1px}

/* ---- v13: compact Telegram phones (chats start at the top, equal and shorter) ---- */
.tg-flow .tgp-body{min-height:0;gap:5px;padding:10px 8px 14px}
.tg-flow .tgp-top{padding:11px 10px 8px;gap:7px}
.tg-flow .tgp-top img{width:28px;height:28px}
.tg-flow .tgp-top b{font-size:12.5px}
.tg-flow .tgp-top span{font-size:10.5px}
.tg-flow .tgp-day{font-size:10px;padding:2px 10px;margin-bottom:2px}
.tg-flow .tgm{font-size:11.5px;line-height:1.4;padding:6px 8px 3px;border-radius:12px 12px 12px 4px}
.tg-flow .tgm.me{border-radius:12px 12px 4px 12px}
.tg-flow .tgm small{font-size:9px;margin-top:1px}
.tg-flow .tgk{gap:3px;margin-top:-2px}
.tg-flow .tgk span{font-size:10.5px;padding:6px 4px;border-radius:7px}
.tg-flow .tg-file{gap:8px;padding:3px 0 6px;margin-bottom:4px}
.tg-flow .tg-file .xl{width:28px;height:28px;font-size:11px;border-radius:7px}
.tg-flow .tg-file b{font-size:11.5px}
.tg-flow .tg-file small{font-size:9.5px}
.tg-flow .tg-mail{margin:6px 0 3px}
.tg-flow .tg-mail-head{padding:6px 8px}
.tg-flow .tg-mail-strip{padding:6px;gap:3px}
.tg-flow .tg-mail-strip img{aspect-ratio:1.45/1}
.tg-flow .tg-mail-text{padding:0 8px 7px;font-size:10px;line-height:1.4}
.tg-flow .tg-post{aspect-ratio:1.3/1;margin:-3px -5px 6px;width:calc(100% + 10px)}
.tg-flow figcaption{margin-top:14px;min-height:0}
@media(min-width:1700px){.tg-flow .tgm{font-size:12.5px}.tg-flow .tgk span{font-size:11.5px}}

/* ---- v15: hero status cards carry agent + task; system cards are fully clickable ---- */
.hero-chip{align-items:center;gap:10px;padding:9px 13px 9px 11px;white-space:nowrap}
.hero-chip>div{display:flex;flex-direction:column;line-height:1.2}
.hero-chip b{font-size:12px;font-weight:650;color:var(--ink)}
.hero-chip small{font-size:10.5px;color:var(--muted);margin-top:2px;font-weight:500}
.signal-one>span{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}
.signal-one small{font-size:10.5px;color:var(--muted);margin-top:2px;font-weight:500}
.signal-one .signal-progress{margin-top:7px}
.signal-two{white-space:nowrap}
.signal-two small{font-size:10.5px}
.chip-mail{right:-78px;top:192px}
.chip-social{left:-24px;top:-34px}
.chip-inbox{left:-60px;top:236px}
.signal-two{left:-30px;bottom:40px}
.chip-chart{right:-34px;bottom:-48px}
@media(max-width:1199px){.hero-chip b{font-size:11px}.hero-chip small,.signal-one small,.signal-two small{font-size:10px}.chip-mail{right:-10px;top:162px}.chip-social{left:-14px;top:-40px}.chip-inbox{left:-34px;top:226px}.signal-two{left:-5px;bottom:18px}.chip-chart{right:-6px;bottom:-62px}}
@media(max-width:767px){.hero-chip small,.signal-one small,.signal-two small{display:none}.hero-chip b{font-size:9px;font-weight:600}.hero-chip{padding:6px 8px;gap:6px}.chip-mail{right:-26px;top:118px}.chip-social{left:-18px;top:-12px}.chip-inbox{left:-30px;top:180px}.signal-two{left:-25px;bottom:22px}.chip-chart{right:-8px;bottom:-34px}}
.system-card .text-link::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:1}
.system-card:hover .text-link{color:var(--blue-d)}
.system-card:hover .text-link .icon{transform:translateX(5px)}
.system-card .text-link:focus-visible{outline:none}
.system-card:has(.text-link:focus-visible){outline:2px solid var(--blue);outline-offset:4px}

/* ---- v16: language switch ---- */
.lang-switch{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;font-size:11.5px;font-weight:750;letter-spacing:.08em;line-height:1;background:#fff}
.lang-switch>*{padding:9px 10px;color:var(--muted);text-decoration:none;transition:color .2s,background .2s}
.lang-switch a:hover{color:var(--ink);background:var(--blue-50)}
.lang-switch [aria-current]{background:var(--ink);color:#fff}
.header .lang-switch{margin-left:auto;margin-right:14px;flex-shrink:0}
.header .nav-cta{margin-left:0}
.menu-lang{margin-top:22px}
.footer-left{display:inline-flex;align-items:center;gap:18px;flex-wrap:wrap}
.footer-bottom{padding-right:230px}
@media(max-width:767px){.footer-bottom{padding-right:0;padding-bottom:84px}}
.footer-bottom .lang-switch{border-color:rgba(255,255,255,.18);background:transparent;font-size:10.5px}
.footer-bottom .lang-switch>*{padding:6px 8px;color:#94a3b8}
.footer-bottom .lang-switch a:hover{color:#fff;background:rgba(255,255,255,.08)}
.footer .footer-bottom .lang-switch span[aria-current]{background:#fff;color:#0f172a}
.footer-bottom>div{display:inline-flex;align-items:center;gap:16px}
@media(max-width:959px){.header .lang-switch{margin-left:auto;margin-right:12px}.header .nav-cta{margin-left:0;margin-right:16px}}
@media(max-width:767px){.header .lang-switch{margin-left:auto;margin-right:12px;font-size:11px}.header .lang-switch>*{padding:8px 9px}}
.menu-lang .lang-switch{font-size:12px}
.menu-lang .lang-switch>*{padding:10px 14px}

/* ---- v17: five nav items + language switch need ~1200px; below that use the menu button ---- */
@media(min-width:960px) and (max-width:1199px){
  .desktop-nav{display:none}
  .menu-toggle{display:block}
  .mobile-menu{display:flex;flex-direction:column;position:fixed;inset:0;z-index:70;padding:130px var(--gutter) 45px;visibility:hidden;opacity:0;pointer-events:none;overflow-y:auto}
  .mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto}
  .mobile-menu>a{font-size:32px;letter-spacing:-.8px;font-weight:500;display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);line-height:1.3;max-width:720px}
  .mobile-menu>a>span{font-size:10.5px;letter-spacing:1px}
  .mobile-menu>p{font-size:12px;margin-top:35px;line-height:1.9}
  .mobile-menu .menu-group,.menu-lang{max-width:720px}
  .header .lang-switch{margin-left:auto;margin-right:12px}
  .header .nav-cta{margin-left:0;margin-right:16px}
}
@media(min-width:1200px) and (max-width:1439px){.desktop-nav{gap:14px;margin-left:20px}.desktop-nav>a,.nav-drop-btn{font-size:13px}.header .lang-switch{margin-right:10px}.nav-cta{padding:10px 13px}}
@media(min-width:1200px) and (max-width:1279px){.desktop-nav{gap:12px;margin-left:18px}.desktop-nav>a,.nav-drop-btn{font-size:12.5px}.header .lang-switch>*{padding:9px}.nav-cta{padding:10px 12px}}

/* ---- v18: Biz Kimiz / About Us ---- */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fact-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:24px 28px 18px;max-width:520px;margin-left:auto;width:100%}
.fact-card-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.fact-card-head img{width:34px;height:auto;flex-shrink:0}
.fact-card-head b{display:block;font-size:16px;color:var(--ink);letter-spacing:-.2px}.fact-card-head span{font-size:12.5px;color:var(--muted)}
.fact-row{display:grid;grid-template-columns:118px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.5}
.fact-row:last-child{border-bottom:0}
.fact-row>span{color:var(--muted);font-size:11px;letter-spacing:.1em;font-weight:750;text-transform:uppercase;padding-top:3px}
.fact-row>b{font-weight:550;color:var(--ink)}.fact-row small{display:block;color:var(--muted);font-size:13px;margin-top:3px;font-weight:450}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.story-grid h2{margin:0}.story-text p{font-size:17px;line-height:1.8;color:var(--body);margin:0 0 18px}.story-text p:last-child{margin-bottom:0}
.founder{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:48px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow-sm)}
.photo{position:relative;aspect-ratio:4/5;border-radius:16px;background:linear-gradient(160deg,var(--blue-50),#e9edf4);border:1px dashed var(--line-2);display:grid;place-items:center;overflow:hidden;color:var(--muted)}
.photo .icon{width:64px;height:64px;color:var(--blue);opacity:.5}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo em{position:absolute;bottom:14px;left:14px;right:14px;font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;color:var(--muted);text-align:center}
.person-role{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.12em;font-weight:750;color:var(--blue);text-transform:uppercase;margin-bottom:12px}
.founder h3{font-size:clamp(28px,2.6vw,38px);letter-spacing:-1px;margin:0 0 18px;color:var(--ink);font-weight:650}
.founder p{font-size:16.5px;line-height:1.75;color:var(--body);margin:0 0 14px;max-width:620px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tags span{border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--ink-2);background:var(--paper)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.person{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 20px 24px;box-shadow:var(--shadow-sm)}
.person .photo{aspect-ratio:1;margin-bottom:18px}
.person .person-role{margin-bottom:6px;font-size:11px}
.person h3{font-size:21px;letter-spacing:-.4px;margin:0 0 4px;color:var(--ink);font-weight:650}
.person p{font-size:14.5px;line-height:1.65;color:var(--body);margin:10px 0 0}
.founder,.person,.fact-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.person:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
@media(max-width:1199px){.team-grid{grid-template-columns:repeat(2,1fr)}.story-grid{gap:36px}}
@media(max-width:959px){.founder{grid-template-columns:1fr;gap:28px;padding:24px}.founder .photo{max-width:320px}.story-grid{grid-template-columns:1fr;gap:28px}.fact-card{max-width:none;padding:20px 20px 14px}}
@media(max-width:639px){.team-grid{grid-template-columns:1fr}.fact-row{grid-template-columns:1fr;gap:4px}.person .photo{max-width:260px}}
@media(prefers-reduced-motion:reduce){.founder,.person,.fact-card{transition:none}.person:hover{transform:none}}

/* ---- v20: desktop tabs centred between brand and language switch ---- */
@media(min-width:1200px){.desktop-nav{margin-left:auto;margin-right:auto}.header .lang-switch{margin-left:0}}

/* ---- v21: mission / vision ---- */
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.mv{border:1px solid var(--line);border-radius:14px;padding:18px 20px 16px;background:#fff;box-shadow:var(--shadow-sm)}
.mv span{display:block;font-size:11px;letter-spacing:.12em;font-weight:750;color:var(--blue);text-transform:uppercase;margin-bottom:8px}
.story-text .mv p{margin:0;font-size:15px;line-height:1.65;color:var(--ink-2)}
@media(max-width:639px){.mv-grid{grid-template-columns:1fr}}
.photo:has(img){border:1px solid var(--line);background:#e9edf4}
/* ---- v22: team cards centred (two members), card width = former 3-column width ---- */
.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.team-grid .person{flex:1 1 300px;max-width:412px}

/* ---- v24: minimum tap-target height for small footer / switch controls on touch widths ---- */
@media(max-width:959px){.footer-middle nav a,.footer-systems a,.footer-contact a{display:inline-block;padding:6px 0}.legal-trigger{padding:6px 4px}.lang-switch>*{padding:10px 11px}}
@media(max-width:959px){.footer-bottom .lang-switch>*{padding:9px 10px}.footer-bottom .legal-trigger{padding:6px 4px}}

/* ---- v25: footer contact line with email on phones ---- */
@media(max-width:767px){.footer-contact{display:flex;flex-wrap:wrap;gap:2px 18px;width:100%}.footer-contact a{white-space:nowrap}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:96px}}

/* ---- v27: consent checkbox, send status, legal dialog with real texts ---- */
.form-consent{margin:4px 0 18px}
.form-consent .check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--body);cursor:pointer;text-transform:none;letter-spacing:0;font-weight:450}
.form-consent .check>span>span{color:var(--blue)}
.form-consent input{margin:3px 0 0;width:16px;height:16px;flex-shrink:0;accent-color:var(--blue)}
.form-consent .link{margin:6px 0 0 26px}
.link{background:none;border:0;padding:0;color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:13px;font-weight:600}
.hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}
.form-status.is-error{position:static;width:auto;height:auto;margin:14px 0 0;clip:auto;clip-path:none;overflow:visible;white-space:normal;color:var(--amber);font-size:13.5px;line-height:1.5}
dialog{max-width:760px;max-height:86vh;overflow:auto;overscroll-behavior:contain}
.legal-copy h3{font-size:16px;margin:22px 0 6px;color:var(--ink);font-weight:650}
.legal-copy p,.legal-copy li{font-size:14.5px;line-height:1.7;color:var(--body);margin:0 0 10px}
.legal-copy ul{padding-left:20px;margin:0 0 10px}
.legal-copy .legal-meta{font-size:12px;color:var(--muted);margin-bottom:12px}
.legal-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
@media(max-width:767px){dialog{max-height:90vh}}
.form-consent .check>span{color:var(--body)}