/* Homepage-specific styles. Tokens and shared components live in style.css. */
.site-hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(36px,6vw,88px)}.hero-kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)}.site-hero-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:27px;color:var(--muted);font-size:.82rem;font-weight:700}.site-hero-proof span{display:inline-flex;align-items:center;gap:7px}.site-hero-proof i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font-style:normal;font-size:.72rem}.site-hero-visual{position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate}.hero-orbit{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--brand) 17%,transparent);border-radius:50%;aspect-ratio:1}.hero-orbit-one{width:390px;max-width:100%;transform:rotate(-24deg) scaleY(.72)}.hero-orbit-two{width:310px;max-width:84%;transform:rotate(30deg) scaleY(.72);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.hero-feature-card{position:relative;width:min(100%,410px);padding:26px;border:1px solid color-mix(in srgb,var(--line) 78%,white);border-radius:26px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 30px 85px rgba(28,47,91,.14),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(16px);transform:rotate(-2deg)}.hero-feature-top{display:flex;align-items:center;gap:10px}.hero-feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:linear-gradient(140deg,var(--brand),var(--accent));color:white;font-size:1.6rem}.hero-feature-label{font-weight:900;font-size:.85rem}.hero-feature-status{margin-inline-start:auto;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:.72rem;font-weight:900}.hero-feature-eyebrow{margin-top:30px;color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.19em;direction:ltr;text-align:right}.hero-feature-card h2{margin:8px 0 10px;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.3;letter-spacing:-.035em}.hero-feature-card h2 span{color:var(--brand)}.hero-feature-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.9}.hero-feature-bars{display:grid;gap:8px;margin-top:24px}.hero-feature-bars i{display:block;height:8px;border-radius:99px;background:var(--surface-2)}.hero-feature-bars i:first-child{width:94%;background:linear-gradient(90deg,var(--accent),var(--brand))}.hero-feature-bars i:nth-child(2){width:72%}.hero-feature-bars i:nth-child(3){width:48%}.hero-feature-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem;font-weight:800}.hero-float{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 16px 38px rgba(26,42,75,.12);animation:fastseo-float 6s ease-in-out infinite}.hero-float>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface-2);color:var(--brand);font-weight:900}.hero-float strong,.hero-float small{display:block}.hero-float strong{font-size:.78rem}.hero-float small{color:var(--muted);font-size:.68rem}.hero-float-seo{top:45px;right:-5px}.hero-float-code{bottom:45px;left:-8px;animation-delay:-3s}.site-hero-topics{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.site-hero-topics>span{color:var(--muted);font-size:.82rem;font-weight:800}.site-hero-topics a{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-size:.79rem;font-weight:800;transition:border-color .2s,color .2s,transform .2s}.site-hero-topics a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}@media(max-width:1100px){.site-hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:34px}.site-hero-visual{min-height:370px}.hero-feature-card{padding:22px}}@media(max-width:820px){.site-hero-layout{grid-template-columns:1fr;gap:20px}.site-hero-visual{min-height:350px;max-width:560px;width:100%;margin-inline:auto}.hero-feature-card{width:min(100%,390px)}.hero-orbit-one{width:350px}.site-hero-topics{margin-top:22px}}@media(max-width:560px){.site-hero-proof{gap:9px 14px;font-size:.75rem}.site-hero-visual{min-height:310px;margin-top:0}.hero-feature-card{padding:20px;border-radius:22px}.hero-feature-card h2{font-size:1.85rem}.hero-float-seo{top:8px;right:-2px}.hero-float-code{bottom:12px;left:-2px}.hero-float{padding:9px 11px}.hero-float>span{width:32px;height:32px}.site-hero-topics{gap:8px;margin-top:18px;padding-top:17px}.site-hero-topics>span{width:100%}.site-hero-topics a{font-size:.74rem;padding:7px 10px}}@media(max-width:370px){.hero-feature-bottom{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.hero-float,.site-hero-topics a{animation:none!important;transition:none!important}.hero-float{transform:none!important}}
/* Advanced FastSEO homepage workspace — information architecture, not a palette-only refresh. */
.workbench-section{position:relative;isolation:isolate;padding:26px 0 56px;overflow:hidden}
.workbench-section:before{content:"";position:absolute;z-index:-1;inset:8% 0 12%;background:radial-gradient(ellipse at 12% 45%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 36%),radial-gradient(ellipse at 90% 35%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 38%);pointer-events:none}
.workbench-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(24px,4vw,58px);align-items:center;padding:clamp(24px,4vw,54px);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 97%,var(--brand)),var(--surface) 62%);box-shadow:0 28px 80px color-mix(in srgb,var(--brand) 9%,transparent);overflow:hidden}
.workbench-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(color-mix(in srgb,var(--brand) 24%,transparent) .8px,transparent .8px);background-size:19px 19px;mask-image:linear-gradient(115deg,#000,transparent 52%)}
.workbench-intro,.workbench-launchpad{position:relative;z-index:1;min-width:0}
.workbench-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font:800 .7rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.workbench-eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}
.workbench-intro h2{max-width:620px;margin:18px 0 12px;font-size:clamp(2rem,4.1vw,3.35rem);font-weight:950;line-height:1.22;letter-spacing:-.045em}
.workbench-intro h2 em{font-style:normal;color:var(--brand);white-space:nowrap}
.workbench-intro>p{max-width:590px;margin:0;color:var(--muted);font-size:1rem;line-height:2}
.workbench-search{display:flex;align-items:center;gap:12px;max-width:650px;margin-top:27px;padding:8px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb,var(--text) 7%,transparent);transition:border-color .2s,box-shadow .2s}
.workbench-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent)}
.workbench-search-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:var(--surface-2);color:var(--brand);font-size:1.8rem;line-height:1}
.workbench-search input{flex:1;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:var(--text);font-size:.92rem}
.workbench-search input:focus-visible{outline:0}
.workbench-search input::placeholder{color:var(--muted);opacity:.85}
.workbench-search button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--theme-gradient,linear-gradient(135deg,var(--brand),var(--accent)));color:#fff;font-size:.86rem;font-weight:900;white-space:nowrap;transition:transform .2s,filter .2s}
.workbench-search button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.workbench-hints{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;color:var(--muted);font-size:.77rem}
.workbench-hints a{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--muted);transition:border-color .2s,color .2s}
.workbench-hints a:hover{border-color:var(--brand);color:var(--brand)}
.workbench-launchpad{padding:20px;border:1px solid var(--line);border-radius:23px;background:color-mix(in srgb,var(--surface) 92%,var(--surface-2));box-shadow:0 18px 55px color-mix(in srgb,var(--text) 7%,transparent)}
.launchpad-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 2px 15px;font-size:.86rem;font-weight:900}
.launchpad-live{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.67rem;font-weight:700}
.launchpad-live i{width:6px;height:6px;border-radius:50%;background:#29bd89;box-shadow:0 0 0 4px #29bd891b}
.launch-card{display:flex;align-items:center;gap:12px;min-width:0;margin-top:8px;padding:12px;border:1px solid transparent;border-radius:15px;color:var(--text);transition:transform .18s,border-color .18s,background .18s}
.launch-card:hover{transform:translateX(-3px);border-color:var(--line);background:var(--surface);color:var(--text)}
.launch-card-featured{border-color:color-mix(in srgb,var(--brand) 23%,var(--line));background:linear-gradient(105deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface))}
.launch-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:13px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent);font:800 1.05rem/1 ui-monospace,monospace}
.launch-icon-blue{background:color-mix(in srgb,#5b8dff 13%,var(--surface));color:#5b8dff}
.launch-icon-violet{background:color-mix(in srgb,#a58bfa 15%,var(--surface));color:#a58bfa}
.launch-icon-amber{background:color-mix(in srgb,#f2b85c 17%,var(--surface));color:#d99728}
.launch-copy{display:grid;gap:2px;flex:1;min-width:0}
.launch-copy strong{font-size:.84rem;font-weight:900}
.launch-copy small{color:var(--muted);font-size:.72rem;line-height:1.6}
.launch-arrow{color:var(--muted);font-size:1rem;transition:color .18s,transform .18s}
.launch-card:hover .launch-arrow{color:var(--brand);transform:translate(-2px,-2px)}
.launchpad-foot{display:flex;align-items:center;gap:8px;margin:15px 3px 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem}
.launchpad-foot span{color:var(--accent)}
@media(max-width:900px){.workbench-shell{grid-template-columns:1fr;gap:28px}.workbench-intro>p{max-width:720px}.workbench-launchpad{max-width:none}.workbench-section{padding:18px 0 40px}}
@media(max-width:560px){.workbench-shell{padding:22px 16px;border-radius:23px}.workbench-intro h2{font-size:2rem}.workbench-intro h2 em{white-space:normal}.workbench-search{gap:7px;padding:6px}.workbench-search-icon{flex-basis:32px;height:36px}.workbench-search input{font-size:16px}.workbench-search button{min-height:42px;padding:0 10px;font-size:.76rem}.workbench-hints{gap:6px}.workbench-hints>span{width:100%}.workbench-launchpad{padding:13px}.launch-card{padding:10px 8px;gap:9px}.launch-icon{flex-basis:38px;height:38px}.launch-copy strong{font-size:.8rem}.launch-copy small{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.launch-card,.launch-arrow,.workbench-search button,.workbench-hints a{transition:none}}
