:root{--color-bg:#080b14;--color-bg-secondary:#111827;--color-primary:#6366f1;--color-accent:#22d3ee;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#94a3b81f;--color-glass:#111827b8;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 4px 12px #00000040;--shadow-md:0 8px 32px #00000059;--shadow-glow:0 0 60px #6366f126;--container-max:1200px;--section-padding:96px;--transition:.2s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0}.gradient-text{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-radial{background:radial-gradient(ellipse 80% 50% at 50% -20%, #6366f12e, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #22d3ee14, transparent), var(--color-bg)}.glass-card{background:var(--color-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@media (width<=768px){:root{--section-padding:64px}.container{padding:0 20px}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--sm{padding:8px 16px;font-size:14px}.btn--md{padding:12px 24px;font-size:15px}.btn--lg{padding:14px 28px;font-size:16px}.btn--primary{background:linear-gradient(135deg, var(--color-primary), #818cf8);color:var(--color-text);box-shadow:0 4px 20px #6366f159}.btn--primary:hover{box-shadow:0 6px 28px #6366f173}.btn--secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn--secondary:hover{background:#6366f114;border-color:#6366f180}.btn--ghost{color:var(--color-text-muted);background:0 0;padding-left:0;padding-right:0}.btn--ghost:hover{color:var(--color-text)}.btn--disabled,.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#080b14d9;position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.navbar__logo{color:var(--color-text);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.navbar__logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));width:36px;height:36px;color:var(--color-text);justify-content:center;align-items:center;display:flex}.navbar__nav{align-items:center;gap:32px;display:flex}.navbar__link{color:var(--color-text-muted);transition:color var(--transition);font-size:15px;font-weight:500}.navbar__link:hover{color:var(--color-text)}.navbar__actions{align-items:center;gap:12px;display:flex}.navbar__cta-mobile{display:none}.navbar__toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:background var(--transition);background:0 0;justify-content:center;align-items:center;padding:0;display:none}.navbar__toggle:hover{background:#6366f11a}@media (width<=768px){.navbar__nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition), transform var(--transition), visibility var(--transition);background:#080b14f7;flex-direction:column;align-items:stretch;gap:0;padding:16px 20px 24px;position:fixed;top:72px;left:0;right:0;transform:translateY(-8px)}.navbar__nav--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar__link{border-bottom:1px solid var(--color-border);padding:14px 0;font-size:16px}.navbar__cta-desktop{display:none}.navbar__cta-mobile{width:100%;margin-top:16px;display:inline-flex}.navbar__toggle{display:flex}}.footer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary);padding:64px 0 32px}.footer__grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer__logo{color:var(--color-text);align-items:center;gap:10px;margin-bottom:16px;font-size:17px;font-weight:700;display:inline-flex}.footer__logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));width:32px;height:32px;color:var(--color-text);justify-content:center;align-items:center;display:flex}.footer__description{max-width:320px;color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.7}.footer__heading{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);margin:0 0 16px;font-size:14px;font-weight:600}.footer__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer__link{color:var(--color-text-muted);transition:color var(--transition);font-size:15px}.footer__link:hover{color:var(--color-text)}.footer__social-links{gap:12px;display:flex}.footer__social-link{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);transition:color var(--transition), border-color var(--transition), background var(--transition);justify-content:center;align-items:center;display:flex}.footer__social-link:hover{color:var(--color-text);background:#6366f114;border-color:#6366f166}.footer__bottom{border-top:1px solid var(--color-border);padding-top:24px}.footer__bottom p{color:var(--color-text-muted);margin:0;font-size:14px}@media (width<=768px){.footer__grid{grid-template-columns:1fr;gap:32px}}.progress-ring{justify-content:center;align-items:center;display:flex;position:relative}.progress-ring__track{stroke:#94a3b826}.progress-ring__fill{stroke:url(#scoreGradient);stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.progress-ring__value{align-items:baseline;gap:2px;display:flex;position:absolute}.progress-ring__number{color:var(--color-text);font-size:32px;font-weight:700;line-height:1}.progress-ring__label{color:var(--color-text-muted);font-size:14px}.metric-bar-item__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.metric-bar-item__label{color:var(--color-text-muted);font-size:14px}.metric-bar-item__value{font-size:14px;font-weight:600}.metric-bar-item__track{background:#94a3b81f;border-radius:999px;height:8px;overflow:hidden}.metric-bar-item__fill{border-radius:999px;height:100%;transition:width 1s ease-out}.score-card{padding:24px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.score-card__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.score-card__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin:0 0 4px;font-size:12px;font-weight:600}.score-card__title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.score-card__badge{letter-spacing:.04em;text-transform:uppercase;color:#34d399;background:#34d3991f;border:1px solid #34d39940;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.score-card__body{grid-template-columns:auto 1fr;align-items:center;gap:28px;display:grid}.score-card__ring-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.score-card__ring-caption{color:var(--color-text-muted);margin:0;font-size:12px}.score-card__metrics{flex-direction:column;gap:14px;display:flex}.score-card__footer{border-top:1px solid var(--color-border);justify-content:center;gap:6px;margin-top:20px;padding-top:16px;display:flex}.score-card__dot{background:#94a3b840;border-radius:50%;width:6px;height:6px}.score-card__dot--active{background:var(--color-primary);border-radius:999px;width:18px}@media (width<=520px){.score-card__body{grid-template-columns:1fr;gap:20px}.score-card__ring-wrap{order:-1}}.section-heading{margin-bottom:48px}.section-heading--center{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.section-heading--left{text-align:left;max-width:560px}.section-heading__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.section-heading__title{letter-spacing:-.02em;color:var(--color-text);margin:0 0 16px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}.section-heading__description{color:var(--color-text-muted);margin:0;font-size:17px;line-height:1.7}@media (width<=768px){.section-heading{margin-bottom:36px}}.feature-card{transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);padding:28px}.feature-card:hover{box-shadow:var(--shadow-glow);border-color:#6366f14d;transform:translateY(-4px)}.feature-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-accent);background:linear-gradient(135deg,#6366f133,#22d3ee1a);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card__title{color:var(--color-text);margin:0 0 10px;font-size:18px;font-weight:600}.feature-card__description{color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.65}.landing{min-height:100vh}.hero{padding-top:48px;padding-bottom:64px}.hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero__tagline{letter-spacing:.02em;color:var(--color-accent);margin:0 0 16px;font-size:14px;font-weight:600}.hero__headline{letter-spacing:-.03em;color:var(--color-text);margin:0 0 20px;font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.1}.hero__description{color:var(--color-text-muted);max-width:520px;margin:0 0 32px;font-size:18px;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__preview{position:relative}.hero__preview-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f133 0%,#0000 70%);position:absolute;inset:-20%}.hero__preview>.score-card{z-index:1;position:relative}.trust-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#11182780;padding:20px 0}.trust-strip__inner{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.trust-strip__label{color:var(--color-text);font-size:14px;font-weight:600}.trust-strip__divider{background:var(--color-text-muted);border-radius:50%;width:4px;height:4px}.trust-strip__examples{color:var(--color-text-muted);font-size:14px}.problem__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.problem-card{transition:transform var(--transition), border-color var(--transition);padding:28px}.problem-card:hover{border-color:#6366f140;transform:translateY(-4px)}.problem-card__icon{border-radius:var(--radius-md);color:#f87171;background:#ef44441a;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.problem-card__title{color:var(--color-text);margin:0 0 10px;font-size:18px;font-weight:600}.problem-card__description{color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.65}.how-it-works{background:#11182766}.steps{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.step-card{border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:transform var(--transition), border-color var(--transition);padding:32px 28px;position:relative}.step-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.step-card__number{letter-spacing:.06em;color:var(--color-primary);margin-bottom:16px;font-size:13px;font-weight:700;display:inline-block}.step-card__connector{display:none}.step-card__title{color:var(--color-text);margin:0 0 12px;font-size:18px;font-weight:600}.step-card__description{color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.65}.features__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.final-cta__card{text-align:center;background:linear-gradient(135deg, #6366f11f, #22d3ee0f), var(--color-glass);padding:56px 32px}.final-cta__title{letter-spacing:-.02em;color:var(--color-text);margin:0 0 12px;font-size:clamp(26px,4vw,36px);font-weight:700}.final-cta__description{max-width:480px;color:var(--color-text-muted);margin:0 auto 28px;font-size:17px;line-height:1.7}@media (width<=1024px){.hero__inner{grid-template-columns:1fr;gap:40px}.hero__content{text-align:center}.hero__description{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.problem__grid,.steps{grid-template-columns:1fr}}@media (width<=768px){.features__grid{grid-template-columns:1fr}.trust-strip__divider{display:none}.trust-strip__inner{flex-direction:column;gap:8px}}@media (width>=1025px){.steps{position:relative}}.form-field{flex-direction:column;gap:8px;display:flex}.form-field__label{color:var(--color-text);font-size:14px;font-weight:600}.form-field__required{color:#f87171}.form-field__input{width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);background:#080b1499;padding:12px 14px;font-family:inherit;font-size:15px}.form-field__input::placeholder{color:#94a3b899}.form-field__input:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 3px #6366f126}.form-field__input--error{border-color:#f8717199}.form-field__input--error:focus{box-shadow:0 0 0 3px #f8717126}select.form-field__input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}textarea.form-field__input{resize:vertical;min-height:110px}.form-field__hint{color:var(--color-text-muted);margin:0;font-size:13px}.form-field__error{color:#f87171;margin:0;font-size:13px}.audit-loading{text-align:center;max-width:480px;margin:0 auto;padding:48px 40px}.audit-loading__spinner{justify-content:center;margin-bottom:24px;display:flex}.audit-loading__icon{color:var(--color-accent);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audit-loading__title{color:var(--color-text);margin:0 0 8px;font-size:22px;font-weight:700}.audit-loading__subtitle{color:var(--color-text-muted);margin:0 0 32px;font-size:15px;line-height:1.6}.audit-loading__list{text-align:left;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.audit-loading__item{color:var(--color-text-muted);align-items:center;gap:12px;font-size:15px;transition:color .3s;display:flex}.audit-loading__item--done{color:var(--color-text)}.audit-loading__check{border:1px solid var(--color-border);color:#34d399;background:#080b1480;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .3s,border-color .3s;display:flex}.audit-loading__item--done .audit-loading__check{background:#34d39926;border-color:#34d39966}@media (width<=768px){.audit-loading{padding:36px 24px}}.audit-page{min-height:100vh;padding:48px 0 80px}.audit-page__inner{max-width:600px}.audit-page__back{color:var(--color-text-muted);transition:color var(--transition);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:500;display:inline-flex}.audit-page__back:hover{color:var(--color-text)}.audit-page__header{margin-bottom:32px}.audit-page__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.audit-page__title{letter-spacing:-.02em;color:var(--color-text);margin:0 0 12px;font-size:clamp(28px,4vw,36px);font-weight:700}.audit-page__subtitle{color:var(--color-text-muted);margin:0;font-size:17px;line-height:1.7}.audit-form{flex-direction:column;gap:20px;padding:32px;display:flex}.audit-form__footer{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.audit-form__submit{width:100%}.audit-form__note{color:var(--color-text-muted);margin:0;font-size:13px}@media (width<=768px){.audit-page{padding:32px 0 64px}.audit-form{padding:24px 20px}}.recommendation-card{transition:transform var(--transition), border-color var(--transition);padding:24px}.recommendation-card:hover{border-color:#6366f140;transform:translateY(-2px)}.recommendation-card__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.recommendation-card__icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-accent);background:linear-gradient(135deg,#6366f133,#22d3ee1a);justify-content:center;align-items:center;display:flex}.recommendation-card__badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.recommendation-card__badge--high{color:#fca5a5;background:#f871711f;border:1px solid #f8717140}.recommendation-card__badge--medium{color:#fcd34d;background:#fbbf241f;border:1px solid #fbbf2440}.recommendation-card__badge--low{color:#67e8f9;background:#22d3ee1f;border:1px solid #22d3ee40}.recommendation-card__title{color:var(--color-text);margin:0 0 8px;font-size:17px;font-weight:600}.recommendation-card__description{color:var(--color-text-muted);margin:0;font-size:15px;line-height:1.65}.dashboard-page{min-height:100vh;padding:48px 0 80px}.dashboard-page__inner{max-width:960px}.dashboard-page__back{color:var(--color-text-muted);transition:color var(--transition);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:500;display:inline-flex}.dashboard-page__back:hover{color:var(--color-text)}.dashboard-empty{text-align:center;max-width:480px;margin:40px auto 0;padding:48px 40px}.dashboard-empty__icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--color-accent);background:linear-gradient(135deg,#6366f133,#22d3ee1a);justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.dashboard-empty__title{color:var(--color-text);margin:0 0 12px;font-size:24px;font-weight:700}.dashboard-empty__description{color:var(--color-text-muted);margin:0 0 28px;font-size:16px;line-height:1.7}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.dashboard-header__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:8px;font-size:13px;font-weight:600;display:inline-block}.dashboard-header__title{letter-spacing:-.02em;color:var(--color-text);overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(26px,4vw,34px);font-weight:700}.dashboard-header__meta{flex-wrap:wrap;gap:16px;display:flex}.dashboard-header__meta-item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;display:grid}.dashboard-score{padding:28px}.dashboard-score__label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 20px;font-size:14px;font-weight:600}.dashboard-score__main{align-items:center;gap:28px;display:flex}.dashboard-score__summary{flex:1}.dashboard-score__rating{color:var(--color-accent);background:#22d3ee1a;border:1px solid #22d3ee40;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.dashboard-score__text{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.65}.dashboard-breakdown{padding:28px}.dashboard-breakdown__title{color:var(--color-text);margin:0 0 24px;font-size:16px;font-weight:600}.dashboard-breakdown__metrics{flex-direction:column;gap:18px;display:flex}.dashboard-recommendations{margin-bottom:32px}.dashboard-recommendations__title{color:var(--color-text);margin:0 0 20px;font-size:20px;font-weight:700}.dashboard-recommendations__grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dashboard-actions{text-align:center;padding:32px}.dashboard-actions__title{color:var(--color-text);margin:0 0 8px;font-size:18px;font-weight:600}.dashboard-actions__description{color:var(--color-text-muted);margin:0 0 24px;font-size:15px}.dashboard-actions__buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=768px){.dashboard-page{padding:32px 0 64px}.dashboard-header{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.dashboard-score__main{text-align:center;flex-direction:column}.dashboard-recommendations__grid{grid-template-columns:1fr}.dashboard-actions__buttons{flex-direction:column}.dashboard-actions__buttons .btn{width:100%}.dashboard-empty{padding:36px 24px}}.content-page{min-height:100vh;padding:48px 0 80px}.content-page__inner{max-width:960px}.content-page__back{color:var(--color-text-muted);transition:color var(--transition);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:500;display:inline-flex}.content-page__back:hover{color:var(--color-text)}.content-header{margin-bottom:32px}.content-header__eyebrow,.content-result__header>div>span,.content-opportunities__heading>div>span{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);font-size:13px;font-weight:600;display:inline-block}.content-header h1{letter-spacing:-.02em;margin:8px 0 12px;font-size:clamp(30px,4vw,38px);line-height:1.15}.content-header p{color:var(--color-text-muted);margin:0;font-size:17px}.content-context{margin-bottom:24px;padding:24px 28px}.content-context__heading{align-items:center;gap:10px;margin-bottom:20px;display:flex}.content-context__heading h2{margin:0;font-size:16px}.content-context__icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-accent);background:#22d3ee1a;justify-content:center;align-items:center;display:inline-flex}.content-context__grid{grid-template-columns:1.35fr 1fr 1fr .8fr;gap:16px;display:grid}.content-context__grid>div{min-width:0}.content-context__grid span{color:var(--color-text-muted);align-items:center;gap:5px;margin-bottom:4px;font-size:12px;display:flex}.content-context__grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.content-context__score strong{color:var(--color-accent);font-size:20px;line-height:1}.content-context__score small{color:var(--color-text-muted);margin-left:2px;font-size:11px}.content-studio{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;margin-bottom:48px;display:grid}.content-controls,.content-result{padding:28px}.content-controls{flex-direction:column;display:flex}.content-controls__group+.content-controls__group{margin-top:28px}.content-controls__label{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.content-options{grid-template-columns:1fr;gap:8px;display:grid}.content-option,.content-tone{border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:border-color var(--transition), color var(--transition), background var(--transition);background:#080b1473}.content-option{border-radius:var(--radius-sm);text-align:left;padding:10px 12px;font-size:14px}.content-tone{border-radius:999px;padding:8px 10px;font-size:13px}.content-option:hover,.content-tone:hover{color:var(--color-text);border-color:#6366f173}.content-option--selected,.content-tone--selected{color:var(--color-text);background:#6366f129;border-color:#6366f1b3;box-shadow:0 0 0 1px #6366f126}.content-tones{flex-wrap:wrap;gap:8px;display:flex}.content-controls__generate{width:100%;margin-top:auto;padding-top:13px;padding-bottom:13px}.content-result{background:linear-gradient(145deg, #6366f11a, #111827b8 42%), var(--color-glass);flex-direction:column;min-height:100%;display:flex}.content-result__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.content-result__header>svg{color:var(--color-accent)}.content-result__header h2{margin:3px 0 0;font-size:19px}.content-result__placeholder{text-align:center;min-height:290px;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.content-result__placeholder svg{color:var(--color-primary);margin-bottom:14px}.content-result__placeholder p{color:var(--color-text);margin:0 0 4px;font-weight:600}.content-result__placeholder span{font-size:14px}.content-result__text{white-space:pre-line;color:var(--color-text);flex:1;margin:24px 0;font-size:16px;line-height:1.8}.content-result__footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:16px;font-size:12px;display:flex}.content-result__footer span:last-child{color:var(--color-accent)}.content-result__actions{gap:10px;margin-top:18px;display:flex}.content-result__actions .btn{flex:1}.content-opportunities{margin-bottom:32px}.content-opportunities__heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.content-opportunities__heading h2{margin:3px 0 0;font-size:22px}.content-opportunities__heading a{color:var(--color-accent);font-size:14px;font-weight:600}.content-opportunities__heading a:hover{color:var(--color-text)}.content-opportunities__grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.content-actions{justify-content:space-between;align-items:center;gap:28px;padding:28px;display:flex}.content-actions h2{margin:0 0 6px;font-size:18px}.content-actions p{color:var(--color-text-muted);margin:0;font-size:14px}.content-actions>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.content-empty{text-align:center;max-width:500px;margin:40px auto;padding:48px 40px}.content-empty__icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--color-accent);background:linear-gradient(135deg,#6366f133,#22d3ee1a);justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.content-empty h1{margin:0 0 12px;font-size:26px}.content-empty p{color:var(--color-text-muted);margin:0 0 28px}@media (width<=768px){.content-page{padding:32px 0 64px}.content-context{padding:22px 20px}.content-context__grid{grid-template-columns:1fr 1fr;row-gap:20px}.content-studio{grid-template-columns:1fr}.content-controls,.content-result{padding:24px 20px}.content-result__placeholder{min-height:220px}.content-opportunities__grid{grid-template-columns:1fr}.content-actions{flex-direction:column;align-items:stretch}.content-actions>div:last-child{justify-content:stretch}.content-actions .btn{flex:1}.content-empty{padding:36px 24px}}@media (width<=440px){.content-context__grid{grid-template-columns:1fr}.content-result__actions,.content-actions>div:last-child{flex-direction:column}.content-actions .btn{width:100%}.content-opportunities__heading{flex-direction:column;align-items:flex-start;gap:8px}}.website-page{min-height:100vh;padding:48px 0 80px}.website-page__inner{max-width:1120px}.website-page__back{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:32px;font-size:14px;font-weight:500;display:inline-flex}.website-page__back:hover{color:var(--color-text)}.website-header{margin-bottom:30px}.website-header>span{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.website-header h1{letter-spacing:-.02em;margin:7px 0 10px;font-size:clamp(30px,4vw,38px);line-height:1.15}.website-header p{color:var(--color-text-muted);margin:0;font-size:17px}.website-context{align-items:center;gap:24px;margin-bottom:28px;padding:22px 26px;display:flex}.website-context__business{align-items:center;gap:12px;min-width:220px;display:flex}.website-context__business>span,.website-empty>span,.website-start>span{width:42px;height:42px;color:var(--color-accent);background:linear-gradient(135deg,#6366f133,#22d3ee1a);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.website-context small{color:var(--color-text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.website-context h2{text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin:2px 0 0;font-size:16px;overflow:hidden}.website-context__details{flex:1;grid-template-columns:repeat(3,minmax(105px,1fr));gap:18px;display:grid}.website-context__details strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:14px;display:block;overflow:hidden}.website-context__score strong{color:var(--color-accent);font-size:19px}.website-context__score em{color:var(--color-text-muted);margin-left:2px;font-size:11px;font-style:normal}.website-start,.website-empty{text-align:center;max-width:580px;margin:60px auto;padding:48px 38px}.website-start>span,.website-empty>span{width:56px;height:56px;margin-bottom:18px}.website-start h2,.website-empty h1{margin:0 0 10px;font-size:24px}.website-start p,.website-empty p{color:var(--color-text-muted);margin:0 0 26px}.website-empty{max-width:500px}.website-building{gap:24px;max-width:600px;margin:60px auto;padding:36px;display:flex}.website-building>span{width:48px;height:48px;color:var(--color-accent);background:#22d3ee1a;border-radius:50%;flex:none;justify-content:center;align-items:center;animation:1.5s linear infinite website-spin;display:flex}.website-building h2{margin:0 0 5px;font-size:21px}.website-building p{color:var(--color-text-muted);margin:0 0 18px;font-size:14px}.website-building ul{grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none;display:grid}.website-building li{color:var(--color-text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.website-building li i{border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.website-building li.done{color:var(--color-text)}.website-building li.done i{color:#34d399;background:#34d3991f;border-color:#34d39966}@keyframes website-spin{to{transform:rotate(360deg)}}.website-preview-area{margin-top:24px}.website-controls{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.website-theme-selector{align-items:center;gap:12px;display:flex}.website-theme-selector>span{color:var(--color-text-muted);font-size:13px;font-weight:600}.website-theme-selector>div{flex-wrap:wrap;gap:8px;display:flex}.website-theme-selector button{border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:#111827b3;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.website-theme-selector button i{border-radius:50%;width:10px;height:10px}.website-theme-selector button.selected{color:var(--color-text);background:#22d3ee1a;border-color:#22d3ee8c}.preview-toolbar{border:1px solid var(--color-border);color:var(--color-text-muted);background:#111827;border-bottom:0;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:13px;display:flex}.preview-toolbar>div{gap:4px;display:flex}.preview-toolbar button{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:12px}.preview-toolbar button.selected{color:var(--color-text);background:#6366f140}.website-preview-frame{background:#fff;border:8px solid #172033;border-radius:0 0 16px 16px;margin:0 auto;transition:max-width .25s;overflow:hidden;box-shadow:0 18px 60px #00000059}.website-preview-frame--desktop{max-width:100%}.website-preview-frame--tablet{border-radius:16px;max-width:768px}.website-preview-frame--mobile{border-radius:22px;max-width:390px}.generated-site{color:#172033;background:#fff;font-family:Inter,system-ui,sans-serif;overflow:hidden}.generated-site__nav{justify-content:space-between;align-items:center;gap:20px;padding:19px clamp(24px,5vw,66px);display:flex}.generated-site__brand{color:var(--site-deep);letter-spacing:-.04em;font-size:18px;font-weight:800}.generated-site__nav-links{gap:24px;display:flex}.generated-site__nav-links a{color:#52616f;font-size:13px;font-weight:600}.generated-site__nav button{color:var(--site-deep);background:0 0;border:0;display:none}.generated-site__hero{background:linear-gradient(122deg,var(--site-soft),#fff 56%);grid-template-columns:1.05fr .95fr;min-height:440px;padding:clamp(42px,7vw,86px) clamp(24px,7vw,90px);display:grid}.generated-site__eyebrow,.generated-site__section-heading>span,.generated-site__why>div>span,.generated-site__cta span,.generated-site__contact>div>span{color:var(--site-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.generated-site h1{max-width:620px;color:var(--site-deep);letter-spacing:-.055em;margin:15px 0 17px;font-size:clamp(32px,4vw,56px);line-height:1.03}.generated-site h2{color:var(--site-deep);letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(26px,3vw,37px);line-height:1.1}.generated-site__hero p{color:#55616d;max-width:510px;margin:0;font-size:16px;line-height:1.7}.generated-site__hero-actions{flex-wrap:wrap;align-items:center;gap:19px;margin-top:27px;display:flex}.generated-site__button{color:#fff;background:var(--site-primary);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:13px;font-weight:700;display:inline-flex}.generated-site__text-link{color:var(--site-deep);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.generated-site__trust{color:#596776;flex-wrap:wrap;gap:15px;margin-top:38px;font-size:12px;display:flex}.generated-site__trust span{align-items:center;gap:5px;display:inline-flex}.generated-site__trust svg{color:var(--site-highlight)}.generated-site__hero-art{min-height:265px;position:relative}.generated-site__hero-art>i{aspect-ratio:1;background:linear-gradient(145deg,var(--site-primary),var(--site-deep));border-radius:50%;width:260px;position:absolute;top:3%;right:8%}.generated-site__hero-art article{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border:1px solid #ffffff8c;border-radius:18px;flex-direction:column;gap:3px;width:225px;padding:25px;display:flex;position:absolute;bottom:3%;right:0;box-shadow:0 18px 32px #0f172a33}.generated-site__hero-art svg{margin-bottom:7px}.generated-site__hero-art span,.generated-site__hero-art small{opacity:.82;font-size:11px}.generated-site__hero-art strong{font-size:19px;line-height:1.15}.generated-site__section{padding:clamp(50px,7vw,84px) clamp(24px,7vw,90px)}.generated-site__section-heading{max-width:480px;margin-bottom:31px}.generated-site__service-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.generated-site__service-grid article{background:#fff;border:1px solid #e6eaee;border-radius:13px;min-height:206px;padding:23px}.generated-site__service-grid article>span{color:var(--site-primary);font-size:12px;font-weight:800}.generated-site__service-grid h3{margin:24px 0 8px;font-size:16px;line-height:1.25}.generated-site__service-grid p{color:#697785;margin:0 0 16px;font-size:12px;line-height:1.65}.generated-site__service-grid a,.generated-site__contact article a{color:var(--site-primary);align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.generated-site__why{background:var(--site-soft);grid-template-columns:.85fr 1.15fr;gap:56px;display:grid}.generated-site__why>div>p{color:#55616d;margin:18px 0 0;font-size:14px;line-height:1.7}.generated-site__benefits{gap:19px;display:grid}.generated-site__benefits article{border-bottom:1px solid #0f766e2b;padding:0 0 18px 44px;position:relative}.generated-site__benefits article:last-child{border-bottom:0;padding-bottom:0}.generated-site__benefits svg{color:var(--site-primary);position:absolute;top:2px;left:0}.generated-site__benefits h3{margin:0 0 4px;font-size:15px}.generated-site__benefits p{color:#5c6976;margin:0;font-size:13px;line-height:1.6}.generated-site__cta{color:#fff;background:var(--site-deep);justify-content:space-between;align-items:center;gap:28px;padding:47px clamp(24px,7vw,90px);display:flex}.generated-site__cta span{color:var(--site-highlight)}.generated-site__cta h2{color:#fff;margin:6px 0}.generated-site__cta p{color:#ffffffb8;margin:0;font-size:14px}.generated-site__button.light{color:var(--site-deep);background:#fff;flex:none}.generated-site__contact{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.generated-site__contact>div>p{color:#5a6875;margin:15px 0 0;font-size:14px}.generated-site__contact article{background:#f7f9fa;border-radius:14px;padding:29px}.generated-site__contact article h3{color:var(--site-deep);margin:0 0 16px;font-size:19px}.generated-site__contact article p{color:#566472;gap:9px;margin:10px 0;font-size:13px;display:flex}.generated-site__contact article p svg{color:var(--site-primary);flex:none}.generated-site__contact article a{margin-top:12px}.generated-site footer{color:#ffffffb8;background:#14222b;justify-content:space-between;gap:16px;padding:20px clamp(24px,7vw,90px);font-size:12px;display:flex}.generated-site footer strong{color:#fff}@media (width<=768px){.website-page{padding:32px 0 64px}.website-context{flex-direction:column;align-items:stretch}.website-context__details{grid-template-columns:repeat(3,1fr)}.website-context .btn{width:100%}.website-controls,.preview-toolbar{flex-direction:column;align-items:flex-start}.generated-site__hero{grid-template-columns:1fr}.generated-site__hero-art{width:100%;max-width:420px;min-height:220px;margin-top:30px}.generated-site__service-grid{grid-template-columns:repeat(2,1fr)}.generated-site__why,.generated-site__contact{grid-template-columns:1fr;gap:38px}.generated-site__cta{flex-direction:column;align-items:flex-start}.website-preview-frame--tablet{max-width:100%}}@media (width<=480px){.website-context{padding:20px}.website-context__details{grid-template-columns:1fr;gap:14px}.website-building{flex-direction:column;padding:26px 20px}.website-building ul{grid-template-columns:1fr}.website-theme-selector{flex-direction:column;align-items:flex-start}.website-preview-frame{border-width:5px}.generated-site__nav{padding:15px 19px}.generated-site__nav-links{display:none}.generated-site__nav button{display:block}.website-preview-frame--mobile .generated-site__hero{grid-template-columns:1fr;padding:43px 23px}.website-preview-frame--mobile .generated-site h1{font-size:34px}.website-preview-frame--mobile .generated-site__hero p{font-size:14px}.website-preview-frame--mobile .generated-site__hero-art{min-height:170px;margin-top:30px}.website-preview-frame--mobile .generated-site__hero-art>i{width:160px}.website-preview-frame--mobile .generated-site__hero-art article{width:180px;padding:18px}.website-preview-frame--mobile .generated-site__section{padding:45px 23px}.website-preview-frame--mobile .generated-site__service-grid{grid-template-columns:1fr}.website-preview-frame--mobile .generated-site__why,.website-preview-frame--mobile .generated-site__contact{grid-template-columns:1fr;gap:30px}.website-preview-frame--mobile .generated-site__cta{flex-direction:column;align-items:flex-start;padding:38px 23px}.website-preview-frame--mobile .generated-site footer{flex-direction:column;align-items:flex-start;padding:20px 23px}}.generated-site__hero-art{isolation:isolate;border-radius:28px;overflow:hidden}.generated-site__art-grid{opacity:.52;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:28px 28px;background-color:color-mix(in srgb, var(--site-primary) 72%, var(--site-deep));border-radius:24px;position:absolute;inset:7% 4%;transform:rotate(-7deg)}.generated-site__art-glow{filter:blur(3px);background:radial-gradient(circle,#ffffffb3 0%,#ffffff1a 32%,#0000 68%);border-radius:50%;width:210px;height:210px;position:absolute;top:-42px;right:-42px}.generated-site__hero-art article{z-index:1}.generated-site__art-welcome{top:19%;bottom:auto;right:6%}.generated-site__art-signal{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0819204d;border:1px solid #ffffff7a;border-radius:15px;align-items:center;gap:12px;width:195px;padding:14px;display:flex;position:absolute;bottom:10%;left:4%;flex-direction:row!important}.generated-site__art-signal>i{border:7px solid var(--site-highlight);border-radius:50%;flex:none;width:29px;height:29px;display:block;box-shadow:0 0 22px #ffffff80}.generated-site__art-signal div{flex-direction:column;min-width:0;display:flex}.generated-site__art-signal small{opacity:.75;font-size:10px}.generated-site__art-signal strong{font-size:13px}.generated-site__art-signal>svg{color:#d1fae5;margin-left:auto}.generated-site__art-detail{position:absolute;bottom:6%;right:4%;width:148px!important;color:var(--site-deep)!important;background:#ffffffed!important;padding:13px 15px!important;box-shadow:0 12px 24px #0819202e!important}.generated-site__art-detail span{color:var(--site-primary);opacity:1!important;font-size:10px!important}.generated-site__art-detail strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px!important}.generated-site__contact-note{font-style:italic;color:#677582!important}@media (width<=480px){.website-preview-frame--mobile .generated-site__art-welcome{top:12%;right:5%}.website-preview-frame--mobile .generated-site__art-signal{width:160px;padding:11px;bottom:5%;left:3%}.website-preview-frame--mobile .generated-site__art-detail{display:none}}