@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:light;--bg-top: #fbfdf9;--bg-bottom: #e8efe8;--ink: #112227;--muted: #587075;--line: rgba(17, 34, 39, .1);--panel: rgba(255, 255, 255, .82);--panel-strong: rgba(255, 255, 255, .94);--accent: #177a67;--accent-deep: #0f5c51;--accent-soft: rgba(23, 122, 103, .12);--warning: #9d3140;--brand-navy: #0b3c5d;--brand-white: #ffffff;--brand-orange: #ff6b35;--brand-layer: #e6e9ed;--shadow: 0 28px 90px rgba(17, 34, 39, .14);--radius-xl: 34px;--radius-lg: 24px;--radius-md: 18px;--font-brand: "Space Grotesk", "Avenir Next", "Trebuchet MS", sans-serif;--font-heading: "Avenir Next", "Trebuchet MS", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 14% 12%,rgba(23,122,103,.18),transparent 28%),radial-gradient(circle at 82% 9%,rgba(24,76,95,.16),transparent 22%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh}.app-shell-landing{overflow:auto;background-color:var(--brand-navy)}.ambient{position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:50%;filter:blur(16px)}.ambient-left{top:8rem;left:-8rem;width:22rem;height:22rem;background:#177a6724}.ambient-right{right:-7rem;bottom:9rem;width:26rem;height:26rem;background:#184c5f24}.page-shell{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));margin:0 auto;padding:22px 0 56px;animation:rise-in .6s ease both}.landing-page-shell{width:100%;min-height:100vh}.landing-page{min-height:100vh;padding:clamp(22px,4vw,40px);color:var(--brand-white);background-color:var(--brand-navy);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,#0b3c5dfa,#082f49);background-size:72px 72px,72px 72px,auto}.landing-hero{width:min(1060px,100%);min-height:auto;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(18px,3vw,26px);padding-top:clamp(18px,7vh,72px);padding-bottom:clamp(6px,1.5vw,18px)}.landing-brand-zone{width:min(820px,100%);text-align:center}.brand-lockup.landing-logo-wordmark{margin-bottom:18px;color:var(--brand-white)}.landing-logo-wordmark .brand-wordmark{color:var(--brand-white);font-size:clamp(2.9rem,8vw,5.4rem);font-weight:600}.landing-brand-zone h1{max-width:none;margin:0;color:var(--brand-white);font-family:var(--font-brand);font-size:clamp(1.2rem,2.7vw,1.9rem);line-height:1.04;letter-spacing:0}.landing-update{width:fit-content;max-width:100%;margin:18px auto 0;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#ffffffeb;background:#ffffff14;line-height:1.45}.landing-update span{display:inline-block;margin-right:10px;color:var(--brand-orange);font-weight:800}.signup-panel{width:min(900px,100%);padding:clamp(20px,3vw,28px);border:1px solid rgba(255,255,255,.32);border-top:4px solid var(--brand-orange);border-radius:8px;color:var(--brand-navy);background:var(--brand-white);box-shadow:0 28px 80px #03142252}.signup-panel-copy{display:grid;gap:8px;margin-bottom:18px}.features-heading span{color:var(--brand-orange);font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:800}.signup-panel h2,.features-heading h2,.feature-card h3{font-family:var(--font-brand);letter-spacing:0}.signup-panel h2{margin:0;color:var(--brand-navy);font-size:clamp(1.45rem,3vw,2rem)}.signup-panel p{margin:0;color:#0b3c5dbd;line-height:1.55}.signup-panel-coming-soon{min-height:clamp(150px,18vw,220px);display:grid;place-items:center;text-align:center}.signup-coming-soon-message{color:var(--brand-navy);font-family:var(--font-brand);font-size:clamp(1.45rem,3vw,2rem);font-weight:800;line-height:1.15}.signup-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-field{display:grid;gap:8px;min-width:0}.landing-field span{color:#0b3c5dc7;font-size:.86rem;font-weight:800}.landing-input{width:100%;min-height:48px;padding:12px 13px;border:1px solid rgba(11,60,93,.2);border-radius:6px;color:var(--brand-navy);background:#fff;outline:none}.landing-input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 4px #ff6b3529}.signup-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.signup-action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,max-content);align-items:center;gap:14px;margin-top:18px}.landing-button{min-height:48px;border-radius:6px;color:var(--brand-white);background:var(--brand-orange);box-shadow:0 12px 28px #ff6b3547}.landing-button:disabled{cursor:wait;opacity:.72}.signup-fine-print{margin-left:clamp(14px,2vw,30px);font-size:.9rem}.signup-message{margin-top:16px;padding:12px 14px;border-radius:6px;line-height:1.45}.signup-message-success{color:#11533a;background:#1487551f;border:1px solid rgba(20,135,85,.24)}.signup-message-error{color:#8b2635;background:#9d31401a;border:1px solid rgba(157,49,64,.2)}.signup-message-loading{color:var(--brand-navy);background:#0b3c5d14;border:1px solid rgba(11,60,93,.14)}.landing-features{width:min(1120px,100%);margin:0 auto;padding:clamp(18px,3vw,32px) 0 clamp(36px,7vw,72px)}.features-heading{display:grid;gap:8px;margin-bottom:18px;text-align:center}.features-heading h2{max-width:760px;margin:0 auto;color:var(--brand-white);font-size:clamp(1.1rem,2vw,1.5rem)}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card{min-height:178px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff17}.feature-card-header{display:flex;align-items:center;gap:12px;min-width:0}.feature-icon{width:42px;height:42px;flex:0 0 42px;display:inline-grid;place-items:center;border-radius:8px;color:var(--brand-orange);background:#ff6b3524}.feature-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{min-width:0;margin:0;color:var(--brand-white);font-size:1.08rem;line-height:1.18}.feature-card p{margin:14px 0 0;color:#ffffffc2;line-height:1.55}.landing-footer{width:min(1120px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}.landing-footer .brand-lockup{color:var(--brand-white)}.landing-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.landing-footer a{color:#ffffffbd;text-decoration:none}.landing-footer a:hover{color:var(--brand-white)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:16px 20px;border:1px solid rgba(255,255,255,.74);border-radius:999px;background:#ffffffb3;box-shadow:0 14px 34px #11222714;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;min-width:max-content;text-decoration:none}.brand-lockup{display:inline-flex;align-items:center;justify-content:center;color:var(--brand-navy);line-height:1}.brand-wordmark{display:inline-flex;align-items:baseline;font-family:var(--font-brand);font-size:clamp(1.45rem,2vw,1.75rem);font-weight:600;letter-spacing:0}.brand-wordmark-accent{color:var(--brand-orange)}.nav-links{display:flex;flex-wrap:wrap;gap:12px}.nav-link{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--muted);transition:background-color .2s ease,color .2s ease,transform .2s ease}.nav-link:hover,.nav-link-active{color:var(--ink);background:#1122270f;transform:translateY(-1px)}.nav-actions{display:flex;align-items:center}.panel,.loading-panel,.feedback,.hero,.surface-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero,.surface-card,.auth-panel,.legal-panel,.result-panel,.loading-panel{border:1px solid rgba(255,255,255,.74);background:var(--panel);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:28px;padding:40px;border-radius:40px;margin-bottom:24px;overflow:hidden}.hero:after{content:"";position:absolute;right:-8%;bottom:-24%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(23,122,103,.22) 0%,transparent 70%)}.hero-copy,.hero-panel{position:relative;z-index:1}.hero-panel{display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border-radius:28px;background:linear-gradient(180deg,#ffffffb8,#f6faf8e6),linear-gradient(135deg,#177a6714,#0f5c510f);border:1px solid var(--line)}.panel-label,.eyebrow,.status-pill{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.panel-label,.eyebrow{color:var(--accent-deep);background:var(--accent-soft)}.status-pill{color:var(--ink);background:#1122270f}h1,h2,h3{margin:0 0 14px;font-family:var(--font-heading);line-height:1.02}h1{font-size:clamp(2.8rem,6vw,5.2rem);max-width:10ch}h2{font-size:clamp(1.5rem,3vw,2.2rem)}.lede,.meta,.legal-panel p,.loading-panel p{color:var(--muted)}.lede{max-width:58ch;font-size:1.04rem}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.inline-list,.feature-list{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:24px 0 0;list-style:none}.inline-list li,.feature-list li{padding:10px 14px;border-radius:999px;background:#ffffff9e;border:1px solid rgba(17,34,39,.08)}.feature-list{flex-direction:column;align-items:stretch}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.surface-card,.auth-panel,.legal-panel,.result-panel,.loading-panel{padding:30px;border-radius:var(--radius-xl)}.signal-grid,.code-grid{display:grid;gap:14px}.metric-card,.code-card{padding:18px;border-radius:var(--radius-md);background:#ffffffbd;border:1px solid var(--line)}.metric-card strong,.code-card strong,.code-stack strong,.field span{display:block;margin-bottom:8px;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.metric-card span{line-height:1.5}.code-card code,.code-stack code,.output-box,code{font-family:SFMono-Regular,Consolas,monospace}.code-stack{display:grid;gap:14px}.code-stack div{padding:18px;border-radius:var(--radius-md);background:#f6faf8eb;border:1px solid var(--line)}.button,button.button,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:14px 20px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover,button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:0 16px 34px #0f5c5142}.button-secondary{color:var(--ink);background:#ffffffd6;border:1px solid var(--line)}.button-ghost{color:var(--muted);background:transparent;border:1px solid var(--line)}.auth-form{display:grid;gap:16px;max-width:460px;margin-top:24px}.field{display:grid;gap:8px}.input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(17,34,39,.14);background:#ffffffd6;outline:none}.input:focus{border-color:#177a6766;box-shadow:0 0 0 4px #177a671f}.auth-note{margin-top:24px;max-width:54ch;padding:18px;border-radius:var(--radius-md);background:#f6faf8e6;border:1px solid var(--line)}.feedback{padding:14px 16px;margin-bottom:20px;border-radius:var(--radius-md);border:1px solid transparent}.feedback-success{background:#177a671f;border-color:#177a6738}.feedback-error{background:#9d31401c;border-color:#9d31402e}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.output-box{margin:0;padding:18px;overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--line);background:#f6faf8eb;min-height:260px}.legal-panel section+section{margin-top:24px}.legal-panel h1{max-width:none}.legal-panel h2{margin-top:0;margin-bottom:8px}.loading-panel{width:min(720px,calc(100% - 32px));margin:80px auto}.login-stage{min-height:calc(100vh - 44px);display:grid;place-items:center}.login-shell{width:min(520px,100%);display:grid;gap:22px}.login-brand{justify-self:center}.login-brand .brand-wordmark{font-size:clamp(1.8rem,7vw,2.4rem)}.login-panel{padding:34px}.login-panel h1{max-width:none;font-size:clamp(2.4rem,7vw,3.6rem)}.login-panel .lede{max-width:none}.login-submit{width:100%;justify-content:center}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.hero,.content-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.result-header{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.landing-page{padding:16px;background-size:54px 54px,54px 54px,auto}.landing-hero{min-height:auto;padding-top:18px}.landing-logo-wordmark .brand-wordmark{font-size:clamp(2.65rem,14vw,4rem)}.landing-brand-zone h1{font-size:clamp(1.08rem,5.4vw,1.55rem)}.landing-update{width:100%}.landing-update span{display:block;margin:0 0 3px}.signup-fields,.signup-action-row,.features-grid{grid-template-columns:1fr}.signup-action-row{align-items:stretch}.signup-fine-print{margin-left:0}.landing-button{width:100%}.landing-footer{flex-direction:column;align-items:flex-start}.landing-footer nav{justify-content:flex-start}.page-shell{width:min(100% - 20px,1160px);padding-top:12px}.hero,.surface-card,.auth-panel,.legal-panel,.result-panel,.loading-panel{padding:22px;border-radius:28px}h1{font-size:clamp(2.3rem,12vw,3.6rem)}}