/* WEB-18 hero and role band; existing website tokens take precedence over mock literals. */
.home-page .hero>div{min-width:0}
.home-page .hero{gap:var(--sp-space-40)}
.home-page .hero h1{font-size:calc(var(--site-type-hero) * .9)}
.home-page .hero .subline{max-width:28em;min-height:0}
.home-page .hero-reassurance{margin-top:var(--sp-space-12);font-size:var(--sp-type-body);line-height:1.6;color:var(--site-text-secondary)}
.home-page .hero-secondary{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-space-8) var(--sp-space-24);padding-top:var(--sp-space-12);border-top:1px solid var(--border)}
.home-page :is(.hero-links,.hero-grow){margin:0;font-size:var(--sp-type-body);color:var(--site-text-secondary)}
.home-page :is(.hero-links,.hero-grow) a{display:inline-flex;align-items:center;min-height:var(--sp-space-48);color:var(--site-text-primary);font-weight:500;text-decoration:none}
.home-page :is(.hero-links,.hero-grow) a:hover{text-decoration:underline;text-underline-offset:var(--sp-space-4)}
.home-page .hero-role-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--sp-space-8);margin-bottom:var(--sp-space-8);font-size:var(--sp-type-body)}
.home-page .hero-role-heading p{margin:0;font-weight:600}
.home-page .hero-role-heading>span{font-size:var(--sp-type-caption);color:var(--site-text-secondary)}
.home-page .hero-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 var(--sp-space-16);gap:var(--sp-space-4)}
.home-page .hero-chips .rchip{justify-content:center;text-align:center;white-space:normal;height:auto;min-height:var(--sp-space-48);padding-inline:var(--sp-space-8);font-size:var(--sp-type-body);border-color:transparent;background:transparent;box-shadow:none;text-decoration:none}
.home-page .hero-chips .rchip::after{display:none}
.home-page .hero-chips .rchip:hover{background:var(--sp-color-surface-subtle)}
.home-page .hero-chips .rchip.sel{border-color:var(--sp-color-mint-mid);background:var(--sp-color-mint-light);color:var(--site-text-primary)}
.home-page .herostack{padding-top:0}
.home-page .heropath{padding:var(--sp-space-20) var(--sp-space-24);border-color:var(--sp-color-border-subtle);box-shadow:none}
.home-page #heroPath .hp-head{display:block;margin-top:0;padding:0;border:0}
.home-page #heroPath .hp-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-space-8)}
.home-page #heroPath .hp-role a{display:inline-flex;align-items:center;min-height:var(--sp-space-48);font-size:var(--sp-type-title);text-decoration:none}
.home-page #heroPath .hp-role a:hover{text-decoration:underline;text-underline-offset:var(--sp-space-4)}
.home-page #heroPath :is(.hp-stats,.hp-example){font-size:var(--sp-type-caption);color:var(--site-text-secondary)}
.home-page #heroPath .chapters{margin-top:var(--sp-space-16)}
.home-page #heroPath .chrow{grid-template-columns:var(--sp-space-20) minmax(0,1fr);align-items:baseline;gap:var(--sp-space-12);padding-block:var(--sp-space-12);min-height:0}
.home-page #heroPath .nd{display:block;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;font:400 var(--sp-type-caption)/1.5 Inter,sans-serif;color:var(--site-text-secondary)}
.home-page #heroPath .chname{min-width:0;overflow-wrap:anywhere;font-size:var(--sp-type-body);font-weight:400;line-height:1.5;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-space-4) var(--sp-space-8)}
.home-page #heroPath .chapters::before{display:none}
.home-page #heroPath .chfree{font-size:var(--sp-type-caption);font-weight:500;color:var(--site-text-secondary)}
.home-page #heroPath .hp-more{margin-top:var(--sp-space-12);padding-top:var(--sp-space-8);border-top:1px solid var(--sp-color-border-subtle)}
.home-page #heroPath .hp-more a{display:inline-flex;align-items:center;min-height:var(--sp-space-48);font-weight:600;color:var(--site-text-primary);font-size:var(--sp-type-body);text-decoration:none}
.home-page #heroPath .hp-more a:hover{text-decoration:underline;text-underline-offset:var(--sp-space-4)}
.home-page #heroPath [data-retry-role-id]{max-width:100%;height:auto;min-height:var(--sp-space-48);white-space:normal}
/* Hero-only progressive app chooser. Original links retain attribution and icons. */
.home-page .hero .hero-other-apps[hidden]{display:none}
.home-page .hero .entry-cta .entry-choices.hero-apps-ready{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--sp-space-8);width:auto;align-items:flex-start}
.home-page .hero .entry-cta .hero-apps-ready>a.entry-button{width:auto;max-width:100%;padding-inline:var(--sp-button-sm-pad-h)}
.home-page .hero .hero-other-apps{position:static;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.home-page .hero .hero-other-apps>summary{display:flex;align-items:center;justify-content:center;gap:var(--sp-space-8);min-height:var(--sp-button-lg-height);padding:0 var(--sp-space-8);border:1px solid var(--entry-border);border-radius:var(--sp-button-lg-radius);background:var(--entry-card);color:var(--site-text-primary);font:500 var(--sp-type-body)/1.5 Inter,sans-serif;list-style:none;cursor:pointer}
.home-page .hero .hero-other-apps>summary::-webkit-details-marker{display:none}
.home-page .hero .hero-other-apps>summary:hover{background:var(--entry-hover)}
.home-page .hero .hero-other-apps-list{position:absolute;top:calc(100% + var(--sp-space-8));right:0;z-index:5;display:flex;flex-direction:column;width:max-content;min-width:calc(var(--sp-space-64) * 3);max-width:calc(100vw - var(--sp-space-32));padding:var(--sp-space-8);border:1px solid var(--entry-border);border-radius:var(--r-md);background:var(--entry-card);box-shadow:var(--site-shadow-card-sm)}
.home-page .hero .hero-other-apps:not([open]) .hero-other-apps-list{display:none}
.home-page .hero .entry-cta .hero-apps-ready .hero-other-apps-list a.entry-button{justify-content:flex-start;flex-direction:row;gap:var(--sp-space-12);width:100%;max-width:none;height:auto;min-height:var(--sp-space-48);padding:var(--sp-space-12);border:0;border-radius:var(--sp-radius-chip);background:transparent;color:var(--site-text-primary)!important;font:400 var(--sp-type-body)/1.5 Inter,sans-serif;letter-spacing:normal;text-align:left}
.home-page .hero .entry-cta .hero-apps-ready .hero-other-apps-list a.entry-button:hover{background:var(--entry-hover)}
.home-page .hero .hero-other-apps-list .entry-store-icon{width:var(--sp-type-title);height:var(--sp-type-title);border:0;background:none;color:inherit}
.home-page .hero .hero-other-apps-list .entry-store-prompt{display:none}
.home-page .hero .hero-other-apps-list .entry-store-name{display:block}
.home-page .hero :is(.hero-other-apps>summary,.hero-chips button,.hero-secondary a,.hp-role a,.hp-more a):focus-visible{outline:var(--sp-space-2) solid var(--site-text-primary);outline-offset:var(--sp-space-4)}
.home-page main>section.home-fields.compact{padding-block:var(--sp-space-40);border-block:1px solid var(--border)}
.home-page .home-fields.compact h2{font:700 var(--sp-type-headline)/1.2 Quicksand,sans-serif;margin:0 0 var(--sp-space-6)}
.home-page .home-fields.compact .subline{margin:0 auto var(--sp-space-4);font-size:var(--sp-type-body-md)}
.home-page .home-fields.compact .home-role-search{margin:var(--sp-space-20) auto var(--sp-space-16)}
.home-page .home-fields.compact .home-area-chips{margin:0 auto}
.home-page main h3{overflow-wrap:anywhere}
@media(min-width:961px){.home-page .hero{grid-template-columns:.95fr 1.05fr}}
@media(max-width:960px){.home-page .hero{grid-template-columns:1fr;gap:var(--sp-space-32)}.home-page .hero-chips{margin-top:var(--sp-space-4)}}
@media(max-width:720px){.home-page .hero-secondary{flex-direction:column;gap:0}.home-page .heropath{padding-inline:var(--sp-space-16)}}
.home-page .founder-signature>a{white-space:normal}
.home-page main>section:is(.home-demo,.home-discovery,.home-press){position:relative;isolation:isolate;scroll-margin-top:112px}
.home-page main>section:is(.home-demo,.home-discovery,.home-press)::before{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--surface);z-index:-1;pointer-events:none}
.home-page main>section.home-demo{padding-block:calc(var(--sp-space-64) + var(--sp-space-8)) calc(var(--sp-space-64) + var(--sp-space-16))}
.home-page main>section.home-discovery{padding-block:var(--sp-space-64) calc(var(--sp-space-64) + var(--sp-space-8))}
.home-page main>section.home-press{padding-block:var(--sp-space-48)}
.home-fragment{position:absolute;top:0;scroll-margin-top:112px}
.inside-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--sp-space-64);margin-bottom:var(--sp-space-32)}
.inside-copy>p,.home-discovery-heading>p:last-child{font-size:var(--sp-type-title);line-height:1.65;color:var(--sub)}
.home-watch{display:inline-flex;align-items:center;gap:var(--sp-space-8);min-height:var(--sp-space-48);margin-top:var(--sp-space-8);padding:var(--sp-space-8) 0;border:0;background:transparent;color:var(--ink);font:600 var(--sp-type-body-md)/1.5 Inter,sans-serif;cursor:pointer}
.home-watch:hover{text-decoration:underline;text-underline-offset:var(--sp-space-4)}
.home-watch[hidden],.film-controls[hidden],.film-controls button[hidden]{display:none}
.film-frame{margin:0 auto;max-width:1040px;border:1px solid transparent;border-radius:var(--r-lg);overflow:visible;background:var(--surface);box-shadow:var(--site-shadow-card)}
.film-frame video,.home-video-dialog>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--surface)}
.film-frame>video{border-radius:var(--r-lg) var(--r-lg) 0 0}
.film-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-space-16);padding:var(--sp-space-16) var(--sp-space-24);border-top:1px solid var(--border)}
.film-meta{display:flex;flex-direction:column;gap:var(--sp-space-12);min-width:0;color:var(--ink);font-size:var(--sp-type-body)}
.film-meta span{font-size:var(--sp-type-caption);color:var(--sub)}
.film-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-space-8);flex-shrink:0}
.home-page .film-controls-menu{position:relative;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.film-controls-menu summary{display:grid;place-items:center;list-style:none;width:var(--sp-space-48);min-height:var(--sp-space-48);border-radius:var(--r-md);color:var(--sub);font:600 var(--sp-type-display-lg)/1 Inter,sans-serif;cursor:pointer}
.film-controls-menu summary::-webkit-details-marker{display:none}
.film-controls-menu summary:hover{background:var(--entry-hover);color:var(--ink)}
.film-controls-list{position:absolute;bottom:calc(100% + var(--sp-space-8));right:0;z-index:1;display:flex;flex-direction:column;width:max-content;max-width:calc(100vw - var(--sp-space-64));max-height:calc(100dvh - var(--sp-space-64));overflow-y:auto;padding:var(--sp-space-8);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--site-shadow-card)}
.film-controls-menu:not([open]) .film-controls-list{display:none}
.film-controls-list button{width:100%;text-align:left;white-space:normal}
.film-controls .film-controls-list button{border:0;border-radius:var(--r-md)}
.film-controls button{min-height:var(--sp-space-48);padding:var(--sp-space-8) var(--sp-space-16);border:1px solid var(--entry-border);border-radius:var(--r-lg);color:var(--ink);background:var(--surface);font:400 var(--sp-type-body)/1.5 Inter,sans-serif;cursor:pointer}
.film-controls button:hover{background:var(--entry-hover)}
.film-controls button:disabled{color:var(--sub);cursor:default}
.media-error{padding:var(--sp-space-16) var(--sp-space-24);color:var(--sub);font-size:var(--sp-type-body)}
.home-path-link{margin-top:var(--sp-space-24);font-size:var(--sp-type-body)}
.home-path-link a,.home-press-link{display:inline-flex;align-items:center;min-height:var(--sp-space-48);color:var(--ink);font-weight:600;text-underline-offset:var(--sp-space-4)}
.home-video-dialog{margin:auto;width:min(1160px,calc(100vw - var(--sp-space-32)));max-height:calc(100dvh - var(--sp-space-32));overflow:auto;padding:var(--sp-space-16);border:1px solid transparent;border-radius:var(--r-lg);color:var(--ink);background:var(--surface);box-shadow:var(--site-shadow-card);overscroll-behavior:contain}
.home-video-dialog::backdrop{background:rgb(var(--site-ink-rgb) / .72)}
#tour{padding:0}
#tour>video{max-height:calc(100dvh - var(--sp-space-32));border-radius:var(--r-lg)}
#close-tour{position:absolute;top:var(--sp-space-8);right:var(--sp-space-8);z-index:1;display:grid;place-items:center;width:var(--sp-space-48);height:var(--sp-space-48);padding:0;border:0;border-radius:50%;color:var(--ink);background:var(--surface);box-shadow:var(--site-shadow-card-sm);cursor:pointer}
#close-tour:hover{background:var(--entry-hover)}
#close-tour svg{width:var(--sp-space-24);height:var(--sp-space-24)}
#walkthrough-expanded{padding:0}
#walkthrough-expanded .film-frame{max-width:none;margin:0;border:0;box-shadow:none}
#walkthrough-expanded[open]{display:flex;flex-direction:column;height:calc(100dvh - var(--sp-space-32))}
#walkthrough-expanded .film-frame{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}
#walkthrough-expanded .film-frame video{flex:1;min-height:0;height:0;aspect-ratio:auto}
#walkthrough-expanded .film-foot{flex-shrink:0}
.film-frame:fullscreen{max-width:none;width:100%;height:100%;border:0;border-radius:0;display:flex;flex-direction:column;background:var(--surface)}
.film-frame:fullscreen video{flex:1;min-height:0;aspect-ratio:auto;height:0}
.film-frame:fullscreen .film-foot{flex-shrink:0}
.home-discovery-heading{max-width:700px;margin-bottom:var(--sp-space-32)}
.home-discovery-heading>p:last-child{margin-top:var(--sp-space-16)}
.home-discovery-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-space-24)}
.home-feature-card{display:flex;flex-direction:column;min-width:0;padding:var(--sp-space-32);border:1px solid transparent;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--site-shadow-card)}
.home-feature-title{display:flex;align-items:center;gap:var(--sp-space-12)}
.home-feature-title h3{min-width:0;overflow-wrap:anywhere;font-size:var(--sp-type-display-lg);line-height:1.25}
.home-feature-icon{display:grid;place-items:center;flex:none;width:var(--sp-space-48);height:var(--sp-space-48);border-radius:var(--r-md);background:var(--peach-soft);color:var(--ink)}
.home-feature-icon svg{width:28px;height:28px}
.home-feature-copy{margin:var(--sp-space-24) 0;color:var(--sub);font-size:var(--sp-type-body-md);line-height:1.6;min-height:calc(var(--sp-space-64) + var(--sp-space-16))}
.home-feature-preview{flex:1;padding:var(--sp-space-16);background:var(--page-bg);border-radius:var(--r-md);margin-bottom:var(--sp-space-24)}
.home-example-label{font-size:var(--sp-type-caption);color:var(--sub);margin-bottom:var(--sp-space-12)}
.home-match-row{background:var(--surface);border-radius:var(--r-md);padding:var(--sp-space-16);margin-top:var(--sp-space-12)}
.home-match-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-space-8)}
.home-match-title h4{min-width:0;font-size:var(--sp-type-title);line-height:1.35;overflow-wrap:anywhere}
.home-match-title img{flex:none}
.home-match-badge{border-radius:var(--r-md);padding:var(--sp-space-4) var(--sp-space-8);background:var(--mint-soft);font-size:var(--sp-type-caption);line-height:1.5;color:var(--ink);font-weight:600}
.home-match-row p{margin-top:var(--sp-space-12);font-size:var(--sp-type-body);line-height:1.6;color:var(--sub);overflow-wrap:anywhere}
.home-match-row strong{color:var(--ink)}
.home-feature-action{align-self:flex-start;max-width:100%;height:auto;min-height:var(--sp-space-48);padding-block:var(--sp-space-12);white-space:normal!important}
.home-press{border-block:1px solid var(--border)}
.home-press-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-space-24);margin-bottom:var(--sp-space-24)}
.home-press-heading h2{font-size:var(--sp-type-display-lg)}
.home-press-link{font-size:var(--sp-type-body)}
.press-presence-row{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:var(--sp-space-24);padding-block:var(--sp-space-24)}
.press-presence-label{font-size:var(--sp-type-body);color:var(--sub)}
.publication-grid{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-space-16);align-items:center}
.distribution-names{grid-template-columns:repeat(6,minmax(0,1fr))}
.publication-grid li{min-width:0;min-height:var(--sp-space-48);display:flex;align-items:center;justify-content:center;text-align:center}
.publication-name{font:600 var(--sp-type-display-sm)/1.25 Inter,sans-serif;color:var(--ink);overflow-wrap:anywhere}
.distribution-names li:first-child .publication-name{font-size:var(--sp-type-display-lg)}
.founder-presence{border-top:1px solid var(--border)}
.founder-presence:first-of-type{border-top:0}
.writing-names{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:start;gap:var(--sp-space-24)}
.writing-names li{justify-content:flex-start;text-align:left}
.publication-link{display:inline-flex;align-items:center;gap:var(--sp-space-12);min-height:var(--sp-space-48);max-width:100%;text-decoration:none}
.publication-link img{width:var(--sp-space-48);height:var(--sp-space-48);object-fit:contain;flex-shrink:0}
.publication-link:hover .publication-name{text-decoration:underline;text-underline-offset:var(--sp-space-4)}
.publication-link:focus-visible{outline:var(--sp-space-2) solid var(--ink);outline-offset:var(--sp-space-4)}
.home-watch:focus-visible,.film-controls-menu summary:focus-visible,.film-controls button:focus-visible,#close-tour:focus-visible,.home-press-link:focus-visible{outline:var(--sp-space-2) solid var(--ink);outline-offset:var(--sp-space-4)}
@media(max-width:1000px){.writing-names{grid-template-columns:repeat(2,minmax(0,1fr))}.inside-heading{gap:var(--sp-space-32)}.distribution-names{grid-template-columns:repeat(3,minmax(0,1fr))}.press-presence-row{grid-template-columns:192px minmax(0,1fr)}.home-feature-card{padding:var(--sp-space-24)}.home-match-title{grid-template-columns:auto minmax(0,1fr)}.home-match-title img{grid-row:1 / span 2}.home-match-badge{grid-column:2;justify-self:start}}
@media(max-width:700px){
 .home-page main>section.home-demo,.home-page main>section.home-discovery{padding-block:var(--sp-space-48)}
 .home-page main>section.home-press{padding-block:var(--sp-space-32)}
 .inside-heading{display:block;margin-bottom:var(--sp-space-24)}.inside-copy>p{margin-top:var(--sp-space-24);font-size:var(--sp-type-body-md)}
 .film-foot{padding:var(--sp-space-16);align-items:flex-start;gap:var(--sp-space-12)}.film-controls{max-width:50%}.film-controls button{padding-inline:var(--sp-space-12)}
 .film-meta span{font-size:var(--sp-type-caption)}.media-error{padding:var(--sp-space-16)}
 .home-discovery-grid{grid-template-columns:minmax(0,1fr)}.home-feature-copy{min-height:0}
 .home-feature-card{padding:var(--sp-space-24)}.home-feature-preview{padding:var(--sp-space-12)}.home-match-row{padding:var(--sp-space-12)}
 .home-press-heading{align-items:flex-start;flex-direction:column;gap:var(--sp-space-8);margin-bottom:var(--sp-space-16)}
 .press-presence-row{grid-template-columns:minmax(0,1fr);gap:var(--sp-space-16);padding-block:var(--sp-space-24)}
 .distribution-names,.writing-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-space-16)}
 .writing-names li{justify-content:center;text-align:center}.publication-name{font-size:var(--sp-type-display-sm)}.writing-names .publication-name{font-size:var(--sp-type-title)}
 .writing-names li:has(.publication-link){grid-column:1/-1}
 .home-page .founder-band{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){.home-feature-card{padding:var(--sp-space-16)}.home-match-title img{width:var(--sp-space-32);height:var(--sp-space-32)}.home-feature-action{padding-inline:var(--sp-space-16)!important}}

/* Approved AI label overview; static homepage content, no runtime data. */
.home-page main>section.ai-overview{padding-block:var(--sp-space-64);scroll-margin-top:var(--sp-space-64)}
.ai-overview::before{background:var(--page-bg)}
.ai-overview .ai-overview-intro{max-width:800px}
.ai-overview .ai-overview-intro .subline{max-width:690px}
.ai-label-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-space-24);margin-top:var(--sp-space-40)}
.ai-label-tile{min-width:0;padding:var(--sp-space-32);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--site-shadow-card)}
.ai-label-mark{display:flex;align-items:flex-end;gap:var(--sp-space-4);height:var(--sp-space-32);margin-bottom:var(--sp-space-24)}
.ai-label-mark span{display:block;width:var(--sp-space-12);border-radius:var(--sp-space-4);background:var(--border)}
.ai-label-mark span:nth-child(1){height:var(--sp-space-12)}.ai-label-mark span:nth-child(2){height:var(--sp-space-20)}.ai-label-mark span:nth-child(3){height:var(--sp-space-32)}
.ai-label-low .ai-label-mark span:first-child{background:var(--mint)}
.ai-label-moderate .ai-label-mark span:nth-child(-n+2){background:var(--lavender)}
.ai-label-high .ai-label-mark span{background:var(--peach)}
.ai-label-tile h3{font:600 var(--sp-type-body-md)/1.4 Inter,sans-serif;margin:0;overflow-wrap:anywhere}
.ai-impact-label{display:inline-block;max-width:100%;padding:var(--sp-space-8) var(--sp-space-12);border-radius:var(--r-md);color:var(--ink)}
.ai-label-low .ai-impact-label{background:var(--mint-light)}.ai-label-moderate .ai-impact-label{background:var(--lavender-light)}.ai-label-high .ai-impact-label{background:var(--peach-light)}
.ai-overview .ai-label-meaning{font:700 var(--sp-type-display-sm)/1.4 Quicksand,sans-serif;color:var(--ink);margin-top:var(--sp-space-24)}
.ai-label-description{font-size:var(--sp-type-body-md);line-height:1.65;color:var(--sub);margin-top:var(--sp-space-12)}
.ai-label-note{font-size:var(--sp-type-body);line-height:1.6;color:var(--sub);margin-top:var(--sp-space-20)}
.ai-detail-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:var(--sp-space-64);margin-top:var(--sp-space-48);padding-top:var(--sp-space-40);border-top:1px solid var(--border)}
.ai-detail-heading h3{font:700 var(--sp-type-display-lg)/1.3 Quicksand,sans-serif;color:var(--ink)}
.ai-detail-heading>p:last-child{font-size:var(--sp-type-body-md);line-height:1.6;color:var(--sub);margin-top:var(--sp-space-16);max-width:290px}
.ai-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-space-32);row-gap:var(--sp-space-32);list-style:none;margin:0;padding:0}
.ai-detail-grid li{display:flex;align-items:flex-start;gap:var(--sp-space-12);min-width:0}
.ai-detail-grid h4{font:600 var(--sp-type-body-md)/1.5 Inter,sans-serif;color:var(--ink)}
.ai-detail-grid p{font-size:var(--sp-type-body);line-height:1.6;color:var(--sub);margin-top:var(--sp-space-4)}
.ai-detail-icon{display:grid;place-items:center;flex:none;width:var(--sp-space-40);height:var(--sp-space-40);border-radius:var(--r-md);background:var(--surface);color:var(--ink)}
.ai-detail-icon svg{width:var(--sp-space-24);height:var(--sp-space-24)}
.ai-overview-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-space-24);margin-top:var(--sp-space-40);padding-top:var(--sp-space-24);border-top:1px solid var(--border)}
.ai-overview-footer p{display:flex;align-items:center;gap:var(--sp-space-8);color:var(--sub);font-size:var(--sp-type-body);line-height:1.6}
.ai-review-dot{width:var(--sp-space-8);height:var(--sp-space-8);border-radius:50%;background:var(--mint);flex:none}
.ai-overview-footer a{display:inline-flex;align-items:center;gap:var(--sp-space-8);min-height:var(--sp-space-48);font-size:var(--sp-type-body);font-weight:600;white-space:normal;text-underline-offset:var(--sp-space-4)}
.ai-overview-footer a:focus-visible{outline:2px solid var(--ink);outline-offset:var(--sp-space-4)}
@media(max-width:1000px){.ai-label-grid{gap:var(--sp-space-16)}.ai-label-tile{padding:var(--sp-space-24)}.ai-detail-panel{gap:var(--sp-space-32);grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}}
@media(max-width:700px){.home-page main>section.ai-overview{padding-block:var(--sp-space-48)}.ai-desktop-break{display:none}.ai-label-grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-space-16);margin-top:var(--sp-space-32)}.ai-label-tile{position:relative;padding:var(--sp-space-24)}.ai-label-mark{position:absolute;right:var(--sp-space-24);top:var(--sp-space-24);margin:0;height:var(--sp-space-24)}.ai-label-mark span{width:var(--sp-space-8)}.ai-label-mark span:nth-child(1){height:var(--sp-space-8)}.ai-label-mark span:nth-child(2){height:var(--sp-space-16)}.ai-label-mark span:nth-child(3){height:var(--sp-space-24)}.ai-label-tile h3{padding-right:var(--sp-space-48)}.ai-overview .ai-label-meaning{margin-top:var(--sp-space-20)}.ai-label-description{margin-top:var(--sp-space-8)}.ai-detail-panel{grid-template-columns:minmax(0,1fr);gap:var(--sp-space-24);margin-top:var(--sp-space-32);padding-top:var(--sp-space-32)}.ai-detail-grid{column-gap:var(--sp-space-16);row-gap:var(--sp-space-24)}.ai-detail-grid li{flex-direction:column;gap:var(--sp-space-8)}.ai-overview-footer{align-items:flex-start;flex-direction:column;gap:var(--sp-space-8);margin-top:var(--sp-space-32);padding-top:var(--sp-space-20)}}
@media(max-width:360px){.ai-label-tile{padding:var(--sp-space-20)}.ai-label-mark{right:var(--sp-space-20);top:var(--sp-space-20)}.ai-label-tile h3{font-size:var(--sp-type-body)}.ai-detail-grid{grid-template-columns:minmax(0,1fr)}.ai-detail-grid li{flex-direction:row;gap:var(--sp-space-12)}}