:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#18282e;background:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-primary: #0A6C74;--color-secondary: #6B3FA0;--color-success: #10B981;--color-bg: #F8F9FA;--color-white: #FFFFFF;--background: #F8F9FA;--surface: #ffffff;--line: #e2e9e8;--line-strong: #cddadb;--ink: #18282e;--muted: #61747b;--primary: #0A6C74;--primary-dark: #085960}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{border:0;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid rgba(10,108,116,.28);outline-offset:2px}main{display:block}.app-shell{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(0,212,245,.16),transparent 34rem),radial-gradient(circle at 82% 10%,rgba(139,47,204,.14),transparent 36rem),linear-gradient(180deg,#f4faffe0,#f8f9fa00 460px),var(--background)}.site-header{position:sticky;top:0;z-index:10;min-height:82px;padding:12px max(calc((100% - 1180px)/2),24px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(115deg,#e8fbffd1,#f8f7ffbd 52%,#ffffffad),#f8fbfdc2;border-bottom:1px solid rgba(185,211,222,.42);box-shadow:0 14px 38px #18282e14;backdrop-filter:blur(20px) saturate(1.16);-webkit-backdrop-filter:blur(20px) saturate(1.16)}.brand{display:flex;align-items:center;align-self:center;gap:12px;color:var(--ink)}.brand-mark{height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary),#235b8f);font-size:.85rem;font-weight:800}.brand-mark--gradient{background:linear-gradient(135deg,#0a6c74,#6b3fa0);font-size:1rem;font-weight:800;letter-spacing:-.01em}.logo-wrap{display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:0;overflow:visible;flex-shrink:0;box-shadow:none;line-height:0}.brand-logo{width:auto;height:56px;object-fit:contain;display:block;mix-blend-mode:multiply}.loading-logo{width:min(300px,74vw);height:auto;mix-blend-mode:multiply}.login-logo{width:min(360px,100%);height:auto;object-fit:contain;display:block;mix-blend-mode:multiply}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{color:var(--muted);font-size:.75rem}.nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:56px}.nav-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:8px;color:var(--muted);font-size:.92rem;font-weight:650}.nav-links a.active,.nav-links a:hover{color:var(--primary-dark);background:#eaf5f3}.nav-cta,.primary-button,.secondary-button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:750}.nav-cta,.primary-button{color:#fff;background:var(--ink);box-shadow:0 16px 36px #18282e29}.secondary-button{color:var(--primary-dark);background:#fff;border:1px solid var(--line-strong)}.hero-section{width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 82px);margin:0 auto;padding:62px 0 46px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:44px;align-items:center;background:radial-gradient(circle at 12% 20%,rgba(0,212,245,.09),transparent 22rem),radial-gradient(circle at 88% 14%,rgba(139,47,204,.08),transparent 24rem)}.hero-copy{max-width:620px}.eyebrow{margin:0 0 12px;color:var(--primary);font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero-copy h1,.placeholder-copy h1{margin:0;color:var(--ink);font-size:clamp(2.55rem,6vw,5.3rem);line-height:.98;font-weight:820}.hero-text{max-width:560px;margin:24px 0 0;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.compliance-note{max-width:560px;margin:22px 0 0;padding-left:14px;color:#52656c;border-left:3px solid #b9deda;font-size:.9rem}.product-preview{padding:16px;border:1px solid rgba(177,196,202,.72);border-radius:8px;background:#ffffffc2;box-shadow:0 28px 80px #18282e21}.preview-toolbar{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line)}.preview-toolbar span{width:9px;height:9px;border-radius:50%;background:#b8c8cc}.preview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(170px,.75fr);gap:14px;padding-top:16px}.note-panel,.score-panel{min-height:390px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.panel-label{margin:0 0 12px;color:var(--primary);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.note-panel h3{margin:0 0 22px;font-size:1.35rem}.note-line{width:68%;height:11px;margin-bottom:10px;border-radius:999px;background:#e7eff0}.note-line.wide{width:92%}.note-block,.risk-card{margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd}.note-block strong,.risk-card strong{display:block;margin-bottom:6px;font-size:.88rem}.note-block p,.risk-card span{margin:0;color:var(--muted);font-size:.86rem}.muted-block{background:#f7f9fb}.score-panel{background:#f7fbfb}.score-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.score-row span{color:var(--muted);font-size:.9rem}.score-row strong{color:var(--primary-dark);font-size:1.25rem}.risk-card{background:#fff6ef;border-color:#f0d2bd}.risk-card strong{color:#884a26}.metrics-band,.features-section,.placeholder-page{width:min(1180px,calc(100% - 48px));margin:0 auto}.metrics-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.metric-item{padding:25px;background:var(--surface)}.metric-item strong,.metric-item span{display:block}.metric-item strong{margin-bottom:4px;color:#0a6c74;font-size:1.7rem}.metric-item span{color:var(--muted);font-size:.92rem}.features-section{padding:86px 0}.section-heading{max-width:680px;margin-bottom:30px}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.section-heading p:not(.eyebrow){margin:16px 0 0;color:var(--muted)}.feature-grid,.placeholder-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card,.placeholder-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.feature-icon{width:36px;height:36px;display:block;margin-bottom:18px;border-radius:8px;background:linear-gradient(135deg,#0a6c74,#6b3fa0)}.feature-card h3,.placeholder-card h2{margin:0 0 10px;font-size:1.06rem}.feature-card p,.placeholder-card p{margin:0;color:var(--muted);font-size:.92rem}.placeholder-page{min-height:calc(100vh - 148px);padding:82px 0}.placeholder-copy{max-width:760px;margin-bottom:34px}.placeholder-copy h1{font-size:clamp(2.45rem,5vw,4.4rem)}.placeholder-copy p:not(.eyebrow){max-width:630px;margin:20px 0 0;color:var(--muted);font-size:1.05rem}.placeholder-list{grid-template-columns:repeat(3,1fr)}.placeholder-card span{display:inline-flex;margin-bottom:18px;padding:6px 10px;border-radius:999px;color:#6b3fa0;background:#f0eaf8;font-size:.74rem;font-weight:800}.site-footer{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0 34px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}@media (max-width: 980px){.site-header{align-items:center;flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.hero-section{min-height:auto;grid-template-columns:1fr;padding-top:44px}.product-preview{max-width:720px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.site-header,.hero-section,.metrics-band,.features-section,.placeholder-page,.site-footer{width:min(100% - 32px,1180px)}.site-header{width:100%;min-height:72px;padding:10px 16px;gap:14px}.brand-logo{height:44px}.brand small,.nav-cta{display:none}.nav-links{gap:4px;min-height:44px}.nav-links a{min-height:36px;padding:0 10px;white-space:nowrap}.hero-copy h1,.placeholder-copy h1{font-size:2.45rem}.preview-grid,.metrics-band,.feature-grid,.placeholder-list{grid-template-columns:1fr}.note-panel,.score-panel{min-height:auto}.hero-actions,.site-footer{flex-direction:column}}.auth-loading{display:flex;align-items:center;justify-content:center}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,rgba(0,212,245,.14),transparent 30rem),radial-gradient(circle at 78% 16%,rgba(139,47,204,.12),transparent 32rem),linear-gradient(180deg,#f4faffe6,#f8f9fa00 440px),var(--background);padding:1.5rem}.login-card{background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:420px;box-shadow:0 4px 24px #0000000f}.login-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 auto 1.75rem;max-width:360px}.login-tabs{display:flex;border-bottom:1px solid var(--border, #e2e8f0);margin-bottom:1.5rem}.login-tabs button{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:.5rem .25rem .625rem;font-size:.8rem;font-weight:500;color:var(--muted, #6b7280);cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.login-tabs button.active{color:#0a6c74;border-bottom-color:#0a6c74}.login-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.field-label{font-size:.8rem;font-weight:500;color:var(--ink-light, #374151);margin-top:.25rem}.field-input{width:100%;padding:.6rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:8px;font-size:.9rem;background:var(--background, #f8fafc);color:var(--ink, #111827);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.field-input:focus{outline:none;border-color:#0a6c74;box-shadow:0 0 0 3px #0a6c7426}.magic-description{font-size:.85rem;color:var(--muted, #6b7280);margin:0 0 .5rem;line-height:1.5}.auth-message{font-size:.82rem;border-radius:6px;padding:.5rem .75rem;margin:.25rem 0 0}.auth-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.auth-message.info{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.full-width{width:100%;margin-top:.5rem}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--muted, #9ca3af);font-size:.78rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border, #e2e8f0)}.google-button{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.625rem 1rem;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:#fff;font-size:.875rem;font-weight:500;color:var(--ink, #111827);cursor:pointer;transition:background .15s,border-color .15s}.google-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.google-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.5rem;font-size:.73rem;text-align:center;color:var(--muted, #9ca3af)}.header-user{display:flex;align-items:center;gap:.75rem}.user-email{font-size:.78rem;color:var(--muted, #6b7280);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout-btn{font-size:.8rem;padding:.375rem .875rem}
