/* =========================================================
   CHESSREVEAL HOME V4
   About-inspired product landing page + existing analyzer
   2026-09-05
   ========================================================= */

.home-v4 {
    background:
        radial-gradient(circle at 74% 4%, rgba(255,43,214,.09), transparent 31rem),
        radial-gradient(circle at 15% 20%, rgba(87,65,255,.035), transparent 28rem),
        #050505;
}

.home-v4 .page-shell { overflow: hidden; }
.home-v4-main { padding-bottom: 86px !important; }
.home-v4-nav { position: relative; z-index: 60; }

.home-v4-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 42px;
    margin-bottom: 26px;
}

.home-v4-section-heading h2 {
    max-width: 820px;
    margin: 8px 0 0;
    color: #f7f7f8;
    font-size: clamp(31px, 3.6vw, 50px);
    font-weight: 735;
    line-height: .99;
    letter-spacing: -.048em;
}

.home-v4-section-heading > p {
    max-width: 490px;
    margin: 0;
    color: #74747e;
    font-size: 11px;
    line-height: 1.62;
    text-align: right;
}

.home-v4-primary-link,
.home-v4-secondary-link {
    min-height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 27px;
    padding: 0 16px;
    font-size: 10px;
    font-weight: 830;
    letter-spacing: .025em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, color 150ms ease;
}

.home-v4-primary-link {
    min-width: 188px;
    border: 1px solid var(--accent);
    background: var(--accent);
    color: #090009;
}

.home-v4-primary-link:hover { transform: translateY(-1px); background: #ff54df; }
.home-v4-primary-link span { font-size: 16px; }

.home-v4-secondary-link {
    min-width: 178px;
    border: 1px solid #35353b;
    background: #0e0e11;
    color: #c6c6cc;
}

.home-v4-secondary-link:hover { transform: translateY(-1px); border-color: #55555e; color: #fff; }
.home-v4-secondary-link span { color: var(--accent); font-size: 14px; }

/* HERO */
.home-v4-hero {
    display: grid;
    grid-template-columns: minmax(0,.96fr) minmax(510px,1.04fr);
    gap: clamp(54px,6.3vw,104px);
    align-items: center;
    min-height: 690px;
    padding: 52px 0 70px;
}

.home-v4-hero-copy { min-width: 0; }
.home-v4-hero-copy h1 {
    max-width: 790px;
    margin: 16px 0 24px;
    color: #fff;
    font-size: clamp(58px,6.4vw,91px);
    font-weight: 785;
    line-height: .91;
    letter-spacing: -.065em;
}

.home-v4-hero-copy h1 span {
    display: block;
    margin-top: 7px;
    color: rgba(255,255,255,.25);
}

.home-v4-hero-lead {
    max-width: 730px;
    margin: 0;
    color: #92929c;
    font-size: 16px;
    line-height: 1.72;
}

.home-v4-hero-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }

.home-v4-proof-row {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    max-width: 740px;
    gap: 1px;
    margin-top: 27px;
    border: 1px solid #27272c;
    background: #27272c;
}

.home-v4-proof-row > div { min-width: 0; padding: 13px 14px; background: rgba(8,8,10,.92); }
.home-v4-proof-row span { display: block; margin-bottom: 5px; color: #5f5f68; font-size: 7px; font-weight: 820; letter-spacing: .09em; text-transform: uppercase; }
.home-v4-proof-row strong { display: block; overflow: hidden; color: #d3d3d8; font-size: 10px; font-weight: 660; text-overflow: ellipsis; white-space: nowrap; }

/* Keep the existing working analyzer, but visually anchor it to the new landing page. */
.home-v4 .home-v4-analyzer { box-shadow: 0 34px 95px rgba(0,0,0,.42); }
.home-v4 .home-v4-analyzer::before { width: 96px; }
.home-v4 .home-v3-idle-panel,
.home-v4 .home-v3-analysis-panel { padding: 30px; }

/* PRODUCT SNAPSHOT */
.home-v4-snapshot-section { padding: 66px 0; border-top: 1px solid #202025; }
.home-v4-intelligence-card {
    position: relative;
    display: grid;
    gap: 1px;
    border: 1px solid #2a2a30;
    background: #25252a;
    box-shadow: 0 30px 85px rgba(0,0,0,.32);
}
.home-v4-intelligence-card::before {
    content: ""; position: absolute; top: -1px; left: -1px; width: 110px; height: 2px;
    background: linear-gradient(90deg,var(--accent),rgba(255,43,214,0));
}
.home-v4-intelligence-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 17px; background: #0a0a0d; }
.home-v4-intelligence-top > div { display: grid; gap: 3px; }
.home-v4-intelligence-top span { color: #62626c; font-size: 7px; font-weight: 820; letter-spacing: .085em; text-transform: uppercase; }
.home-v4-intelligence-top strong { color: #d9d9dd; font-size: 11px; font-weight: 680; }
.home-v4-live-label { display: inline-flex; align-items: center; gap: 7px; }
.home-v4-live-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 14px rgba(255,43,214,.7); }

.home-v4-intelligence-main { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(310px,.75fr); gap: 1px; background: #25252a; }
.home-v4-identity-preview,
.home-v4-priority-preview { background: #0e0e11; }
.home-v4-identity-preview { padding: 28px 28px 27px; }
.home-v4-identity-preview > span { display: block; margin-bottom: 8px; color: var(--accent); font-size: 8px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.home-v4-identity-preview > strong { display: block; color: #f6f6f8; font-size: clamp(44px,5vw,68px); font-weight: 790; line-height: .92; letter-spacing: -.055em; }
.home-v4-identity-preview p { max-width: 700px; margin: 15px 0 0; color: #797982; font-size: 11px; line-height: 1.6; }
.home-v4-priority-preview { display: grid; align-content: stretch; }
.home-v4-priority-preview > div { display: flex; flex-direction: column; justify-content: center; min-height: 112px; padding: 18px 20px; }
.home-v4-priority-preview > div + div { border-top: 1px solid #25252a; }
.home-v4-priority-preview span { color: #61616a; font-size: 7px; font-weight: 830; letter-spacing: .08em; text-transform: uppercase; }
.home-v4-priority-preview strong { margin-top: 7px; color: #ececf0; font-size: 18px; font-weight: 700; }
.home-v4-priority-preview small { margin-top: 5px; color: #62626b; font-size: 8px; }

.home-v4-intelligence-bottom { display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.72fr); gap: 1px; background: #25252a; }
.home-v4-quality-preview { padding: 19px 20px; background: #0b0b0e; }
.home-v4-preview-heading { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 13px; }
.home-v4-preview-heading span { color: #62626b; font-size: 7px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.home-v4-preview-heading strong { color: #a2a2aa; font-size: 8px; font-weight: 680; }
.home-v4-quality-strip { display: flex; overflow: hidden; height: 9px; background: #1a1a1e; }
.home-v4-quality-strip i { min-width: 4px; }
.home-v4-quality-strip .best,.home-v4-quality-legend .best { background:#78c98e; }
.home-v4-quality-strip .good,.home-v4-quality-legend .good { background:#a1d591; }
.home-v4-quality-strip .inaccuracy,.home-v4-quality-legend .inaccuracy { background:#e5c75f; }
.home-v4-quality-strip .mistake { background:#ed9858; }
.home-v4-quality-strip .miss { background:#b774dd; }
.home-v4-quality-strip .blunder,.home-v4-quality-legend .blunder { background:#f06363; }
.home-v4-quality-legend { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 11px; }
.home-v4-quality-legend span { display: inline-flex; align-items: center; gap: 6px; color: #66666f; font-size: 7px; }
.home-v4-quality-legend i { width: 5px; height: 5px; }
.home-v4-lesson-preview { padding: 19px 20px; border-left: 2px solid var(--accent); background: linear-gradient(90deg,rgba(255,43,214,.045),transparent 48%),#0d0d10; }
.home-v4-lesson-preview span { display: block; margin-bottom: 7px; color: #65656e; font-size: 7px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.home-v4-lesson-preview strong { display: block; color: #f0f0f3; font-size: 16px; font-weight: 700; line-height: 1.3; }
.home-v4-lesson-preview p { margin: 7px 0 0; color: #6f6f78; font-size: 8px; line-height: 1.5; }

/* STATEMENT */
.home-v4-statement {
    display: grid;
    grid-template-columns: 70px minmax(0,1.18fr) minmax(300px,.82fr);
    gap: 34px;
    align-items: end;
    padding: 48px 0;
    border-top: 1px solid #202025;
    border-bottom: 1px solid #202025;
}
.home-v4-statement-index { color: rgba(255,43,214,.42); font-size: 40px; font-weight: 780; }
.home-v4-statement h2 { max-width: 820px; margin: 7px 0 0; color: #f4f4f6; font-size: clamp(33px,4vw,55px); font-weight: 750; line-height: .98; letter-spacing: -.05em; }
.home-v4-statement h2 span { display:block; color:#7d7d86; }
.home-v4-statement > p { max-width: 520px; margin: 0; color: #76767f; font-size: 12px; line-height: 1.68; }

/* PRODUCT TOUR */
.home-v4-product-tour-section { padding: 68px 0; scroll-margin-top: 20px; }
.home-v4-tour { display: grid; grid-template-columns: minmax(240px,.38fr) minmax(0,1.62fr); border: 1px solid #2a2a30; background: #0a0a0d; }
.home-v4-tour-tabs { border-right: 1px solid #2a2a30; background: #09090c; }
.home-v4-tour-tab {
    position: relative; width: 100%; min-height: 80px;
    display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; align-items: center;
    padding: 13px 15px; border: 0; border-bottom: 1px solid #222227;
    background: transparent; color: inherit; text-align: left;
}
.home-v4-tour-tab:last-child { border-bottom: 0; }
.home-v4-tour-tab:hover { background:#101013; }
.home-v4-tour-tab.active { background: linear-gradient(90deg,rgba(255,43,214,.075),transparent 76%),#101013; }
.home-v4-tour-tab.active::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:var(--accent); }
.home-v4-tour-tab > span { color:#515159; font-size:8px; font-weight:900; }
.home-v4-tour-tab.active > span { color:var(--accent); }
.home-v4-tour-tab strong { display:block; margin-bottom:4px; color:#c8c8ce; font-size:11px; font-weight:690; }
.home-v4-tour-tab.active strong { color:#fff; }
.home-v4-tour-tab small { display:block; overflow:hidden; color:#5f5f68; font-size:7.5px; text-overflow:ellipsis; white-space:nowrap; }

.home-v4-tour-stage { display:grid; grid-template-columns:minmax(270px,.72fr) minmax(360px,1.28fr); gap:34px; align-items:center; min-height:500px; padding:34px; }
.home-v4-tour-copy > span { display:block; margin-bottom:9px; color:var(--accent); font-size:8px; font-weight:860; letter-spacing:.095em; text-transform:uppercase; }
.home-v4-tour-copy h3 { max-width:510px; margin:0 0 15px; color:#fff; font-size:clamp(28px,3vw,42px); font-weight:730; line-height:1.02; letter-spacing:-.045em; }
.home-v4-tour-copy > p { max-width:510px; margin:0; color:#777780; font-size:11px; line-height:1.65; }
.home-v4-tour-facts { display:grid; margin-top:24px; border-top:1px solid #29292f; }
.home-v4-tour-fact { display:grid; grid-template-columns:8px minmax(0,1fr); gap:9px; padding:9px 0; border-bottom:1px solid #232328; color:#9a9aa3; font-size:9px; line-height:1.45; }
.home-v4-tour-fact::before { content:""; width:4px; height:4px; margin-top:5px; background:var(--accent); }
.home-v4-tour-link { display:inline-flex; align-items:center; gap:14px; margin-top:21px; color:#e2e2e6; font-size:10px; font-weight:760; text-decoration:none; }
.home-v4-tour-link span { color:var(--accent); font-size:15px; }

.home-v4-tour-window { overflow:hidden; border:1px solid #2b2b31; background:#08080a; box-shadow:0 25px 70px rgba(0,0,0,.34); }
.home-v4-tour-window-top { min-height:37px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border-bottom:1px solid #232328; background:#101012; }
.home-v4-tour-window-top > span { color:#5f5f68; font-size:7px; font-weight:820; letter-spacing:.08em; text-transform:uppercase; }
.home-v4-tour-window-top > div { display:flex; gap:5px; }
.home-v4-tour-window-top i { width:5px; height:5px; border-radius:50%; background:#34343a; }
.home-v4-tour-ui { min-height:350px; display:grid; align-items:stretch; padding:18px; background:radial-gradient(circle at 20% 0,rgba(255,43,214,.045),transparent 17rem),#09090b; }

.home-v4-tour-profile-ui { display:flex; flex-direction:column; padding:24px; border-top:1px solid rgba(255,43,214,.56); border-bottom:1px solid #25252a; background:#0d0d10; }
.home-v4-tour-profile-ui > span { color:#62626b; font-size:7px; font-weight:820; letter-spacing:.08em; text-transform:uppercase; }
.home-v4-tour-profile-ui > strong { margin-top:12px; color:#f5f5f7; font-size:clamp(42px,5vw,62px); line-height:.92; letter-spacing:-.055em; }
.home-v4-tour-profile-ui > p { max-width:430px; margin:15px 0 0; color:#777780; font-size:9px; line-height:1.6; }
.home-v4-tour-profile-ui > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; align-items:end; margin-top:auto; padding-top:26px; }
.home-v4-tour-profile-ui > div i { height:56px; border:1px solid #26262b; background:linear-gradient(to top,rgba(255,43,214,.08),transparent 56%),#111114; }
.home-v4-tour-profile-ui > div i:nth-child(2){height:81px}.home-v4-tour-profile-ui > div i:nth-child(3){height:69px}.home-v4-tour-profile-ui > div i:nth-child(4){height:94px}

.home-v4-tour-review-ui,.home-v4-tour-training-ui { display:grid; grid-template-columns:minmax(220px,1fr) minmax(180px,.78fr); gap:12px; }
.home-v4-mini-board { display:grid; grid-template-columns:repeat(4,1fr); aspect-ratio:1/1; overflow:hidden; border:1px solid #35271f; }
.home-v4-mini-board i { background:#ead6ad; }
.home-v4-mini-board i:nth-child(2),.home-v4-mini-board i:nth-child(4),.home-v4-mini-board i:nth-child(5),.home-v4-mini-board i:nth-child(7),.home-v4-mini-board i:nth-child(10),.home-v4-mini-board i:nth-child(12),.home-v4-mini-board i:nth-child(13),.home-v4-mini-board i:nth-child(15){background:#b98964}
.home-v4-review-side,.home-v4-training-side { padding:18px; border:1px solid #25252a; background:#101012; }
.home-v4-review-side span,.home-v4-training-side span { color:var(--accent); font-size:7px; font-weight:840; text-transform:uppercase; }
.home-v4-review-side strong,.home-v4-training-side strong { display:block; margin:9px 0 7px; color:#fff; font-size:17px; }
.home-v4-review-side p,.home-v4-training-side p { margin:0; color:#696972; font-size:8px; line-height:1.5; }
.home-v4-review-side div { height:48px; margin-top:12px; border:1px solid #25252a; background:linear-gradient(90deg,rgba(255,43,214,.045),transparent),#0d0d10; }
.home-v4-training-side { display:flex; flex-direction:column; }
.home-v4-training-side b { display:flex; align-items:center; justify-content:space-between; min-height:42px; margin-top:auto; padding:0 11px; background:var(--accent); color:#090009; font-size:8px; font-weight:850; text-transform:uppercase; }

.home-v4-tour-weakness-ui { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-content:start; }
.home-v4-tour-weakness-ui > div { min-height:116px; padding:17px; border:1px solid #28282e; border-top:1px solid rgba(255,43,214,.55); background:#0f0f12; }
.home-v4-tour-weakness-ui > div span { display:block; margin-bottom:15px; color:var(--accent); font-size:7px; font-weight:840; text-transform:uppercase; }
.home-v4-tour-weakness-ui > div strong { color:#f3f3f5; font-size:18px; }
.home-v4-tour-weakness-ui section { grid-column:1/-1; display:grid; gap:11px; padding:17px; border:1px solid #28282e; background:#0c0c0f; }
.home-v4-tour-weakness-ui section span { color:#65656e; font-size:7px; text-transform:uppercase; }
.home-v4-tour-weakness-ui section i { position:relative; display:block; height:5px; overflow:hidden; background:#232328; }
.home-v4-tour-weakness-ui section i::after { content:""; display:block; width:var(--w); height:100%; background:linear-gradient(90deg,#8d006f,var(--accent)); }

.home-v4-tour-compare-ui { display:grid; grid-template-columns:1fr 42px 1fr; border:1px solid #28282e; background:#0b0b0e; }
.home-v4-tour-compare-ui > div { display:flex; flex-direction:column; justify-content:center; padding:24px; background:linear-gradient(180deg,rgba(255,43,214,.025),transparent),#0f0f12; }
.home-v4-tour-compare-ui > div:first-child { border-right:1px solid #25252a; }.home-v4-tour-compare-ui > div:last-child { border-left:1px solid #25252a; }
.home-v4-tour-compare-ui span { color:#62626b; font-size:7px; font-weight:840; text-transform:uppercase; }
.home-v4-tour-compare-ui strong { margin:9px 0 6px; color:#f3f3f5; font-size:24px; }
.home-v4-tour-compare-ui small { color:#707079; font-size:8px; }.home-v4-tour-compare-ui > b { display:grid; place-items:center; color:var(--accent); font-size:8px; }

/* STORY */
.home-v4-story-section { display:grid; grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr); gap:54px; padding:68px 0; border-top:1px solid #202025; border-bottom:1px solid #202025; }
.home-v4-story-copy h2 { max-width:640px; margin:9px 0 17px; color:#f5f5f7; font-size:clamp(38px,4.6vw,63px); line-height:.96; letter-spacing:-.054em; }
.home-v4-story-copy h2 span { display:block; color:#7c7c85; }
.home-v4-story-copy p { max-width:610px; margin:0; color:#777780; font-size:11px; line-height:1.68; }
.home-v4-story-dashboard { border:1px solid #2a2a30; background:#0b0b0e; }
.home-v4-story-title { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 18px; border-bottom:1px solid #25252a; background:#0e0e11; }
.home-v4-story-title > div { display:grid; gap:4px; }.home-v4-story-title span { color:var(--accent); font-size:7px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.home-v4-story-title strong { color:#f1f1f3; font-size:15px; }.home-v4-story-title small { color:#5b5b64; font-size:7px; text-transform:uppercase; }
.home-v4-stability-demo { padding:14px 18px 16px; }
.home-v4-stability-demo > div { display:grid; grid-template-columns:64px 48px minmax(0,1fr); gap:13px; align-items:center; min-height:53px; border-bottom:1px solid #212126; }
.home-v4-stability-demo > div:last-child { border-bottom:0; }
.home-v4-stability-demo span { color:#6f6f78; font-size:8px; font-weight:730; text-transform:uppercase; }.home-v4-stability-demo strong { color:#f0f0f3; font-size:14px; font-variant-numeric:tabular-nums; }
.home-v4-stability-demo i { display:block; height:4px; overflow:hidden; background:#26262b; }.home-v4-stability-demo b { display:block; height:100%; background:linear-gradient(90deg,#85006c,var(--accent)); }
.home-v4-story-foot { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #25252a; background:#25252a; gap:1px; }
.home-v4-story-foot > div { padding:13px 14px; background:#0d0d10; }.home-v4-story-foot span { display:block; margin-bottom:5px; color:#61616a; font-size:7px; font-weight:830; letter-spacing:.07em; text-transform:uppercase; }.home-v4-story-foot strong { color:#cfcfd5; font-size:9px; font-weight:670; }

/* FEATURE CARDS */
.home-v4-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:68px 0; }
.home-v4-feature-card { position:relative; min-height:520px; display:flex; flex-direction:column; padding:26px; border:1px solid #29292f; background:#0d0d10; }
.home-v4-feature-card:hover { border-color:#3c3c43; }.home-v4-feature-training { border-top-color:rgba(255,43,214,.62); background:linear-gradient(145deg,rgba(255,43,214,.05),transparent 42%),#0d0d10; }
.home-v4-feature-number { position:absolute; top:24px; right:24px; color:rgba(255,43,214,.32); font-size:32px; font-weight:780; }
.home-v4-feature-card h2 { max-width:590px; margin:18px 0 11px; color:#f3f3f5; font-size:clamp(28px,3vw,42px); font-weight:730; line-height:1.02; letter-spacing:-.045em; }
.home-v4-feature-card > p { max-width:610px; margin:0; color:#74747d; font-size:10px; line-height:1.62; }
.home-v4-feature-card > a { display:inline-flex; align-items:center; gap:14px; margin-top:auto; padding-top:20px; border-top:1px solid #25252a; color:#e4e4e8; font-size:10px; font-weight:760; text-decoration:none; }.home-v4-feature-card > a span { color:var(--accent); font-size:15px; }
.home-v4-feature-preview { display:grid; grid-template-columns:150px minmax(0,1fr); gap:18px; align-items:center; margin:28px 0 24px; padding:16px; border:1px solid #27272c; background:#09090c; }
.home-v4-feature-board { display:grid; grid-template-columns:repeat(4,1fr); aspect-ratio:1/1; overflow:hidden; border:1px solid #35271f; }.home-v4-feature-board i{background:#ead6ad}.home-v4-feature-board i:nth-child(2),.home-v4-feature-board i:nth-child(4),.home-v4-feature-board i:nth-child(5),.home-v4-feature-board i:nth-child(7),.home-v4-feature-board i:nth-child(10),.home-v4-feature-board i:nth-child(12),.home-v4-feature-board i:nth-child(13),.home-v4-feature-board i:nth-child(15){background:#b98964}
.home-v4-feature-preview > div:last-child { display:grid; gap:6px; }.home-v4-feature-preview span { color:var(--accent); font-size:7px; font-weight:840; text-transform:uppercase; }.home-v4-feature-preview strong { color:#f0f0f3; font-size:17px; }.home-v4-feature-preview small { color:#696972; font-size:8px; }
.home-v4-head-to-head { display:grid; grid-template-columns:1fr 42px 1fr; align-items:stretch; margin:32px 0 24px; border:1px solid #29292f; background:#09090c; }
.home-v4-head-to-head > div { display:flex; flex-direction:column; justify-content:center; min-height:158px; padding:19px; background:#0f0f12; }.home-v4-head-to-head > div:first-child{border-right:1px solid #25252a}.home-v4-head-to-head > div:last-child{border-left:1px solid #25252a}.home-v4-head-to-head > b{display:grid;place-items:center;color:var(--accent);font-size:8px}.home-v4-head-to-head span{color:#62626b;font-size:7px;font-weight:840;text-transform:uppercase}.home-v4-head-to-head strong{margin:9px 0 7px;color:#f3f3f5;font-size:22px}.home-v4-head-to-head small{color:#707079;font-size:8px;line-height:1.45}

/* FINAL */
.home-v4-final { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:46px; align-items:end; margin-top:0; padding:36px 38px; border:1px solid #2b2b31; border-top:1px solid rgba(255,43,214,.62); background:radial-gradient(circle at 18% 0,rgba(255,43,214,.08),transparent 28rem),#0b0b0e; }
.home-v4-final h2 { max-width:850px; margin:8px 0 12px; color:#fff; font-size:clamp(36px,4.4vw,60px); line-height:.96; letter-spacing:-.052em; }
.home-v4-final p { max-width:760px; margin:0; color:#777780; font-size:11px; line-height:1.62; }
.home-v4-footer { margin-top:72px; }

@media (max-width:1120px){
    .home-v4-hero{grid-template-columns:1fr;min-height:0}.home-v4-hero-copy{max-width:900px}.home-v4-analyzer{max-width:860px}.home-v4-tour-stage{grid-template-columns:1fr}.home-v4-tour-visual{max-width:720px}.home-v4-feature-grid{grid-template-columns:1fr}
}
@media (max-width:920px){
    .home-v4-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.home-v4-section-heading>p{text-align:left}.home-v4-intelligence-main,.home-v4-intelligence-bottom{grid-template-columns:1fr}.home-v4-statement{grid-template-columns:50px 1fr}.home-v4-statement>p{grid-column:2}.home-v4-tour{grid-template-columns:1fr}.home-v4-tour-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto;border-right:0;border-bottom:1px solid #2a2a30}.home-v4-tour-tab{min-width:145px;border-right:1px solid #222227;border-bottom:0}.home-v4-tour-tab.active::before{inset:auto 0 0 0;width:auto;height:2px}.home-v4-story-section{grid-template-columns:1fr}.home-v4-final{grid-template-columns:1fr}
}
@media (max-width:700px){
    .home-v4-main{padding-bottom:54px!important}.home-v4-hero{gap:38px;padding:34px 0 54px}.home-v4-hero-copy h1{font-size:clamp(46px,13vw,68px)}.home-v4-hero-lead{font-size:14px}.home-v4-proof-row{grid-template-columns:1fr}.home-v4 .home-v3-idle-panel,.home-v4 .home-v3-analysis-panel{padding:22px}.home-v4-statement{grid-template-columns:1fr;gap:17px}.home-v4-statement>p{grid-column:auto}.home-v4-tour-stage{padding:22px}.home-v4-tour-review-ui,.home-v4-tour-training-ui,.home-v4-tour-weakness-ui{grid-template-columns:1fr}.home-v4-tour-weakness-ui section{grid-column:auto}.home-v4-tour-compare-ui{grid-template-columns:1fr}.home-v4-tour-compare-ui>div:first-child,.home-v4-tour-compare-ui>div:last-child{border:0}.home-v4-tour-compare-ui>b{min-height:34px}.home-v4-story-foot{grid-template-columns:1fr}.home-v4-feature-card{min-height:0;padding:22px}.home-v4-feature-preview{grid-template-columns:118px minmax(0,1fr)}.home-v4-final{padding:28px 22px}.home-v4-final .home-v4-primary-link{width:100%}
}
@media (max-width:520px){
    .home-v4-hero-actions{display:grid}.home-v4-primary-link,.home-v4-secondary-link{width:100%}.home-v4-feature-preview{grid-template-columns:1fr}.home-v4-feature-board{max-width:180px}.home-v4-head-to-head{grid-template-columns:1fr}.home-v4-head-to-head>div:first-child,.home-v4-head-to-head>div:last-child{border:0}.home-v4-head-to-head>b{min-height:34px}.home-v4-stability-demo>div{grid-template-columns:54px 42px minmax(0,1fr);gap:9px}
}


/* =========================================================
   HOME V4.1 — HERO ACTIONS + FAQ
   2026-09-05
   ========================================================= */

/* The two hero actions are now buttons, but retain the same visual language. */
.home-v4-action-button {
    appearance: none;
    font: inherit;
    text-align: left;
}

.home-v4-primary-link.home-v4-action-button,
.home-v4-secondary-link.home-v4-action-button {
    cursor: pointer;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.home-v4-faq-section {
    padding: 68px 0;

    border-top: 1px solid #202025;
}

.home-v4-faq {
    border-top: 1px solid #29292f;
}

.home-v4-faq details {
    border-bottom: 1px solid #29292f;
}

.home-v4-faq summary {
    display: grid;
    grid-template-columns:
        44px
        minmax(0, 1fr)
        28px;

    gap: 12px;
    align-items: center;

    min-height: 72px;

    padding: 0 4px;

    cursor: pointer;
    list-style: none;

    transition:
        background 140ms ease;
}

.home-v4-faq summary::-webkit-details-marker {
    display: none;
}

.home-v4-faq summary:hover {
    background:
        linear-gradient(
            90deg,
            rgba(255, 43, 214, .025),
            transparent 42%
        );
}

.home-v4-faq summary > span {
    color: #55555e;

    font-size: 8px;
    font-weight: 900;
}

.home-v4-faq details[open] summary > span {
    color: var(--accent);
}

.home-v4-faq summary > strong {
    color: #d9d9de;

    font-size: 13px;
    font-weight: 680;

    transition:
        color 140ms ease;
}

.home-v4-faq details[open] summary > strong {
    color: #f4f4f6;
}

.home-v4-faq summary > i {
    color: var(--accent);

    font-size: 19px;
    font-style: normal;
    line-height: 1;
    text-align: right;

    transition:
        transform 160ms ease;
}

.home-v4-faq details[open] summary > i {
    transform: rotate(45deg);
}

.home-v4-faq details > p {
    max-width: 930px;

    margin: -3px 0 0 56px;
    padding: 0 0 22px;

    color: #74747d;

    font-size: 10px;
    line-height: 1.68;
}


/* Give the final CTA a little separation after the new FAQ. */
.home-v4-faq-section + .home-v4-final {
    margin-top: 0;
}


@media (max-width: 700px) {

    .home-v4-faq-section {
        padding: 54px 0;
    }

    .home-v4-faq summary {
        grid-template-columns:
            32px
            minmax(0, 1fr)
            24px;

        min-height: 68px;
    }

    .home-v4-faq details > p {
        margin-left: 44px;
    }
}


@media (max-width: 500px) {

    .home-v4-faq summary {
        grid-template-columns:
            26px
            minmax(0, 1fr)
            20px;

        gap: 9px;
    }

    .home-v4-faq summary > strong {
        font-size: 12px;
        line-height: 1.4;
    }

    .home-v4-faq details > p {
        margin-left: 35px;
    }
}


/* =========================================================
   HOME V4.2 — TYPOGRAPHY / PRODUCT TOUR / SMOOTH SCROLL PASS
   2026-09-05
   ========================================================= */


/* ---------------------------------------------------------
   HERO ACTION TYPOGRAPHY
   --------------------------------------------------------- */

/*
   V4.1 used `font: inherit` on the new <button> elements.
   That shorthand reset the 10px / 830 product-button typography
   defined by .home-v4-primary-link / .home-v4-secondary-link.
*/
.home-v4-action-button {
    font-family:
        Inter,
        ui-sans-serif,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    font-size: 10px !important;
    font-weight: 830 !important;

    line-height: 1 !important;
    letter-spacing: .025em !important;

    text-transform: uppercase !important;
}


/* ---------------------------------------------------------
   PRODUCT TOUR — DESKTOP RECOMPOSITION
   --------------------------------------------------------- */

/*
   Previous structure:
       tabs | [copy + visual]

   At wide widths the copy was vertically centered inside a tall
   second column, leaving a large empty area under the tabs and
   making the visual feel detached.

   New structure on desktop:
       tabs | explanation | live product mockup
   All three columns share the same top/bottom rhythm.
*/

@media (min-width: 981px) {

    .home-v4-tour {
        display: grid;

        grid-template-columns:
            218px
            minmax(285px, .62fr)
            minmax(470px, 1.38fr);

        align-items: stretch;

        min-height: 430px;

        border: 1px solid #2a2a30;

        background: #0a0a0d;
    }


    .home-v4-tour-stage {
        display: contents;
    }


    .home-v4-tour-tabs {
        grid-column: 1;

        display: grid;
        grid-template-rows:
            repeat(5, minmax(0, 1fr));

        min-width: 0;

        border-right: 1px solid #2a2a30;

        background: #09090c;
    }


    .home-v4-tour-tab {
        min-height: 0;

        padding:
            15px 14px;

        border-bottom:
            1px solid #222227;
    }


    .home-v4-tour-copy {
        grid-column: 2;

        display: flex;
        flex-direction: column;
        justify-content: center;

        min-width: 0;

        padding:
            30px 28px;

        border-right:
            1px solid #25252a;

        background:
            linear-gradient(
                145deg,
                rgba(255, 43, 214, .025),
                transparent 46%
            ),
            #0c0c0f;
    }


    .home-v4-tour-copy h3 {
        max-width: 390px;

        font-size:
            clamp(
                27px,
                2.25vw,
                36px
            );
    }


    .home-v4-tour-copy > p {
        max-width: 390px;
    }


    .home-v4-tour-facts {
        margin-top: 20px;
    }


    .home-v4-tour-link {
        margin-top: 18px;
    }


    .home-v4-tour-visual {
        grid-column: 3;

        min-width: 0;

        display: flex;
        align-items: center;

        padding:
            22px;

        background:
            radial-gradient(
                circle at 50% 8%,
                rgba(255, 43, 214, .045),
                transparent 24rem
            ),
            #09090b;
    }


    .home-v4-tour-window {
        width: 100%;
        max-width: none;

        box-shadow:
            0 22px 60px
            rgba(0, 0, 0, .30);
    }


    .home-v4-tour-ui {
        min-height: 316px;

        padding: 15px;
    }


    .home-v4-tour-profile-ui {
        min-height: 286px;

        padding: 21px;
    }


    .home-v4-tour-profile-ui > strong {
        font-size:
            clamp(
                38px,
                3.7vw,
                52px
            );
    }


    .home-v4-tour-profile-ui > div {
        padding-top: 20px;
    }


    .home-v4-tour-profile-ui > div i {
        height: 44px;
    }

    .home-v4-tour-profile-ui > div i:nth-child(2) {
        height: 64px;
    }

    .home-v4-tour-profile-ui > div i:nth-child(3) {
        height: 55px;
    }

    .home-v4-tour-profile-ui > div i:nth-child(4) {
        height: 74px;
    }


    .home-v4-tour-review-ui,
    .home-v4-tour-training-ui {
        grid-template-columns:
            minmax(205px, 1.08fr)
            minmax(165px, .72fr);

        align-items: stretch;
    }


    .home-v4-mini-board {
        width: 100%;
        max-width: 292px;

        justify-self: center;
    }


    .home-v4-tour-weakness-ui > div {
        min-height: 98px;
    }


    .home-v4-tour-compare-ui > div {
        padding: 20px;
    }
}


/*
   Keep the tablet/mobile composition explicitly normal.
   This prevents desktop `display: contents` from leaking into
   the responsive stacked version.
*/
@media (max-width: 980px) {

    .home-v4-tour-stage {
        display: grid;
    }
}


/* ---------------------------------------------------------
   MAGician sample label sizing
   --------------------------------------------------------- */

.home-v4-identity-preview > strong,
.home-v4-tour-profile-ui > strong {
    letter-spacing: -.048em;
}


/* =========================================================
   HOME V4.3 — CONNECTED EVIDENCE + EVIDENCE STANDARD
   2026-09-05
   ========================================================= */


/* ---------------------------------------------------------
   CONNECTED EVIDENCE PIPELINE
   --------------------------------------------------------- */

.home-v4-pipeline-section {
    padding: 68px 0;

    border-top: 1px solid #202025;
}

.home-v4-pipeline {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    border: 1px solid #29292f;

    background: #29292f;

    gap: 1px;
}

.home-v4-pipeline article {
    position: relative;

    min-width: 0;
    min-height: 292px;

    display: flex;
    flex-direction: column;

    padding: 20px;

    background: #0c0c0f;

    transition:
        background 150ms ease,
        transform 150ms ease;
}

.home-v4-pipeline article:hover {
    z-index: 1;

    transform: translateY(-1px);

    background:
        linear-gradient(
            145deg,
            rgba(255, 43, 214, .04),
            transparent 43%
        ),
        #0f0f12;
}

.home-v4-pipeline-number {
    color: var(--accent);

    font-size: 8px;
    font-weight: 900;
}

.home-v4-pipeline-icon {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    margin: 24px 0 20px;

    border: 1px solid #303036;

    color: #d5d5da;

    font-size: 15px;
}

.home-v4-pipeline small {
    margin-bottom: 6px;

    color: #64646d;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-v4-pipeline h3 {
    margin: 0 0 10px;

    color: #f1f1f3;

    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.02em;
}

.home-v4-pipeline p {
    margin: 0;

    color: #707079;

    font-size: 9.5px;
    line-height: 1.58;
}

.home-v4-pipeline-foot {
    margin-top: auto;
    padding-top: 18px;

    border-top: 1px solid #232328;

    color: #5d5d66;

    font-size: 7px;
    font-weight: 760;
    letter-spacing: .045em;
    text-transform: uppercase;
}


/* ---------------------------------------------------------
   EVIDENCE STANDARD
   --------------------------------------------------------- */

.home-v4-evidence {
    display: grid;
    grid-template-columns:
        minmax(300px, .75fr)
        minmax(0, 1.25fr);

    gap: 54px;

    padding: 72px 0;

    border-top: 1px solid #202025;
    border-bottom: 1px solid #202025;
}

.home-v4-evidence-copy h2 {
    max-width: 620px;

    margin: 9px 0 17px;

    color: #f5f5f7;

    font-size: clamp(36px, 4.4vw, 60px);
    font-weight: 750;
    line-height: .97;
    letter-spacing: -.052em;
}

.home-v4-evidence-copy h2 span {
    display: block;

    color: #7b7b84;
}

.home-v4-evidence-copy p {
    max-width: 610px;

    margin: 0;

    color: #777780;

    font-size: 11px;
    line-height: 1.68;
}

.home-v4-evidence-stack {
    display: grid;

    border: 1px solid #29292f;

    background: #29292f;

    gap: 1px;
}

.home-v4-evidence-stack article {
    position: relative;

    display: grid;
    grid-template-columns:
        minmax(200px, .7fr)
        minmax(0, 1fr)
        minmax(155px, .55fr);

    gap: 20px;
    align-items: center;

    min-height: 114px;

    padding: 17px 18px;

    background: #0d0d10;
}

.home-v4-evidence-stack article::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 2px;

    background: #4a4a50;
}

.home-v4-evidence-stack article.is-validated::before {
    background: #74c88a;
}

.home-v4-evidence-stack article.is-context::before {
    background: #e5b55e;
}

.home-v4-evidence-stack article.is-boundary::before {
    background: var(--accent);
}

.home-v4-evidence-stack article > div {
    display: grid;
    gap: 4px;
}

.home-v4-evidence-stack article span {
    color: #62626b;

    font-size: 7px;
    font-weight: 840;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-v4-evidence-stack article strong {
    color: #f0f0f3;

    font-size: 13px;
    font-weight: 690;
}

.home-v4-evidence-stack article p {
    margin: 0;

    color: #74747d;

    font-size: 9px;
    line-height: 1.5;
}

.home-v4-evidence-stack article small {
    color: #62626b;

    font-size: 7px;
    line-height: 1.5;
    text-align: right;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 920px) {

    .home-v4-pipeline {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .home-v4-evidence {
        grid-template-columns:
            1fr;
    }

    .home-v4-evidence-stack article {
        grid-template-columns:
            minmax(180px, .7fr)
            minmax(0, 1.3fr);
    }

    .home-v4-evidence-stack article small {
        grid-column: 2;

        text-align: left;
    }
}


@media (max-width: 700px) {

    .home-v4-pipeline-section {
        padding: 54px 0;
    }

    .home-v4-pipeline {
        grid-template-columns: 1fr;
    }

    .home-v4-pipeline article {
        min-height: 220px;
    }

    .home-v4-evidence {
        gap: 34px;

        padding: 56px 0;
    }

    .home-v4-evidence-stack article {
        grid-template-columns: 1fr;

        gap: 8px;
    }

    .home-v4-evidence-stack article small {
        grid-column: auto;

        text-align: left;
    }
}


/* =========================================================
   HOME V4.6 — PRODUCT TOUR TRAINING CTA
   ========================================================= */

.home-v4-training-side .home-v4-training-start {
    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-top: auto;
    padding: 0 11px;

    border: 1px solid var(--accent);

    background: var(--accent);
    color: #090009;

    font-size: 8px;
    font-weight: 850;
    line-height: 1;

    text-decoration: none;
    text-transform: uppercase;

    transition:
        background 140ms ease,
        transform 140ms ease;
}

.home-v4-training-side .home-v4-training-start span {
    color: #090009;

    font-size: 13px;
}

.home-v4-training-side .home-v4-training-start:hover {
    transform: translateY(-1px);

    background: #ff55e1;
}

/* =========================================================
   HOME V4.7 — DESKTOP POLISH
   Tighter rhythm, same ChessReveal identity.
   Desktop only.
   ========================================================= */

@media (min-width: 981px) {

    /* GENERAL RHYTHM */

    .home-v4-main {
        padding-bottom: 68px !important;
    }

    .home-v4-section-heading {
        margin-bottom: 20px;
    }

    .home-v4-section-heading > p {
        max-width: 430px;
        line-height: 1.5;
    }


    /* HERO — concept stays unchanged */

    .home-v4-hero {
        min-height: 650px;
        padding-top: 44px;
        padding-bottom: 58px;
    }

    .home-v4-hero-actions {
        margin-top: 24px;
    }

    .home-v4-proof-row {
        margin-top: 22px;
    }


    /* PRODUCT SNAPSHOT — slightly more important */

    .home-v4-snapshot-section {
        padding: 52px 0 58px;
    }

    .home-v4-intelligence-card {
        border-color: #303037;

        box-shadow:
            0 26px 70px rgba(0, 0, 0, .30),
            0 0 42px rgba(255, 43, 214, .025);
    }

    .home-v4-intelligence-top {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .home-v4-identity-preview {
        padding-top: 25px;
        padding-bottom: 24px;
    }

    .home-v4-priority-preview > div {
        min-height: 100px;
    }

    .home-v4-intelligence-bottom {
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(360px, .64fr);
    }

    .home-v4-quality-preview,
    .home-v4-lesson-preview {
        padding-top: 17px;
        padding-bottom: 17px;
    }


    /* STATEMENT */

    .home-v4-statement {
        padding: 40px 0;
    }

    .home-v4-statement > p {
        line-height: 1.58;
    }


    /* CONNECTED CHAIN */

    .home-v4-pipeline-section {
        padding: 52px 0 56px;
    }

    .home-v4-pipeline article {
        min-height: 246px;
        padding: 18px;
    }

    .home-v4-pipeline-icon {
        width: 34px;
        height: 34px;

        margin: 19px 0 16px;
    }

    .home-v4-pipeline h3 {
        margin-bottom: 8px;
    }

    .home-v4-pipeline p {
        line-height: 1.52;
    }

    .home-v4-pipeline-foot {
        padding-top: 14px;
    }


    /* PRODUCT TOUR */

    .home-v4-product-tour-section {
        padding: 54px 0 58px;
    }

    .home-v4-tour {
        min-height: 392px;
    }

    .home-v4-tour-tab {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .home-v4-tour-copy {
        padding: 26px 25px;
    }

    .home-v4-tour-copy h3 {
        margin-bottom: 12px;
    }

    .home-v4-tour-copy > p {
        line-height: 1.58;
    }

    .home-v4-tour-facts {
        margin-top: 17px;
    }

    .home-v4-tour-fact {
        padding: 8px 0;
    }

    .home-v4-tour-link {
        margin-top: 16px;
    }

    .home-v4-tour-visual {
        padding: 18px;
    }

    .home-v4-tour-ui {
        min-height: 292px;
        padding: 13px;
    }

    .home-v4-tour-profile-ui {
        min-height: 264px;
        padding: 19px;
    }


    /* "TWENTY GAMES..." STORY */

    .home-v4-story-section {
        gap: 48px;
        padding: 56px 0;
    }

    .home-v4-story-copy h2 {
        margin-bottom: 14px;
    }

    .home-v4-story-copy p {
        line-height: 1.58;
    }


    /* EVIDENCE STANDARD */

    .home-v4-evidence {
        gap: 48px;
        padding: 58px 0;
    }

    .home-v4-evidence-copy h2 {
        margin-bottom: 14px;
    }

    .home-v4-evidence-copy p {
        line-height: 1.58;
    }

    .home-v4-evidence-stack article {
        min-height: 102px;

        padding-top: 15px;
        padding-bottom: 15px;
    }


    /* TRAINING + COMPARE CARDS */

    .home-v4-feature-grid {
        padding: 56px 0;
    }

    .home-v4-feature-card {
        min-height: 454px;
        padding: 24px;
    }

    .home-v4-feature-card h2 {
        margin-top: 16px;
        margin-bottom: 9px;
    }

    .home-v4-feature-card > p {
        line-height: 1.55;
    }

    .home-v4-feature-preview {
        margin: 23px 0 20px;
    }

    .home-v4-head-to-head {
        margin: 26px 0 20px;
    }

    .home-v4-head-to-head > div {
        min-height: 140px;
    }


    /* FAQ */

    .home-v4-faq-section {
        padding: 54px 0 52px;
    }

    .home-v4-faq summary {
        min-height: 64px;
    }

    .home-v4-faq details > p {
        padding-bottom: 18px;
        line-height: 1.58;
    }


    /* FINAL CTA */

    .home-v4-final {
        padding: 31px 34px;
    }

    .home-v4-final h2 {
        margin-bottom: 10px;
    }

    .home-v4-final p {
        line-height: 1.55;
    }

    .home-v4-footer {
        margin-top: 56px;
    }
}
/* Mobile V1 — analyzer first, with desktop source order preserved. */
@media (max-width: 768px) {
    body.home-v4 .home-v4-hero {
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding-top: 12px;
        min-height: 0;
    }
    body.home-v4 .home-v4-analyzer { order: -1; width: 100%; min-width: 0; margin: 0; padding: 18px; }
    body.home-v4 .home-v4-hero-copy { width: 100%; min-width: 0; }
    body.home-v4 .home-v3-card-head { flex-wrap: wrap; gap: 8px; }
    body.home-v4 .home-v3-card-copy { display: none; }
    body.home-v4 .home-v3-search-stack { margin-top: 16px; }
    body.home-v4 #username { min-width: 0; font-size: 16px; }
    body.home-v4 .home-v4-proof-row { display: none; }
}

/* =========================================================
   RELEASE RC1 — ANALYSIS CANCEL CONTROL
   Small, deliberately quiet control beside the analysis state badge.
   ========================================================= */
.home-v3-analysis-controls {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
}

.home-v3-analysis-cancel {
    width: 29px;
    height: 29px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    border: 1px solid #34343a;
    border-radius: 4px;
    background: #111114;
    color: #7d7d86;
    font: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

.home-v3-analysis-cancel:hover {
    border-color: #55555e;
    background: #17171a;
    color: #f2f2f4;
}

.home-v3-analysis-cancel:focus-visible {
    outline: 2px solid #ff2bd6;
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .home-v3-analysis-controls {
        align-self: stretch;
        justify-content: flex-end;
    }
}