/* Final visual layer: quiet editorial workspace, no stacked-card showroom. */
:root { --brand:#0b8f86; --brand-hover:#08766f; --brand-light:#e5f5f2; --brand-dark:#163532; --ink:#17221f; --ink-2:#53615c; --ink-3:#77827e; --border:#d9e1dc; --surface:#fff; }
body, button, input, select, textarea { font-family:"Golos Text",Arial,sans-serif; }
h1,h2,h3,h4,h5,h6,.page-title,.premium-hero h1,.tools-studio-sidebar h1,.neuro-page h1,.neuro-page h2,.neuro-page h3,.neuro-seo h2,.neuro-faq h2 { font-family:"Golos Text",Arial,sans-serif!important; letter-spacing:-.052em; }
body { background:var(--surface); color:var(--ink); }
.site-header { border-bottom:1px solid var(--border); background:rgba(255,255,255,.94); box-shadow:none; }
.header-inner { border:0; border-radius:0; background:transparent; box-shadow:none; }
.desktop-nav a { border-radius:0; font-weight:600; }
.desktop-nav .nav-neuro { border-bottom-color:var(--brand); color:var(--brand); }
.btn,.btn-primary,.btn-dark,.btn-light,.btn-ghost { border-radius:8px; font-weight:650; }
.btn-primary,.btn-dark { background:var(--brand); }.btn-primary:hover,.btn-dark:hover { background:var(--brand-hover); }
:focus-visible { outline:3px solid rgba(11,143,134,.32); outline-offset:3px; }

.home-journey { position:relative; isolation:isolate; overflow:clip; padding:clamp(28px,5vw,72px) 0 clamp(24px,4vw,58px); border-block:1px solid var(--border); background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(11,143,134,.12) calc(50% - .5px),rgba(11,143,134,.12) calc(50% + .5px),transparent calc(50% + .5px)),#f6f8f6; }
.home-journey .section { position:relative; padding-block:clamp(44px,6vw,82px); background:transparent; }
.premium-tools-section .editorial-heading { max-width:680px; margin-bottom:36px; }.premium-tools-section .editorial-heading h2 { max-width:15ch; font-size:clamp(2.35rem,4vw,4.15rem); line-height:.98; }.premium-tools-section .editorial-heading p { max-width:54ch; color:var(--ink-2); font-size:1rem; }
.premium-home .tools-showcase { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); gap:clamp(30px,5vw,74px); align-items:stretch; }
.premium-home .tools-feature-visual,.premium-home .tools-directory { border:0; border-radius:0; box-shadow:none; background:transparent; }
.premium-home .tools-feature-visual { min-height:410px; overflow:hidden; border-radius:14px; }.premium-home .tools-feature-visual::after { background:linear-gradient(180deg,rgba(13,25,21,0) 25%,rgba(13,25,21,.8) 100%); }.premium-home .tools-feature-visual>div { padding:28px; }.premium-home .tools-feature-visual h3 { margin:0; font-size:clamp(1.75rem,2.7vw,2.7rem); line-height:1; }.premium-home .tools-feature-visual p { max-width:36ch; margin:12px 0 20px; color:rgba(255,255,255,.82); font-size:.93rem; line-height:1.55; }
.premium-home .tools-directory { display:grid; align-content:center; border-top:1px solid var(--border); }.premium-home .tool-line { display:grid; min-height:102px; grid-template-columns:42px minmax(0,1fr) 32px; gap:16px; align-items:center; padding:16px 0; border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; }.premium-home .tool-line:hover { padding-inline:12px; background:rgba(11,143,134,.06); color:var(--ink); }.premium-home .tool-line-index { color:var(--brand); font-size:.72rem; font-weight:700; }.premium-home .tool-line strong { display:block; margin-bottom:6px; font-size:clamp(1.05rem,1.55vw,1.35rem); line-height:1.05; }.premium-home .tool-line small { color:var(--ink-2); font-size:.86rem; line-height:1.45; }.premium-home .tool-line i { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; background:var(--brand-light); color:var(--brand); }
.premium-home .process-stage,.premium-home .facts-stage { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }.premium-home .process-stage-picture { opacity:.1; }.premium-home .process-stage::after { display:none; }.premium-home .process-stage .process-layout { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:clamp(42px,8vw,126px); padding:clamp(36px,5vw,66px) 0; }.premium-home .process-intro { align-self:start; padding:0; border:0; }.premium-home .process-intro h2 { max-width:10ch; margin:12px 0 18px; font-size:clamp(2.25rem,3.4vw,3.7rem); line-height:.98; }.premium-home .process-intro p { max-width:36ch; color:var(--ink-2); font-size:.94rem; }.premium-home .process-action { margin-top:28px; color:var(--brand); }.premium-home .process-action i { background:var(--brand); }
.premium-home .process-list { margin:0; border-top:1px solid var(--border); border-radius:0; background:transparent; }.premium-home .process-list>li { min-height:132px; grid-template-columns:56px minmax(0,1fr); gap:18px; padding:25px 0; border-bottom:1px solid var(--border); }.premium-home .process-list>li>span { width:34px; height:34px; border-radius:50%; background:var(--brand-light); color:var(--brand); }.premium-home .process-list h3 { margin:0 0 8px; font-size:clamp(1.28rem,2vw,1.75rem); line-height:1.05; }.premium-home .process-list p { max-width:58ch; color:var(--ink-2); font-size:.9rem; line-height:1.55; }
.premium-home .facts-section { padding-bottom:clamp(44px,6vw,82px); }.premium-home .facts-stage { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr); gap:clamp(42px,7vw,104px); align-items:start; }.premium-home .facts-intro { padding-top:20px; }.premium-home .facts-intro h2 { margin:10px 0 16px; font-size:clamp(2.2rem,3.5vw,3.8rem); line-height:.97; }.premium-home .facts-intro p { max-width:30ch; color:var(--ink-2); }.premium-home .facts-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; border:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0; background:transparent; box-shadow:none; }.premium-home .facts-grid>* { min-height:228px; padding:26px 20px 22px; border:0; border-left:1px solid var(--border); background:transparent; }.premium-home .facts-grid>*:first-child { border-left:0; padding-left:0; }.premium-home .facts-grid strong { display:block; margin:44px 0 12px; color:var(--ink); font-size:clamp(1.08rem,1.8vw,1.6rem); line-height:1.08; }.premium-home .facts-grid span { display:block; max-width:25ch; color:var(--ink-2); font-size:.82rem; line-height:1.5; }.premium-home .facts-grid .fact-main { background:transparent; }.premium-home .facts-grid .fact-main strong { max-width:13ch; }.premium-home .fact-kicker,.premium-home .fact-label { color:var(--brand)!important; font-size:.7rem!important; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }

.student-tools-page { background:#f6f8f6; }.tools-studio { padding:clamp(42px,6vw,88px) 0 clamp(62px,8vw,116px); }.tools-studio-layout { display:grid; grid-template-columns:minmax(250px,310px) minmax(0,1fr); gap:clamp(42px,7vw,104px); align-items:start; }.tools-studio-sidebar { position:sticky; top:96px; padding-top:2px; }.tools-studio-sidebar h1 { max-width:10ch; margin:14px 0 18px; font-size:clamp(2.45rem,4.2vw,4.2rem); line-height:.96; }.tools-studio-sidebar>p:not(.tools-studio-note) { max-width:32ch; color:var(--ink-2); font-size:.96rem; line-height:1.58; }.tools-studio-nav { display:grid; margin-top:34px; border-top:1px solid var(--border); }.tools-studio-nav a { display:grid; min-height:54px; grid-template-columns:34px 1fr; gap:10px; align-items:center; border-bottom:1px solid var(--border); color:var(--ink); font-size:.92rem; font-weight:650; }.tools-studio-nav a:hover { padding-left:8px; color:var(--brand); }.tools-studio-nav span { color:var(--brand); font-size:.7rem; font-weight:700; }.tools-studio-note { margin-top:22px; color:var(--ink-3); font-size:.78rem; }.tools-studio-modules { border-top:1px solid var(--border); }.tool-module { padding:clamp(36px,5vw,58px) 0; border-bottom:1px solid var(--border); scroll-margin-top:96px; }
.tool-section-heading { display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px; align-items:start; margin:0 0 24px; }.tool-section-heading>span { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:var(--brand-light); color:var(--brand); font-size:.7rem; font-weight:700; }.tool-section-heading h2 { margin:2px 0 7px; font-size:clamp(1.65rem,2.4vw,2.25rem); line-height:1.04; }.tool-section-heading p { max-width:48ch; margin:0; color:var(--ink-2); font-size:.89rem; line-height:1.52; }.student-tools-page .tool-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.88fr); gap:1px; padding:0; overflow:hidden; border:1px solid var(--border); border-radius:12px; background:var(--border); box-shadow:none; }.student-tools-page .tool-panel,.student-tools-page .tool-panel:nth-child(2) { min-height:348px; padding:clamp(22px,3.3vw,38px); border:0; border-radius:0; background:var(--surface); box-shadow:none; }.student-tools-page .tool-panel:nth-child(2) { background:#eef4f2; }.student-tools-page .tool-panel h2 { margin-top:10px; font-size:clamp(1.45rem,2vw,1.9rem); line-height:1.08; }.student-tools-page .tool-output { min-height:166px; padding:18px; border:0; border-left:2px solid var(--brand); border-radius:0; background:rgba(255,255,255,.72); color:var(--ink-2); font-size:.88rem; line-height:1.55; }.student-tools-page .input,.student-tools-page .select,.student-tools-page .textarea { border-color:#cfd9d4; border-radius:7px; background:#fff; }.student-tools-page .input:focus,.student-tools-page .select:focus,.student-tools-page .textarea:focus { border-color:var(--brand); box-shadow:0 0 0 3px rgba(11,143,134,.12); }.student-tools-page .tools-more-section { padding-block:clamp(54px,7vw,92px); background:#fff; }
@media (max-width:980px) { .home-journey { background:#f6f8f6; }.premium-home .tools-showcase,.premium-home .process-stage .process-layout,.premium-home .facts-stage,.tools-studio-layout { grid-template-columns:1fr; gap:38px; }.premium-home .tools-feature-visual { min-height:360px; max-width:620px; }.premium-home .facts-grid { max-width:760px; }.tools-studio-sidebar { position:static; max-width:680px; }.tools-studio-sidebar h1 { max-width:14ch; } }
@media (max-width:767px) { .site-header { position:sticky; top:0; }.home-journey { padding-block:8px 22px; }.home-journey .section { padding-block:38px; }.premium-tools-section .editorial-heading h2 { font-size:clamp(2.15rem,10vw,3rem); }.premium-home .tools-showcase { gap:26px; }.premium-home .tools-feature-visual { min-height:330px; border-radius:10px; }.premium-home .tools-feature-visual>div { padding:20px; }.premium-home .tool-line { min-height:86px; grid-template-columns:30px minmax(0,1fr) 28px; gap:10px; }.premium-home .tool-line strong { font-size:1.08rem; }.premium-home .tool-line small { font-size:.79rem; }.premium-home .process-stage .process-layout { padding:0; gap:30px; }.premium-home .process-intro h2,.premium-home .facts-intro h2 { font-size:clamp(2.1rem,10vw,3rem); }.premium-home .process-list>li { min-height:0; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:20px 0; }.premium-home .process-list h3 { font-size:1.28rem; }.premium-home .facts-grid { grid-template-columns:1fr; }.premium-home .facts-grid>* { min-height:0; padding:20px 0; border:0; border-top:1px solid var(--border); }.premium-home .facts-grid>*:first-child { border-top:0; }.premium-home .facts-grid strong { margin:18px 0 8px; font-size:1.28rem; }.tools-studio { padding:34px 0 58px; }.tools-studio-layout { gap:34px; }.tools-studio-sidebar h1 { font-size:clamp(2.2rem,11vw,3.2rem); }.tools-studio-nav { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:26px; }.tools-studio-nav a { min-height:72px; grid-template-columns:1fr; gap:3px; padding:10px 8px 10px 0; font-size:.78rem; line-height:1.15; }.tools-studio-nav a+a { border-left:1px solid var(--border); padding-left:10px; }.tools-studio-nav a:hover { padding-left:0; }.tools-studio-nav a+a:hover { padding-left:10px; }.tool-module { padding:32px 0; scroll-margin-top:72px; }.tool-section-heading { grid-template-columns:38px minmax(0,1fr); gap:8px; margin-bottom:18px; }.tool-section-heading h2 { font-size:1.55rem; }.student-tools-page .tool-workspace { grid-template-columns:1fr; border-radius:10px; }.student-tools-page .tool-panel,.student-tools-page .tool-panel:nth-child(2) { min-height:0; padding:22px 18px; }.student-tools-page .tool-panel:nth-child(2) { min-height:250px; }.student-tools-page .tool-output { min-height:140px; } }