@layer templates{.home{--text-hero:2.5rem;--text-hero-small:1.75rem;--text-hero-tiny:1.625rem;--text-heading:1.375rem;--text-panel-title:1.3125rem;--text-hero-caption-mid:1.1875rem;--text-cases-title-tiny:1.1875rem;--text-panel-title-tiny:1.0625rem;--text-pager:1.0625rem;--home-copy-gap:3px;--home-ring-situation:#19151229;--home-ring-explore:#1915121f;--home-ring-article:#1915121a;--home-shadow-hover:#1915121f;--home-hero-fill:#2a241f;--home-hero-shade:#191512c7;--home-toggle:#191512c2;--home-toggle-hover:#191512e6;--home-text-cases:#2e2722;--home-surface-soft:#faf7f2;--home-tab-disabled-line:#c3b6a2;--home-thumb-dot:#0000001a;--home-icon-on-dark:#fff2}body:has(.home){background:var(--color-panel);color:var(--color-text);font-size:var(--text-body-small);line-height:var(--leading-loose)}:where(.home) :is(h1,h2,h3){line-height:inherit;letter-spacing:normal;text-wrap:wrap}.home-container{width:var(--shell-width);margin-inline:auto}.home-heading{align-items:center;gap:var(--space-4);font-size:var(--text-heading);display:flex;@media (width<1200px){font-size:var(--text-lead)}}.icon-disc{border-radius:var(--radius-full);background:var(--color-panel-strong);flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.icon-disc--white{background:var(--color-page)}.icon-disc--panel{background:var(--color-panel)}.icon-disc--on-dark{background:var(--home-icon-on-dark)}.icon-disc--small{width:30px;height:30px}.icon-disc--compact{@media (width<1200px){width:32px;height:32px;&>svg{width:16px;height:16px}}}.icon-disc--illustration{width:64px;height:64px;color:var(--color-line-warm);&:before{content:"";border:1.5px dashed var(--color-line-warm);border-radius:var(--radius-full);opacity:.9;position:absolute;inset:3px}@media (width<1200px){width:48px;height:48px;&>svg{width:16px;height:16px}}}.home-hero{align-items:center;gap:var(--space-10);padding-block:var(--space-13) var(--space-12);display:flex;@media (width<1200px){align-items:stretch;gap:var(--space-6);padding-block:var(--space-8) 18px;flex-direction:column}}.home-hero__copy{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.home-hero__title{font-size:var(--text-hero);line-height:1.3;@media (width<1200px){font-size:var(--text-hero-small)}@media (width<321px){font-size:var(--text-hero-tiny)}}.home-hero__lead{color:var(--color-text-soft);line-height:1.8;@media (width<1200px){font-size:var(--text-note)}}.hero-motion{isolation:isolate;border-radius:var(--radius-lg);background:var(--home-hero-fill);flex:none;width:600px;height:188px;position:relative;overflow:hidden;@media (1200px<=width<1440px){width:520px;height:163px}@media (width<1200px){aspect-ratio:350/110;border-radius:var(--radius-md);width:100%;height:auto}&:before{content:"";z-index:2;background:linear-gradient(90deg, var(--home-hero-shade), var(--color-underline) 46%, transparent 78%);pointer-events:none;position:absolute;inset:0}}.hero-motion__media{object-fit:cover;object-position:56% 44%;filter:saturate(.8)sepia(.12)brightness(.94);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;@media (width<1200px){object-position:58% 44%}}.hero-motion__caption{z-index:3;color:var(--color-text-on-dark);font-size:var(--text-heading);font-weight:900;line-height:var(--leading-tight);letter-spacing:-.01em;text-shadow:0 2px 12px var(--color-underline);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:50%;left:28px;transform:translateY(-50%);@media (1200px<=width<1440px){font-size:var(--text-hero-caption-mid)}@media (width<1200px){font-size:var(--text-small);left:14px}@media (width<321px){font-size:var(--text-note)}&>strong{font-weight:900}}.hero-motion__toggle{right:var(--space-5);bottom:var(--space-5);z-index:4;min-height:46px;padding:0 var(--space-4);border:1px solid var(--color-panel);border-radius:var(--radius-full);background:var(--home-toggle);color:var(--color-panel);font-size:var(--text-caption);opacity:.9;font-weight:700;line-height:1;transition:border-color .12s ease-out,opacity .12s ease-out;position:absolute;@media (width<1200px){right:var(--space-2);bottom:var(--space-2)}&:hover{border-color:var(--color-highlight);background:var(--home-toggle-hover);opacity:1}}.home-entrances{gap:var(--space-15);padding-bottom:var(--space-14);flex-direction:column;display:flex;@media (width<1200px){gap:var(--space-6);padding-bottom:var(--space-12)}}.situation-grid{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<1200px){gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}.situation-card{align-items:center;gap:var(--space-7);border-radius:var(--radius-lg);background:var(--color-page);min-height:148px;box-shadow:0 0 0 1px var(--home-ring-situation), 0 2px 0 var(--color-line-soft);font-size:var(--text-lead);padding:22px;font-weight:700;line-height:1.45;display:flex;@media (width<1200px){min-height:96px;padding:var(--space-5) var(--space-6);font-size:var(--text-body)}&:hover{box-shadow:0 0 0 2px var(--color-text), 0 6px 16px var(--home-shadow-hover)}}.situation-card__label{word-break:auto-phrase;flex:1}.situation-card__arrow{border-radius:var(--radius-full);background:var(--color-text);width:36px;height:36px;color:var(--color-text-on-dark);flex:none;justify-content:center;align-items:center;display:flex}.explore-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;@media (width<1200px){gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.explore-card,.trouble-entry{min-height:80px;padding:var(--space-5) var(--space-7);border-radius:var(--radius-md);background:var(--color-page);font-size:var(--text-body-small);align-items:center;font-weight:700;display:flex;@media (width<1200px){min-height:76px;padding:var(--space-4) var(--space-5);font-size:var(--text-note)}@media (width<321px){font-size:var(--text-caption)}}.explore-card{gap:var(--space-5);box-shadow:0 0 0 1px var(--home-ring-explore);line-height:1.45;&:hover{box-shadow:var(--ring-strong)}}.explore-card__label{word-break:auto-phrase;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.trouble-entry{gap:var(--space-6);box-shadow:inset 4px 0 0 var(--color-accent), var(--ring-line);transition:box-shadow .16s cubic-bezier(.2,.7,.3,1);&:hover{box-shadow:inset 4px 0 0 var(--color-accent), 0 0 0 1.5px var(--color-accent)}}.trouble-entry__label{flex:1}.home-articles{padding-block:var(--space-14);background:var(--color-page);@media (width<1000px){padding-block:var(--space-12)}}.home-articles__inner,.home-articles__panel{gap:var(--space-16);flex-direction:column;display:flex;@media (width<1000px){gap:var(--space-7)}}.home-articles__inner>.home-heading{font-size:var(--text-heading);line-height:1.45;@media (width<1000px){font-size:var(--text-lead)}}.home-articles__tabs{gap:var(--space-3);flex-wrap:wrap;display:flex}.theme-tab{border-radius:var(--radius-full);background:var(--color-page);min-height:44px;box-shadow:inset 0 0 0 1px var(--color-line-strong);font-size:var(--text-small);font-weight:700;line-height:var(--leading-loose);border:0;align-items:center;padding:0 18px;display:flex;&[aria-selected=true]{background:var(--color-text);box-shadow:none;color:var(--color-text-on-dark)}&:disabled{padding:0 var(--space-7);border:1.5px dashed var(--home-tab-disabled-line);background:var(--home-surface-soft);box-shadow:none;color:var(--color-text-faint);cursor:default}}.home-articles__feature-grid,.home-articles__extra{column-gap:var(--space-13);grid-template-columns:560px minmax(0,1fr);align-items:start;display:grid}.home-articles__feature-grid{@media (width<1000px){gap:var(--space-15);grid-template-columns:minmax(0,1fr)}}.home-articles__extra{@media (width<1000px){border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr)}}.feature-card__inner{gap:var(--space-5);flex-direction:column;display:flex;&:hover{color:var(--color-accent)}}.feature-card__title{font-size:var(--text-lead);font-weight:700;line-height:var(--leading-snug);text-wrap:var(--wrap-pretty);@media (width<1000px){font-size:var(--text-body)}}.article-list{border-top:1px solid var(--color-line);flex-direction:column;display:flex}.compact-article__inner{gap:var(--space-6);padding-block:var(--space-5);border-bottom:1px solid var(--color-line);grid-template-columns:80px minmax(0,1fr);align-items:center;display:grid;&:hover{color:var(--color-accent)}}.home-articles__extra .compact-article__inner{border-top:1px solid var(--color-line);@media (width<1000px){border-top:0}}.compact-article__image{border-radius:var(--radius-tile);object-fit:cover;width:80px;height:80px;display:block}.compact-article__copy{gap:var(--home-copy-gap);flex-direction:column;min-width:0;display:flex}.compact-article__role{align-items:center;gap:var(--space-2);color:var(--color-text-soft);font-size:var(--text-tiny);font-weight:700;line-height:normal;display:flex;&:before{content:"";border-radius:var(--radius-full);background:var(--color-accent);flex:none;width:6px;height:6px}}.compact-article__title{font-size:var(--text-body);font-weight:700;line-height:1.45}.compact-article__text{color:var(--color-text-soft);font-size:var(--text-caption);line-height:var(--leading-snug)}.home-articles__lower{gap:var(--space-16) var(--space-11);padding-top:var(--space-8);border-top:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<1000px){grid-template-columns:minmax(0,1fr)}& .compact-article__inner{gap:var(--space-5);border:0;align-items:start;padding-block:0}& .compact-article__title{font-size:var(--text-body-small)}& .compact-article__role:before{display:none}}.theme-group{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.theme-group__title{align-items:center;gap:var(--space-3);font-size:var(--text-body-small);font-weight:700;display:flex}.home-articles__more{padding-top:var(--space-1);justify-content:center;display:flex}.home-more{align-items:center;gap:var(--space-4);min-height:48px;padding:0 var(--space-9);border-radius:var(--radius-full);box-shadow:var(--ring-strong-inset);font-size:var(--text-small);font-weight:700;display:inline-flex;&:hover{background:var(--color-panel)}}.home-trouble{background:var(--color-page);padding-block:64px;@media (width<1200px){padding-block:0}}.home-trouble__panel{gap:var(--space-13);padding:var(--space-12) 36px;border-radius:var(--radius-lg);background:var(--color-panel);grid-template-columns:380px minmax(0,1fr);align-items:start;display:grid;@media (width<900px){gap:var(--space-15);padding:var(--space-9) var(--space-7);border-radius:0;grid-template-columns:minmax(0,1fr)}}.home-trouble__intro{gap:var(--space-7);flex-direction:column;min-width:0;display:flex}.home-trouble__title{align-items:flex-start;gap:var(--space-5);min-width:0;padding-top:var(--space-2);font-size:var(--text-panel-title);overflow-wrap:anywhere;word-break:auto-phrase;line-height:1.45;display:flex;@media (width<900px){font-size:var(--text-lead)}@media (width<341px){font-size:var(--text-panel-title-tiny)}&>.icon-disc{margin-top:calc(-1 * var(--space-2))}}.home-trouble__lead{color:var(--color-text-soft);font-size:var(--text-small);line-height:1.8}.home-trouble__topics{gap:var(--space-3);flex-direction:column;display:flex}.home-trouble__subheading{color:var(--color-text-soft);font-size:var(--text-caption);font-weight:700}.topic-list{gap:var(--space-2);flex-direction:column;display:flex;@media (width<900px){gap:var(--space-3)}}.topic-row{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:100%;min-height:52px;padding:var(--space-2) var(--space-6);border-radius:var(--radius-tile);background:var(--color-page);box-shadow:0 0 0 1px var(--color-line-card);font-size:var(--text-small);font-weight:700;display:flex;@media (width<900px){padding:var(--space-2) var(--space-5);border-radius:var(--radius-md)}&:hover{box-shadow:var(--ring-strong)}}.topic-row__arrow{color:var(--color-accent-text)}.topic-row--more{font-size:var(--text-note);align-items:stretch;gap:0}.home-trouble__articles{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.home-trouble__grid{gap:var(--space-8) var(--space-15);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width<900px){gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}.trouble-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-page);box-shadow:0 0 0 1px var(--home-ring-article);flex-direction:column;display:flex;@media (width<900px){gap:var(--space-5);padding:var(--space-4);grid-template-columns:80px minmax(0,1fr);align-items:center;display:grid}}.trouble-card__thumb{@media (width<900px){display:none}}.trouble-card__art{border-radius:var(--radius-tile);background:var(--color-panel-strong);width:80px;height:80px;display:none;@media (width<900px){display:block}}.trouble-card__copy{@media (width<900px){gap:var(--home-copy-gap);flex-direction:column;min-width:0;display:flex}}.trouble-card__role,.trouble-card__hook{font-weight:700;display:none;@media (width<900px){display:block}}.trouble-card__role{color:var(--color-accent-text);font-size:var(--text-tiny)}.trouble-card__hook{font-size:var(--text-body-small);line-height:1.45}.trouble-card__title{font-size:var(--text-body-small);font-weight:700;line-height:var(--leading-snug);word-break:auto-phrase;@media (width<900px){color:var(--color-text-soft);font-size:var(--text-caption);font-weight:400}}.trouble-thumb{--thumb-role-gap:1.45833cqw;--thumb-theme-gap:2.08333cqw;--text-thumb-hook:6.25cqw;--text-thumb-role:2.70833cqw;--text-thumb-label:2.5cqw;aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--color-page);width:100%;color:var(--color-text);position:relative;overflow:hidden;container-type:inline-size}.trouble-thumb__art{background-color:var(--color-panel-strong);background-image:radial-gradient(var(--home-thumb-dot) .208333cqw, transparent .208333cqw);background-size:2.5cqw 2.5cqw;justify-content:center;align-items:center;width:49.1667%;display:flex;position:absolute;top:0;bottom:0;right:0;&>img{object-fit:contain;width:100%;height:100%;display:block}}.trouble-thumb__fade{background:linear-gradient(90deg, var(--color-page), transparent);width:7.5%;position:absolute;top:0;bottom:0;left:47.0833%}.trouble-thumb__role{align-items:center;gap:var(--thumb-role-gap);color:var(--color-text-soft);font-size:var(--text-thumb-role);font-weight:700;display:flex;position:absolute;top:8.14815%;left:5%;&>.trouble-thumb__role-mark{background:var(--color-accent);width:1.66667cqw;height:1.66667cqw}}.trouble-thumb__hook{width:47.5%;font-size:var(--text-thumb-hook);letter-spacing:.01em;flex-direction:column;justify-content:center;font-weight:700;line-height:1.38;display:flex;position:absolute;top:0;bottom:0;left:5%;&>span{white-space:nowrap}}.trouble-thumb__theme{align-items:center;gap:var(--thumb-theme-gap);width:44.1667%;color:var(--color-text-soft);font-size:var(--text-thumb-label);font-weight:700;display:flex;position:absolute;bottom:7.40741%;left:5%;&>.trouble-thumb__theme-line{background:var(--color-line-card);flex:1;height:.208333cqw}}.home-search{border-top:1px solid var(--color-line-soft);background:var(--color-page);padding-block:64px;@media (width<1200px){padding-block:var(--space-12)}}.home-search__inner{gap:var(--space-6);flex-direction:column;display:flex}.home-search__title{align-items:center;gap:var(--space-5);font-size:var(--text-heading);display:flex;@media (width<1200px){font-size:var(--text-lead)}}.home-search__form{gap:var(--space-3);max-width:760px;display:flex}.home-search__field{min-width:0;height:52px;padding-inline:var(--space-7);border-radius:var(--radius-tile);background:var(--color-page);box-shadow:0 0 0 1px var(--color-line-button);flex:1;align-items:center;display:flex;&:focus-within{outline:3px solid var(--color-accent);outline-offset:3px}&>input{width:100%;min-width:0;height:100%;font-size:var(--text-body-small);background:0 0;border:0;padding:0;&::placeholder{color:var(--color-text-faint);opacity:1}}}.home-search__submit{border-radius:var(--radius-tile);background:var(--color-text);height:52px;color:var(--color-text-on-dark);font-size:var(--text-body-small);border:0;padding:0 22px;font-weight:700}.home-search__status{color:var(--color-text-soft);font-size:var(--text-caption)}.directory-entry{align-self:flex-start;align-items:center;gap:var(--space-3);min-height:44px;margin-left:calc(-1 * var(--space-1));padding:0 var(--space-1);border-radius:var(--radius-chip);font-size:var(--text-body-small);font-weight:700;transition:color .16s cubic-bezier(.2,.7,.3,1);display:inline-flex;&:hover{color:var(--color-accent)}&:active{color:var(--color-accent-text)}}.directory-entry__label{text-underline-offset:5px;text-decoration:underline 1.5px}.company-results{gap:var(--space-4);max-width:820px;margin:var(--space-7) 0 0;padding:0;list-style:none;display:grid}.company-result{justify-content:space-between;align-items:center;gap:var(--space-15);min-height:104px;padding:var(--space-6) 18px;border:3px solid var(--color-text);background:var(--color-page);display:flex}.company-result__copy{gap:var(--space-1);display:grid}.company-result__name{font-size:var(--text-lead)}.company-result__note{color:var(--color-text-soft);font-size:var(--text-note);line-height:var(--leading-tight)}.pager-step{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:92px;padding:15px var(--space-8);border:3px solid var(--color-text);background:var(--color-page);font-size:var(--text-pager);font-weight:900;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out;display:flex;@media (width<768px){min-height:90px;padding:var(--space-6) var(--space-7);font-size:var(--text-body-small)}&:hover{box-shadow:4px 4px 0 var(--color-text)}&:active{background:var(--color-paper);box-shadow:none}&:disabled{border:3px solid var(--color-text);background:var(--color-page);color:var(--color-text);opacity:.5;cursor:default}}.home-compare{gap:var(--space-4);margin-top:var(--space-5);flex-direction:column;display:flex}.home-compare__title{align-items:center;gap:var(--space-3);font-size:var(--text-body);display:flex;&:before{content:"";background:var(--color-accent);flex:none;width:4px;height:1em}}.home-compare__links{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<1200px){gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}.compare-row{--focus-inset:var(--ring-strong-inset);justify-content:space-between;align-items:center;gap:var(--space-5);min-height:56px;padding:0 var(--space-4) 0 18px;border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--ring-strong-inset);font-size:var(--text-body-small);font-weight:700;line-height:1.45;display:flex;&:hover{background:var(--color-panel-strong)}&:active{background:var(--color-panel-pressed)}}.compare-row__label{word-break:auto-phrase}.compare-row__circle{border-radius:var(--radius-full);background:var(--color-page);width:26px;height:26px;box-shadow:var(--ring-strong-inset);font-size:var(--text-note);flex:none;place-items:center;display:grid}.home-cases{padding-block:var(--space-14);background:var(--color-page);@media (width<1000px){padding:var(--space-11) var(--space-7)}}.home-cases__panel{gap:var(--space-13);max-width:1272px;padding:var(--space-12) 36px;border-radius:var(--radius-lg);background:var(--color-panel);grid-template-columns:minmax(0,1fr) 440px;align-items:center;margin:auto;display:grid;@media (1200px<=width<1440px){max-width:1112px}@media (width<1000px){gap:var(--space-15);max-width:none;padding:var(--space-8) 18px;grid-template-columns:1fr}}.home-cases__copy{gap:var(--space-5);flex-direction:column;display:flex}.home-cases__title{font-size:var(--text-title);word-break:auto-phrase;line-height:1.45;@media (width<1000px){font-size:var(--text-title-small)}@media (width<341px){font-size:var(--text-cases-title-tiny)}}.home-cases__lead{color:var(--home-text-cases);@media (width<1000px){font-size:var(--text-small)}}.home-cases__actions{gap:var(--space-5);display:grid}.case-entry{align-items:center;gap:var(--space-6);min-height:64px;padding:var(--space-5) 18px;border-radius:var(--radius-card);background:var(--color-text);color:var(--color-text-on-dark);display:flex;&:hover{background:var(--color-action-hover)}}.case-entry--outline{background:var(--color-page);box-shadow:var(--ring-strong-inset);color:var(--color-text);&:hover{background:var(--home-surface-soft)}}.case-entry__label{font-size:var(--text-body-small);font-weight:700;line-height:var(--leading-tight);word-break:auto-phrase;flex:1}}
