/* INTERACTIVE PREVIEW ONLY — © 2026 ReBrandMyAI. Reuse requires a valid licence. Not the customer edition. */

  :root{
    --forest-950:#12241D;
    --forest-800:#1B4332;
    --moss-600:#3E6E56;
    --moss-400:#6E9C82;
    --amber:#F59E0B;
    --amber-dim:#B97709;
    --bone:#EDE7D8;
    --bone-dim:#B9B3A2;
    --paper:#F7F5EF;
    --paper-line:#E4E0D3;
    --ink:#1A241F;
    --ink-dim:#5C6A61;
    --ledger-red:#C1502E;
    --radius:14px;
    --radius-sm:8px;
    --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:48px; --sp-6:64px; --sp-7:96px;
    --font:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:'IBM Plex Mono', monospace;
    --shadow: 0 20px 50px -16px rgba(0,0,0,0.45);
  }
  *{box-sizing:border-box; margin:0; padding:0; min-width:0;}
  html{scroll-behavior:smooth; overflow-x:hidden;}
  body{background:var(--paper); color:var(--ink); font-family:var(--font); line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:hidden; width:100%;}
  img{display:block; max-width:100%; width:100%; height:100%; object-fit:cover;}
  a{color:inherit;} button{font-family:inherit; cursor:pointer;}
  :focus-visible{outline:2px solid var(--amber); outline-offset:3px;}
  svg.icon{width:20px; height:20px; stroke:currentColor; stroke-width:1.7; fill:none; stroke-linecap:round; stroke-linejoin:round; flex:none;}
  .wrap{max-width:1200px; margin:0 auto; padding:0 var(--sp-3);}
  @media(min-width:720px){ .wrap{padding:0 var(--sp-5);} }
  .dark{background:var(--forest-950); color:var(--bone);}
  .brand-dark{background:var(--forest-800); color:var(--bone);}
  h1,h2,h3{font-weight:800; letter-spacing:-0.03em;}
  h2{font-size:clamp(1.8rem,3.6vw,2.5rem); margin-bottom:var(--sp-2);}
  .eyebrow{font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.09em; color:var(--amber-dim); text-transform:uppercase; margin-bottom:var(--sp-2); font-weight:500;}
  .dark .eyebrow, .brand-dark .eyebrow{color:var(--amber);}
  .section-sub{color:var(--ink-dim); font-size:1.02rem; max-width:52ch;}
  .dark .section-sub, .brand-dark .section-sub{color:var(--bone-dim);}
  
  header{position:sticky; top:0; z-index:40; background:rgba(247,245,239,0.92); border-bottom:1px solid var(--paper-line); backdrop-filter:blur(6px);}
  .navrow{display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); padding:14px 0; flex-wrap:nowrap;}
  .logo-block{line-height:1.1; min-width:0; overflow:hidden;}
  .logo-lockup{display:flex; align-items:center; gap:9px;}
  .logo-lockup svg{flex:none;}
  .logo{font-weight:800; font-size:1.15rem; letter-spacing:-0.01em;}
  .logo span{color:var(--forest-800);}
  .logo-tag{font-family:var(--font-mono); font-size:0.6rem; letter-spacing:0.07em; color:var(--ink-dim); text-transform:uppercase; margin-left:39px;}
  .navlinks{
    display:none; align-items:center; gap:2px; padding:4px;
    border:1px solid var(--paper-line); border-radius:999px;
    background:linear-gradient(180deg, rgba(27,67,50,0.055), rgba(27,67,50,0.02));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.55);
    font-size:0.88rem; font-weight:600;
  }
  @media(min-width:900px){ .navlinks{display:flex;} }
  .navlinks a{
    display:inline-flex; align-items:center; justify-content:center;
    padding:8px 15px; border-radius:999px; color:var(--ink-dim);
    white-space:nowrap; transition:color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  }
  .navlinks a:hover, .navlinks a:focus-visible{
    color:var(--forest-800); background:#fff;
    box-shadow:0 8px 18px rgba(27,67,50,0.1), inset 0 1px 0 rgba(255,255,255,0.7);
    transform:translateY(-1px); outline:none;
  }
  @media (prefers-reduced-motion: reduce){
  }
  .nav-right{display:flex; align-items:center; gap:var(--sp-2);}
  .nav-right .btn{white-space:nowrap;}
  .btn{border-radius:999px; padding:11px 20px; font-weight:700; font-size:0.88rem; border:1px solid transparent; transition:all .18s ease; flex:none; text-align:center;}
  .btn-amber{background:var(--amber); color:var(--forest-950);}
  .btn-amber:hover{background:#ffb52e; transform:translateY(-1px);}
  .btn-outline{background:none; border-color:var(--ink-dim); color:var(--ink);}
  .dark .btn-outline, .brand-dark .btn-outline{border-color:rgba(237,231,216,0.35); color:var(--bone);}
  .btn-outline:hover{border-color:var(--forest-800);}
  .btn:active{transform:translateY(1px);}
  
  .hero{padding:var(--sp-6) 0 var(--sp-6); position:relative; overflow:hidden;}
  .hero-pattern{
    position:absolute; left:0; top:60px; width:170px; height:340px; z-index:0; opacity:0.5;
    background-image:
      linear-gradient(30deg, transparent 48%, rgba(245,158,11,.38) 49%, rgba(245,158,11,.38) 51%, transparent 52%),
      linear-gradient(150deg, transparent 48%, rgba(27,67,50,.16) 49%, rgba(27,67,50,.16) 51%, transparent 52%);
    background-size: 34px 34px;
  }
  .hero-grid{display:grid; gap:var(--sp-6); align-items:center; position:relative; z-index:1;}
  @media(min-width:980px){ .hero-grid{grid-template-columns:1fr 1.1fr;} }
  h1{font-size:clamp(2.6rem,6vw,4.2rem); line-height:0.98; letter-spacing:-0.035em; margin-bottom:var(--sp-3); max-width:12ch;}
  .hero-sub{color:var(--ink-dim); font-size:1.15rem; max-width:40ch; margin-bottom:var(--sp-4); font-weight:500; letter-spacing:-0.01em;}
  .hero-actions{display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-bottom:var(--sp-4);}
  .hero-actions .btn{white-space:nowrap;}
  .btn-lg{padding:14px 26px; font-size:0.95rem;}
  .trust-row{display:flex; flex-wrap:wrap; gap:var(--sp-4); padding-top:var(--sp-3); border-top:1px solid var(--paper-line);}
  .trust-item{display:flex; align-items:center; gap:9px; font-size:0.78rem; color:var(--ink-dim);}
  .trust-item .mark{width:32px; height:32px; border-radius:50%; background:#e4f3eb; color:var(--forest-800); display:flex; align-items:center; justify-content:center; flex:none;}
  .trust-item strong{display:block; color:var(--ink); font-size:0.82rem;}
  
  .dash{display:grid; grid-template-columns:150px 1fr; background:var(--forest-950); border-radius:22px; overflow:hidden; box-shadow:var(--shadow); border:1px solid rgba(237,231,216,0.08); min-height:420px;}
  @media(max-width:640px){ .dash{grid-template-columns:1fr !important;} .dash-sidebar{display:none;} }
  .dash-sidebar{background:radial-gradient(circle at 30% 0%, rgba(62,110,86,.35), transparent 40%), var(--forest-950); padding:var(--sp-3) var(--sp-2); border-right:1px solid rgba(237,231,216,0.08);}
  .dash-sidebar .logo{font-size:0.92rem; color:var(--bone); margin-bottom:var(--sp-3); padding:0 6px;}
  .dash-sidebar .logo span{color:var(--amber);}
  .dash-menu{display:grid; gap:4px;}
  .dash-menu div{display:flex; align-items:center; gap:8px; padding:9px 8px; border-radius:8px; font-size:0.72rem; font-weight:600; color:var(--bone-dim); cursor:pointer; transition:background 180ms ease, color 180ms ease, transform 180ms ease;}
  .dash-menu div.active{background:rgba(245,158,11,0.14); color:var(--amber);}
  .dash-menu div:hover, .dash-menu div.is-menu-hover{background:rgba(245,158,11,0.14); color:var(--amber); transform:translateX(2px);}
  .dash-menu svg{width:15px; height:15px;}
  .dash-main{padding:var(--sp-3);}
  .dash-head-label{font-family:var(--font-mono); font-size:0.68rem; color:var(--bone-dim); text-transform:uppercase; letter-spacing:0.06em;}
  .dash-head-title{font-weight:700; font-size:1.02rem; margin-top:2px; color:var(--bone); margin-bottom:var(--sp-3);}
  .stepper{display:flex; align-items:flex-start; gap:0; margin-bottom:var(--sp-3);}
  .step{display:flex; flex-direction:column; align-items:center; flex:1; position:relative; text-align:center;}
  .step-dot{width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:0.68rem; font-weight:600; border:2px solid rgba(237,231,216,0.25); color:var(--bone-dim); background:var(--forest-950); z-index:1;}
  .step.done .step-dot{background:var(--moss-600); border-color:var(--moss-600); color:var(--bone);}
  .step.active .step-dot{background:var(--amber); border-color:var(--amber); color:var(--forest-950);}
  .step-label{font-size:0.64rem; font-weight:600; margin-top:5px; color:var(--bone);}
  .step-date{font-size:0.58rem; color:var(--bone-dim); font-family:var(--font-mono); margin-top:1px;}
  .step-line{position:absolute; top:11px; left:-50%; width:100%; height:2px; background:rgba(237,231,216,0.15); z-index:0;}
  .step.done .step-line{background:var(--moss-600);}
  .step:first-child .step-line{display:none;}
  .dash-cards{display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2);}
  .dcard{background:rgba(237,231,216,0.05); border:1px solid rgba(237,231,216,0.1); border-radius:var(--radius-sm); padding:var(--sp-2);}
  .dcard-title{font-size:0.7rem; font-weight:600; color:var(--bone); margin-bottom:4px;}
  .dcard-sub{font-size:0.66rem; color:var(--bone-dim); line-height:1.4;}
  .dcard .bar{width:100%; height:4px; background:rgba(237,231,216,0.12); border-radius:99px; margin-top:8px; overflow:hidden;}
  .dcard .bar-fill{height:100%; background:var(--amber); border-radius:99px; width:75%;}
  .dcard-full{grid-column:1/-1;}
  .dcard-check{display:flex; align-items:center; gap:8px;}
  .dcard-check svg{width:15px; height:15px; color:var(--moss-400); flex:none;}
  .trust-mini{display:flex; align-items:center; gap:var(--sp-2);}
  .ring-wrap{position:relative; width:64px; height:64px; flex:none;}
  .ring-wrap svg{transform:rotate(-90deg);}
  .ring-num{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:0.82rem; font-weight:600; color:var(--amber);}
  .spark{width:100%; height:28px; margin-top:6px;}
  
  .problem{padding:var(--sp-6) 0; border-top:1px solid var(--paper-line);}
  .problem-grid{display:grid; gap:var(--sp-5); align-items:center; margin-bottom:var(--sp-5);}
  @media(min-width:860px){ .problem-grid{grid-template-columns:0.85fr 1.15fr;} }
  .portrait-wrap{position:relative;}
  .portrait{border-radius:18px; overflow:hidden; aspect-ratio:4/5; filter:grayscale(55%) contrast(1.05); box-shadow:var(--shadow);}
  .portrait-pattern{position:absolute; bottom:-16px; left:-16px; width:78px; height:64px; z-index:0;
    background:
      linear-gradient(45deg, transparent 47%, rgba(255,255,255,.5) 49%, rgba(255,255,255,.5) 51%, transparent 53%),
      var(--amber);
    background-size:14px 14px; border-radius:0 0 0 8px;}
  blockquote{font-weight:800; font-size:clamp(1.6rem,3.4vw,2.3rem); line-height:1.15; letter-spacing:-0.03em; margin-bottom:var(--sp-2);}
  blockquote span{color:var(--ledger-red);}
  .quote-attr{font-size:0.85rem; color:var(--ink-dim); font-family:var(--font-mono);}
  .problem-points{display:grid; gap:0; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
  .ppoint{display:flex; gap:var(--sp-2); padding-right:var(--sp-3); border-right:1px solid var(--paper-line);}
  .ppoint:last-child{border-right:none;}
  .ppoint svg{color:var(--forest-800); margin-top:2px;}
  .ppoint-title{font-weight:700; font-size:0.95rem; margin-bottom:4px;}
  .ppoint-desc{font-size:0.85rem; color:var(--ink-dim);}
  
  .works{padding:var(--sp-6) 0;}
  .works-row{display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); margin-top:var(--sp-5); position:relative;}
  .work-step{display:flex; flex-direction:column; align-items:center; text-align:center; flex:1; position:relative; z-index:1;}
  .work-step:not(:last-child)::after{
    content:''; position:absolute; top:58px; left:calc(50% + 38px);
    width:calc(100% - 76px + var(--sp-2)); height:0;
    border-top:2px dashed rgba(237,231,216,0.32); pointer-events:none;
    transform-origin:left center; transform:scaleX(0); opacity:0.92;
  }
  .work-badge{width:76px; height:76px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:var(--sp-2); border:1px solid rgba(237,231,216,0.18); color:var(--bone); background:rgba(237,231,216,0.06); box-shadow: inset 0 0 0 10px rgba(237,231,216,0.03);}
  .work-step.amber .work-badge{background:rgba(245,158,11,0.16); border-color:rgba(245,158,11,0.4); color:var(--amber); box-shadow: inset 0 0 0 10px rgba(245,158,11,0.08);}
  .work-num{font-family:var(--font-mono); font-size:0.68rem; color:var(--amber); margin-bottom:4px;}
  .work-name{font-weight:700; font-size:1.08rem; margin-bottom:6px;}
  .work-desc{font-size:0.8rem; color:var(--bone-dim); max-width:22ch;}
  
  .passport-section{padding:var(--sp-6) 0; border-top:1px solid var(--paper-line);}
  .passport-layout{display:grid; gap:var(--sp-4); margin-top:var(--sp-5);}
  @media(min-width:900px){ .passport-layout{grid-template-columns:0.8fr 1fr 0.75fr;} }
  .pcard{border-radius:18px; box-shadow:var(--shadow); overflow:hidden;}
  .pcard-passport{background:radial-gradient(circle at 50% 30%, rgba(62,110,86,.28), transparent 45%), var(--forest-950); color:var(--bone); padding:var(--sp-4); text-align:center; border:1px solid rgba(237,231,216,0.1);}
  .pcard-passport-label{font-family:var(--font-mono); font-size:0.62rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--moss-400); margin-bottom:var(--sp-2); text-align:left;}
  .big-ring-wrap{position:relative; width:150px; height:150px; margin:var(--sp-2) auto;}
  .big-ring-wrap svg{transform:rotate(-90deg);}
  .big-ring-num{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
  .big-ring-num b{font-family:var(--font-mono); font-size:2.3rem; font-weight:600; color:var(--amber); line-height:1;}
  .big-ring-num span{font-size:0.66rem; color:var(--bone-dim); margin-top:2px;}
  .score-caption{font-size:0.78rem; margin-top:var(--sp-2); color:var(--bone-dim);}
  .score-caption span{color:var(--moss-400);}
  .pcard-profile{background:#fff; border:1px solid var(--paper-line); padding:var(--sp-3);}
  .profile-top{display:flex; align-items:center; gap:var(--sp-2); margin-bottom:var(--sp-3);}
  .profile-avatar{width:44px; height:44px; border-radius:50%; overflow:hidden; flex:none;}
  .profile-name{font-weight:700; font-size:1rem;}
  .profile-loc{font-size:0.76rem; color:var(--ink-dim);}
  .profile-stats{display:flex; gap:var(--sp-3); padding-bottom:var(--sp-2); margin-bottom:var(--sp-2); border-bottom:1px solid var(--paper-line);}
  .profile-stat-num{font-family:var(--font-mono); font-weight:600; font-size:1rem;}
  .profile-stat-label{font-size:0.68rem; color:var(--ink-dim);}
  .deal-row{display:flex; justify-content:space-between; font-size:0.8rem; padding:6px 0;}
  .deal-row-name{font-weight:500;}
  .deal-row-date{font-size:0.68rem; color:var(--ink-dim);}
  .deal-row-amt{font-family:var(--font-mono); font-weight:600; text-align:right;}
  .pcard-share{background:#fff; border:1px solid var(--paper-line); padding:var(--sp-3); text-align:center;}
  .share-label{font-size:0.78rem; color:var(--ink-dim); text-align:left; margin-bottom:6px;}
  .share-link{display:flex; align-items:center; gap:6px; background:var(--paper); border:1px solid var(--paper-line); border-radius:var(--radius-sm); padding:8px 10px; font-family:var(--font-mono); font-size:0.68rem; margin-bottom:var(--sp-3); max-width:100%;}
  .share-link-text{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;}
  .share-link button{margin-left:auto; background:none; border:none; color:var(--forest-800); font-weight:700; font-size:0.68rem;}
  .qr-wrap img{width:120px; height:120px; margin:0 auto; border:6px solid #fff; box-shadow:0 0 0 1px var(--paper-line);}
  .qr-caption{font-size:0.7rem; color:var(--ink-dim); margin-top:var(--sp-2); font-family:var(--font-mono);}
  
  .trust-section{padding:var(--sp-6) 0;}
  .trust-layout{display:grid; gap:var(--sp-4); margin-top:var(--sp-5); align-items:center;}
  @media(min-width:900px){ .trust-layout{grid-template-columns:1fr 1.3fr 1fr;} }
  .metric-card{background:rgba(237,231,216,0.05); border:1px solid rgba(237,231,216,0.1); border-radius:var(--radius-sm); padding:var(--sp-3); margin-bottom:var(--sp-2);}
  .metric-label{font-size:0.76rem; color:var(--bone-dim); margin-bottom:4px;}
  .metric-val{font-family:var(--font-mono); font-size:1.5rem; font-weight:600; color:var(--bone);}
  .metric-val.good{color:var(--moss-400);}
  .metric-val.amber{color:var(--amber);}
  .metric-tag{font-size:0.7rem; color:var(--moss-400); margin-top:2px;}
  .metric-card svg{width:100%; height:28px; margin-top:8px;}
  .chart-wrap{background:radial-gradient(circle at 50% 20%, rgba(245,158,11,.12), transparent 55%), rgba(237,231,216,0.04); border:1px solid rgba(237,231,216,0.1); border-radius:18px; padding:var(--sp-4); text-align:center;}
  .chart-score{font-family:var(--font-mono); font-size:2.8rem; font-weight:700; color:var(--amber); margin-top:var(--sp-2);}
  .chart-score-label{font-size:0.76rem; color:var(--bone-dim);}
  
  .markets-section{padding:var(--sp-6) 0; border-top:1px solid var(--paper-line);}
  .market-grid{display:grid; gap:var(--sp-3); grid-template-columns:repeat(3,1fr); margin:var(--sp-5) 0;}
  @media(max-width:720px){ .market-grid{grid-template-columns:1fr;} }
  .market-card{border-radius:18px; overflow:hidden; position:relative; aspect-ratio:4/3; box-shadow:var(--shadow);}
  .market-card::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(18,36,29,0.88) 100%);}
  .market-info{position:absolute; left:var(--sp-2); bottom:var(--sp-2); z-index:2; color:var(--bone);}
  .market-city{font-weight:700; font-size:1.15rem;}
  .market-country{font-size:0.76rem; color:var(--bone-dim); font-family:var(--font-mono);}
  .stat-strip{display:flex; flex-wrap:wrap; gap:var(--sp-5); padding-top:var(--sp-4); border-top:1px solid var(--paper-line);}
  .stat-num{font-family:var(--font-mono); font-size:1.8rem; font-weight:700; color:var(--forest-800);}
  .stat-label{font-size:0.8rem; color:var(--ink-dim);}
  
  .final-cta{
    padding:var(--sp-7) 0;
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  .final-cta::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      radial-gradient(circle at 18% 10%, rgba(245,158,11,0.24), transparent 34%),
      radial-gradient(circle at 92% 80%, rgba(237,231,216,0.10), transparent 42%),
      linear-gradient(135deg, var(--forest-800), var(--forest-950));
  }
  .final-cta::after{
    content:'';
    position:absolute;
    right:-110px;
    top:50%;
    transform:translateY(-50%);
    width:520px;
    height:520px;
    z-index:-1;
    opacity:0.28;
    background-image:
      linear-gradient(30deg, transparent 48%, rgba(245,158,11,.34) 49%, rgba(245,158,11,.34) 51%, transparent 52%),
      linear-gradient(150deg, transparent 48%, rgba(237,231,216,.10) 49%, rgba(237,231,216,.10) 51%, transparent 52%);
    background-size:38px 38px;
    border-radius:50%;
  }
  .final-cta-panel{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(300px,0.82fr);
    gap:var(--sp-5);
    align-items:center;
    padding:clamp(32px,5vw,64px);
    border:1px solid rgba(237,231,216,0.16);
    border-radius:28px;
    background:
      linear-gradient(135deg, rgba(18,36,29,0.58), rgba(18,36,29,0.28)),
      rgba(237,231,216,0.035);
    box-shadow:0 28px 70px -32px rgba(0,0,0,0.65), inset 0 1px 0 rgba(255,255,255,0.08);
    overflow:hidden;
  }
  .final-cta-panel::before{
    content:'';
    position:absolute;
    left:clamp(24px,4vw,56px);
    right:clamp(24px,4vw,56px);
    top:0;
    height:3px;
    background:linear-gradient(90deg, transparent, var(--amber), transparent);
    opacity:0.9;
  }
  .final-cta-copy{
    position:relative;
    z-index:1;
  }
  .final-cta-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:var(--sp-2);
    color:var(--amber);
    font-family:var(--font-mono);
    font-size:0.72rem;
    letter-spacing:0.09em;
    text-transform:uppercase;
  }
  .final-cta-kicker::before{
    content:'';
    width:9px;
    height:9px;
    border-radius:999px;
    background:var(--amber);
    box-shadow:0 0 0 6px rgba(245,158,11,0.14);
  }
  .final-cta h2{
    max-width:none;
    margin:0;
    font-size:clamp(2.35rem,5.2vw,4.7rem);
    line-height:0.98;
    letter-spacing:-0.055em;
    text-align:left;
  }
  .final-cta h2 span{
    display:block;
    color:var(--bone);
  }
  .final-cta-lede{
    max-width:58ch;
    margin-top:var(--sp-3);
    color:var(--bone-dim);
    font-size:1rem;
  }
  .final-cta-card{
    position:relative;
    z-index:1;
    padding:var(--sp-4);
    border:1px solid rgba(237,231,216,0.16);
    border-radius:22px;
    background:rgba(18,36,29,0.74);
    box-shadow:0 18px 44px -28px rgba(0,0,0,0.85), inset 0 1px 0 rgba(255,255,255,0.06);
  }
  .final-cta-card-title{
    color:var(--bone);
    font-weight:800;
    font-size:1.18rem;
    letter-spacing:-0.025em;
    margin-bottom:8px;
  }
  .final-cta-card-text{
    color:var(--bone-dim);
    font-size:0.86rem;
    margin-bottom:var(--sp-3);
  }
  .final-cta-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-bottom:var(--sp-3);
  }
  .final-cta-actions .btn{
    width:100%;
    justify-content:center;
  }
  .final-cta .btn-amber{
    box-shadow:0 14px 32px -10px rgba(245,158,11,0.58);
  }
  .final-trust-strip{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding-top:var(--sp-3);
    border-top:1px solid rgba(237,231,216,0.13);
  }
  .final-trust-item{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:0.78rem;
    color:var(--bone-dim);
    font-weight:600;
  }
  .final-trust-item svg{
    width:16px;
    height:16px;
    color:var(--moss-400);
    flex:none;
  }
  @media(max-width:860px){
    .final-cta-panel{
      grid-template-columns:1fr;
      gap:var(--sp-4);
      border-radius:24px;
    }
    .final-cta-card{
      max-width:560px;
    }
  }
  @media(max-width:680px){
    .final-cta{
      padding-top:48px;
      padding-bottom:48px;
    }
    .final-cta::after{
      width:340px;
      height:340px;
      right:-190px;
      opacity:0.22;
    }
    .final-cta-panel{
      padding:28px 20px;
    }
    .final-cta h2{
      font-size:clamp(2rem,12vw,3rem);
      line-height:1.02;
    }
    .final-cta-lede{
      font-size:0.92rem;
    }
    .final-cta-card{
      padding:20px;
    }
  }
  
  footer{background:var(--forest-950); color:var(--bone); padding:var(--sp-6) 0 var(--sp-4);}
  .foot-grid{display:grid; gap:var(--sp-4); grid-template-columns:1.2fr 0.8fr 0.8fr 0.8fr 1.7fr; margin-bottom:var(--sp-5);}
  @media(max-width:860px){ .foot-grid{grid-template-columns:repeat(2,1fr);} }
  .foot-col-title{font-size:0.76rem; color:var(--bone-dim); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:var(--sp-2); font-family:var(--font-mono);}
  .foot-col a{display:block; font-size:0.85rem; color:var(--bone-dim); margin-bottom:8px;}
  .foot-col a:hover{color:var(--amber);}
  .foot-bottom a{color:inherit; text-decoration:underline; text-underline-offset:2px;}
  .foot-bottom a:hover{color:var(--amber);}
  .foot-tag{font-size:0.82rem; color:var(--bone-dim); margin-top:var(--sp-1); max-width:26ch;}
  .newsletter{background:rgba(237,231,216,0.06); border:1px solid rgba(237,231,216,0.12); border-radius:var(--radius-sm); padding:var(--sp-2);}
  .newsletter-title{font-size:0.8rem; margin-bottom:8px;}
  .newsletter form{display:flex; gap:6px;}
  .newsletter input{flex:1; background:var(--forest-950); border:1px solid rgba(237,231,216,0.2); border-radius:6px; padding:8px 10px; color:var(--bone); font-size:0.78rem; font-family:var(--font);}
  .newsletter button{background:var(--amber); color:var(--forest-950); border:none; border-radius:6px; padding:8px 12px; font-weight:700;}
  .foot-bottom{display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--sp-2); padding-top:var(--sp-3); border-top:1px solid rgba(237,231,216,0.1); font-size:0.78rem; color:var(--bone-dim);}
  
  @media(max-width:600px){
    .navrow{gap:8px;}
    .logo{font-size:0.95rem;}
    .logo-tag{font-size:0.52rem;}
    .nav-right{gap:6px;}
    .nav-right .btn{padding:9px 14px; font-size:0.76rem;}
    .btn-lg{padding:12px 18px; font-size:0.86rem;}
    .hero-pattern{width:110px; height:220px;}
    .works-row{flex-wrap:wrap; row-gap:var(--sp-4);}
    .work-step::after{display:none;}
    .work-step{flex:1 1 calc(50% - var(--sp-2)); min-width:130px;}
    .work-badge{width:60px; height:60px;}
    .stat-strip{gap:var(--sp-3);}
    .foot-grid{grid-template-columns:1fr;}
  }
  
  .hero.wrap,
  .problem.wrap,
  .passport-section.wrap,
  .markets-section.wrap{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-left:var(--sp-3);
    padding-right:var(--sp-3);
  }
  .hero.wrap{padding-top:var(--sp-6); padding-bottom:var(--sp-6);}
  .problem.wrap,.passport-section.wrap,.markets-section.wrap{padding-top:var(--sp-6); padding-bottom:var(--sp-6);}
  @media(min-width:720px){
    .hero.wrap,
    .problem.wrap,
    .passport-section.wrap,
    .markets-section.wrap{
      padding-left:var(--sp-5);
      padding-right:var(--sp-5);
    }
  }
  .hero-grid,
  .dash,
  .dash-main,
  .problem-grid,
  .passport-layout,
  .trust-layout,
  .market-grid,
  .foot-grid,
  .works-row,
  .profile-stats,
  .deal-row,
  .newsletter form{
    min-width:0;
  }
  @media(max-width:900px){
    .hero-grid,
    .problem-grid,
    .passport-layout,
    .trust-layout{
      grid-template-columns:1fr;
    }
    .dash{width:100%; max-width:100%;}
    .problem-points{gap:var(--sp-3);}
    .ppoint{border-right:none; padding-right:0;}
  }
  @media(max-width:680px){
    .wrap,
    .hero.wrap,
    .problem.wrap,
    .passport-section.wrap,
    .markets-section.wrap{
      padding-left:16px;
      padding-right:16px;
    }
    .hero,
    .problem,
    .passport-section,
    .markets-section,
    .works,
    .trust-section,
    .final-cta,
    footer{
      overflow-x:clip;
    }
    .hero.wrap{padding-top:48px; padding-bottom:48px;}
    .problem.wrap,.passport-section.wrap,.markets-section.wrap{padding-top:48px; padding-bottom:48px;}
    .works,.trust-section,.final-cta,footer{padding-top:48px; padding-bottom:48px;}
    .logo-block{max-width:calc(100vw - 132px);}
    .logo{font-size:0.95rem;}
    .logo-lockup svg{width:26px; height:23px;}
    .logo-tag{font-size:0.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:35px;}
    .nav-right .btn-outline{display:none;}
    .nav-right .btn-amber{padding:9px 13px; font-size:0.75rem;}
    h1{font-size:clamp(2.25rem,11vw,3.25rem); max-width:100%;}
    h2{font-size:clamp(1.65rem,8vw,2.25rem);}
    .hero-sub,.section-sub{max-width:100%;}
    .hero-actions{display:grid; grid-template-columns:1fr; align-items:stretch;}
    .hero-actions .btn{width:100%;}
    .trust-row{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
    .trust-row .trust-item:last-child{grid-column:1 / -1; justify-content:center;}
    .hero-pattern{left:0; transform:none; opacity:0.24;}
    .dash{grid-template-columns:1fr !important; border-radius:18px; min-height:0;}
    .dash-sidebar{display:none;}
    .dash-main{padding:16px;}
    .dash-head-title{font-size:0.92rem;}
    .stepper{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px;}
    .step{min-width:0;}
    .step-line{left:-50%; width:100%;}
    .step-dot{width:22px; height:22px; font-size:0.6rem;}
    .step-label{font-size:0.55rem; line-height:1.15; overflow-wrap:anywhere;}
    .step-date{font-size:0.48rem;}
    .dash-cards{grid-template-columns:1fr; gap:12px;}
    .trust-mini{align-items:center; justify-content:space-between;}
    .portrait-wrap{max-width:440px;}
    .portrait-pattern{left:-8px; bottom:-10px;}
    blockquote{font-size:clamp(1.5rem,7vw,2rem);}
    .problem-points{grid-template-columns:1fr; gap:0;}
    .ppoint{border-right:none; border-bottom:1px solid var(--paper-line); padding:0 0 16px 0; margin-bottom:16px;}
    .ppoint:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
    .works-row{display:grid; grid-template-columns:1fr; gap:24px; margin-top:32px;}
    .work-step::after{display:none;}
    .work-step{display:grid; grid-template-columns:64px 1fr; align-items:center; text-align:left; column-gap:16px;}
    .work-num{grid-column:1; grid-row:1; align-self:end; justify-self:center; margin-bottom:0;}
    .work-badge{grid-column:1; grid-row:2 / span 2; width:58px; height:58px; margin-bottom:0;}
    .work-name{grid-column:2; grid-row:1; margin-bottom:2px;}
    .work-desc{grid-column:2; grid-row:2; max-width:none;}
    .pcard{width:100%; max-width:100%;}
    .pcard-passport,.pcard-profile,.pcard-share{padding:20px;}
    .profile-stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;}
    .profile-stat-num{font-size:0.88rem; overflow-wrap:anywhere;}
    .deal-row{gap:6px;}
    .deal-row-amt{text-align:left;}
    .share-link{font-size:0.64rem;}
    .chart-wrap{padding:24px 16px;}
    .metric-card{margin-bottom:12px;}
    .chart-score{font-size:2.2rem;}
    .market-grid{grid-template-columns:1fr; gap:16px;}
    .stat-strip{display:grid; grid-template-columns:1fr; gap:16px;}
    .final-cta-top-row{flex-direction:column; align-items:flex-start;}
    .final-cta h2{max-width:100%;}
    .final-cta-actions{display:grid; grid-template-columns:1fr; align-items:stretch; width:100%;}
    .final-cta-actions .btn{width:100%;}
    .foot-grid{grid-template-columns:1fr;}
    .newsletter form{display:grid; grid-template-columns:1fr auto;}
    .foot-bottom{display:grid; grid-template-columns:1fr;}
  }
  @media(max-width:380px){
    .logo-tag{display:none;}
    .logo-block{max-width:calc(100vw - 120px);}
    .nav-right .btn-amber{padding:8px 11px;}
    .dash-main{padding:14px;}
    .step-label{font-size:0.5rem;}
    .profile-stats{grid-template-columns:1fr;}
    .big-ring-wrap{width:132px; height:132px;}
    .big-ring-wrap svg{width:132px; height:132px;}
  }
  
  .is-reveal{
    opacity:0;
    transform:translateY(18px);
    transition:
      opacity 700ms ease,
      transform 760ms cubic-bezier(.2,.78,.2,1);
    will-change:opacity, transform;
  }
  .is-reveal.is-visible{
    opacity:1;
    transform:translateY(0);
  }
  .is-reveal[data-reveal="scale"]{
    transform:translateY(14px) scale(.985);
  }
  .is-reveal[data-reveal="scale"].is-visible{
    transform:translateY(0) scale(1);
  }
  .chart-line{
    vector-effect:non-scaling-stroke;
  }
  @keyframes proof-grid-drift{
    0%{background-position:0 0, 0 0;}
    100%{background-position:34px 20px, -22px 28px;}
  }
  @keyframes proof-pulse{
    0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0.26);}
    50%{box-shadow:0 0 0 9px rgba(245,158,11,0);}
  }
  @keyframes connect-segment-1{
    0%,6%{transform:scaleX(0); opacity:0.24;}
    22%,90%{transform:scaleX(1); opacity:0.95;}
    100%{transform:scaleX(0); opacity:0.24;}
  }
  @keyframes connect-segment-2{
    0%,30%{transform:scaleX(0); opacity:0.24;}
    48%,90%{transform:scaleX(1); opacity:0.95;}
    100%{transform:scaleX(0); opacity:0.24;}
  }
  @keyframes connect-segment-3{
    0%,54%{transform:scaleX(0); opacity:0.24;}
    72%,90%{transform:scaleX(1); opacity:0.95;}
    100%{transform:scaleX(0); opacity:0.24;}
  }
  @keyframes cta-scroll-reveal{
    0%{opacity:0; transform:translateY(-12px); clip-path:inset(0 0 100% 0);}
    65%{opacity:1;}
    100%{opacity:1; transform:translateY(0); clip-path:inset(0 0 0 0);}
  }
  @media (prefers-reduced-motion: no-preference){
    .final-cta-panel.is-reveal .final-cta-copy > *,
    .final-cta-panel.is-reveal .final-cta-card > *{
      opacity:0;
      transform:translateY(-12px);
      clip-path:inset(0 0 100% 0);
    }
    .final-cta-panel.is-visible .final-cta-copy > *,
    .final-cta-panel.is-visible .final-cta-card > *{
      animation:cta-scroll-reveal 620ms cubic-bezier(.2,.78,.2,1) both;
    }
    .final-cta-panel.is-visible .final-cta-copy > *:nth-child(2){animation-delay:80ms;}
    .final-cta-panel.is-visible .final-cta-copy > *:nth-child(3){animation-delay:160ms;}
    .final-cta-panel.is-visible .final-cta-card > *:nth-child(1){animation-delay:180ms;}
    .final-cta-panel.is-visible .final-cta-card > *:nth-child(2){animation-delay:260ms;}
    .final-cta-panel.is-visible .final-cta-card > *:nth-child(3){animation-delay:340ms;}
    .final-cta-panel.is-visible .final-cta-card > *:nth-child(4){animation-delay:420ms;}
  }
  .hero-pattern,
  .final-cta::after{
    animation:proof-grid-drift 22s ease-in-out infinite alternate;
  }
  .step.active .step-dot,
  .final-cta-kicker::before{
    animation:proof-pulse 2.8s ease-in-out infinite;
  }
  .work-step:nth-child(1)::after{animation:connect-segment-1 5.6s cubic-bezier(.2,.78,.2,1) infinite;}
  .work-step:nth-child(2)::after{animation:connect-segment-2 5.6s cubic-bezier(.2,.78,.2,1) infinite;}
  .work-step:nth-child(3)::after{animation:connect-segment-3 5.6s cubic-bezier(.2,.78,.2,1) infinite;}
  @media (hover:hover) and (pointer:fine){
    .dash,
    .dcard,
    .pcard,
    .metric-card,
    .chart-wrap,
    .market-card,
    .final-proof-card,
    .newsletter{
      transition:
        transform 300ms cubic-bezier(.2,.78,.2,1),
        box-shadow 300ms ease,
        border-color 300ms ease,
        background 300ms ease;
      will-change:transform;
    }
    .dash:hover{
      transform:translateY(-1.5px);
      box-shadow:0 24px 58px -26px rgba(0,0,0,0.48);
    }
    .dcard:hover,
    .metric-card:hover,
    .chart-wrap:hover,
    .newsletter:hover{
      transform:translateY(-3px);
      border-color:rgba(245,158,11,0.22);
    }
    .pcard:hover,
    .final-proof-card:hover{
      transform:translateY(-2px);
      box-shadow:0 22px 54px -28px rgba(0,0,0,0.46);
    }
    .market-card:hover{
      transform:translateY(-2px);
      box-shadow:0 22px 54px -28px rgba(0,0,0,0.48);
    }
    .market-card img,
    .portrait img{
      transition:transform 900ms cubic-bezier(.2,.78,.2,1), filter 600ms ease;
      will-change:transform;
    }
    .market-card:hover img,
    .portrait-wrap:hover img{
      transform:scale(1.025);
    }
    .work-badge,
    .trust-item .mark{
      transition:transform 260ms cubic-bezier(.2,.78,.2,1), background 260ms ease, color 260ms ease;
    }
    .work-step:hover .work-badge{
      transform:translateY(-3px) scale(1.035);
    }
    .trust-item:hover .mark{
      transform:scale(1.08);
      background:#fff2d8;
      color:var(--amber-dim);
    }
    .final-cta-panel{
      transition:transform 360ms cubic-bezier(.2,.78,.2,1), box-shadow 360ms ease, border-color 360ms ease;
    }
    .deal-row,
    .share-link,
    .big-ring-num b,
    .qr-wrap img{
      transition:transform 240ms cubic-bezier(.2,.78,.2,1), color 240ms ease, background 240ms ease, box-shadow 240ms ease;
    }
    .deal-row{border-radius:8px; padding-left:6px; padding-right:6px; margin-left:-6px; margin-right:-6px;}
    .deal-row:hover{background:rgba(245,158,11,0.09); transform:translateX(3px);}
    .deal-row:hover .deal-row-name{color:var(--amber-dim);}
    .pcard-passport:hover .big-ring-num b{color:#ffb52e; text-shadow:0 0 18px rgba(245,158,11,0.18);}
    .pcard-share:hover .share-link{background:#fff8e9; border-color:rgba(245,158,11,0.28);}
    .pcard-share:hover .qr-wrap img{transform:scale(1.018);}
    
    .score-ring-fill{
      will-change:stroke-dashoffset;
      transition:none;
    }
    
    .is-reveal.is-visible[data-reveal="scale"].dash:hover{transform:translateY(-1.5px) scale(1);}
    .is-reveal.is-visible[data-reveal="scale"].pcard:hover,
    .is-reveal.is-visible[data-reveal="scale"].market-card:hover{transform:translateY(-2px) scale(1);}
    .is-reveal.is-visible[data-reveal="scale"].chart-wrap:hover{transform:translateY(-3px) scale(1);}
  }
  @media (prefers-reduced-motion: reduce){
    .work-step:not(:last-child)::after{transform:scaleX(1) !important; animation:none !important;}
  }
  @media (prefers-reduced-motion: reduce){ *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;} }
.concept-link{display:block;font-size:.85rem;color:var(--bone-dim);opacity:.64;margin-bottom:8px;cursor:default;}
.navlinks a{text-decoration:none;}
.logo span{margin-left:.22em;}
.cx-swipe-hint{display:none;color:#b2c5b3;font:500 .54rem var(--font-mono);letter-spacing:.07em;text-align:right;margin-bottom:4px;}
.dash{grid-template-columns:166px minmax(0,1fr); min-height:486px; isolation:isolate;}
.dash-sidebar{padding:22px 12px;}
.dash-sidebar .logo{font-size:.78rem;letter-spacing:-.035em;white-space:nowrap;margin-bottom:27px;}
.dash-menu{display:grid;gap:5px;}
.dash-menu .dash-tab{position:relative;width:100%;border:1px solid transparent;display:flex;align-items:center;gap:8px;padding:11px 8px;border-radius:9px;background:transparent;text-align:left;color:#b9b3a2;font-size:.72rem;font-weight:700;line-height:1.3;transition:background .2s,color .2s;border-radius:9px;overflow:hidden;white-space:normal;}
.dash-menu .dash-tab svg{width:16px;height:16px;flex:none;stroke-width:1.8;}
.dash-menu .dash-tab:is(:hover,:focus-visible){background:#ffffff12;color:#fff;outline-offset:-2px;}
.dash-menu .dash-tab.active{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.18);color:#ffbf58;}
.dash-tab-progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--amber);opacity:0;}
.dash-tab.active .dash-tab-progress{opacity:1;}
.dash-main{min-width:0;display:flex;flex-direction:column;padding:19px 21px 15px;background:linear-gradient(165deg,#1c392c,#12241d 66%);}
.cx-demo-label{display:flex;align-items:center;gap:7px;font:500 .57rem var(--font-mono);letter-spacing:.085em;color:#a6bbaa;padding-bottom:13px;margin-bottom:18px;border-bottom:1px solid #ffffff1d;}
.cx-live-dot{width:7px;height:7px;border-radius:50%;background:#7ad2a4;box-shadow:0 0 0 4px #7ad2a414;}
.cx-demo-label-right{margin-left:auto;color:#a3aa96;white-space:nowrap;}
.cx-panel{animation:cxEnter .35s ease both;min-height:348px;}
.cx-panel[hidden]{display:none!important;}
@keyframes cxEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.dash-head-label{color:#8cbd9e;font-size:.59rem;margin-bottom:5px;}
.dash-head-title{font-size:clamp(.86rem,1.25vw,1.02rem);letter-spacing:-.025em;line-height:1.34;max-width:46ch;margin-bottom:18px;}
.cx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.cx-tile,.cx-hero-stat,.cx-passport,.cx-record,.cx-alert,.cx-identity{border:1px solid rgba(237,231,216,.13);border-radius:10px;background:rgba(237,231,216,.055);padding:13px;}
.cx-label{font-size:.65rem;color:#b9c8b9;}
.cx-value{margin:5px 0 2px;font:bold 1.1rem var(--font-mono);color:#f7edd8;letter-spacing:-.035em;}
.cx-value small{font-size:.62rem;font-weight:500;color:#b9b3a2;}
.cx-tile p{color:#b9b3a2;font-size:.64rem;line-height:1.45;margin:4px 0;}
.cx-track{width:100%;height:5px;border-radius:10px;overflow:hidden;background:#ffffff21;margin-top:6px;}
.cx-track i{display:block;height:100%;background:linear-gradient(90deg,#659b7c,#f59e0b);border-radius:10px;}
.cx-meter{margin:12px 0 15px;}.cx-meter-head{display:flex;justify-content:space-between;color:#cdd0c2;font-size:.65rem;}.cx-meter-head b{color:#f59e0b;}
.cx-chart{width:100%;height:43px;display:block;margin-top:4px;}
.cx-positive{color:#8edaab!important;}
.cx-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid #ffffff14;font-size:.69rem;color:#dddcd0;}
.cx-list-row strong{color:#e7c481;font-size:.65rem;text-align:right;}
.cx-footnote{font-size:.61rem;color:#b4c3b0;border-top:1px solid #ffffff16;padding-top:12px;margin-top:14px;line-height:1.5;}
.cx-workflow{display:flex;gap:0;margin-bottom:13px;}
.cx-workflow>div{position:relative;flex:1;text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px;color:#c4c9b8;}
.cx-workflow>div:not(:last-child)::after{content:'';height:1px;background:#ffffff36;width:calc(100% - 24px);position:absolute;left:calc(50% + 12px);top:11px;}
.cx-workflow b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #657568;font:.65rem var(--font-mono);background:#1c392c;z-index:1;}
.cx-workflow .done b{background:#4d8565;color:#fff;border-color:#4d8565;}.cx-workflow .current b{background:#f59e0b;color:#12241d;border-color:#f59e0b;}
.cx-workflow small{font-size:.55rem;line-height:1.2;}
.cx-hero-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;}
.cx-hero-stat span{font-size:.62rem;color:#b9b3a2;}.cx-hero-stat strong{font:bold 1.6rem var(--font-mono);display:block;color:var(--bone);margin-top:3px;}
.cx-chip{border-radius:99px;border:1px solid #f59e0b55;padding:6px 8px;color:#ffc16c!important;font-size:.62rem!important;white-space:nowrap;}.cx-chip.good{border-color:#70ab82a8;color:#b1efb9!important;}
.cx-identity{display:flex;align-items:center;gap:9px;margin-bottom:11px;}.cx-identity-mark{display:grid;place-items:center;width:31px;height:31px;background:#3e6e56;border-radius:50%;color:#fff;font-size:1rem;flex:none;}.cx-identity strong,.cx-identity small{display:block;}.cx-identity strong{font-size:.73rem;}.cx-identity small{font-size:.59rem;color:#b9b3a2;margin-top:3px;}.cx-identity .cx-chip{margin-left:auto;}
.cx-notice{border-left:2px solid #f59e0b;background:#f59e0b13;padding:11px;color:#dfd4b8;font-size:.64rem;line-height:1.5;margin-top:12px;border-radius:0 5px 5px 0;}
.cx-passport{padding:16px 17px;background:linear-gradient(120deg,#345541,#203b2e 65%,#192e24);}
.cx-passport-top{display:flex;justify-content:space-between;color:#ffc66e;font:bold 1.25rem var(--font-mono);letter-spacing:.04em;}.cx-passport-top span{font:500 .57rem var(--font-mono);}
.cx-passport-person{display:flex;gap:12px;align-items:center;margin:16px 0;}.cx-avatar{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;border:1px solid #ddc9a37d;color:#f5daac;font:bold 1rem var(--font-mono);}.cx-passport-person strong,.cx-passport-person small{display:block;}.cx-passport-person strong{font-size:.84rem;}.cx-passport-person small{font-size:.63rem;color:#b9cbbb;}.cx-passport-bottom{display:flex;gap:10px;justify-content:space-between;border-top:1px solid #ffffff28;padding-top:14px;}.cx-passport-bottom b,.cx-passport-bottom small{display:block;}.cx-passport-bottom b{color:#ffd089;font:bold 1.1rem var(--font-mono);}.cx-passport-bottom small{font-size:.55rem;color:#c8d2c2;margin-top:3px;}
.cx-records,.cx-alerts{display:grid;gap:8px;}.cx-record,.cx-alert{display:flex;gap:10px;align-items:center;padding:11px;}.cx-record-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#55766053;color:#9acdaf;flex:none;}.cx-record strong,.cx-alert strong,.cx-record small,.cx-alert small{display:block;}.cx-record strong,.cx-alert strong{font-size:.69rem;}.cx-record small,.cx-alert small{font-size:.6rem;color:#b9b3a2;margin-top:4px;}.cx-record-status{margin-left:auto;font:.59rem var(--font-mono);color:#92d2a3;}
.cx-severity{font:bold .53rem var(--font-mono);padding:5px 6px;border-radius:4px;white-space:nowrap;}.cx-severity.amber{background:#f59e0b24;color:#ffd092;}.cx-severity.green{background:#6e9c822c;color:#a9dcb5;}
.cx-controls{margin-top:auto;padding-top:15px;}.cx-progress{background:#ffffff1e;height:2px;border-radius:8px;overflow:hidden;}.cx-progress span{display:block;background:var(--amber);width:0;height:100%;}.cx-controls-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;}.cx-count{color:#c5cdbd;font:.62rem var(--font-mono);}.cx-control-buttons{display:flex;gap:6px;align-items:center;}.cx-control-buttons button{border:1px solid #ffffff2b;background:transparent;color:#e8e7d8;border-radius:6px;min-width:28px;min-height:28px;padding:4px 7px;font-size:.64rem;}.cx-control-buttons button:hover,.cx-control-buttons button:focus-visible{background:#ffffff18;border-color:#f59e0b;}.cx-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
@media(max-width:900px){.dash{grid-template-columns:156px minmax(0,1fr);}.dash-sidebar{padding:16px 8px;}}
@media(max-width:680px){.cx-swipe-hint{display:block;}.dash{display:flex;flex-direction:column;min-height:0;}.dash-sidebar{display:block!important;padding:11px 12px;border-right:0;border-bottom:1px solid #ffffff19;}.dash-sidebar>.logo{display:none;}.dash-menu{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;padding-bottom:3px;}.dash-menu .dash-tab{width:auto;min-width:max-content;flex:none;padding:10px 9px;scroll-snap-align:center;font-size:.65rem;}.dash-menu .dash-tab svg{width:14px;height:14px;}.dash-main{padding:15px 14px;}.cx-panel{min-height:355px;}.cx-demo-label{font-size:.52rem;}.cx-demo-label-right{font-size:.46rem;}.dash-head-title{font-size:.88rem;}.cx-tile{padding:10px;}.cx-value{font-size:.96rem;}.cx-tile p{font-size:.61rem;}.cx-workflow small{font-size:.49rem;}}
@media(max-width:365px){.cx-grid{grid-template-columns:1fr;}.cx-demo-label-right{display:none;}.cx-panel{min-height:445px;}.cx-identity .cx-chip{display:none;}}
@media(prefers-reduced-motion:reduce){.cx-panel{animation:none;}.dash-tab-progress{display:none;}}
.cx-panel .cx-identity strong, .cx-panel .cx-passport-person strong, .cx-panel .cx-record strong, .cx-panel .cx-alert strong { color:#f3efe2 !important; }
.cx-panel .cx-identity small, .cx-panel .cx-passport-person small, .cx-panel .cx-record small, .cx-panel .cx-alert small { color:#c6d3c4 !important; }
.cx-control-buttons .cx-play-icon {display:inline-flex; gap:3px; align-items:center; justify-content:center; vertical-align:middle;}
.cx-control-buttons .cx-play-icon i {width:3px; height:12px; background:currentColor; border-radius:1px; display:block;}