:root{--landing-blue:oklch(43% .19 265);--landing-blue-deep:oklch(31% .14 265);--landing-yellow:oklch(86% .15 88);--landing-ink:oklch(25% .035 265);--landing-muted:oklch(48% .025 265);--landing-line:oklch(87% .018 265);--landing-surface:oklch(99.5% .003 265);--landing-bg:oklch(97% .008 265)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--landing-bg);color:var(--landing-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;line-height:1.55}
a{color:inherit}
.skip-link{position:fixed;left:16px;top:-100px;z-index:20;padding:12px 16px;border:2px solid var(--landing-blue);border-radius:7px;background:var(--landing-surface);color:var(--landing-ink);font-weight:650}.skip-link:focus{top:12px}
.landing-header{background:var(--landing-surface);border-bottom:1px solid var(--landing-line)}
.landing-nav{min-height:78px;padding:14px 0}.landing-nav>.container-xl{display:flex;align-items:center;justify-content:space-between;gap:24px}
.landing-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.landing-brand:hover{color:var(--landing-blue)}.landing-brand strong{font-size:16px;letter-spacing:-.02em}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--landing-blue);color:var(--landing-yellow);font-size:21px;font-weight:800}
.btn{border-radius:7px;min-height:42px;font-weight:650}.btn-primary{--bs-btn-bg:var(--landing-blue);--bs-btn-border-color:var(--landing-blue);--bs-btn-hover-bg:var(--landing-blue-deep);--bs-btn-hover-border-color:var(--landing-blue-deep)}.btn-light{--bs-btn-color:var(--landing-blue-deep);--bs-btn-bg:oklch(99% .003 265);--bs-btn-border-color:oklch(99% .003 265);--bs-btn-hover-bg:var(--landing-yellow);--bs-btn-hover-border-color:var(--landing-yellow)}
.btn:focus-visible,a:focus-visible{outline:3px solid oklch(64% .17 265);outline-offset:3px;box-shadow:none}
.landing-hero{padding:clamp(64px,10vw,128px) 0;background:var(--landing-blue);color:oklch(99% .003 265);border-bottom:5px solid var(--landing-yellow)}
.landing-hero h1{max-width:620px;margin:0;font-size:clamp(40px,5vw,64px);font-weight:760;letter-spacing:-.05em;line-height:1.04}.hero-lead{max-width:520px;margin:20px 0 0;color:oklch(94% .025 265);font-size:clamp(17px,2vw,20px);line-height:1.5}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.hero-actions .btn{padding:12px 18px}.hero-text-link{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.landing-section{padding:clamp(64px,9vw,112px) 0}.section-intro{max-width:630px}.section-intro h2{margin:0;font-size:clamp(30px,3.5vw,42px);font-weight:740;letter-spacing:-.04em;line-height:1.1}.section-intro>p:last-child{max-width:57ch;margin:12px 0 0;color:var(--landing-muted);font-size:16px}
@media(max-width:575.98px){.landing-nav{padding:12px 0}.landing-nav .btn{padding-inline:11px;font-size:12px}.landing-hero{padding:56px 0 64px}.landing-hero h1{font-size:43px}.hero-lead{font-size:17px;margin-top:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:14px;margin-top:28px}.hero-actions .btn{width:100%}.hero-text-link{text-align:center}.landing-footer>.container-xl{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.available-tool{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:32px;padding:24px;border:1px solid var(--landing-line);border-radius:12px;background:var(--landing-surface);box-shadow:8px 8px 0 oklch(33% .08 265 / .08)}
.tool-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:9px;background:var(--landing-blue);color:var(--landing-yellow);font-size:13px;font-weight:800;letter-spacing:.05em}
.available-tool h3{margin:0;font-size:22px;letter-spacing:-.03em}.available-tool p:last-child{max-width:68ch;margin:7px 0 0;color:var(--landing-muted);font-size:14px;line-height:1.6}.available-tool .btn{white-space:nowrap}
.news-section{padding:clamp(64px,9vw,112px) 0;background:oklch(93.5% .02 265)}.news-board{margin-top:36px;border-top:1px solid var(--landing-line)}.news-item{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--landing-line);text-decoration:none}.news-item:hover{color:var(--landing-blue)}.news-source{color:var(--landing-blue);font-size:13px;font-weight:700}.news-item strong{font-size:17px;font-weight:650}.news-open{color:var(--landing-blue);font-size:12px;font-weight:700;white-space:nowrap}.news-note{margin:18px 0 0;color:var(--landing-muted);font-size:12px}
@media(max-width:991.98px){.available-tool{grid-template-columns:50px minmax(0,1fr)}.available-tool .btn{grid-column:2;justify-self:start}.tool-symbol{width:46px;height:46px}.news-item{grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:575.98px){.available-tool{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px}.available-tool .btn{grid-column:1/-1;width:100%;margin-top:4px}.available-tool h3{font-size:19px}.news-board{margin-top:36px}.news-item{grid-template-columns:1fr;gap:5px;padding:18px 0}.news-item strong{font-size:16px}.news-open{margin-top:4px}}

.landing-footer{background:var(--landing-blue-deep);color:oklch(91% .03 265);font-size:12px}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1500px;margin:0 auto;padding:22px 28px}.landing-footer strong{display:block;color:var(--landing-yellow);font-size:13px}.landing-footer span{display:block;margin-top:4px}.landing-contact{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.landing-contact>span{color:oklch(78% .04 265);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.landing-contact a{color:oklch(95% .02 265);text-decoration:none}.landing-contact a:hover{text-decoration:underline;text-underline-offset:3px}.landing-contact a:focus-visible{outline:3px solid var(--landing-yellow);outline-offset:3px}
@media(max-width:600px){.landing-footer-inner{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 16px}.landing-contact{align-items:flex-start;flex-direction:column;gap:7px}.landing-contact>span{margin:0}}