@font-face{font-family:'Priestacy';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/priestacy.woff') format('woff')}
@charset "UTF-8";
/*
Theme Name: Zayboost
Theme URI: https://zayboost.com/
Author: Zayboost
Description: Custom landing-page theme for Zayboost — YouTube thumbnail strategy, video editing, shorts and channel management.
Version: 2.2.1
License: GNU General Public License v2 or later
Text Domain: zayboost
*/

    :root {
      --bg:#090b0a;
      --surface:#101310;
      --panel:#151815;
      --ink:#f5f7f2;
      --muted:#a6aba4;
      --line:#31352f;
      --lime:#b7ff00;
      --forest:#b7ff00;
      --orange:#b7ff00;
      --pink:#dcff83;
      --blue:#b7ff00;
      --shadow:0 24px 70px rgba(0,0,0,.38);
      --display:"Archivo", sans-serif;
      --mono:"Geist Mono", ui-monospace, monospace;
      --max:1240px;
      color-scheme:dark;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; overflow-x:hidden; color:var(--ink); background:var(--bg); font-family:var(--display); line-height:1.45; }
    a { color:inherit; }
    button,input { font:inherit; }
    button { color:inherit; cursor:pointer; }
    .wrap { width:min(var(--max), calc(100% - 48px)); margin-inline:auto; }
    .mono { font-family:var(--mono); }
    .top-tape { min-height:36px; display:flex; align-items:center; justify-content:center; gap:11px; padding:8px 18px; color:#0d0e10; background:var(--lime); font:600 11px/1.2 var(--mono); letter-spacing:.04em; text-align:center; text-transform:uppercase; }
    .top-tape i { width:7px; height:7px; flex:none; border-radius:50%; background:#0d0e10; animation:blink 1.3s steps(2,end) infinite; }
    @keyframes blink { 50% { opacity:.25; } }
    .nav-shell { position:sticky; top:0; z-index:30; border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--bg) 92%,transparent); backdrop-filter:blur(14px); }
    .nav-shell nav { min-height:70px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; }
    .brand { justify-self:start; text-decoration:none; font-size:24px; font-weight:800; letter-spacing:-.055em; }
    .brand b { color:var(--blue); }
    .nav-links { display:flex; align-items:center; justify-content:center; gap:26px; }
    .nav-links a { position:relative; padding:8px 0; color:var(--muted); text-decoration:none; font:500 12px/1 var(--mono); text-transform:uppercase; }
    .nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:var(--ink); transition:right .25s ease; }
    .nav-links a:hover::after { right:0; }
    .nav-cta { justify-self:end; }
    .btn { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:0 20px; border:1px solid var(--ink); border-radius:8px; background:transparent; text-decoration:none; font:600 12px/1 var(--mono); text-transform:uppercase; transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease; }
    .btn:hover { transform:translateY(-3px); box-shadow:6px 6px 0 var(--ink); }
    .btn-dark { color:#f2e6d3; background:#0d0e10; border-color:#0d0e10; }
    .btn-lime { color:#0d0e10; background:var(--lime); border-color:var(--lime); }
    .btn-ghost { background:var(--surface); }
    .arrow { font-size:18px; line-height:0; transition:transform .2s ease; }
    .btn:hover .arrow { transform:translate(3px,-3px); }

    .hero { position:relative; min-height:calc(100vh - 106px); display:grid; align-items:center; padding:72px 0 48px; border-bottom:1px solid var(--line); }
    .hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr); gap:70px; align-items:center; }
    .availability { width:max-content; display:flex; align-items:center; gap:10px; margin:0 0 24px; padding:8px 11px; border:1px solid var(--line); border-radius:4px; background:var(--surface); font:600 10px/1 var(--mono); letter-spacing:.04em; text-transform:uppercase; }
    .availability::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 35%,transparent); }
    h1,h2,h3,p { margin-top:0; }
    h1,h2,h3 { line-height:.94; letter-spacing:-.055em; }
    h1 { max-width:760px; margin-bottom:26px; font-size:clamp(58px,7.2vw,108px); font-weight:800; }
    h1 .strike { position:relative; display:inline-block; z-index:0; }
    h1 .strike::after { content:""; position:absolute; left:-.02em; right:-.03em; bottom:.08em; height:.24em; z-index:-1; background:var(--lime); transform:rotate(-1.5deg); }
    .hero-copy { max-width:660px; margin-bottom:30px; text-wrap:balance; color:var(--muted); font-size:clamp(17px,1.65vw,21px); }
    .hero-actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
    .hero-proof { display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:center; margin-top:40px; }
    .proof-score { padding-right:18px; border-right:1px solid var(--line); }
    .proof-score strong { display:block; font-size:28px; line-height:1; letter-spacing:-.04em; }
    .proof-score span,.proof-note { color:var(--muted); font:500 11px/1.4 var(--mono); }

    .signal-board { position:relative; min-height:560px; display:grid; place-items:center; border:1px solid #0d0e10; border-radius:24px; overflow:hidden; background:#0d0e10; color:#f2e6d3; box-shadow:var(--shadow); }
    .board-head { position:absolute; inset:0 0 auto; min-height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid #34373a; font:500 10px/1 var(--mono); text-transform:uppercase; }
    .board-live { display:flex; align-items:center; gap:8px; color:var(--lime); }
    .board-live::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
    .radar { position:relative; width:min(78%,430px); aspect-ratio:1; display:grid; place-items:center; border:1px solid #3b3e42; border-radius:50%; }
    .radar::before,.radar::after { content:""; position:absolute; border:1px solid #3b3e42; border-radius:50%; }
    .radar::before { inset:16%; }
    .radar::after { inset:33%; }
    .sweep { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, transparent 0 72%, color-mix(in srgb,var(--lime) 24%,transparent) 88%, transparent 100%); animation:sweep 5s linear infinite; }
    @keyframes sweep { to { transform:rotate(360deg); } }
    .radar-core { position:relative; z-index:2; width:120px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; color:#0d0e10; background:var(--lime); text-align:center; }
    .radar-core strong { display:block; font-size:38px; line-height:.8; }
    .radar-core span { display:block; margin-top:8px; font:600 9px/1.2 var(--mono); text-transform:uppercase; }
    .orbit-label { position:absolute; z-index:3; display:flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid #3b3e42; border-radius:4px; background:#151719; font:500 9px/1 var(--mono); white-space:nowrap; }
    .orbit-label::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--dot,var(--lime)); box-shadow:0 0 0 3px color-mix(in srgb,var(--dot,var(--lime)) 20%,transparent); }
    .o1 { left:-7%; top:24%; --dot:var(--orange); }
    .o2 { right:-12%; top:20%; --dot:var(--pink); }
    .o3 { right:-8%; bottom:19%; --dot:var(--blue); }
    .o4 { left:-4%; bottom:16%; --dot:var(--lime); }
    .board-foot { position:absolute; inset:auto 0 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #34373a; }
    .board-stat { padding:15px; border-right:1px solid #34373a; }
    .board-stat:last-child { border-right:0; }
    .board-stat strong { display:block; color:var(--lime); font-size:22px; line-height:1; }
    .board-stat span { display:block; margin-top:5px; color:#a6aaa7; font:500 9px/1.3 var(--mono); text-transform:uppercase; }

    .service-index-strip { border-bottom:1px solid var(--line); background:var(--surface); }
    .service-index-grid { display:grid; grid-template-columns:repeat(5,1fr); }
    .service-index-grid div { min-height:76px; display:flex; align-items:center; gap:11px; padding:14px 18px; border-right:1px solid var(--line); font:600 11px/1.25 var(--mono); text-transform:uppercase; }
    .service-index-grid div:last-child { border-right:0; }
    .service-index-grid b { color:var(--blue); }

    section { padding:104px 0; border-bottom:1px solid var(--line); }
    .section-top { display:grid; grid-template-columns:150px minmax(0,1fr); gap:30px; margin-bottom:54px; }
    .section-tag { padding-top:8px; color:var(--blue); font:600 11px/1 var(--mono); text-transform:uppercase; }
    .section-top h2 { max-width:900px; margin-bottom:18px; font-size:clamp(44px,5.4vw,78px); }
    .section-top p { max-width:680px; margin-bottom:0; color:var(--muted); font-size:18px; }

    .system { background:var(--surface); }
    .system-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:22px; }
    .system-copy { display:flex; flex-direction:column; justify-content:space-between; min-height:580px; padding:34px; border:1px solid var(--line); border-radius:16px; background:var(--bg); }
    .system-copy h3 { max-width:520px; font-size:clamp(36px,4vw,58px); }
    .system-copy > p { color:var(--muted); font-size:17px; }
    .foundations { list-style:none; margin:30px 0 0; padding:0; border-top:1px solid var(--line); }
    .foundations li { display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; padding:15px 0; border-bottom:1px solid var(--line); font:500 11px/1.2 var(--mono); text-transform:uppercase; }
    .foundations .status { color:var(--forest); font-weight:600; }
    .foundations .status { color:var(--lime); }
    .signal-map { position:relative; min-height:580px; overflow:hidden; border:1px solid #2c3032; border-radius:16px; background:#0d0e10; color:#f2e6d3; }
    .map-grid { position:absolute; inset:0; opacity:.28; background-image:linear-gradient(#34373a 1px,transparent 1px),linear-gradient(90deg,#34373a 1px,transparent 1px); background-size:40px 40px; }
    .pipeline { position:absolute; inset:68px 40px 40px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; align-items:center; }
    .pipe-stage { position:relative; min-height:290px; display:flex; flex-direction:column; justify-content:space-between; padding:18px; border:1px solid #3a3d40; border-radius:10px; background:#151719; }
    .pipe-stage::after { content:"→"; position:absolute; right:-18px; top:50%; z-index:3; color:var(--lime); font:600 18px/1 var(--mono); }
    .pipe-stage:last-child::after { display:none; }
    .pipe-stage .num { color:#8b8f8c; font:500 10px/1 var(--mono); }
    .pipe-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#0d0e10; background:var(--accent,var(--lime)); font:700 18px/1 var(--mono); }
    .pipe-stage h4 { margin:14px 0 8px; font-size:21px; line-height:1; }
    .pipe-stage p { margin:0; color:#a6aaa7; font:500 10px/1.45 var(--mono); }
    .map-label { position:absolute; top:18px; left:18px; font:500 10px/1 var(--mono); text-transform:uppercase; }
    .map-label.right { left:auto; right:18px; color:var(--lime); }

    .services { background:var(--bg); }
    .service-console { display:grid; grid-template-columns:.78fr 1.22fr; min-height:620px; border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:var(--shadow); }
    .service-tabs { background:var(--surface); }
    .service-tab { width:100%; min-height:112px; display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:22px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; }
    .service-tab:last-child { border-bottom:0; }
    .service-tab:hover,.service-tab[aria-selected="true"] { background:var(--lime); color:#0d0e10; }
    .service-tab .tn { font:600 11px/1 var(--mono); }
    .service-tab strong { font-size:22px; line-height:1; letter-spacing:-.035em; }
    .service-tab .tab-arrow { font:500 16px/1 var(--mono); }
    .service-stage { position:relative; min-width:0; background:#0d0e10; color:#f2e6d3; }
    .service-panel { min-height:620px; display:none; padding:30px; }
    .service-panel.active { display:flex; flex-direction:column; }
    .panel-kicker { display:flex; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid #36393c; color:#a6aaa7; font:500 10px/1 var(--mono); text-transform:uppercase; }
    .panel-kicker b { color:var(--lime); }
    .service-panel h3 { max-width:620px; margin:34px 0 16px; font-size:clamp(38px,4vw,62px); }
    .service-panel > p { max-width:620px; color:#adb0ad; font-size:16px; }
    .ui-demo { min-height:250px; display:grid; align-content:center; gap:12px; margin-top:auto; padding:22px; border:1px solid #3a3d40; border-radius:12px; background:#151719; }
    .title-row { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; padding:15px; border:1px solid #36393c; border-radius:7px; font:500 11px/1.4 var(--mono); }
    .title-row b { color:var(--lime); }
    .title-row span:last-child { color:#7f8380; }
    .timeline { display:grid; grid-template-columns:repeat(7,1fr); gap:6px; align-items:end; height:112px; padding:14px 0 0; }
    .timeline i { display:block; min-height:24px; border-radius:3px 3px 0 0; background:var(--accent,var(--lime)); opacity:.9; }
    .hook-board { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
    .hook-board div { min-height:112px; padding:14px; border:1px solid #3a3d40; border-radius:8px; font:500 10px/1.4 var(--mono); }
    .hook-board b { display:block; margin-bottom:26px; color:var(--lime); }
    .calendar { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
    .calendar div { min-height:112px; padding:10px; border:1px solid #3a3d40; border-radius:7px; color:#8f9390; font:500 9px/1.3 var(--mono); }
    .calendar b { display:block; margin-top:18px; color:#f2e6d3; }
    .panel-foot { display:flex; justify-content:space-between; gap:20px; margin-top:18px; color:#a6aaa7; font:500 10px/1.4 var(--mono); text-transform:uppercase; }
    .panel-foot strong { color:var(--lime); }

    .work { background:var(--surface); }
    .lab-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; }
    .compare { --cut:50%; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--bg); }
    .compare-stage { position:relative; min-height:470px; overflow:hidden; background:#24272a; }
    .concept { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:32px; }
    .concept.before { background:#32363a; color:#c4c7c4; }
    .concept.after { width:var(--cut); overflow:hidden; z-index:2; color:#0d0e10; background:var(--lime); box-shadow:4px 0 0 #f2e6d3; }
    .concept-inner { width:calc((100vw - 48px) * .66); min-width:680px; }
    .thumb-tag { font:600 10px/1 var(--mono); text-transform:uppercase; }
    .thumb-heading { max-width:650px; margin-top:90px; font-size:clamp(48px,6vw,88px); font-weight:800; line-height:.82; letter-spacing:-.07em; text-transform:uppercase; }
    .before .thumb-heading { max-width:500px; font-size:clamp(34px,4vw,58px); letter-spacing:-.04em; opacity:.7; }
    .thumb-corner { width:84px; aspect-ratio:1; display:grid; place-items:center; margin-left:auto; border:2px solid currentColor; border-radius:50%; font:600 13px/1 var(--mono); }
    .compare-info { display:grid; grid-template-columns:1fr 220px; gap:24px; align-items:center; padding:24px; }
    .compare-info h3 { margin-bottom:7px; font-size:28px; }
    .compare-info p { margin:0; color:var(--muted); }
    .compare-info label { display:block; margin-bottom:8px; font:600 9px/1 var(--mono); text-transform:uppercase; }
    input[type="range"] { width:100%; accent-color:var(--blue); }
    .lab-notes { display:grid; gap:12px; }
    .lab-card { min-height:144px; display:grid; grid-template-columns:50px 1fr; gap:15px; align-content:start; padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--bg); }
    .lab-card .lab-n { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#0d0e10; background:var(--accent,var(--orange)); font:600 11px/1 var(--mono); }
    .lab-card h3 { margin:3px 0 8px; font-size:23px; }
    .lab-card p { margin:0; color:var(--muted); font-size:14px; }

    /* Reference-matched animated creator funnel */
    .process { padding:112px 0; color:#11130f; background:#f2f2ed; }
    .process .wrap { width:min(1280px,calc(100% - 64px)); }
    .process-layout { display:grid; grid-template-columns:minmax(0,.78fr) minmax(470px,1.22fr); gap:72px; align-items:center; }
    .process-label { width:max-content; display:flex; align-items:center; gap:9px; margin:0 0 28px; padding:7px 12px; border:1px solid #d0d1ca; border-radius:999px; color:#3e413b; background:#e8e9e3; font:600 10px/1 var(--mono); }
    .process-label::before { content:""; width:6px; height:6px; border-radius:50%; background:#b7ff00; box-shadow:0 0 0 3px rgba(191,255,34,.2); }
    .process-title { max-width:650px; margin:0 0 24px; color:#0b0d0a; font-size:clamp(58px,6.6vw,94px); font-weight:900; line-height:.87; letter-spacing:-.075em; }
    .process-title .line { display:block; }
    .process-title mark { display:inline-block; padding:.02em .08em .09em; border-radius:.1em; color:#0a0b09; background:#b7ff00; line-height:.82; }
    .process-sub { max-width:570px; margin:0 0 34px; color:#565a52; font-size:15px; line-height:1.55; }
    .process-steps { margin:0; padding:0; list-style:none; border-top:1px solid #cfd1ca; }
    .process-step { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:13px; align-items:start; padding:17px 0; border-bottom:1px solid #cfd1ca; transition:opacity .35s ease; }
    .process-step-dot { width:21px; height:21px; display:grid; place-items:center; margin-top:1px; border:1px solid #aeb1a9; border-radius:50%; color:#747870; background:transparent; font:600 8px/1 var(--mono); transition:transform .38s cubic-bezier(.2,1.5,.3,1),background .3s ease,border-color .3s ease,color .3s ease; }
    .process-step h3 { margin:0 0 6px; color:#4d504a; font-size:18px; font-weight:650; line-height:1; letter-spacing:-.025em; transition:color .3s ease,font-weight .3s ease; }
    .process-step p { max-width:430px; margin:0; color:#777b74; font:500 10px/1.45 var(--mono); transition:color .3s ease; }
    .process-step time { margin-top:2px; padding:5px 8px; border:1px solid #c5c7c0; border-radius:999px; color:#70746c; font:600 7px/1 var(--mono); letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; transition:color .3s ease,border-color .3s ease,background .3s ease; }
    .process-step.is-active .process-step-dot { color:#0b0d0a; border-color:#b7ff00; background:#b7ff00; transform:scale(1.08); }
    .process-step.is-active h3 { color:#0b0d0a; font-weight:850; }
    .process-step.is-active p { color:#343730; }
    .process-step.is-active time { color:#0b0d0a; border-color:#b7ff00; background:#b7ff00; }

    .creator-funnel-wrap { min-width:0; }
    .creator-funnel { position:relative; min-height:650px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:26px 20px 18px; overflow:hidden; }
    .funnel-segment { --segment-width:100%; --taper:7%; position:relative; width:var(--segment-width); min-height:132px; display:grid; place-items:center; margin-top:-1px; overflow:hidden; isolation:isolate; clip-path:polygon(0 0,100% 0,calc(100% - var(--taper)) 100%,var(--taper) 100%); background:#dedfd9; border-bottom:2px solid #f2f2ed; color:#161813; }
    .funnel-segment:nth-child(2) { --segment-width:86%; --taper:8%; }
    .funnel-segment:nth-child(3) { --segment-width:72.2%; --taper:9.5%; }
    .funnel-segment:nth-child(4) { --segment-width:58.4%; --taper:13%; min-height:122px; border-bottom:0; }
    .funnel-fill { position:absolute; z-index:-1; inset:0; background:#b7ff00; transform:scaleY(0); transform-origin:top center; transition:transform .82s cubic-bezier(.2,.75,.2,1); }
    .funnel-segment.is-filled .funnel-fill { transform:scaleY(1); }
    .funnel-value { position:relative; z-index:2; text-align:center; font-variant-numeric:tabular-nums; }
    .funnel-value small { display:block; margin-bottom:7px; color:#60645c; font:650 8px/1 var(--mono); letter-spacing:.13em; text-transform:uppercase; }
    .funnel-value strong { display:block; min-width:8ch; color:#11130f; font-size:clamp(34px,4.3vw,62px); font-weight:850; line-height:.86; letter-spacing:-.06em; }
    .funnel-particle { position:absolute; z-index:1; width:3px; height:3px; border-radius:50%; background:#7ba400; opacity:.28; animation:particleDrift var(--duration,5s) ease-in-out infinite alternate; animation-delay:var(--delay,0s); }
    .funnel-particle:nth-of-type(1){left:18%;top:24%;--duration:4.8s}.funnel-particle:nth-of-type(2){left:72%;top:34%;--duration:6.1s;--delay:-2s}.funnel-particle:nth-of-type(3){left:42%;top:72%;--duration:5.3s;--delay:-1s}.funnel-particle:nth-of-type(4){left:84%;top:68%;--duration:4.4s;--delay:-3s}
    @keyframes particleDrift { from{transform:translate3d(-5px,-7px,0);opacity:.12} to{transform:translate3d(7px,6px,0);opacity:.48} }
    .funnel-caption { display:flex; justify-content:center; align-items:center; gap:8px; margin:15px 0 0; color:#7a7e76; text-align:center; font:600 8px/1.4 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
    .funnel-caption::before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:#b7ff00; box-shadow:0 0 0 3px rgba(183,255,0,.2); }
    @media (max-width:1020px) {
      .process-layout { grid-template-columns:1fr; gap:52px; }
      .process-copy { max-width:760px; }
      .creator-funnel { min-height:600px; }
    }
    @media (max-width:760px) {
      .process { padding:78px 0; }
      .process .wrap { width:min(100% - 28px,1280px); }
      .process-layout { gap:34px; }
      .process-label { margin-bottom:22px; }
      .process-title { font-size:clamp(52px,16vw,72px); }
      .process-sub { font-size:14px; }
      .process-step { grid-template-columns:30px minmax(0,1fr); padding:15px 0; }
      .process-step time { grid-column:2; width:max-content; margin-top:0; }
      .creator-funnel { min-height:470px; padding:12px 0 0; }
      .funnel-segment { min-height:99px; }
      .funnel-segment:nth-child(4) { min-height:92px; }
      .funnel-value small { margin-bottom:5px; font-size:7px; }
      .funnel-value strong { font-size:clamp(29px,9.4vw,43px); }
      .funnel-caption { padding-inline:18px; }
    }

    .faq { background:var(--bg); }
    .faq-grid { display:grid; grid-template-columns:310px 1fr; gap:64px; align-items:start; }
    .faq-aside { position:sticky; top:112px; padding:25px; border:1px solid var(--line); border-radius:14px; background:var(--lime); color:#0d0e10; }
    .faq-aside .mono { font-size:10px; text-transform:uppercase; }
    .faq-aside h3 { margin:28px 0 14px; font-size:38px; }
    .faq-aside p { font-size:14px; }
    .faq-list { border-top:1px solid var(--line); }
    details { border-bottom:1px solid var(--line); }
    summary { list-style:none; display:grid; grid-template-columns:48px 1fr auto; gap:18px; align-items:center; padding:24px 0; font-size:22px; font-weight:600; cursor:pointer; }
    summary::-webkit-details-marker { display:none; }
    summary .q-n { color:var(--blue); font:600 10px/1 var(--mono); }
    summary::after { content:"+"; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; font:500 18px/1 var(--mono); }
    details[open] summary::after { content:"−"; color:#0d0e10; background:var(--lime); border-color:var(--lime); }
    details p { max-width:750px; margin:0; padding:0 52px 26px 66px; color:var(--muted); font-size:16px; }

    .final { padding:94px 0 42px; border-bottom:0; background:var(--blue); color:white; }
    .final-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:start; }
    .final-tag { display:inline-flex; gap:9px; align-items:center; margin-bottom:25px; padding:8px 10px; border:1px solid rgba(255,255,255,.5); border-radius:4px; font:600 10px/1 var(--mono); text-transform:uppercase; }
    .final h2 { max-width:710px; margin-bottom:24px; font-size:clamp(52px,6.7vw,92px); }
    .final-copy > p { max-width:610px; color:rgba(255,255,255,.78); font-size:18px; }
    .audit-form { padding:28px; border:1px solid #0d0e10; border-radius:16px; background:#0d0e10; color:#f2e6d3; box-shadow:9px 9px 0 var(--lime); }
    .audit-form h3 { margin-bottom:8px; font-size:30px; }
    .audit-form > p { margin-bottom:22px; color:#a6aaa7; font:400 11px/1.45 var(--mono); }
    .field { display:grid; gap:7px; margin-bottom:13px; }
    label { font:600 9px/1 var(--mono); text-transform:uppercase; }
    input[type="text"],input[type="email"],input[type="url"] { width:100%; min-height:49px; padding:0 13px; border:1px solid #3a3d40; border-radius:6px; outline:0; color:#f2e6d3; background:#17191b; }
    input:focus { border-color:var(--lime); box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 18%,transparent); }
    .audit-form .btn { width:100%; margin-top:5px; }
    .form-status { min-height:20px; margin:12px 0 0; color:var(--lime); font:500 10px/1.4 var(--mono); }
    .site-footer { margin-top:74px; padding-top:22px; border-top:1px solid rgba(255,255,255,.35); display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; font:500 10px/1.4 var(--mono); text-transform:uppercase; }
    .site-footer a { text-decoration:none; }

    @media (max-width:1020px) {
      .hero-grid { grid-template-columns:1fr; }
      .signal-board { width:100%; min-height:620px; }
      .system-grid,.lab-grid,.process-console,.final-grid { grid-template-columns:1fr; }
      .system-copy { min-height:auto; }
      .service-console { grid-template-columns:.65fr 1.35fr; }
      .service-tab strong { font-size:18px; }
      .faq-grid { grid-template-columns:250px 1fr; gap:34px; }
    }
    @media (max-width:760px) {
      .wrap { width:min(var(--max), calc(100% - 28px)); }
      nav { grid-template-columns:1fr auto; }
      .nav-links { display:none; }
      .nav-cta { min-height:42px; padding:0 12px; font-size:9px; }
      .hero { min-height:0; padding:56px 0 32px; }
      .hero-grid { gap:44px; }
      h1 { font-size:clamp(54px,17vw,78px); }
      .hero-proof { grid-template-columns:1fr; }
      .proof-score { padding:0 0 14px; border-right:0; border-bottom:1px solid var(--line); }
      .signal-board { min-height:510px; border-radius:16px; }
      .radar { width:72%; }
      .radar-core { width:92px; }
      .radar-core strong { font-size:30px; }
      .orbit-label { padding:6px; font-size:7px; }
      .o1 { left:-12%; }.o2 { right:-17%; }.o3 { right:-13%; }.o4 { left:-9%; }
      .board-stat { padding:11px 8px; }
      .board-stat strong { font-size:17px; }
      .board-stat span { font-size:7px; }
      .service-index-grid { grid-template-columns:1fr 1fr; }
      .service-index-grid div { min-height:62px; border-bottom:1px solid var(--line); }
      .service-index-grid div:nth-child(even) { border-right:0; }
      .service-index-grid div:last-child { grid-column:1/-1; border-bottom:0; }
      section { padding:76px 0; }
      .section-top { grid-template-columns:1fr; gap:13px; margin-bottom:36px; }
      .section-tag { padding-top:0; }
      .section-top h2 { font-size:clamp(42px,13vw,62px); }
      .pipeline { inset:56px 18px 18px; grid-template-columns:1fr 1fr; gap:10px; }
      .pipe-stage { min-height:180px; }
      .pipe-stage::after { display:none; }
      .service-console { display:block; overflow:visible; border-radius:12px; }
      .service-tabs { display:grid; grid-template-columns:1fr; }
      .service-tab { min-height:72px; }
      .service-tab strong { font-size:17px; }
      .service-stage { min-height:0; }
      .service-panel { min-height:560px; padding:22px; }
      .hook-board,.calendar { grid-template-columns:1fr 1fr; }
      .compare-stage { min-height:400px; }
      .concept { padding:22px; }
      .concept-inner { min-width:580px; }
      .compare-info { grid-template-columns:1fr; }
      .lab-card { min-height:auto; }
      .process-console { gap:12px; }
      .step { grid-template-columns:40px 1fr; }
      .step time { grid-column:2; }
      .funnel { min-height:410px; padding:22px 10px; }
      .funnel-row { padding:0 10px; grid-template-columns:32px 1fr auto; }
      .faq-grid { grid-template-columns:1fr; }
      .faq-aside { position:static; }
      summary { grid-template-columns:36px 1fr auto; font-size:18px; }
      details p { padding-left:54px; padding-right:12px; }
      .final { padding-top:76px; }
      .final-grid { gap:36px; }
      .audit-form { padding:20px; box-shadow:6px 6px 0 var(--lime); }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior:auto; }
      *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    }

    /* Reference-led dark + lime art direction */
    :root {
      --bg:#090b0a;
      --surface:#101310;
      --panel:#151815;
      --ink:#f5f7f2;
      --muted:#a6aba4;
      --line:#31352f;
      --lime:#b7ff00;
      --forest:#b7ff00;
      --orange:#b7ff00;
      --pink:#dcff83;
      --blue:#b7ff00;
      --shadow:0 24px 70px rgba(0,0,0,.38);
      color-scheme:dark;
    }
    body { background:var(--bg); color:var(--ink); font-family:var(--display); }
    .wrap { width:min(1280px,calc(100% - 64px)); }
    .top-tape { display:none; }
    .nav-shell { position:absolute; inset:0 0 auto; z-index:50; border:0; background:transparent; backdrop-filter:none; }
    nav { min-height:92px; grid-template-columns:1fr auto 1fr; }
    .brand { display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:21px; letter-spacing:-.035em; text-shadow:0 2px 16px rgba(0,0,0,.35); }
    .brand-logo { width:29px; height:18px; display:block; object-fit:contain; }
    .brand-fallback { color:#fff; font-size:21px; font-weight:900; letter-spacing:-.045em; }
    .logo-chip { width:44px; height:44px; flex:none; display:grid; place-items:center; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.24); }
    .logo-word { color:#fff; font-size:21px; font-weight:900; letter-spacing:-.045em; text-shadow:0 2px 16px rgba(0,0,0,.35); }
    .nav-cta-icon svg,.hero-btn-icon svg { width:18px; height:18px; }
    .nav-links { gap:3px; padding:5px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(11,13,12,.66); box-shadow:0 8px 30px rgba(0,0,0,.25); backdrop-filter:blur(16px); }
    .nav-links a { padding:13px 19px; color:#e8ebe5; font:600 12px/1 var(--display); text-transform:none; }
    .nav-links a::after { display:none; }
    .nav-links a:hover { color:#0a0b0a; background:var(--lime); border-radius:999px; }
    .nav-cta { min-height:48px; justify-self:end; display:inline-flex; align-items:center; gap:12px; padding:5px 7px 5px 20px; border-radius:999px; color:#090b0a; background:var(--lime); font-size:12px; font-weight:800; text-decoration:none; }
    .nav-cta-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:var(--lime); background:#090b0a; }

    .hero { position:relative; min-height:100svh; padding:0; border:0; overflow:hidden; isolation:isolate; color:#fff; background:#222; }
    .hero-photo { position:absolute; inset:0; z-index:-4; background:url('assets/img/img-01.jpg') center 47%/cover no-repeat; transform:scale(1.02); }
    .hero-shade { position:absolute; inset:0; z-index:-3; background:linear-gradient(180deg,rgba(6,8,7,.68) 0%,rgba(6,8,7,.12) 25%,rgba(6,8,7,.28) 62%,rgba(6,8,7,.82) 100%),linear-gradient(90deg,rgba(5,7,6,.22),transparent 45%,rgba(5,7,6,.18)); }
    
    .hero-inner { position:relative; min-height:100svh; display:grid; grid-template-rows:1fr auto; padding-top:118px; padding-bottom:30px; }
    .hero-center { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 0 34px; }
    .availability { width:max-content; display:flex; align-items:center; gap:9px; margin:0 0 22px; padding:9px 14px; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:#e7eae5; background:rgba(16,18,17,.68); box-shadow:0 6px 26px rgba(0,0,0,.18); backdrop-filter:blur(13px); font:600 11px/1 var(--mono); letter-spacing:.02em; text-transform:none; }
    .availability::before { display:none; }
    .availability i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); animation:blink 1.25s steps(2,end) infinite; }
    .hero h1 { max-width:1100px; margin:0 0 24px; color:#fff; font-family:"Inter",sans-serif; font-size:clamp(45px,5.7vw,85px); font-weight:600; line-height:1.1; letter-spacing:-.03em; text-shadow:0 4px 26px rgba(0,0,0,.28); }
    .headline-line { display:block; }
    .hero h1 mark { display:inline-block; margin:0 .01em; padding:.02em .08em .07em; border-radius:.14em; color:#080a08; background:var(--lime); line-height:.82; text-shadow:none; box-shadow:0 0 34px rgba(183,255,0,.16); }
    .hero-copy { max-width:680px; margin:0 auto 26px; color:rgba(255,255,255,.82); font-size:16px; font-weight:500; line-height:1.45; text-shadow:0 2px 14px rgba(0,0,0,.45); }
    .hero-actions { justify-content:center; gap:10px; }
    .hero-btn { min-height:53px; display:inline-flex; align-items:center; gap:12px; padding:5px 7px 5px 21px; border:1px solid rgba(255,255,255,.34); border-radius:999px; color:#fff; background:rgba(20,22,21,.36); backdrop-filter:blur(12px); font-size:12px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease; }
    .hero-btn:hover { transform:translateY(-2px); }
    .hero-btn-primary { border-color:#090b0a; background:#090b0a; }
    .hero-btn-icon { width:39px; height:39px; display:grid; place-items:center; border-radius:50%; color:#090b0a; background:var(--lime); }
    .hero-btn-icon.ghost { color:#fff; background:rgba(255,255,255,.15); font-size:16px; }
    .cursor-hint { position:absolute; z-index:4; top:162px; right:clamp(28px,5vw,76px); display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.64); font:600 9px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
    .cursor-hint span { width:13px; height:13px; border:1.5px solid var(--lime); border-radius:50%; box-shadow:0 0 12px rgba(183,255,0,.55); }
    .hero-bottom { display:grid; grid-template-columns:1fr auto 1fr; gap:24px; align-items:end; }
    .metric-label { display:flex; align-items:center; gap:8px; color:#e9ece7; font:600 9px/1.2 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
    .metric-label i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px var(--lime); }
    .hero-metric strong { display:block; margin-top:7px; font-size:clamp(30px,3.2vw,46px); line-height:1; letter-spacing:-.045em; color:var(--lime); }
    /* HERO subtle upgrade: dot grid + green ambient glow */
    .hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
      background-image:radial-gradient(rgba(255,255,255,.07) 1.1px,transparent 1.7px);
      background-size:30px 30px;
      -webkit-mask-image:radial-gradient(120% 95% at 50% 42%,#000 22%,transparent 78%);
      mask-image:radial-gradient(120% 95% at 50% 42%,#000 22%,transparent 78%);}
    .headline-line{position:relative;}
    h1 .headline-line:last-child::before{content:"";position:absolute;left:50%;top:50%;
      width:min(680px,94vw);height:380px;transform:translate(-50%,-50%);pointer-events:none;
      background:radial-gradient(closest-side,rgba(183,255,0,.17),rgba(183,255,0,0) 70%);
      filter:blur(30px);}
    .hero-metric small,.hero-reviews small { display:block; margin-top:5px; color:rgba(255,255,255,.4); font:500 8px/1 var(--mono); text-transform:uppercase; }
    .hero-service-pills { display:flex; gap:7px; flex-wrap:wrap; justify-content:center; }
    .hero-service-pills span { padding:9px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(14,16,15,.7); backdrop-filter:blur(10px); font:600 10px/1 var(--mono); white-space:nowrap; }
    .hero-service-pills b { margin-right:7px; color:var(--lime); }
    .hero-reviews { justify-self:end; text-align:right; }
    .hero-reviews strong,.hero-reviews span { display:block; font:600 11px/1.45 var(--mono); }
    .hero-reviews span { color:rgba(255,255,255,.7); }
    .cursor-ring { position:fixed; z-index:1000; left:0; top:0; width:28px; height:28px; border:2px solid var(--lime); border-radius:50%; opacity:0; pointer-events:none; transform:translate(-50%,-50%); box-shadow:0 0 16px rgba(183,255,0,.55); transition:width .18s ease,height .18s ease,opacity .18s ease,background .18s ease; }
    .cursor-ring.is-visible { opacity:1; }
    .cursor-ring.is-active { width:46px; height:46px; background:rgba(183,255,0,.12); }

    .service-index-strip { border-color:var(--line); background:#0b0d0c; }
    .service-index-grid div { border-color:var(--line); color:#e7ebe5; }
    .service-index-grid b,.section-tag { color:var(--lime); }
    section { border-color:var(--line); }
    .system,.services,.work,.faq { background:var(--bg); }
    .services,.faq { background:var(--surface); }
    .section-top h2 { color:#fff; font-weight:800; }
    .section-top p,.system-copy > p,.lab-card p,details p { color:var(--muted); }
    .system-copy,.lab-card,.compare { border-color:var(--line); background:var(--panel); }
    .foundations .status { color:var(--lime); }
    .service-console { border-color:var(--line); box-shadow:var(--shadow); }
    .service-tabs { background:#101310; }
    .service-tab { color:#fff; border-color:var(--line); }
    .service-tab:hover,.service-tab[aria-selected="true"] { color:#090b0a; background:var(--lime); }
    .compare-stage { background:#171a17; }
    .concept.before { color:#bdc2bb; background:#262a26; }
    .concept.after { color:#090b0a; background:var(--lime); }
    .process { background:#f2f2ed; }
    .faq-aside { background:var(--lime); }
    .final { background:#0b0d0c; }
    .audit-form { border-color:#3a3f37; background:#111411; box-shadow:9px 9px 0 var(--lime); }

    @media (max-width:1020px) {
      .nav-links { display:none; }
      .hero h1 { font-size:clamp(48px,7.9vw,72px); }
      
      .hero-bottom { grid-template-columns:1fr 1fr; }
      .hero-service-pills { grid-column:1/-1; grid-row:2; }
    }
    @media (max-width:760px) {
      .wrap { width:min(100% - 28px,1280px); }
      nav { min-height:76px; }
      .brand { font-size:18px; }
      .brand-logo { width:25px; height:15px; }
      .logo-chip { width:38px; height:38px; border-radius:10px; }
      .logo-word { font-size:18px; }
      .nav-cta { min-height:42px; padding-left:15px; font-size:10px; }
      .nav-cta-icon { width:31px; height:31px; }
      .hero { min-height:920px; }
      .hero-photo { background-position:49% center; }
      .hero-inner { min-height:920px; padding-top:96px; padding-bottom:22px; }
      .hero-center { justify-content:center; padding-top:72px; }
      .availability { margin-bottom:18px; font-size:9px; }
      .hero h1 { font-size:clamp(37px,10.8vw,52px); line-height:.88; letter-spacing:-.065em; }
      .hero h1 mark { margin-top:.06em; }
      .hero-copy { max-width:500px; font-size:14px; }
      .hero-actions { flex-direction:column; width:min(100%,310px); }
      .hero-btn { width:100%; justify-content:space-between; }
      .cursor-hint { display:none; }
      
      .hero-bottom { display:grid; grid-template-columns:1fr; gap:20px; }
      .hero-service-pills { grid-column:auto; grid-row:auto; justify-content:flex-start; }
      .hero-service-pills span { padding:8px 10px; font-size:8px; }
      .hero-reviews { justify-self:start; text-align:left; }
      .service-index-grid div { color:#e7ebe5; }
      .cursor-ring { display:none; }
    }

    /* Reference-matched interactive services carousel */
    .services { padding:108px 0 76px; color:#11130f; background:#f2f2ed; }
    .services .wrap { width:min(1280px,calc(100% - 64px)); }
    .services-head { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.62fr); gap:70px; align-items:end; margin-bottom:54px; }
    .services-label { width:max-content; display:flex; align-items:center; gap:9px; margin:0 0 24px; padding:7px 12px; border:1px solid #d0d1ca; border-radius:999px; color:#3e413b; background:#e8e9e3; font:600 10px/1 var(--mono); }
    .services-label::before { content:""; width:6px; height:6px; border-radius:50%; background:#bfff22; box-shadow:0 0 0 3px rgba(191,255,34,.18); }
    .services-title { max-width:760px; margin:0; color:#0a0b09; font-size:clamp(56px,6.7vw,96px); font-weight:900; line-height:.88; letter-spacing:-.075em; }
    .services-title .line { display:block; }
    .services-title mark { display:inline-block; padding:.02em .08em .09em; border-radius:.1em; color:#0a0b09; background:#b7ff00; line-height:.82; }
    .services-intro { padding-bottom:4px; }
    .services-intro p { max-width:450px; margin:0 0 24px; color:#555951; font-size:16px; line-height:1.55; }
    .services-all { min-height:48px; display:inline-flex; align-items:center; gap:18px; padding:5px 6px 5px 19px; border:1px solid #bfc1b9; border-radius:999px; color:#151713; background:transparent; text-decoration:none; font-size:12px; font-weight:800; }
    .services-all span { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#dedfd8; font:700 15px/1 var(--mono); }
    .services-carousel { display:flex; gap:6px; min-height:520px; padding:6px; border-radius:22px; background:#080a09; box-shadow:0 24px 55px rgba(0,0,0,.16); }
    .svc-card { min-width:64px; display:flex; overflow:hidden; border:1px solid #30342f; border-radius:16px; color:#f7f8f4; background:#121512; transition:flex .52s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease; }
    .svc-card.active { flex:1 1 auto; min-width:0; background:#0d100e; border-color:#b7ff00; }
    .svc-rail { width:64px; min-width:64px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding:18px 0 16px; border:0; color:#f7f8f4; background:#151815; cursor:pointer; transition:color .3s ease,background .3s ease; }
    .svc-rail:hover { color:#0a0c09; background:#b7ff00; }
    .svc-card.active .svc-rail { color:#090b09; background:#b7ff00; border-right:1px solid #9fcf2a; }
    .svc-num { width:25px; height:25px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font:600 9px/1 var(--mono); opacity:.75; }
    .svc-card.active .svc-num { border-color:#b7ff00; color:#11130f; background:#b7ff00; opacity:1; }
    .svc-name { writing-mode:vertical-rl; transform:rotate(180deg); font-size:20px; font-weight:750; letter-spacing:-.03em; white-space:nowrap; }
    .svc-toggle { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font:500 19px/1 var(--mono); opacity:.7; }
    .svc-card.active .svc-toggle { border-color:#b7ff00; color:#11130f; background:#b7ff00; opacity:1; }
    .svc-content { min-width:0; display:none; flex:1; grid-template-columns:minmax(300px,.95fr) minmax(330px,1.05fr); gap:28px; padding:18px; color:#f7f8f4; }
    .svc-card.active .svc-content { display:grid; }
    .svc-visual { position:relative; min-height:482px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid #2a2e29; border-radius:14px; color:#11130f; background:#e9ebe4; }
    .svc-copy { min-width:0; display:flex; flex-direction:column; padding:22px 18px 2px 0; }
    .svc-copy h3 { margin:0 0 14px; color:#fff; font-size:clamp(40px,4vw,60px); font-weight:850; line-height:.93; letter-spacing:-.06em; }
    .svc-desc { max-width:520px; margin:0 0 24px; color:#a9aea6; font-size:15px; line-height:1.52; }
    .svc-inc { margin:0 0 11px; color:#747a72; font:600 9px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; }
    .svc-list { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
    .svc-list li { display:flex; align-items:center; gap:9px; color:#e9ece6; font-size:13px; }
    .svc-list li::before { content:"✓"; width:17px; height:17px; flex:none; display:grid; place-items:center; border-radius:50%; color:#0b0c0a; background:#b7ff00; font:800 10px/1 var(--display); }
    .svc-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-top:auto; padding-top:26px; }
    .svc-metric { width:max-content; max-width:100%; padding:9px 14px; border-radius:999px; color:#20231d; background:#b7ff00; font:600 10px/1 var(--mono); white-space:nowrap; }
    .svc-price { display:flex; align-items:flex-end; gap:8px; margin-top:14px; }
    .svc-price span { color:#858981; font:600 8px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
    .svc-price strong { color:#f3f5f1; font:800 38px/1 "Archivo",sans-serif; letter-spacing:-.02em; }
    .svc-price strong span[data-zb] { font:inherit; color:inherit; letter-spacing:inherit; text-transform:none; }
    .svc-price strong:not(:has(span)) { font-size:26px; line-height:1.2; }
.svc-save{margin:9px 0 0;font:600 9px/1.6 var(--mono);letter-spacing:.02em;color:#9aa09a;}
.svc-save a{color:var(--lime);text-decoration:none;border-bottom:1px solid rgba(183,255,0,.45);}
/* MOBILE: testimonial cards — naam chehre par na charhe */
@media(max-width:560px){
  .tst-inner{aspect-ratio:10/14;}
  .tst-front img{object-position:center 22%;}
  .tst-name{padding:44px 12px 12px;}
  .tst-name b{font-size:12px;}
  .tst-hint{width:30px;height:30px;font-size:13px;}
}
/* VIDEOS — 3D curved carousel */
.videos{padding:110px 0 90px;background:#0a0c0a;border-top:1px solid var(--line);overflow:hidden}
.videos-label{display:inline-flex;align-items:center;gap:8px;font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#9aa09a;margin:0 0 18px}
.videos-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.videos h2{margin:0 0 14px;color:#fff;font-size:clamp(44px,5.4vw,78px);font-weight:900;line-height:.92;letter-spacing:-.06em}
.videos h2 .h2-accent{color:var(--lime)}
.videos-sub{margin:0;max-width:560px;color:#9aa09a;font-size:15px;line-height:1.65}
.vc-stage{position:relative;margin-top:54px;perspective:1400px;overflow:hidden;padding:46px 0}
.vc-track{display:flex;align-items:center;gap:22px;width:max-content;transform-style:preserve-3d;will-change:transform}
.vc-card{position:relative;flex:none;border-radius:16px;overflow:hidden;background:#141714;border:1px solid #2b2e2a;transform:rotateY(var(--ry,0deg));transition:transform .55s cubic-bezier(.22,.8,.24,1),box-shadow .55s ease;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.vc-card:hover{transform:rotateY(0deg) translateZ(70px) scale(1.04);box-shadow:0 34px 90px rgba(0,0,0,.55);z-index:10}
.vc-169{width:min(380px,72vw);aspect-ratio:16/9}
.vc-916{width:min(210px,42vw);aspect-ratio:9/16}
.vc-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 120% at 50% 0%,#1b201b 0%,#0e100e 72%)}
.vc-ph-play{width:54px;height:54px;border-radius:50%;background:var(--lime);color:#0a0c0a;display:grid;place-items:center;font-size:17px;box-shadow:0 0 34px rgba(183,255,0,.35)}
.vc-ph-label{font:700 10px/1.8 var(--mono);letter-spacing:.18em;color:#9aa09a;text-align:center}
/* WordPress: paste kiya hua iframe card me fit ho jayega */
.vc-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.vc-card::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:auto}
.vc-916 iframe{left:50%;width:316%;transform:translateX(-50%)}
.vc-fade{position:absolute;top:0;bottom:0;width:130px;pointer-events:none;z-index:5}
.vc-fade-l{left:0;background:linear-gradient(90deg,#0a0c0a,transparent)}
.vc-fade-r{right:0;background:linear-gradient(-90deg,#0a0c0a,transparent)}
.vc-stage.vc-touch{overflow-x:auto;scrollbar-width:none}
.vc-stage.vc-touch::-webkit-scrollbar{display:none}
.vc-stage.vc-touch .vc-track{margin:0 6vw}
@media(max-width:760px){
  .videos{padding:84px 0 70px}
  .vc-stage{margin-top:40px;padding:30px 0}
  .vc-track{gap:14px}
  .vc-card{border-radius:12px}
  .vc-fade{width:60px}
}

    .svc-explore { min-height:46px; display:inline-flex; align-items:center; gap:18px; padding:5px 6px 5px 20px; border:1px solid #3b4039; border-radius:999px; color:#0a0c09; background:#b7ff00; text-decoration:none; font-size:12px; font-weight:800; white-space:nowrap; }
    .svc-explore span { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#101210; font-size:16px; }
    .svc-explore span svg { width:15px; height:15px; display:block; }

    .mock { width:min(90%,390px); }
    .thumb-pair { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
    .thumb-mini { min-height:138px; display:flex; flex-direction:column; justify-content:space-between; padding:15px; border-radius:10px; color:#fff; background:#1c1e1b; box-shadow:0 10px 28px rgba(0,0,0,.09); }
    .thumb-mini.after { color:#10120f; background:#b7ff00; transform:translateY(20px); }
    .thumb-mini small { font:600 8px/1 var(--mono); text-transform:uppercase; }
    .thumb-mini strong { font-size:25px; line-height:.9; letter-spacing:-.06em; }
    .mock-gauge { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; margin-top:42px; padding:18px; border-radius:10px; background:#fff; }
    .gauge-arc { --g:68%; width:88px; aspect-ratio:1; border-radius:50%; background:conic-gradient(#b7ff00 0 var(--g),#e1e3dc var(--g) 100%); position:relative; }
    .gauge-arc::after { content:"3.1×"; position:absolute; inset:10px; display:grid; place-items:center; border-radius:50%; background:#fff; font-weight:850; }
    .pair-stack { display:grid; gap:10px; }
    .pair-card { padding:15px; border-radius:10px; background:#fff; box-shadow:0 10px 26px rgba(0,0,0,.08); }
    .pair-card b { display:block; margin-bottom:7px; font:700 9px/1 var(--mono); color:#71756e; }
    .pair-card strong { font-size:20px; line-height:1.05; }
    .pair-thumb { height:145px; display:flex; align-items:flex-end; padding:16px; color:#10120f; background:#b7ff00; }
    .pair-thumb strong { font-size:32px; line-height:.9; }
    .hook-callout { width:max-content; max-width:100%; margin:7px 0 0 auto; padding:8px 12px; border-radius:999px; color:#fff; background:#111311; font:600 9px/1 var(--mono); }
    .edit-ui { padding:18px; border-radius:12px; color:#f5f7f2; background:#151715; box-shadow:0 18px 38px rgba(0,0,0,.18); }
    .edit-screen { height:160px; position:relative; overflow:hidden; border-radius:7px; background:linear-gradient(135deg,#2f342d,#111311); }
    .edit-screen::after { content:"PLAYBACK 00:18:42"; position:absolute; left:13px; bottom:12px; color:#b7ff00; font:600 8px/1 var(--mono); }
    .edit-track { display:grid; grid-template-columns:1.2fr .8fr 1.1fr .6fr; gap:3px; height:31px; margin-top:10px; }
    .edit-track span { position:relative; border-radius:3px; background:#b7ff00; }
    .edit-track:nth-child(3) span { background:#6f746d; }
    .edit-playhead { width:2px; height:104px; position:absolute; z-index:2; left:57%; bottom:15px; background:#fff; }
    .edit-playhead::before { content:""; position:absolute; left:-4px; top:-5px; border:5px solid transparent; border-top-color:#fff; }
    .phone { width:230px; min-height:418px; padding:12px; border:7px solid #111311; border-radius:33px; background:#fff; box-shadow:0 20px 40px rgba(0,0,0,.17); }
    .phone-bar { width:70px; height:15px; margin:-4px auto 8px; border-radius:999px; background:#111311; }
    .short-frame { height:326px; position:relative; display:flex; align-items:flex-end; overflow:hidden; padding:18px; border-radius:18px; background:linear-gradient(155deg,#252824 0 46%,#b7ff00 46% 64%,#111311 64%); }
    .short-frame strong { max-width:150px; color:#fff; font-size:28px; line-height:.9; letter-spacing:-.05em; }
    .short-icons { position:absolute; right:10px; bottom:16px; display:grid; gap:8px; }
    .short-icons i { width:29px; height:29px; display:grid; place-items:center; border-radius:50%; color:#111311; background:#b7ff00; font:700 10px/1 var(--mono); font-style:normal; }
    .phone-meta { display:flex; justify-content:space-between; margin-top:10px; font:600 9px/1 var(--mono); }
    .dash { padding:18px; border-radius:13px; color:#f5f7f2; background:#151715; box-shadow:0 18px 40px rgba(0,0,0,.18); }
    .dash-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; font:600 9px/1 var(--mono); }
    .dash-head span { color:#b7ff00; }
    .bars { height:160px; display:flex; align-items:flex-end; gap:8px; padding:0 5px 10px; border-bottom:1px solid #454943; }
    .bars i { flex:1; height:var(--h); border-radius:3px 3px 0 0; background:#5f645c; }
    .bars i:last-child { background:#b7ff00; }
    .mini-calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-top:18px; }
    .mini-calendar i { aspect-ratio:1; display:grid; place-items:center; border:1px solid #3d413b; border-radius:4px; color:#8f948c; font:500 7px/1 var(--mono); font-style:normal; }
    .mini-calendar i:nth-child(5),.mini-calendar i:nth-child(11) { color:#111311; background:#b7ff00; border-color:#b7ff00; }

    .services-foot { display:grid; grid-template-columns:170px 1fr auto; gap:16px; align-items:center; margin-top:18px; }
    .svc-progress { display:grid; grid-template-columns:repeat(5,1fr); gap:4px; }
    .svc-progress i { height:3px; border-radius:999px; background:#c9cbc4; transition:background .2s ease,transform .2s ease; }
    .svc-progress i.active { background:#111311; transform:scaleY(1.7); }
    .svc-status { display:flex; align-items:center; gap:10px; color:#4f534c; font:600 9px/1 var(--mono); text-transform:uppercase; }
    .svc-status b { padding:7px 11px; border-radius:999px; color:#151713; background:#b7ff00; }
    .svc-hint { color:#777b74; font:600 8px/1 var(--mono); letter-spacing:.13em; text-transform:uppercase; white-space:nowrap; }
    .svc-hint::before { content:""; width:6px; height:6px; display:inline-block; margin-right:7px; border-radius:50%; background:#ff5b99; }

    @media (max-width:1080px) {
      .services-carousel { min-height:610px; }
      .svc-content { grid-template-columns:.9fr 1.1fr; gap:18px; }
      .svc-visual { min-height:572px; }
      .svc-copy { padding-right:4px; }
      .svc-card { min-width:54px; }
      .svc-rail { width:54px; min-width:54px; }
      .svc-name { font-size:16px; }
      .svc-bottom { align-items:flex-start; flex-direction:column; }
    }
    @media (max-width:760px) {
      .services { padding:76px 0 60px; }
      .services .wrap { width:min(100% - 28px,1280px); }
      .services-head { grid-template-columns:1fr; gap:24px; margin-bottom:34px; }
      .services-title { font-size:clamp(51px,16vw,72px); }
      .services-intro p { font-size:14px; }
      .services-carousel { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; min-height:0; padding:5px; }
      .svc-card,.svc-card.active { min-width:0; display:contents; }
      .svc-rail { width:auto; min-width:0; height:92px; grid-row:1; display:flex; padding:10px 4px; border:1px solid #30342f; border-radius:12px; color:#fff; background:#151815; }
      .svc-card.active .svc-rail { color:#111311; background:#b7ff00; border-color:#b7ff00; }
      .svc-num { width:22px; height:22px; font-size:7px; }
      .svc-name { writing-mode:horizontal-tb; transform:none; font-size:0; }
      .svc-name::after { content:attr(data-short); display:block; font-size:8px; font-weight:800; line-height:1; text-align:center; }
      .svc-toggle { width:25px; height:25px; font-size:15px; }
      .svc-card.active .svc-content { grid-row:2; grid-column:1/-1; display:grid; grid-template-columns:1fr; gap:0; margin-top:6px; padding:12px; border:1px solid #30342f; border-radius:15px; background:#0d100e; }
      .svc-visual { min-height:380px; }
      .svc-copy { min-height:480px; padding:28px 8px 6px; }
      .svc-copy h3 { font-size:45px; }
      .svc-bottom { margin-top:34px; }
      .mock { width:min(92%,360px); }
      .services-foot { grid-template-columns:1fr; gap:11px; }
      .svc-progress { width:170px; }
      .svc-hint { white-space:normal; line-height:1.5; }
    }

    /* Reference-matched results dashboard */
    .numbers { padding:94px 0 0; overflow:hidden; color:#0a0b09; background:#b7ff00; }
    .numbers .wrap { width:min(1280px,calc(100% - 64px)); }
    .numbers-head { display:grid; grid-template-columns:1fr minmax(280px,.45fr); gap:70px; align-items:end; margin-bottom:48px; }
    .numbers-label,.pricing-label { width:max-content; display:flex; align-items:center; gap:9px; margin:0 0 20px; padding:7px 12px; border-radius:999px; font:600 10px/1 var(--mono); }
    .numbers-label { color:#fff; background:#0b0d0b; }
    .numbers-label::before,.pricing-label::before { content:""; width:6px; height:6px; border-radius:50%; background:#b7ff00; }
    .numbers h2 { max-width:760px; margin:0; font-size:clamp(52px,5.4vw,78px); font-weight:900; line-height:.88; letter-spacing:-.075em; }
    .numbers h2 > span:not(.word-mask) { display:block; }
    .numbers h2 u { text-decoration-thickness:.09em; text-underline-offset:.07em; }
    .numbers-note { max-width:420px; margin:0; padding-bottom:7px; color:#34382f; font-size:15px; line-height:1.55; }
    .report { overflow:hidden; border-radius:21px; color:#f6f8f3; background:#0c0e0d; box-shadow:0 28px 55px rgba(47,67,0,.2); }
    .report-head { min-height:60px; display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:center; padding:0 20px; border-bottom:1px solid #30342f; }
    .report-brand { display:flex; align-items:center; gap:9px; font:600 9px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
    .report-brand::before { content:""; width:7px; height:7px; border-radius:50%; background:#ff5595; }
    .live-badge { padding:5px 8px; border-radius:999px; color:#ff83b3; background:#4a1830; font-size:8px; }
    .report-tabs { display:flex; gap:3px; padding:4px; border-radius:999px; background:#222522; }
    .report-tab { min-height:31px; padding:0 14px; border:0; border-radius:999px; color:#959a93; background:transparent; font:600 8px/1 var(--mono); text-transform:uppercase; }
    .report-tab.active { color:#0a0b09; background:#b7ff00; }
    .report-period { justify-self:end; color:#8e938c; font:600 8px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
    .report-grid { display:grid; grid-template-columns:repeat(4,1fr); }
    .report-stat { min-width:0; min-height:360px; padding:28px 26px 20px; border-right:1px solid #2b2f2a; }
    .report-stat:last-child { border-right:0; }
    .stat-title { min-height:30px; margin:0 0 28px; color:#a5aaa2; font:600 9px/1.35 var(--mono); letter-spacing:.05em; text-transform:uppercase; }
    .stat-title b { color:#b7ff00; margin-right:8px; }
    .stat-value { display:block; color:#fff; font-size:clamp(52px,5.3vw,78px); font-weight:800; line-height:.9; letter-spacing:-.065em; }
    .stat-chip { width:max-content; margin-top:17px; padding:7px 10px; border-radius:999px; color:#b7ff00; background:#293414; font:600 8px/1 var(--mono); text-transform:uppercase; }
    .spark { width:100%; height:100px; display:block; margin-top:26px; overflow:visible; }
    .spark .fill { fill:rgba(183,255,0,.09); }
    .spark .line { fill:none; stroke:#b7ff00; stroke-width:2.2; vector-effect:non-scaling-stroke; }
    .spark text { fill:#767b74; font:600 8px var(--mono); }
    .ticker { display:flex; width:max-content; min-height:50px; align-items:center; border-top:1px solid rgba(10,11,9,.14); animation:ticker 28s linear infinite; }
    .ticker span { padding-right:50px; font:600 9px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
    .ticker span::first-letter { color:#ff3e88; }
    @keyframes ticker { to { transform:translateX(-50%); } }

    /* Reference-matched pricing */
    .pricing { padding:104px 0; color:#f5f7f2; background:#080a09; }
    .pricing .wrap { width:min(1040px,calc(100% - 64px)); }
    .pricing-head { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; margin-bottom:48px; }
    .pricing-label { color:#dce0d8; border:1px solid #353935; background:#171a18; }
    .pricing h2 { margin:0 0 20px; color:#fff; font-size:clamp(56px,6.1vw,86px); font-weight:850; line-height:.89; letter-spacing:-.07em; }
    .pricing h2 > span:not(.word-mask) { display:block; color:#b7ff00; }
    .pricing-sub { max-width:540px; margin:0; color:#a3a8a1; font-size:15px; line-height:1.5; }
    .billing-toggle { display:flex; align-items:center; gap:3px; padding:4px; border:1px solid #353935; border-radius:999px; background:#171a18; }
    .billing-btn { min-height:38px; padding:0 20px; border:0; border-radius:999px; color:#959a93; background:transparent; font:600 9px/1 var(--mono); text-transform:uppercase; white-space:nowrap; }
    .billing-btn.active { color:#0b0d0b; background:#b7ff00; }
    .save { display:inline-block; margin-left:5px; padding:4px 6px; border-radius:999px; color:#150914; background:#ff5595; font-size:7px; }
    .price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
    .price-card { min-height:490px; display:flex; flex-direction:column; padding:28px; border:1px solid #343833; border-radius:19px; background:#171a18; }
    .price-card.featured { position:relative; border-color:#b7ff00; background:#26311e; box-shadow:0 0 0 6px rgba(183,255,0,.07),0 0 40px rgba(183,255,0,.11); }
    .price-top { min-height:30px; display:flex; justify-content:space-between; align-items:flex-start; color:#8e938c; font:600 9px/1 var(--mono); }
    .picked { padding:7px 10px; border-radius:999px; color:#30342e; background:#f2f4ef; font-size:7px; text-transform:uppercase; }
    .picked::before { content:""; width:6px; height:6px; display:inline-block; margin-right:6px; border-radius:50%; background:#b7ff00; }
    .price-card h3 { margin:18px 0 7px; font-size:28px; letter-spacing:-.05em; }
    .price-card > p { margin:0; color:#adb2aa; font-size:13px; }
    .price { display:flex; align-items:flex-end; margin:30px 0 10px; color:#fff; }
    .price .currency { margin:0 5px 11px 0; font-size:26px; font-weight:700; color:#afb4ac; }
    .price strong { font-size:58px; line-height:.85; letter-spacing:-.06em; }
    .price small { margin:0 0 6px 7px; color:#8f948c; font:600 8px/1 var(--mono); }
    .billing-note { padding-bottom:20px; border-bottom:1px solid #3d413c; color:#92978f; font:600 8px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
    .billing-note::before { content:""; width:6px; height:6px; display:inline-block; margin-right:7px; border-radius:50%; background:#7f847c; }
    .price-list { display:grid; gap:12px; margin:22px 0; padding:0; list-style:none; }
    .tat-pill{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:9px 14px;border-radius:999px;background:rgba(183,255,0,.10);border:1px solid rgba(183,255,0,.45);color:var(--lime);font:700 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;}
    .price-list li strong{color:var(--lime);}
    /* PREMIUM: lime gradient on select brand surfaces */
    .btn-lime,.footer-cta,.svc-explore,.top-tape,.faq-aside{
      background:linear-gradient(135deg,#d9ff4d 0%,#b7ff00 52%,#86bd00 100%) !important;border-color:#b7ff00 !important;}
    .service-tab:hover,.service-tab[aria-selected="true"]{background:linear-gradient(135deg,#d9ff4d,#8fbf00) !important;}
    .price-list li { display:flex; gap:9px; align-items:center; color:#eef1eb; font-size:12px; }
    .price-list li::before { content:"✓"; width:16px; height:16px; flex:none; display:grid; place-items:center; border-radius:50%; color:#0b0d0b; background:#b7ff00; font:800 9px/1 var(--display); }
    .price-cta { min-height:46px; display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding:5px 7px 5px 18px; border:1px solid #777c75; border-radius:999px; color:#fff; background:#343734; text-decoration:none; font-size:11px; font-weight:750; }
    .price-cta span { width:33px; height:33px; display:grid; place-items:center; border-radius:50%; color:#dce0d9; background:#686d66; }
    .featured .price-cta { border-color:#b7ff00; color:#0b0d0b; background:#b7ff00; }
    .featured .price-cta span { color:#b7ff00; background:#0b0d0b; }
    .pricing-disclaimer { margin:18px 0 0; color:#6f746d; text-align:center; font:600 8px/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }

    @media (max-width:1000px) {
      .report-grid { grid-template-columns:1fr 1fr; }
      .report-stat:nth-child(2) { border-right:0; }
      .report-stat:nth-child(-n+2) { border-bottom:1px solid #2b2f2a; }
      .price-grid { grid-template-columns:1fr; }
      .price-card { min-height:440px; }
    }
    @media (max-width:760px) {
      .numbers { padding-top:74px; }
      .numbers .wrap,.pricing .wrap { width:min(100% - 28px,1280px); }
      .numbers-head,.pricing-head { grid-template-columns:1fr; gap:24px; }
      .numbers h2,.pricing h2 { font-size:clamp(51px,15vw,72px); }
      .numbers-note { font-size:14px; }
      .report-head { grid-template-columns:1fr auto; gap:12px; padding:14px; }
      .report-brand { font-size:7px; }
      .report-tabs { grid-column:1/-1; grid-row:2; justify-content:stretch; }
      .report-tab { flex:1; padding:0 7px; font-size:7px; }
      .report-period { font-size:7px; }
      .report-grid { grid-template-columns:1fr; }
      .report-stat { min-height:310px; border-right:0; border-bottom:1px solid #2b2f2a; }
      .report-stat:last-child { border-bottom:0; }
      .stat-value { font-size:66px; }
      .pricing { padding:78px 0; }
      .billing-toggle { width:max-content; max-width:100%; }
      .billing-btn { padding:0 14px; font-size:8px; }
      .price-card { min-height:470px; padding:24px; }
    }

    /* Motion system — reference-led, transform/opacity only */
    .motion-ready .nav-shell { opacity:0; transform:translate3d(0,-20px,0); }
    .motion-ready.hero-loaded .nav-shell { opacity:1; transform:translate3d(0,0,0); transition:opacity .75s ease .05s,transform .9s cubic-bezier(.16,1,.3,1) .05s; }
    .motion-ready .hero .availability { opacity:0; transform:scale(.82) translate3d(0,10px,0); }
    .motion-ready.hero-loaded .hero .availability { opacity:1; transform:scale(1) translate3d(0,0,0); transition:opacity .55s ease .28s,transform .8s cubic-bezier(.2,1.55,.3,1) .28s; }
    .word-mask { display:inline-block; overflow:hidden; vertical-align:bottom; padding:0 .07em .15em .08em; margin:0 -.07em -.15em -.08em; }
    .word-inner { display:inline-block; will-change:transform,opacity; }
    .motion-ready h2.words-ready .word-inner { opacity:0; transform:translate3d(0,1.34em,0) rotate(2deg); }
    .motion-ready h2.words-in .word-inner { opacity:1; transform:translate3d(0,0,0) rotate(0); transition:opacity .6s ease var(--word-delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--word-delay,0ms); }
    .motion-ready .hero h1 .word-inner { opacity:0; transform:translate3d(0,1.4em,0); }
    .motion-ready.hero-loaded .hero h1 .word-inner { opacity:1; transform:translate3d(0,0,0); transition:opacity .6s ease var(--hero-word-delay,480ms),transform .9s cubic-bezier(.16,1,.3,1) var(--hero-word-delay,480ms); }
    .hero h1 mark { position:relative; isolation:isolate; background:transparent; }
    .hero h1 mark::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:var(--lime); transform:scaleX(0); transform-origin:left center; }
    .motion-ready.hero-loaded .hero h1 mark::before { transform:scaleX(1); transition:transform .75s cubic-bezier(.16,1,.3,1) .82s; }
    .motion-ready .hero-copy,.motion-ready .hero-actions { opacity:0; transform:translate3d(0,22px,0); }
    .motion-ready.hero-loaded .hero-copy { opacity:1; transform:none; transition:opacity .65s ease 1.02s,transform .85s cubic-bezier(.16,1,.3,1) 1.02s; }
    .motion-ready.hero-loaded .hero-actions { opacity:1; transform:none; transition:opacity .65s ease 1.14s,transform .85s cubic-bezier(.16,1,.3,1) 1.14s; }
    .motion-ready .hero-bottom > * { opacity:0; transform:translate3d(0,18px,0); }
    .motion-ready.hero-loaded .hero-bottom > * { opacity:1; transform:none; transition:opacity .7s ease calc(1.28s + var(--hero-bottom-delay,0ms)),transform .85s cubic-bezier(.16,1,.3,1) calc(1.28s + var(--hero-bottom-delay,0ms)); }
    .motion-ready .hero-bottom > :nth-child(2){--hero-bottom-delay:90ms}.motion-ready .hero-bottom > :nth-child(3){--hero-bottom-delay:180ms}

    .hero-photo { --photo-x:0px; --photo-y:0px; --photo-scroll:0px; will-change:transform; animation:heroKenBurns 18s ease-in-out infinite alternate; }
    @keyframes heroKenBurns { from{transform:translate3d(var(--photo-x),calc(var(--photo-y) + var(--photo-scroll)),0) scale(1.02)} to{transform:translate3d(var(--photo-x),calc(var(--photo-y) + var(--photo-scroll)),0) scale(1.095)} }
    
    @keyframes orbitBreathe { 0%,100%{scale:1;opacity:.82;filter:drop-shadow(0 0 9px rgba(183,255,0,.72)) drop-shadow(0 0 28px rgba(183,255,0,.5))} 50%{scale:1.04;opacity:1;filter:drop-shadow(0 0 13px rgba(183,255,0,1)) drop-shadow(0 0 42px rgba(183,255,0,.78))} }

    @media (pointer:fine) {
      .hero,.hero * { cursor:none; }
      .cursor-ring { width:74px; height:74px; border:0; box-shadow:none; display:grid; place-items:center; opacity:0; will-change:transform; transition:opacity .22s ease; }
      .cursor-ring::before { content:""; width:26px; height:26px; border:1.5px solid var(--lime); border-radius:50%; background:rgba(183,255,0,.05); box-shadow:0 0 18px rgba(183,255,0,.55); transition:width .28s cubic-bezier(.2,.9,.2,1),height .28s cubic-bezier(.2,.9,.2,1),background .28s ease; }
      .cursor-ring.is-visible { opacity:1; }
      .cursor-ring.is-active::before { width:39px; height:39px; background:rgba(183,255,0,.15); }
      .cursor-ring svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; animation:cursorSpin 9s linear infinite; }
      .cursor-ring text { fill:var(--lime); font:700 3.2px/1 var(--mono); letter-spacing:.65px; text-transform:uppercase; }
      @keyframes cursorSpin { to{transform:rotate(360deg)} }
    }

    .motion-ready .reveal-item { opacity:0; transform:translate3d(0,24px,0); will-change:transform,opacity; }
    .motion-ready .reveal-item.in-view { opacity:1; transform:translate3d(0,0,0); transition:opacity .65s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
    .magnetic { will-change:transform; transition:transform .34s cubic-bezier(.2,.9,.25,1),box-shadow .25s ease,background .25s ease,color .25s ease; }

    .ticker:hover { animation-play-state:paused; }
    .svc-card.active .svc-content { animation:panelIn .7s cubic-bezier(.16,1,.3,1) both; }
    .svc-card.active .svc-copy > * { animation:panelChild .62s cubic-bezier(.16,1,.3,1) both; }
    .svc-card.active .svc-copy > :nth-child(2){animation-delay:70ms}.svc-card.active .svc-copy > :nth-child(3){animation-delay:140ms}.svc-card.active .svc-copy > :nth-child(4){animation-delay:200ms}.svc-card.active .svc-copy > :nth-child(5){animation-delay:260ms}
    @keyframes panelIn { from{opacity:.2;transform:translate3d(22px,0,0)} to{opacity:1;transform:none} }
    @keyframes panelChild { from{opacity:0;transform:translate3d(0,16px,0)} to{opacity:1;transform:none} }
    .svc-num.pulse-once { animation:numPulse .62s cubic-bezier(.2,1.6,.3,1); }
    @keyframes numPulse { 0%,100%{transform:scale(1)} 48%{transform:scale(1.24)} }
    .svc-progress i { position:relative; overflow:hidden; background:#c9cbc4; transform:none; }
    .svc-progress i::after { content:""; position:absolute; inset:0; background:#111311; transform:scaleX(0); transform-origin:left; transition:transform .52s cubic-bezier(.16,1,.3,1); }
    .svc-progress i.active::after { transform:scaleX(1); }
    .svc-progress i.active { background:#c9cbc4; transform:scaleY(1.7); }

    .spark .line { stroke-dasharray:1; stroke-dashoffset:1; pathLength:1; }
    .spark.drawn .line { stroke-dashoffset:0; transition:stroke-dashoffset 1.45s cubic-bezier(.2,.75,.2,1); }
    .report-brand::before { animation:livePulse 1.45s ease-in-out infinite; }
    @keyframes livePulse { 0%,100%{transform:scale(.82);opacity:.55;box-shadow:0 0 0 0 rgba(255,85,149,.4)} 50%{transform:scale(1);opacity:1;box-shadow:0 0 0 6px rgba(255,85,149,0)} }

    .billing-toggle { position:relative; isolation:isolate; --billing-x:0%; }
    .billing-toggle::before { content:""; position:absolute; z-index:-1; left:4px; top:4px; bottom:4px; width:calc(50% - 4px); border-radius:999px; background:#b7ff00; transform:translate3d(var(--billing-x),0,0); transition:transform .65s cubic-bezier(.2,1.45,.3,1); }
    .billing-toggle.quarterly { --billing-x:100%; }
    .billing-btn.active { background:transparent; }
    .price-card { transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease,border-color .3s ease; }
    .price-card:hover { transform:translate3d(0,-6px,0); box-shadow:0 18px 38px rgba(0,0,0,.28); }
    .price-card.featured { animation:growthGlow 4.6s ease-in-out infinite; }
    @keyframes growthGlow { 0%,100%{box-shadow:0 0 0 6px rgba(183,255,0,.06),0 0 32px rgba(183,255,0,.08)} 50%{box-shadow:0 0 0 8px rgba(183,255,0,.09),0 0 50px rgba(183,255,0,.16)} }
    .billing-note.is-changing { animation:billingNoteSwap .3s ease both; }
    @keyframes billingNoteSwap { from{opacity:.18;transform:translate3d(0,5px,0)} to{opacity:1;transform:translate3d(0,0,0)} }

    .concept.after { width:100%; clip-path:inset(0 calc(100% - var(--cut)) 0 0); box-shadow:none; will-change:clip-path; }
    .compare-handle { position:absolute; z-index:5; top:0; bottom:0; left:var(--cut); width:2px; background:#f2e6d3; transform:translateX(-1px); pointer-events:none; box-shadow:0 0 18px rgba(242,230,211,.45); }
    .compare-handle::before { content:"↔"; position:absolute; top:50%; left:50%; width:42px; height:42px; display:grid; place-items:center; border:2px solid #0d0e10; border-radius:50%; color:#0d0e10; background:var(--lime); font:800 16px/1 var(--mono); transform:translate(-50%,-50%); box-shadow:0 8px 20px rgba(0,0,0,.2); }
    .compare-stage { touch-action:pan-y; cursor:ew-resize; -webkit-user-select:none; user-select:none; }
    .compare-stage img { -webkit-user-drag:none; user-select:none; }
    details > p { overflow:hidden; }
    summary::after { content:"+" !important; transition:transform .42s cubic-bezier(.2,1.3,.3,1),background .25s ease,color .25s ease; }
    details[open] summary::after { transform:rotate(45deg); }

    .final { position:relative; isolation:isolate; overflow:hidden; }
    .final::before { content:""; position:absolute; z-index:-1; inset:-45%; opacity:.22; background:linear-gradient(115deg,transparent 36%,rgba(183,255,0,.23) 47%,rgba(183,255,0,.06) 54%,transparent 64%); transform:translate3d(-20%,0,0); animation:finalSheen 10s ease-in-out infinite alternate; }
    @keyframes finalSheen { to{transform:translate3d(28%,0,0)} }

    @media (max-width:760px), (pointer:coarse) {
      .cursor-ring { display:none !important; }
      .hero,.hero * { cursor:auto; }
      .hero-photo { animation-duration:24s; }
      .price-card:hover { transform:none; }
    }
    @media (prefers-reduced-motion:reduce) {
      .hero,.hero * { cursor:auto; }
      .cursor-ring { display:none !important; }
      .motion-ready .nav-shell,.motion-ready .hero .availability,.motion-ready .hero-copy,.motion-ready .hero-actions,.motion-ready .hero-bottom > *,.motion-ready .reveal-item,.motion-ready h2 .word-inner,.motion-ready .hero h1 .word-inner { opacity:1 !important; transform:none !important; }
      .hero h1 mark::before { transform:scaleX(1) !important; }
      .hero-photo { animation:none !important; transform:scale(1.02) !important; }
      .ticker,.report-brand::before,.price-card.featured,.final::before,.cursor-ring svg { animation:none !important; }
      .spark .line { stroke-dashoffset:0 !important; }
    }


    /* (05) Work — looping showcase */
    .work-showcase { padding:112px 0 96px; overflow:hidden; color:#f5f7f2; background:#090b0a; }
    .work-showcase .wrap { width:min(1280px,calc(100% - 64px)); }
    .work-head { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.52fr); gap:78px; align-items:end; margin-bottom:56px; }
    .work-label { width:max-content; display:flex; align-items:center; gap:8px; margin:0 0 24px; padding:7px 12px; border:1px solid #353935; border-radius:999px; color:#dfe3dc; background:#171a18; font:600 10px/1 var(--mono); }
    .work-label::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 11px rgba(183,255,0,.7); }
    .work-showcase h2 { margin:0; color:#fff; font-size:clamp(58px,7vw,104px); font-weight:900; line-height:.86; letter-spacing:-.075em; }
    .work-showcase h2 > span:not(.word-mask) { display:block; color:var(--lime); }
    .work-intro p { margin:0 0 22px; color:#a6aba4; font-size:15px; line-height:1.55; }
    .work-stats { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:20px; }
    .work-stats span { padding:8px 10px; border:1px solid #343833; border-radius:999px; color:#d7dbd4; background:#151815; font:600 8px/1 var(--mono); letter-spacing:.04em; }
    .work-stats span::first-letter { color:var(--lime); }
    .work-all { min-height:48px; display:inline-flex; align-items:center; gap:18px; padding:5px 6px 5px 19px; border:1px solid #3b403a; border-radius:999px; color:#f5f7f2; background:#151815; text-decoration:none; font-size:12px; font-weight:800; }
    .work-all span { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:#0a0b09; background:var(--lime); }
    .work-marquees { display:grid; gap:16px; width:100vw; margin-left:calc(50% - 50vw); }
    .work-row { overflow:hidden; }
    .work-track { display:flex; gap:16px; width:max-content; animation:workLeft 42s linear infinite; }
    .work-row.reverse .work-track { animation-name:workRight; animation-duration:48s; transform:translateX(-50%); }
    .work-row:hover .work-track { animation-play-state:paused; }
    @keyframes workLeft { to { transform:translateX(calc(-50% - 8px)); } }
    @keyframes workRight { to { transform:translateX(0); } }
    .work-card { position:relative; width:390px; aspect-ratio:16/9; flex:none; overflow:hidden; border:1px solid #323631; border-radius:14px; background-color:#151815; background-position:center; background-size:cover; box-shadow:0 14px 34px rgba(0,0,0,.25); transition:transform .3s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .3s ease; }
    .work-row:first-child .work-card:nth-child(10n+1) { background-image:url("assets/img/img-02.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+2) { background-image:url("assets/img/img-03.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+3) { background-image:url("assets/img/img-04.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+4) { background-image:url("assets/img/img-05.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+5) { background-image:url("assets/img/img-06.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+6) { background-image:url("assets/img/img-07.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+7) { background-image:url("assets/img/img-08.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+8) { background-image:url("assets/img/img-09.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+9) { background-image:url("assets/img/img-10.jpg"); }
    .work-row:first-child .work-card:nth-child(10n+10) { background-image:url("assets/img/img-11.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+1) { background-image:url("assets/img/img-12.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+2) { background-image:url("assets/img/img-13.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+3) { background-image:url("assets/img/img-14.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+4) { background-image:url("assets/img/img-15.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+5) { background-image:url("assets/img/img-16.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+6) { background-image:url("assets/img/img-17.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+7) { background-image:url("assets/img/img-18.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+8) { background-image:url("assets/img/img-19.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+9) { background-image:url("assets/img/img-20.jpg"); }
    .work-row.reverse .work-card:nth-child(10n+10) { background-image:url("assets/img/img-21.jpg"); }
    .work-card img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s cubic-bezier(.2,.75,.2,1); }
    .work-card::after { content:""; position:absolute; inset:auto 0 0; height:34%; pointer-events:none; background:linear-gradient(to top,rgba(9,11,10,.45),transparent); opacity:0; transition:opacity .3s ease; }
    .work-card:hover { z-index:2; border-color:#596153; box-shadow:0 20px 42px rgba(0,0,0,.4); transform:translateY(-5px); }
    .work-card:hover img { transform:scale(1.035); }
    .work-card:hover::after { opacity:1; }

    /* Real-logo footer with pointer spotlight */
    .z-footer { overflow:hidden; color:#f5f7f2; background:#090b0a; border-top:1px solid #272b27; }
    .z-footer-top { width:min(1280px,calc(100% - 64px)); margin:auto; display:grid; grid-template-columns:1.2fr repeat(4,minmax(120px,.55fr)); gap:48px; padding:80px 0 64px; }
    .footer-lockup { display:flex; align-items:center; gap:13px; width:max-content; }
    .footer-lockup .logo-chip { width:52px; height:52px; border-radius:14px; }
    .footer-lockup .brand-logo { width:35px; height:22px; }
    .footer-lockup .logo-word { font-size:27px; }
    .footer-brand p { max-width:360px; margin:17px 0 22px; color:#b4b8b1; font-size:15px; line-height:1.55; }
    .footer-booking { width:max-content; display:flex; align-items:center; gap:8px; margin-bottom:16px; padding:8px 11px; border:1px solid #393d38; border-radius:999px; color:#d8dcd5; background:#151815; font:600 9px/1 var(--mono); }
    .footer-booking::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px var(--lime); }
    .footer-cta { min-height:48px; display:inline-flex; align-items:center; gap:12px; padding:5px 7px 5px 18px; border-radius:999px; color:#090b0a; background:var(--lime); text-decoration:none; font-size:11px; font-weight:800; }
    .footer-cta span { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; color:var(--lime); background:#090b0a; }
    .footer-cta svg { width:16px; height:16px; }
    .footer-col h3 { margin:8px 0 20px; color:#747a72; font:600 9px/1 var(--mono); letter-spacing:.13em; text-transform:uppercase; }
    .footer-col a,.footer-col span { display:block; margin:0 0 12px; color:#e1e4df; text-decoration:none; font-size:13px; }
    .footer-col a:hover { color:var(--lime); }
    .social-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:18px; }
    .social-pills a { margin:0; padding:7px 9px; border:1px solid #353a34; border-radius:999px; font:600 8px/1 var(--mono); }
    .footer-word-stage { --spot-x:50%; --spot-y:50%; position:relative; width:min(1380px,calc(100% - 36px)); height:clamp(190px,26vw,390px); margin:auto; border-top:1px solid #272b27; user-select:none; }
    .footer-word,.footer-word-lit { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:clamp(92px,17vw,250px); font-weight:900; line-height:.8; letter-spacing:-.09em; white-space:nowrap; }
    .footer-word { color:#505750; -webkit-text-stroke:1px #717971; text-shadow:0 2px 18px rgba(0,0,0,.28); }
    .footer-word-lit { color:var(--lime); text-shadow:0 0 18px rgba(183,255,0,.5),0 0 48px rgba(183,255,0,.26); -webkit-mask-image:radial-gradient(circle 122px at var(--spot-x) var(--spot-y),#000 0 55%,transparent 72%); mask-image:radial-gradient(circle 122px at var(--spot-x) var(--spot-y),#000 0 55%,transparent 72%); opacity:0; transition:opacity .2s ease; }
    .footer-spot { position:absolute; z-index:3; width:244px; height:244px; left:var(--spot-x); top:var(--spot-y); border:1.5px solid var(--lime); border-radius:50%; pointer-events:none; transform:translate(-50%,-50%); opacity:0; box-shadow:0 0 20px rgba(183,255,0,.38),inset 0 0 20px rgba(183,255,0,.12); transition:opacity .2s ease; }
    .footer-word-stage.is-hovered .footer-word-lit,.footer-word-stage.is-hovered .footer-spot { opacity:1; }
    .footer-hint { position:absolute; top:24px; right:24px; color:#666b64; font:600 8px/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; }
    .footer-bottom { min-height:58px; width:min(1280px,calc(100% - 64px)); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #272b27; color:#737871; font:600 8px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
    .footer-legal { display:flex; gap:20px; flex-wrap:wrap; }
    .footer-legal a { color:inherit; text-decoration:none; }
    .local-time { display:flex; align-items:center; gap:8px; }
    .local-time i { width:6px; height:6px; border-radius:50%; background:var(--lime); animation:livePulse 1.4s ease-in-out infinite; }
    @media (max-width:1050px) { .z-footer-top { grid-template-columns:1.2fr repeat(2,1fr); } .footer-brand { grid-row:span 2; } }
    @media (max-width:760px) {
      .work-showcase { padding:78px 0 66px; }
      .work-showcase .wrap { width:min(100% - 28px,1280px); }
      .work-head { grid-template-columns:1fr; gap:26px; margin-bottom:38px; }
      .work-showcase h2 { font-size:clamp(52px,16vw,74px); }
      .work-card { width:290px; border-radius:11px; }
      .z-footer-top { width:calc(100% - 28px); grid-template-columns:1fr 1fr; gap:34px 20px; padding:58px 0 42px; }
      .footer-brand { grid-column:1/-1; grid-row:auto; }
      .footer-lockup .logo-chip { width:48px; height:48px; }
      .footer-lockup .logo-word { font-size:24px; }
      .footer-word-stage { width:calc(100% - 16px); height:160px; }
      .footer-word,.footer-word-lit { font-size:clamp(64px,20vw,100px); }
      .footer-word-lit,.footer-spot,.footer-hint { display:none; }
      .footer-bottom { width:calc(100% - 28px); align-items:flex-start; flex-direction:column; gap:13px; padding:20px 0; }
    }
    @media (prefers-reduced-motion:reduce) { .work-track { animation-play-state:paused !important; transform:none !important; } .footer-word-lit,.footer-spot { display:none !important; } }


    /* Trusted-by creator proof band */
    .trusted-band { padding:94px 0 82px; overflow:hidden; border-bottom:1px solid #272b27; color:#f7f8f5; background:#080a09; }
    .trusted-band .wrap { width:min(1280px,calc(100% - 64px)); }
    .trusted-top { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:72px; align-items:center; }
    .trusted-title { max-width:870px; margin:0; font-size:clamp(44px,5.4vw,78px); font-weight:800; line-height:1.02; letter-spacing:-.04em; }
    .trust-line { display:flex; align-items:center; flex-wrap:wrap; gap:.08em .15em; }
    .trust-line + .trust-line { margin-top:.08em; }
    .trust-word { display:inline-block; will-change:transform,opacity; }
    .trust-chip { width:.95em; height:.95em; display:inline-grid; place-items:center; flex:none; border-radius:.22em; background:var(--chip,#b7ff00); box-shadow:0 .1em .3em rgba(0,0,0,.28); font-size:.72em; line-height:1; will-change:transform,opacity; }
    .trust-chip.cyan { --chip:#46e4c5; }
    .trust-chip.pink { --chip:#ff72b7; }
    .trust-chip.yellow { --chip:#f7e932; }
    .creator-mosaic { position:relative; min-height:250px; display:grid; place-items:center; isolation:isolate; }
    .creator-mosaic::before { content:""; position:absolute; inset:8% -8%; z-index:-1; opacity:.42; background:radial-gradient(circle,rgba(183,255,0,.42),transparent 58%); filter:blur(28px); }
    .mosaic-grid { width:min(100%,430px); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .mosaic-tile { aspect-ratio:1; min-width:0; margin:0; overflow:hidden; border:1px solid rgba(183,255,0,.52); border-radius:16px; background:#121510; box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 22px rgba(183,255,0,.1); will-change:transform,opacity; transition:transform .28s ease,box-shadow .28s ease; }
    .mosaic-tile:nth-child(2) { transform:translateY(10px); }
    .mosaic-tile img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .28s ease; }
    .mosaic-tile:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(0,0,0,.38),0 0 30px rgba(183,255,0,.22); }
    .mosaic-tile:hover img { transform:scale(1.035); }
    .mosaic-tile:nth-child(2):hover { transform:translateY(4px); }
    .creator-glow { position:absolute; left:50%; bottom:4px; z-index:3; padding:13px 22px; border:1px solid rgba(228,255,150,.72); border-radius:10px; color:#0b0d09; background:linear-gradient(90deg,#aee929,#b7ff00,#e0ff8c,#b7ff00,#aee929); box-shadow:0 0 16px rgba(183,255,0,.86),0 0 52px rgba(183,255,0,.42),inset 0 0 14px rgba(255,255,255,.24); transform:translateX(-50%); font:900 clamp(20px,2vw,30px)/1 var(--display); letter-spacing:-.02em; text-transform:uppercase; animation:creatorBreathe 3.2s ease-in-out infinite; }
    @keyframes creatorBreathe { 0%,100% { filter:brightness(.94); box-shadow:0 0 12px rgba(183,255,0,.66),0 0 38px rgba(183,255,0,.32),inset 0 0 14px rgba(255,255,255,.18); } 50% { filter:brightness(1.12); box-shadow:0 0 22px rgba(183,255,0,.96),0 0 66px rgba(183,255,0,.52),inset 0 0 18px rgba(255,255,255,.3); } }
    .trust-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:34px; margin-top:76px; }
    .trust-stat { display:grid; grid-template-columns:16px 1fr; gap:22px; min-width:0; }
    .trust-bar-wrap { min-height:168px; display:flex; align-items:stretch; padding:4px 0; }
    .trust-bar { width:9px; height:100%; border-radius:999px; background:linear-gradient(180deg,#efffb8 0%,#d8ff72 28%,#b7ff00 62%,#aee929 100%); box-shadow:0 0 10px rgba(183,255,0,.78),0 0 24px rgba(183,255,0,.46),0 0 38px rgba(183,255,0,.2); transform-origin:bottom; will-change:transform,opacity; }
    .trust-stat-copy { align-self:center; }
    .trust-value { display:block; margin:0 0 15px; color:#fff; font-size:clamp(52px,5.2vw,76px); font-weight:900; line-height:.82; letter-spacing:-.07em; font-variant-numeric:tabular-nums; }
    .trust-stat-copy p { margin:0; color:#fff; font-size:18px; line-height:1.25; }
    .trust-stat-copy p span { display:block; margin-top:4px; color:#787d78; }
    .motion-ready .trusted-band:not(.trust-in) .trust-word { opacity:0; transform:translate3d(0,34px,0); }
    .motion-ready .trusted-band:not(.trust-in) .trust-chip { opacity:0; transform:scale(.2) rotate(-16deg); }
    .motion-ready .trusted-band:not(.trust-in) .mosaic-tile { opacity:0; transform:translate3d(0,18px,0) scale(.92); }
    .motion-ready .trusted-band:not(.trust-in) .trust-bar { opacity:0; transform:scaleY(0); }
    .trusted-band.trust-in .trust-word { animation:trustWordIn .72s cubic-bezier(.16,1,.3,1) both; animation-delay:var(--trust-delay,0ms); }
    .trusted-band.trust-in .trust-chip { animation:trustChipIn .82s cubic-bezier(.16,1.6,.3,1) both; animation-delay:var(--trust-delay,0ms); }
    .trusted-band.trust-in .mosaic-tile { animation:mosaicIn .68s cubic-bezier(.16,1,.3,1) both; animation-delay:var(--tile-delay,0ms); }
    .trusted-band.trust-in .trust-bar { animation:trustBarGrow 1.05s cubic-bezier(.16,1,.3,1) both; animation-delay:var(--stat-delay,0ms); }
    @keyframes trustWordIn { from { opacity:0; transform:translate3d(0,34px,0); } to { opacity:1; transform:none; } }
    @keyframes trustChipIn { from { opacity:0; transform:scale(.2) rotate(-16deg); } to { opacity:1; transform:scale(1) rotate(0); } }
    @keyframes mosaicIn { from { opacity:0; transform:translate3d(0,18px,0) scale(.92); } to { opacity:.9; transform:none; } }
    @keyframes trustBarGrow { from { opacity:0; transform:scaleY(0); filter:brightness(2); } to { opacity:1; transform:scaleY(1); filter:brightness(1); } }
    @media (max-width:1020px) {
      .trusted-top { grid-template-columns:1fr; gap:46px; }
      .creator-mosaic { width:min(100%,560px); justify-self:center; }
      .trust-stats { grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:760px) {
      .trusted-band { padding:70px 0 62px; }
      .trusted-band .wrap { width:min(100% - 28px,1280px); }
      .trusted-title { font-size:clamp(42px,12.8vw,62px); }
      .trust-line { gap:.1em .13em; }
      .creator-mosaic { min-height:210px; }
      .mosaic-grid { gap:8px; }
      .mosaic-tile { border-radius:9px; }
      .creator-glow { padding:12px 18px; }
      .trust-stats { grid-template-columns:1fr; gap:34px; margin-top:54px; }
      .trust-bar-wrap { min-height:128px; }
      .trust-value { font-size:58px; }
    }
    @media (prefers-reduced-motion:reduce) {
      .creator-glow { animation:none !important; }
      .trusted-band .trust-word,.trusted-band .trust-chip,.trusted-band .mosaic-tile,.trusted-band .trust-bar { opacity:1 !important; transform:none !important; animation:none !important; }
    }

    /* Final QA pass: outcome section, responsive navigation, pricing and footer */
    :where(a,button,input,summary):focus-visible { outline:2px solid var(--lime); outline-offset:4px; }
    :where(.nav-cta,.hero-btn,.btn,.price-cta,.footer-cta,.work-all):active { transform:translateY(1px); }
    button:disabled,.btn:disabled { cursor:not-allowed; opacity:.5; box-shadow:none; transform:none; }

    .nav-menu-toggle { display:none; width:46px; height:46px; padding:0; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#fff; background:rgba(11,13,12,.72); backdrop-filter:blur(16px); }
    .nav-menu-toggle span { position:relative; width:18px; height:12px; display:block; margin:auto; }
    .nav-menu-toggle i { position:absolute; left:0; width:18px; height:2px; border-radius:2px; background:currentColor; transition:top .25s ease,transform .25s ease; }
    .nav-menu-toggle i:first-child { top:1px; }
    .nav-menu-toggle i:last-child { top:9px; }
    .nav-shell.menu-open .nav-menu-toggle i:first-child { top:5px; transform:rotate(45deg); }
    .nav-shell.menu-open .nav-menu-toggle i:last-child { top:5px; transform:rotate(-45deg); }
    .mobile-menu { position:absolute; top:calc(100% - 6px); left:32px; right:32px; display:grid; padding:10px; border:1px solid #343934; border-radius:18px; background:rgba(14,17,14,.97); box-shadow:0 22px 50px rgba(0,0,0,.4); backdrop-filter:blur(18px); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-10px); transition:opacity .24s ease,transform .24s ease,visibility .24s ease; }
    .mobile-menu a { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 14px; border-radius:10px; color:#eef1eb; text-decoration:none; font-size:14px; font-weight:700; }
    .mobile-menu a::after { content:'↗'; color:#737a72; }
    .mobile-menu a:hover,.mobile-menu a:focus-visible { color:#090b0a; background:var(--lime); outline-offset:-3px; }
    .mobile-menu a:hover::after,.mobile-menu a:focus-visible::after { color:#090b0a; }
    .nav-shell.menu-open .mobile-menu { opacity:1; visibility:visible; pointer-events:auto; transform:none; }

    .outcome-system { padding:112px 0; overflow:hidden; background:#0b0d0c; }
    .outcome-head { display:grid; grid-template-columns:150px minmax(0,1fr); gap:30px; margin-bottom:52px; }
    .outcome-label { width:max-content; height:max-content; display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #353a35; border-radius:999px; color:#e3e7df; background:#171a18; font:600 10px/1 var(--mono); }
    .outcome-label::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px rgba(183,255,0,.68); }
    .outcome-head h2 { max-width:900px; margin:0 0 20px; color:#fff; font-size:clamp(58px,7vw,102px); font-weight:900; line-height:.86; letter-spacing:-.075em; }
    .outcome-head h2 .outcome-accent { display:block; color:var(--lime); }
    .outcome-head p { max-width:740px; margin:0; color:var(--muted); font-size:17px; line-height:1.55; }
    .outcome-grid { display:grid; grid-template-columns:minmax(290px,.68fr) minmax(0,1.32fr); gap:22px; align-items:stretch; }
    .outcome-copy { display:flex; flex-direction:column; min-height:570px; padding:32px; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
    .outcome-copy h3 { max-width:430px; margin:0 0 14px; font-size:clamp(34px,3.5vw,52px); }
    .outcome-copy > p { margin:0; color:var(--muted); font-size:15px; }
    .outcome-list { display:grid; gap:10px; margin:30px 0; padding:0; list-style:none; }
    .outcome-list li { display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:center; padding:14px 0; border-top:1px solid var(--line); color:#f2f5ef; font-size:13px; font-weight:700; }
    .outcome-list li:last-child { border-bottom:1px solid var(--line); }
    .outcome-list li::before { content:'✓'; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:#090b0a; background:var(--lime); font:800 10px/1 var(--display); }
    .outcome-list small { display:block; margin-top:4px; color:#737970; font:600 8px/1.35 var(--mono); letter-spacing:.04em; text-transform:uppercase; }
    .outcome-cta { width:max-content; margin-top:auto; }
    .outcome-proof.compare { min-width:0; border-color:#363b35; background:#101310; }
    .outcome-proof .compare-stage { min-height:570px; }
    .outcome-proof .compare-info { border-top:1px solid var(--line); }
    .outcome-proof .concept { padding:0; }
    .outcome-proof .compare-image { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
    .outcome-proof .thumb-tag { position:absolute; z-index:2; top:24px; left:24px; padding:8px 10px; border-radius:4px; color:#f5f7f2; background:rgba(9,11,10,.76); box-shadow:0 6px 20px rgba(0,0,0,.24); backdrop-filter:blur(8px); }
    .outcome-proof input[type="range"] { accent-color:var(--lime); }

    .trust-line { overflow:visible; line-height:1.06; padding-bottom:.06em; }
    .trust-chip { width:1.08em; height:1.08em; line-height:1; padding:0 0 .03em; overflow:visible; font-family:system-ui,sans-serif; font-size:.58em; }

    .billing-toggle { position:relative; isolation:isolate; width:308px; display:grid; grid-template-columns:1fr 1fr; gap:0; padding:4px; overflow:hidden; }
    .billing-toggle::before { display:none; }
    .billing-indicator { position:absolute; z-index:0; left:4px; top:4px; bottom:4px; width:calc(50% - 4px); border-radius:999px; background:var(--lime); box-shadow:0 5px 16px rgba(183,255,0,.17); transform:translateX(0); transition:transform .48s cubic-bezier(.2,1,.3,1); pointer-events:none; }
    .billing-toggle.quarterly .billing-indicator { transform:translateX(100%); }
    .billing-btn { position:relative; z-index:1; min-width:0; padding:0 12px; transition:color .3s ease; }
    .billing-btn.active { color:#090b0a; }
    .billing-btn:not(.active) { color:#b6bbb3; }
    .billing-btn .save { transition:color .3s ease,background .3s ease; }
    .billing-btn.active .save { color:#fff; background:#9f275d; }
    .price strong { display:inline-block; font-variant-numeric:tabular-nums; }
    .price strong.price-changing { animation:pricePulse .5s cubic-bezier(.2,.9,.25,1); }
    @keyframes pricePulse { 0%{opacity:.35;transform:translateY(7px)} 100%{opacity:1;transform:none} }
    .price-cta { transition:color .25s ease,background .25s ease,border-color .25s ease,transform .2s ease; }
    .price-cta:hover { border-color:var(--lime); color:#090b0a; background:var(--lime); }
    .price-cta:hover span { color:var(--lime); background:#090b0a; }

    .work-track { backface-visibility:hidden; }
    @keyframes workRight { from { transform:translateX(calc(-50% - 8px)); } to { transform:translateX(0); } }

    .z-footer-top { grid-template-columns:minmax(280px,1.35fr) repeat(4,minmax(112px,.52fr)); gap:clamp(28px,3.6vw,52px); padding:88px 0 76px; align-items:start; }
    .footer-col { min-width:0; }
    .z-footer-top>nav.footer-col { display:block; }
    .footer-col h3 { margin-top:5px; }
    .footer-col a { width:max-content; max-width:100%; transition:color .2s ease,transform .2s ease; }
    .footer-col a:hover,.footer-col a:focus-visible { color:var(--lime); transform:translateX(3px); }
    .social-pills { align-items:center; }
    .social-pills a { width:auto; max-width:none; display:inline-flex; align-items:center; justify-content:center; min-height:31px; }
    .social-pills a:hover,.social-pills a:focus-visible { color:#090b0a; background:var(--lime); border-color:var(--lime); transform:none; }
    .footer-word-stage { width:min(1380px,calc(100% - 48px)); height:clamp(180px,24vw,360px); margin-top:10px; overflow:hidden; }
    .footer-word,.footer-word-lit { font-size:clamp(54px,16.5vw,238px); letter-spacing:-.085em; }
    .footer-bottom { display:grid; grid-template-columns:1fr auto 1fr; padding:20px 0; }
    .footer-bottom .local-time { justify-self:end; }
    .footer-legal a { transition:color .2s ease; }
    .footer-legal a:hover,.footer-legal a:focus-visible { color:var(--lime); }

    @media (max-width:1050px) {
      nav { grid-template-columns:1fr auto auto; gap:14px; }
      .nav-menu-toggle { display:block; }
      .z-footer-top { grid-template-columns:minmax(280px,1.35fr) repeat(2,minmax(120px,1fr)); }
      .footer-brand { grid-row:span 2; }
      .outcome-grid { grid-template-columns:1fr; }
      .outcome-copy { min-height:auto; }
    }
    @media (max-width:760px) {
      .nav-shell { position:absolute; left:0; right:0; top:0; }
      .nav-shell nav { grid-template-columns:1fr auto; }
      .nav-shell .nav-cta { display:none; }
      .mobile-menu { left:14px; right:14px; }
      .outcome-system { padding:78px 0; }
      .outcome-head { grid-template-columns:1fr; gap:20px; margin-bottom:36px; }
      .outcome-head h2 { font-size:clamp(50px,15vw,72px); }
      .outcome-head p { font-size:15px; }
      .outcome-copy { padding:24px; }
      .outcome-copy h3 { font-size:38px; }
      .outcome-proof .compare-stage { min-height:430px; }
      .outcome-proof .concept { padding:0; }
      .outcome-proof .concept-inner { width:calc(100vw - 76px); min-width:0; }
      .outcome-proof .thumb-heading { max-width:300px; margin-top:72px; font-size:clamp(38px,11vw,52px); line-height:.86; }
      .outcome-proof .before .thumb-heading { max-width:270px; font-size:clamp(31px,9vw,42px); }
      .billing-toggle { width:100%; }
      .billing-btn { min-height:42px; font-size:8px; }
      .z-footer-top { grid-template-columns:1fr 1fr; gap:38px 24px; padding:64px 0 48px; }
      .footer-brand { grid-column:1/-1; grid-row:auto; }
      .footer-col a,.footer-col span { font-size:12px; }
      .footer-word-stage { width:calc(100% - 28px); height:clamp(110px,35vw,150px); margin-top:6px; }
      .footer-word,.footer-word-lit { font-size:clamp(46px,16vw,76px); }
      .footer-bottom { width:calc(100% - 28px); grid-template-columns:1fr; gap:14px; align-items:start; padding:22px 0 28px; }
      .footer-bottom .local-time { justify-self:start; }
      .footer-legal { gap:16px; }
    }
    @media (max-width:390px) {
      .z-footer-top { grid-template-columns:1fr; }
      .footer-brand { grid-column:auto; }
    }
    /* Floating reference-matched header */
    .nav-shell {
      position:fixed;
      inset:18px 0 auto;
      z-index:100;
      border:0;
      background:transparent;
      backdrop-filter:none;
      pointer-events:none;
    }
    .nav-shell nav {
      width:min(900px,calc(100% - 32px));
      min-height:66px;
      display:grid;
      grid-template-columns:190px minmax(0,1fr) auto;
      align-items:center;
      gap:22px;
      margin-inline:auto;
      padding:7px 8px 7px 22px;
      border:1px solid rgba(16,18,16,.08);
      border-radius:999px;
      color:#151615;
      background:rgba(255,255,255,.97);
      box-shadow:0 12px 38px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);
      backdrop-filter:blur(18px);
      pointer-events:auto;
    }
    .nav-shell .brand {
      width:max-content;
      display:flex;
      align-items:center;
      justify-self:start;
      padding:2px 0;
      line-height:0;
    }
    .nav-shell .brand img {
      width:128px;
      height:auto;
      display:block;
    }
    .nav-shell .nav-links {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:2px;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      backdrop-filter:none;
    }
    .nav-shell .nav-links a {
      padding:11px 14px;
      border-radius:999px;
      color:#333633;
      font:600 12px/1 var(--display);
      letter-spacing:-.01em;
      text-transform:none;
      transition:color .2s ease,background .2s ease;
    }
    .nav-shell .nav-links a::after { display:none; }
    .nav-shell .nav-links a:hover,
    .nav-shell .nav-links a:focus-visible {
      color:#080908;
      background:#f0f1ee;
    }
    .nav-shell .nav-cta {
      min-height:50px;
      display:grid;
      grid-template-columns:auto 40px;
      align-items:center;
      gap:12px;
      justify-self:end;
      padding:5px 5px 5px 18px;
      border:0;
      border-radius:999px;
      color:#fff;
      background:#0b0c0b;
      text-decoration:none;
      box-shadow:none;
      transform:none;
      transition:background .2s ease,transform .2s ease;
    }
    .nav-shell .nav-cta:hover,
    .nav-shell .nav-cta:focus-visible { background:#242624; transform:translateY(-1px); }
    .nav-cta-copy { display:grid; gap:3px; text-align:left; white-space:nowrap; }
    .nav-cta-copy strong { font-size:12px; font-weight:800; line-height:1; letter-spacing:-.015em; }
    .nav-cta-copy small { color:#a9aea8; font:500 8px/1 var(--mono); letter-spacing:.015em; }
    .nav-avatar {
      width:40px;
      height:40px;
      display:grid;
      place-items:center;
      overflow:hidden;
      border:2px solid #fff;
      border-radius:50%;
      color:#0b0c0b;
      background:var(--lime);
      font:800 10px/1 var(--display);
      letter-spacing:-.02em;
    }
    .nav-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
    .nav-shell .nav-menu-toggle {
      width:46px;
      height:46px;
      display:none;
      padding:0;
      border:1px solid #e1e3de;
      border-radius:50%;
      color:#101110;
      background:#f4f5f2;
      backdrop-filter:none;
    }
    .nav-shell .nav-menu-toggle i { background:currentColor; }
    .nav-shell .mobile-menu {
      top:calc(100% + 8px);
      left:50%;
      right:auto;
      width:min(900px,calc(100% - 32px));
      gap:2px;
      padding:10px;
      border:1px solid rgba(16,18,16,.08);
      border-radius:22px;
      color:#151615;
      background:rgba(255,255,255,.98);
      box-shadow:0 18px 46px rgba(0,0,0,.2);
      backdrop-filter:blur(18px);
      transform:translate(-50%,-10px);
      pointer-events:none;
    }
    .nav-shell .mobile-menu a {
      min-height:48px;
      padding:0 14px;
      border-radius:12px;
      color:#202220;
      font-size:14px;
    }
    .nav-shell .mobile-menu a::after { color:#858a84; }
    .nav-shell .mobile-menu a:hover,
    .nav-shell .mobile-menu a:focus-visible { color:#080908; background:#f0f1ee; }
    .nav-shell .mobile-menu .mobile-book-call {
      min-height:54px;
      display:grid;
      grid-template-columns:1fr 40px;
      gap:12px;
      margin-top:6px;
      padding:5px 5px 5px 18px;
      color:#fff;
      background:#0b0c0b;
      border-radius:999px;
    }
    .nav-shell .mobile-book-call::after { display:none; }
    .nav-shell .mobile-menu .mobile-book-call:hover,
    .nav-shell .mobile-menu .mobile-book-call:focus-visible { color:#fff; background:#242624; }
    .nav-shell.menu-open .mobile-menu {
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translate(-50%,0);
    }
    .nav-shell nav {
      transition:width .46s cubic-bezier(.22,.75,.2,1) .14s,grid-template-columns .46s cubic-bezier(.22,.75,.2,1) .14s,gap .4s ease .14s,padding .4s ease,box-shadow .3s ease;
    }
    .nav-shell .nav-links {
      max-width:430px;
      opacity:1;
      overflow:hidden;
      transform:translateY(0);
      transition:max-width .34s cubic-bezier(.22,.75,.2,1) .14s,opacity .24s ease .26s,transform .3s ease .22s;
    }
    .nav-shell.is-scrolled nav {
      width:min(438px,calc(100% - 32px));
      grid-template-columns:148px 0 auto;
      gap:0;
      padding-left:18px;
      transition-delay:.14s;
      box-shadow:0 14px 42px rgba(0,0,0,.23),0 2px 8px rgba(0,0,0,.1);
    }
    .nav-shell.is-scrolled .nav-links {
      max-width:0;
      opacity:0;
      pointer-events:none;
      transform:translateY(-7px);
      transition:max-width .36s cubic-bezier(.22,.75,.2,1) .12s,opacity .16s ease,transform .2s ease;
    }
    .nav-shell .home-link { display:inline-flex; align-items:center; gap:6px; }
    .nav-shell .home-link::before { content:""; order:2; width:5px; height:5px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-1px); opacity:.7; }
    @media (max-width:1020px) {
      .nav-shell { inset-block-start:12px; }
      .nav-shell nav {
        width:calc(100% - 24px);
        min-height:60px;
        grid-template-columns:1fr auto auto;
        gap:6px;
        padding:6px 7px 6px 16px;
        transition:width .42s cubic-bezier(.22,.75,.2,1) .1s,grid-template-columns .4s ease .1s,gap .35s ease;
      }
      .nav-shell .brand img { width:108px; transition:width .35s ease; }
      .nav-shell .nav-links { display:none; }
      .nav-shell nav > .nav-cta {
        min-height:46px;
        display:grid;
        grid-template-columns:auto 34px;
        gap:8px;
        max-width:180px;
        padding-left:13px;
        opacity:1;
        overflow:hidden;
        pointer-events:auto;
        transform:none;
        transition:max-width .3s ease,opacity .18s ease,transform .24s ease;
      }
      .nav-shell nav > .nav-cta .nav-avatar { width:34px; height:34px; }
      .nav-shell .nav-menu-toggle { display:block; opacity:1; transform:scale(1); transition:opacity .18s ease .22s,transform .24s ease .18s,max-width .3s ease .12s,border-width .2s ease; }
      .nav-shell .mobile-menu { width:calc(100% - 24px); }
      .nav-shell.is-scrolled nav {
        width:min(402px,calc(100% - 24px));
        grid-template-columns:102px auto 46px;
        gap:8px;
        padding-left:14px;
      }
      .nav-shell.is-scrolled .brand img { width:102px; }
      .nav-shell.is-scrolled nav > .nav-cta {
        max-width:180px;
        opacity:1;
        pointer-events:auto;
        transform:none;
        transition:max-width .36s ease .15s,opacity .22s ease .26s,transform .3s ease .22s;
      }
      /* Condensed pill keeps the hamburger: the menu must stay reachable
         mid-page, not only back at the top. */
      .nav-shell.is-scrolled .nav-menu-toggle {
        max-width:46px;
        opacity:1;
        pointer-events:auto;
        transform:none;
      }
    }
    @media (prefers-reduced-motion:reduce) {
      .billing-indicator,.nav-menu-toggle i,.mobile-menu,.price strong,.nav-shell nav,.nav-shell .nav-links,.nav-shell .brand img,.nav-shell .nav-cta,.nav-shell .nav-menu-toggle { transition:none !important; animation:none !important; }
    }

    /* Trusted-by: creator photos inline in headline, emoji grid restored on right */
    .trust-chip.trust-photo { padding:0; overflow:hidden; background:#121510; border:2px solid var(--lime); border-radius:.24em; box-shadow:0 0 0 3px rgba(183,255,0,.16),0 .08em .3em rgba(0,0,0,.35); }
    .trust-chip.trust-photo img { width:100%; height:100%; display:block; object-fit:cover; }
    .mosaic-tile--emoji { display:grid; place-items:center; }
    .mosaic-tile--emoji span { font-family:system-ui,sans-serif; font-size:clamp(34px,3.4vw,52px); line-height:1; }
    @media (prefers-reduced-motion:reduce) { .trusted-band .trust-photo { opacity:1 !important; transform:none !important; animation:none !important; } }

    /* Our Proven System — three widgets (reference: Features cards, re-skinned to lime) */
    .proven-system { padding:104px 0; overflow:hidden; color:#f5f7f2; background:#080a09; border-bottom:1px solid var(--line); }
    .proven-system .wrap { width:min(1280px,calc(100% - 64px)); }
    .proven-head { max-width:760px; margin:0 auto 52px; text-align:center; }
    .proven-label { width:max-content; display:flex; align-items:center; gap:9px; margin:0 auto 22px; padding:7px 13px; border:1px solid #353935; border-radius:999px; color:#dce0d8; background:#171a18; font:600 10px/1 var(--mono); letter-spacing:.04em; text-transform:uppercase; }
    .proven-label::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px rgba(183,255,0,.75); }
    .proven-head h2 { margin:0 0 16px; color:#fff; font-size:clamp(44px,5.4vw,72px); font-weight:900; line-height:.9; letter-spacing:-.06em; }
    .proven-head h2 mark { display:inline-block; padding:.02em .08em .08em; border-radius:.1em; color:#0a0b09; background:var(--lime); line-height:.85; }
    .proven-head p { max-width:560px; margin:0 auto; color:#9aa099; font-size:16px; line-height:1.55; }
    .proven-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
    .footer-lockup .footer-logo-img { height:42px; width:auto; max-width:100%; display:block; }
    @media (max-width:760px) { .footer-lockup .footer-logo-img { height:36px; } }
    .proven-card { position:relative; display:flex; flex-direction:column; min-height:470px; padding:26px 26px 30px; overflow:hidden; border:1px solid #2f332e; border-radius:20px; background:linear-gradient(180deg,#151815 0%,#0c0e0c 78%); transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .45s ease; will-change:transform,opacity; }
    /* Scroll entrance — armed by JS only, so no-JS / reduced-motion still shows everything */
    .proven-system.ps-armed .proven-head { opacity:0; transform:translate3d(0,26px,0); }
    .proven-system.ps-armed .proven-card { opacity:0; transform:translate3d(0,38px,0) scale(.982); }
    .proven-system.ps-armed.in-view .proven-head { opacity:1; transform:translate3d(0,0,0); transition:opacity .8s ease,transform .95s cubic-bezier(.16,1,.3,1); }
    .proven-system.ps-armed.in-view .proven-card { opacity:1; transform:translate3d(0,0,0) scale(1); transition:opacity .85s ease var(--card-delay,0ms),transform 1s cubic-bezier(.16,1,.3,1) var(--card-delay,0ms),border-color .3s ease,box-shadow .45s ease; }
    .proven-system.ps-armed.in-view .proven-card:hover { transform:translate3d(0,-6px,0) scale(1); }
    .proven-card::before { content:""; position:absolute; inset:0; opacity:.5; pointer-events:none; background-image:linear-gradient(rgba(183,255,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,0,.055) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(180deg,#000 0%,transparent 62%); -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 62%); }
    .proven-card::after { content:""; position:absolute; left:18%; right:18%; top:-70px; height:120px; border-radius:50%; background:rgba(183,255,0,.14); filter:blur(38px); pointer-events:none; }
    .proven-card:hover { transform:translateY(-6px); border-color:rgba(183,255,0,.65); box-shadow:0 24px 50px rgba(0,0,0,.45),0 0 32px rgba(183,255,0,.08); }
    .proven-visual { position:relative; z-index:1; min-height:204px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; }
    .proven-card h3 { position:relative; z-index:1; margin:10px 0 10px; color:#fff; font-size:24px; font-weight:850; line-height:1.05; letter-spacing:-.04em; text-align:center; }
    .proven-card > p { position:relative; z-index:1; max-width:320px; margin:0 auto; color:#9aa099; font-size:14.5px; line-height:1.55; text-align:center; }
    /* Card 1 — layered thumbnail stack + checklist */
    .ps-thumb-stack { position:relative; width:216px; height:126px; flex:none; }
    .ps-thumb { position:absolute; inset:0; border:1px solid #3a3f37; border-radius:12px; background:#1e211e; }
    .ps-thumb--back { transform:translate(14px,-12px) rotate(3.5deg); opacity:.5; }
    .ps-thumb--mid { transform:translate(7px,-6px) rotate(1.6deg); opacity:.85; background:#242824; }
    .ps-thumb--front { display:flex; flex-direction:column; justify-content:space-between; padding:13px 14px; border-color:var(--lime); color:#0a0b09; background:var(--lime); box-shadow:0 16px 32px rgba(0,0,0,.38); }
    .ps-thumb--front small { font:700 8px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
    .ps-thumb--front strong { font-size:22px; font-weight:900; line-height:.92; letter-spacing:-.05em; }
    .ps-thumb--front span { font:600 8px/1 var(--mono); letter-spacing:.06em; text-transform:uppercase; opacity:.75; }
    .ps-checks { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
    .ps-checks span { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid #353a34; border-radius:999px; color:#e6eae2; background:rgba(21,24,21,.9); font:600 8.5px/1 var(--mono); letter-spacing:.05em; text-transform:uppercase; }
    .ps-checks span::before { content:"✓"; width:14px; height:14px; display:grid; place-items:center; border-radius:50%; color:#0a0b09; background:var(--lime); font:800 8px/1 var(--display); }
    /* Card 2 — animated gauge */
    .ps-gauge-wrap { display:flex; flex-direction:column; align-items:center; gap:6px; }
    .ps-gauge { width:236px; max-width:100%; height:auto; display:block; overflow:visible; }
    .ps-needle { transform-origin:118px 108px; transform:rotate(-82deg); will-change:transform; transition:transform 1.9s cubic-bezier(.3,1.18,.3,1) .55s; }
    .proven-system.in-view .ps-needle { transform:rotate(54deg); }
    .proven-system.ps-armed .ps-gauge-value { opacity:0; transform:translate3d(0,8px,0) scale(.92); transition:opacity .6s ease 1.55s,transform .7s cubic-bezier(.2,1.4,.3,1) 1.55s; }
    .proven-system.ps-armed.in-view .ps-gauge-value { opacity:1; transform:translate3d(0,0,0) scale(1); }
    .proven-system.ps-armed .ps-checks span { opacity:0; transform:translate3d(0,10px,0); transition:opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1); transition-delay:calc(500ms + var(--check-i,0) * 130ms); }
    .proven-system.ps-armed.in-view .ps-checks span { opacity:1; transform:translate3d(0,0,0); }
    .ps-gauge-value { display:inline-flex; align-items:baseline; gap:7px; padding:8px 14px; border:1px solid rgba(183,255,0,.45); border-radius:999px; color:#0a0b09; background:var(--lime); box-shadow:0 0 22px rgba(183,255,0,.22); }
    .ps-gauge-value strong { font-size:20px; font-weight:900; line-height:1; letter-spacing:-.04em; }
    .ps-gauge-value span { font:700 8px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
    .ps-avatars { display:flex; justify-content:center; margin-top:2px; }
    .ps-avatars i { width:26px; height:26px; display:grid; place-items:center; margin-left:-7px; border:2px solid #0c0e0c; border-radius:50%; color:#0a0b09; background:#dcff83; font:800 8px/1 var(--mono); font-style:normal; }
    .ps-avatars i:first-child { margin-left:0; background:var(--lime); }
    .ps-avatars i:nth-child(3) { background:#f2f4ef; }
    /* Card 3 — animated bar chart */
    .ps-chart-top { width:100%; max-width:260px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 12px; border:1px solid #353a34; border-radius:9px; color:#c9cdc5; background:rgba(21,24,21,.9); font:600 9px/1 var(--mono); letter-spacing:.05em; text-transform:uppercase; }
    .ps-chart-top b { color:var(--lime); font-weight:700; }
    .ps-bars { width:100%; max-width:260px; height:138px; display:flex; align-items:flex-end; gap:11px; padding:0 4px; border-bottom:1px solid #31352f; }
    .ps-bar { position:relative; flex:1; height:var(--h); border-radius:8px 8px 0 0; background:linear-gradient(180deg,rgba(183,255,0,.38),rgba(183,255,0,.12)); transform:scaleY(0); transform-origin:bottom center; will-change:transform; transition:transform 1.2s cubic-bezier(.22,1,.36,1) calc(var(--d,0ms) + 420ms); }
    .ps-bar.is-peak { background:linear-gradient(180deg,#e6ff8a,var(--lime) 55%,#9dc72a); box-shadow:0 0 24px rgba(183,255,0,.35); }
    .ps-bar.is-peak::after { content:""; position:absolute; left:50%; top:-7px; width:9px; height:9px; border:2px solid #0c0e0c; border-radius:50%; background:#fff; transform:translateX(-50%); box-shadow:0 0 10px rgba(183,255,0,.8); }
    .proven-system.in-view .ps-bar { transform:scaleY(1); }
    .ps-bars-labels { width:100%; max-width:260px; display:flex; justify-content:space-between; color:#767b74; font:600 7.5px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
    @media (max-width:1020px) {
      .proven-grid { grid-template-columns:1fr; max-width:560px; margin-inline:auto; }
      .proven-card { min-height:0; }
    }
    @media (max-width:760px) {
      .proven-system { padding:78px 0; }
      .proven-system .wrap { width:min(100% - 28px,1280px); }
      .proven-head { margin-bottom:36px; }
      .proven-head h2 { font-size:clamp(42px,13vw,60px); }
      .proven-head p { font-size:14.5px; }
      .proven-card { padding:24px 20px 28px; border-radius:16px; }
      .proven-card:hover { transform:none; }
      .proven-visual { min-height:190px; }
    }
    @media (prefers-reduced-motion:reduce) {
      .ps-needle { transform:rotate(54deg) !important; transition:none !important; }
      .ps-bar { transform:scaleY(1) !important; transition:none !important; }
      .proven-card,.proven-head,.ps-gauge-value,.ps-checks span { opacity:1 !important; transform:none !important; transition:none !important; animation:none !important; }
      .proven-card:hover { transform:none !important; }
    }

    /* Proven System — hover replay on fine pointers. Touch devices keep the
       scroll-triggered play above; these states only apply while the JS
       toggles .ps-reset / .ps-play on the hovered card. */
    @media (hover:hover) and (pointer:fine) {
      .proven-card.ps-reset .ps-needle { transform:rotate(-82deg) !important; transition:none !important; }
      .proven-card.ps-reset .ps-bar { transform:scaleY(0) !important; transition:none !important; }
      .proven-card.ps-reset .ps-checks span { opacity:0 !important; transform:translate3d(0,10px,0) !important; transition:none !important; }
      .proven-card.ps-play .ps-needle { transform:rotate(54deg); transition:transform 1.9s cubic-bezier(.3,1.18,.3,1) .15s; }
      .proven-card.ps-play .ps-bar { transform:scaleY(1); transition:transform 1.2s cubic-bezier(.22,1,.36,1) calc(var(--d,0ms) + 100ms); }
      .proven-card.ps-play .ps-checks span { opacity:1; transform:translate3d(0,0,0); transition:opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1); transition-delay:calc(150ms + var(--check-i,0) * 130ms); }
    }

    /* Proven System — tap replay on touch devices. Same .ps-reset / .ps-play
       states as the hover replay, driven by click instead of mouseenter, so
       tapping a card on a phone replays its gauge / bars / checklist. */
    @media (hover:none) and (pointer:coarse) {
      .proven-card.ps-reset .ps-needle { transform:rotate(-82deg) !important; transition:none !important; }
      .proven-card.ps-reset .ps-bar { transform:scaleY(0) !important; transition:none !important; }
      .proven-card.ps-reset .ps-checks span { opacity:0 !important; transform:translate3d(0,10px,0) !important; transition:none !important; }
      .proven-card.ps-play .ps-needle { transform:rotate(54deg); transition:transform 1.9s cubic-bezier(.3,1.18,.3,1) .15s; }
      .proven-card.ps-play .ps-bar { transform:scaleY(1); transition:transform 1.2s cubic-bezier(.22,1,.36,1) calc(var(--d,0ms) + 100ms); }
      .proven-card.ps-play .ps-checks span { opacity:1; transform:translate3d(0,0,0); transition:opacity .55s ease,transform .65s cubic-bezier(.16,1,.3,1); transition-delay:calc(150ms + var(--check-i,0) * 130ms); }
    }

    /* Hover polish pass — pricing activation + site-wide micro-interactions.
       Fine pointers only: touch devices keep the existing scroll/tap
       behaviour, and nothing here overrides the accordion, widgets,
       marquee, slider or billing-toggle interactions. */
    @media (hover:hover) and (pointer:fine) {
      /* Pricing — the hovered card lights up / turns lime */
      .price-card { transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease,border-color .3s ease,background .35s ease,filter .35s ease; }
      .price-card:hover { border-color:rgba(183,255,0,.62); background:#1d2319; box-shadow:0 22px 44px rgba(0,0,0,.34),0 0 36px rgba(183,255,0,.14); }
      .price-card .price strong { transition:color .3s ease,text-shadow .3s ease; }
      .price-card:hover .price strong { color:var(--lime); text-shadow:0 0 24px rgba(183,255,0,.32); }
      .price-card .billing-note::before { transition:background .3s ease,box-shadow .3s ease; }
      .price-card:hover .billing-note::before { background:var(--lime); box-shadow:0 0 9px rgba(183,255,0,.75); }
      .price-card .price-cta span { transition:background .25s ease,color .25s ease,transform .25s ease; }
      .price-card:hover .price-cta { border-color:var(--lime); }
      .price-card:hover .price-cta span { color:#0b0d0b; background:var(--lime); transform:rotate(-8deg) scale(1.06); }
      .price-card .price-list li::before { transition:transform .25s cubic-bezier(.2,1.4,.3,1); }
      .price-card .price-list li:hover::before { transform:scale(1.22); }
      /* Growth (featured) — extra glow + pulsing MOST PICKED badge on hover.
         box-shadow stays with the growthGlow animation, so the extra
         intensity comes through brightness + the badge. */
      .price-card.featured:hover { background:#2d3c21; filter:brightness(1.07); }
      .price-card.featured:hover .picked { animation:pickedPulse 1.15s ease-in-out infinite; }
      @keyframes pickedPulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 0 rgba(183,255,0,0); } 50% { transform:scale(1.08); box-shadow:0 0 18px rgba(183,255,0,.6); } }
      .price-card.featured:hover .price-cta { box-shadow:0 0 26px rgba(183,255,0,.45); }
      .price-card.featured .price-cta { transition:color .25s ease,background .25s ease,border-color .25s ease,transform .2s ease,box-shadow .35s ease; }

      /* Numbers dashboard stat cards */
      .report-stat { transition:background .3s ease; }
      .report-stat:hover { background:rgba(183,255,0,.045); }
      .report-stat .stat-value { transition:color .3s ease,text-shadow .3s ease; }
      .report-stat:hover .stat-value { color:var(--lime); text-shadow:0 0 26px rgba(183,255,0,.25); }
      .report-tab:not(.active) { transition:color .25s ease,background .25s ease; }
      .report-tab:not(.active):hover { color:#eef1eb; background:#2b2f2a; }
      .billing-btn:not(.active):hover { color:#fff; }

      /* Trusted-by stats */
      .trust-stat .trust-value { transition:color .3s ease,text-shadow .3s ease; }
      .trust-stat:hover .trust-value { color:var(--lime); text-shadow:0 0 24px rgba(183,255,0,.3); }

      /* Index strip + hero pills */
      .service-index-grid div { transition:background .25s ease; }
      .service-index-grid div:hover { background:#131711; }
      .hero-service-pills span { transition:border-color .25s ease,box-shadow .25s ease,color .25s ease; }
      .hero-service-pills span:hover { border-color:rgba(183,255,0,.65); color:#fff; box-shadow:0 0 16px rgba(183,255,0,.2); }
      .hero-btn-ghost:hover { background:rgba(255,255,255,.14); }

      /* Outcome checklist rows */
      .outcome-list li { transition:background .25s ease; }
      .outcome-list li::before { transition:transform .25s cubic-bezier(.2,1.4,.3,1); }
      .outcome-list li:hover { background:rgba(183,255,0,.045); }
      .outcome-list li:hover::before { transform:scale(1.15); }

      /* Services panel checklist */
      .svc-list li { transition:transform .25s ease; }
      .svc-list li:hover { transform:translateX(4px); }

      /* Work chips + pill CTAs */
      .work-stats span { transition:border-color .25s ease,color .25s ease,box-shadow .25s ease; }
      .work-stats span:hover { border-color:var(--lime); color:#fff; box-shadow:0 0 14px rgba(183,255,0,.16); }
      .services-all span,.work-all span { transition:transform .25s cubic-bezier(.2,1.3,.3,1); }
      .services-all:hover span,.work-all:hover span { transform:translate(2px,-2px); }
      .services-all { transition:border-color .25s ease,background .25s ease; }
      .services-all:hover { border-color:#111311; background:rgba(183,255,0,.35); }

      /* Before/after slider handle grows under the cursor */
      .compare-handle::before { transition:transform .25s cubic-bezier(.2,1.3,.3,1),box-shadow .25s ease; }
      .compare-stage:hover .compare-handle::before { transform:translate(-50%,-50%) scale(1.14); box-shadow:0 10px 26px rgba(0,0,0,.3),0 0 18px rgba(183,255,0,.5); }

      /* FAQ rows */
      summary { transition:color .25s ease; }
      summary:hover { color:var(--lime); }
      summary:hover::after { border-color:var(--lime); color:var(--lime); transform:scale(1.08); }

      /* Footer CTA lift */
      .footer-cta { transition:transform .25s ease,box-shadow .25s ease; }
      .footer-cta:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(183,255,0,.28); }
    }
    @media (prefers-reduced-motion:reduce) {
      .price-card.featured:hover .picked { animation:none !important; }
    }

    /* Mobile polish pass — small screens only (≤760px). Desktop rendering
       is untouched: every rule here lives inside this media query.
       Goals: 44px touch targets, legible micro-labels, a right-sized hero
       image, and cheaper marquee compositing. */
    @media (max-width:760px) {
      

      /* Touch targets ≥44px */
      .report-tab { min-height:44px; }
      .billing-btn { min-height:44px; }
      .social-pills a { min-height:44px; padding:9px 13px; }
      .footer-col a { padding-top:6px; padding-bottom:6px; }
      .footer-legal a { display:inline-block; padding:8px 4px; }
      .compare-info input[type="range"] { height:38px; }

      /* Micro-labels that were 7–8px come up a step */
      .report-brand { font-size:9px; }
      .report-period { font-size:8px; }
      .report-tab { font-size:8px; }
      .availability { font-size:10px; }
      .svc-name::after { font-size:9px; }
      .funnel-value small { font-size:8px; }

      /* Report cards: same content, less dead height when stacked */
      .report-stat { min-height:272px; }

      /* Marquee tracks composite on their own layer — no scroll jank */
      .work-track { will-change:transform; }
    }

  
    /* ============================================================
       TESTIMONIALS — "What creators say"  (flip cards)
       ============================================================ */
    .tst{padding:112px 0 96px;background:#090b0a;color:#f5f7f2;overflow:hidden;scroll-margin-top:110px}
    .tst .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
    .tst-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:56px;flex-wrap:wrap}
    .tst-label{width:max-content;display:flex;align-items:center;gap:8px;margin:0 0 24px;padding:7px 12px;border:1px solid #353935;border-radius:999px;color:#dfe3dc;background:#171a18;font:600 10px/1 "Geist Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
    .tst-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#b7ff00;box-shadow:0 0 11px rgba(183,255,0,.7)}
    .tst-head h2{margin:0;color:#fff;font-family:"Archivo",sans-serif;font-size:clamp(46px,5.4vw,84px);font-weight:900;line-height:.92;letter-spacing:-.06em}
    .tst-head h2 > span:not(.word-mask){color:#b7ff00}
    .tst-sub{max-width:340px;color:#a6aba4;font-size:15px;line-height:1.65;margin:0}
    .tst-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
    .tst-card{perspective:1400px;cursor:pointer;outline:none;border-radius:26px}
    .tst-card:focus-visible{box-shadow:0 0 0 2px #b7ff00}
    .tst-inner{position:relative;aspect-ratio:10/12;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.65,.25,1)}
    .tst-card:hover .tst-inner,.tst-card:focus-visible .tst-inner,.tst-inner.is-flipped{transform:rotateY(180deg)}
    .tst-face{position:absolute;inset:0;overflow:hidden;border-radius:26px;border:1px solid #31352f;background:#151815;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 24px 70px rgba(0,0,0,.38);transition:border-color .45s ease,box-shadow .45s ease}
    .tst-card:hover .tst-face,.tst-card:focus-visible .tst-face{border-color:rgba(183,255,0,.55);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 0 1px rgba(183,255,0,.22),0 14px 48px rgba(183,255,0,.10)}
    .tst-front img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform 1s ease}
    .tst-card:hover .tst-front img{transform:scale(1.1)}
    .tst-hint{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(9,11,10,.55);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#b7ff00;font-size:16px;transition:transform .55s ease}
    .tst-card:hover .tst-hint{transform:rotate(180deg)}
    .tst-name{position:absolute;left:0;right:0;bottom:0;padding:52px 20px 18px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);display:flex;align-items:center;gap:10px}
    .tst-name::before{content:"";width:8px;height:8px;border-radius:50%;background:#b7ff00;box-shadow:0 0 10px rgba(183,255,0,.8);flex:none}
    .tst-name b{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em;color:#fff}
    .tst-back{transform:rotateY(180deg);padding:30px 26px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;background:radial-gradient(120% 120% at 50% 0%,#1d231d 0%,#101310 62%)}
    .tst-quote-mark{font-family:"Archivo",sans-serif;font-size:60px;line-height:.55;color:#b7ff00;font-weight:900}
    .tst-quote{margin:0;color:#e9ede7;font-size:16px;line-height:1.55;font-weight:500}
    .tst-stars{color:#b7ff00;letter-spacing:5px;font-size:15px}
    .tst-back-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;color:#fff}
    .tst-back-name small{display:block;font-weight:600;color:#a6aba4;font-size:11.5px;margin-top:4px;letter-spacing:.1em}
    .tst-more-front{background:#b7ff00;border-color:#b7ff00;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}
    .tst-more-num{font-family:"Archivo",sans-serif;font-weight:900;font-size:clamp(64px,6vw,92px);letter-spacing:-.06em;color:#090b0a;line-height:1}
    .tst-more-label{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:#090b0a;letter-spacing:-.01em}
    .tst-more-sub{font-size:13px;color:#4a5138;font-weight:600}
    .tst-reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.65,.25,1);transition-delay:var(--d,0s)}
    .tst-reveal.in{opacity:1;transform:none}
    @media(max-width:1024px){.tst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:560px){.tst{padding:84px 0 68px}.tst-head{margin-bottom:40px}.tst-grid{gap:14px}.tst-face{border-radius:20px}.tst-back{padding:22px 18px;gap:11px}.tst-quote{font-size:13.5px}.tst-name b{font-size:16px}.tst-quote-mark{font-size:44px}}
    @media(prefers-reduced-motion:reduce){.tst-inner,.tst-front img,.tst-hint,.tst-reveal{transition:none}.tst-reveal{opacity:1;transform:none}}

  
    /* Hero serif-italic accent line — video jesa alag font */
    .hero h1 .serif-accent{display:inline-block;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:0;font-size:1.06em;padding:.06em .14em .08em .12em;margin:-.06em -.14em -.08em -.12em}
    /* Hero rotating word — video jesa left-right roll animation */
    #hero-rotator{display:inline-block;color:#b7ff00}
    #hero-rotator.rot-out{animation:rotOut .45s ease forwards}
    #hero-rotator.rot-in{animation:rotIn .5s ease}
    @keyframes rotOut{to{opacity:0;filter:blur(14px);transform:translateX(-30px)}}
    @keyframes rotIn{from{opacity:0;filter:blur(14px);transform:translateX(30px)}to{opacity:1;filter:blur(0);transform:translateX(0)}}


      
    /* ============ FOUNDER / TRUST SECTION (v2.2.0) — Neiden-style ============ */
    .founder{position:relative;padding:100px 0 110px;background:#0b0b0b;overflow:hidden}
    .founder::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 15% 40%,rgba(183,255,0,.06),transparent 70%);pointer-events:none}
    .founder .wrap{position:relative}
    .founder-kicker{display:flex;align-items:center;gap:12px;margin:0 0 54px;color:#fff;font:600 12px/1.5 var(--mono);letter-spacing:.14em}
    .founder-kdots{color:var(--lime);letter-spacing:2px;font-size:10px}
    .founder-ktext{color:#fff;text-transform:uppercase}
    .founder-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:48px;align-items:start}
    .founder-photo{position:relative;overflow:hidden;border-radius:190px 190px 16px 16px;background:var(--lime);max-width:360px}
    .founder-photo img{display:block;width:100%;aspect-ratio:3/3.7;object-fit:cover;object-position:top center;filter:grayscale(1) contrast(1.12) brightness(.92);mix-blend-mode:multiply}
    .founder-copy{padding-top:26px;min-width:0}
    .founder-copy h2{position:relative;z-index:2;margin:0 0 30px 0;margin-left:clamp(-170px,-13vw,-70px);color:#fff;font-size:clamp(30px,4.4vw,62px);line-height:1.14;font-weight:700;letter-spacing:-.02em;max-width:22em}
    .founder-sub{margin:0 0 36px;max-width:36em;color:#a3a3a3;font-size:15.5px;line-height:1.75}
    .founder-name{margin:0;color:#fff;font-size:15px;font-weight:700}
    .founder-role{margin:5px 0 0;color:#8a8a8a;font-size:13.5px}
    .founder-sign{margin:10px 0 0;color:var(--lime);font-family:'Priestacy','Great Vibes',cursive;font-size:64px;line-height:1;transform:rotate(-4deg);text-shadow:0 0 24px rgba(183,255,0,.35)}
    @media (max-width:900px){
      .founder{padding:72px 0 84px}
      .founder-kicker{margin-bottom:36px}
      .founder-grid{grid-template-columns:1fr;gap:36px}
      .founder-photo{max-width:280px}
      .founder-copy{padding-top:0}
      .founder-copy h2{margin-left:0}
      .founder-sign{font-size:clamp(28px,8vw,36px);white-space:nowrap}
    }