html{--bg:#f5f1f7;--panel:#fffdfd;--panel-strong:#fff;--text:#292330;--muted:#645d6c;--line:#ded7e2;--line-strong:#b8aabd;--accent:#853969;--pink:#efbcd9;--purple:#e7dcf1;--blue:#dfeaf7;--yellow:#f6e2a4;--primary:#302733;--primary-text:#fff;--primary-hover:#594254;--feature-purple:#f0e8f6;--feature-blue:#eaf0f8;--notice:#f5e6f0;--notice-line:#dcb8d0;--error-bg:#fff0f4;--error-line:#d095aa;--error-text:#842343;color-scheme:light;background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:0;color:var(--text);background:transparent}.marketing-shell,.auth-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.65}.marketing-shell{width:min(1180px,calc(100% - 3rem));margin-inline:auto}.marketing-shell :is(main,section,article,figure,div),.auth-shell :is(section,form,div){min-width:0}a{color:inherit}.marketing-shell :is(a,button,summary),.auth-shell :is(a,button,input,summary){-webkit-tap-highlight-color:transparent}.marketing-shell :is(a,button,summary):focus-visible,.auth-shell :is(a,button,input,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.marketing-shell main:focus,.auth-shell:focus{outline:none}.public-skip-link{position:fixed;inset-block-start:.75rem;inset-inline-start:1rem;z-index:1000;padding:.7rem 1rem;border:2px solid #3b2940;border-radius:10px;background:#f6e2a4;color:#292330;font:700 1rem/1.4 system-ui,sans-serif;transform:translateY(-180%)}.public-skip-link:focus{transform:translateY(0)}.marketing-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;min-height:100px;padding-block:1rem}.brand-mark{display:inline-flex;align-items:center;text-decoration:none;flex:none}.brand-mark.centered{justify-content:center}.brand-mark picture{display:block;min-width:0}.public-logo-horizontal{display:block;width:192px;max-width:100%;height:auto;object-fit:contain}.marketing-links,.marketing-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem 1.25rem}.marketing-links a{display:inline-flex;align-items:center;min-height:44px;padding:.25rem;color:var(--muted);text-decoration:none;font-size:.9375rem;font-weight:650}.marketing-links a:hover{color:var(--text);text-decoration:underline;text-underline-offset:.25em}.marketing-actions{gap:.75rem}.public-theme-toggle{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}.public-theme-toggle:hover{background:var(--purple)}.marketing-shell .button,.auth-shell .button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:46px;padding:.7rem 1rem;border:1px solid var(--line-strong);border-radius:12px;font-family:inherit;font-size:.9375rem;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer}.marketing-shell .button.primary,.auth-shell .button.primary{color:var(--primary-text);background:var(--primary);border-color:var(--primary)}.marketing-shell .button.primary:hover,.auth-shell .button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.marketing-shell .button.ghost,.auth-shell .button.ghost{color:var(--text);background:var(--panel)}.marketing-shell .button.ghost:hover,.auth-shell .button.ghost:hover{background:var(--purple)}.marketing-shell .button.big{min-height:50px;padding:.85rem 1.15rem}.auth-shell .button.full{width:100%}.marketing-shell .hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,3.5rem);align-items:center;padding:3.5rem 0 5rem}.marketing-shell .hero-copy h1{max-width:16ch;margin:0 0 1.35rem;font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.08;letter-spacing:-.045em;font-weight:750;text-wrap:balance}.marketing-shell .hero-copy>p{max-width:52ch;margin:0;color:var(--muted);font-size:1.0625rem;line-height:1.75}.marketing-shell .hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1.6rem}.marketing-shell .hero-copy .launch-availability{margin-block-start:1rem;font-size:.875rem}.hero-screen{margin:0}.hero-screen-frame{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 18px 48px rgb(55 37 49 / .1)}.hero-screen img{display:block;width:100%;height:auto}.hero-screen picture{display:block}.hero-screen figcaption{margin-block-start:.75rem;color:var(--muted);font-size:.8125rem}.marketing-section{padding:4.5rem 0;border-block-start:1px solid var(--line);scroll-margin-top:2rem}.section-heading{max-width:700px;margin-block-end:2rem}.marketing-shell :is(.section-heading,.marketing-end) h2{margin:0 0 .8rem;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.035em;text-wrap:balance}.marketing-shell :is(.section-heading,.marketing-end,.pricing-note) p{margin:0;color:var(--muted);line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card{padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.feature-card:nth-child(2){background:var(--feature-purple)}.feature-card:nth-child(3){background:var(--feature-blue)}.feature-card>i,.setup-list li>i{color:var(--accent);font-size:1.4rem}.feature-card h3,.setup-list h3{margin:1.1rem 0 .5rem;font-size:1.125rem;line-height:1.4;letter-spacing:-.015em}.feature-card p,.setup-list p{margin:0;color:var(--muted);line-height:1.7}.setup-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0 0 2rem;padding:0;list-style:none}.setup-list li{padding-block-start:1.25rem;border-block-start:2px solid #d6a5c3}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:.65rem;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:.22em}.pricing-note{padding:1.75rem 2rem;border:1px solid var(--notice-line);border-radius:18px;background:var(--notice);scroll-margin-top:2rem}.pricing-note h2{margin:0 0 .6rem;font-size:1.375rem;line-height:1.3;letter-spacing:-.02em}.faq-section{margin-block-start:4.5rem}.faq-list{max-width:850px;border-block-start:1px solid var(--line)}.faq-list details{border-block-end:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:1.1rem .15rem;cursor:pointer;list-style:none;font-weight:700;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{color:var(--accent);flex:none}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list p{max-width:70ch;margin:0;padding:0 .15rem 1.35rem;color:var(--muted);line-height:1.75}.marketing-end{margin-block-end:3rem;padding:3rem 2rem;border:1px solid var(--line);border-radius:20px;background:var(--panel);text-align:center}.marketing-end .button{margin-block-start:1.5rem}.marketing-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 2rem;padding:0 0 2rem;color:var(--muted);font-size:.875rem}.marketing-footer p{margin:0}.marketing-footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.marketing-footer a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;text-decoration:underline;text-underline-offset:.2em}.auth-shell{display:grid;place-items:center;width:min(480px,calc(100% - 2rem));min-height:100svh;margin-inline:auto;padding-block:2rem}.auth-card{width:100%;padding:2rem;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 18px 48px rgb(55 37 49 / .08);text-align:center}.auth-theme{display:flex;justify-content:flex-end;margin-block-end:.5rem}.auth-shell .brand-mark{display:flex;justify-content:center}.auth-shell .public-logo-horizontal{width:230px}.auth-card h1{margin:1.5rem 0 .75rem;font-size:2rem;line-height:1.2;letter-spacing:-.035em}.auth-card p{margin:.75rem 0 1.5rem;color:var(--muted);line-height:1.7}.auth-form{display:grid;gap:1.2rem;margin-block:1.5rem;text-align:start}.auth-field{display:grid;gap:.4rem}.auth-field label{font-size:.9375rem;font-weight:650}.auth-field input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--panel-strong);color:var(--text);font:inherit}.auth-field input[aria-invalid=true]{border-color:#a82f54}.auth-error{padding:.9rem 1rem;border:1px solid var(--error-line);border-radius:12px;background:var(--error-bg);color:var(--error-text);text-align:start;line-height:1.6}.auth-card .auth-note{padding-block-start:1rem;margin-block-end:0;border-block-start:1px solid var(--line);font-size:.875rem}.auth-note a{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.auth-divider{margin-block:1.5rem 1rem;color:var(--muted);font-size:.875rem}.auth-card details{text-align:start}.auth-card summary{min-height:44px;padding-block:.5rem;cursor:pointer;font-weight:650}html[data-dashboard-theme=dark]{--bg:#18151e;--panel:#27222e;--panel-strong:#211c27;--text:#f7f2f7;--muted:#cfc2d0;--line:#4d4255;--line-strong:#89778f;--accent:#efb4d8;--purple:#3b2d43;--primary:#efbcd9;--primary-text:#30212d;--primary-hover:#ffdaee;--feature-purple:#30263b;--feature-blue:#252d3c;--notice:#392a3c;--notice-line:#73536c;--error-bg:#482a3b;--error-line:#a9718e;--error-text:#ffe2ed;background:var(--bg);color-scheme:dark}html[data-dashboard-theme=dark] .auth-field input[aria-invalid=true]{border-color:#e598b5}@media(prefers-color-scheme:dark){html:not([data-dashboard-theme]){--bg:#18151e;--panel:#27222e;--panel-strong:#211c27;--text:#f7f2f7;--muted:#cfc2d0;--line:#4d4255;--line-strong:#89778f;--accent:#efb4d8;--purple:#3b2d43;--primary:#efbcd9;--primary-text:#30212d;--primary-hover:#ffdaee;--feature-purple:#30263b;--feature-blue:#252d3c;--notice:#392a3c;--notice-line:#73536c;--error-bg:#482a3b;--error-line:#a9718e;--error-text:#ffe2ed;color-scheme:dark}}@media(max-width:960px){.marketing-nav{grid-template-columns:auto 1fr;gap:.5rem 1.5rem}.marketing-actions{grid-column:2;grid-row:1}.marketing-links{grid-column:1/-1;justify-content:flex-start;gap:.5rem 1.5rem}.marketing-shell .hero{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0 4rem}.marketing-shell .hero-copy h1{max-width:20ch}.hero-screen{max-width:760px}}@media(max-width:650px){.marketing-shell{width:calc(100% - 2rem)}.marketing-nav{min-height:auto;gap:.5rem}.public-logo-horizontal{width:150px}.marketing-actions{gap:.5rem}.marketing-actions .button{padding:.65rem .8rem;font-size:.8125rem}.marketing-links{gap:.5rem 1rem}.marketing-shell .hero-copy h1{font-size:clamp(2.4rem,9vw,3.2rem)}.marketing-section{padding-block:3rem}.feature-grid,.setup-list{grid-template-columns:1fr}.setup-list{gap:1.5rem}.feature-card{padding:1.4rem}.pricing-note{padding:1.4rem}.faq-section{margin-block-start:3rem}.marketing-end{padding:2.25rem 1.25rem;margin-block-end:2rem}.marketing-shell .hero-actions .button{flex:1 1 210px}.marketing-footer{align-items:flex-start}.auth-card{padding:1.5rem}}@media(max-width:380px){.marketing-nav{grid-template-columns:1fr}.marketing-actions{grid-column:1;grid-row:2;justify-content:flex-start}.marketing-links{grid-row:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}}@media(prefers-reduced-motion:no-preference){:is(.marketing-shell,.auth-shell) :is(.button,button,input,summary),.marketing-links a{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease,transform 180ms cubic-bezier(.2,.7,.2,1)}:is(.marketing-shell,.auth-shell) summary>:is(i,span){transition:transform 180ms ease}}@supports (interpolate-size: allow-keywords) and selector(details::details-content){:is(.marketing-shell,.auth-shell) details::details-content{display:flow-root;interpolate-size:allow-keywords;block-size:0;opacity:0;overflow:clip;overflow-clip-margin:8px;visibility:hidden;pointer-events:none}:is(.marketing-shell,.auth-shell) details[open]::details-content{block-size:auto;opacity:1;visibility:visible;pointer-events:auto}@media(prefers-reduced-motion:no-preference){:is(.marketing-shell,.auth-shell) details::details-content{transition:block-size 220ms cubic-bezier(.2,.7,.2,1),opacity 160ms ease,content-visibility 220ms allow-discrete}}}@media(prefers-reduced-motion:reduce){:is(.marketing-shell,.auth-shell) :is(.button,button,input,summary),:is(.marketing-shell,.auth-shell) summary>:is(i,span),:is(.marketing-shell,.auth-shell) details::details-content{transition:none!important}}
