@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--bg:#f7fbfe;--surface:#fff;--ink:#102a43;--muted:#60758a;--line:#dbe8f0;--soft:#eef7fb;--accent:#0b78a8;--green:#08a89a;--green-soft:#e4f8f5;--red:#c43d4b;--gold:#d49a3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#dfe9e3}.container{width:min(1180px,100% - 44px);margin:auto}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fbfeeb;border-bottom:1px solid #dbe8f0d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.desktop-nav{color:#486176;align-items:center;gap:25px;font-size:13px;font-weight:600;display:flex}.desktop-nav a{align-items:center;gap:6px;display:flex}.wa{color:#fff;box-shadow:none;background:#102a43;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.wa:hover{background:#0a668f;transform:translateY(-1px)}.mobile-workspace{display:none}.product-hero{border-bottom:1px solid var(--line);background:#f7fbfe}.product-hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:76px;padding:92px 0 88px;display:grid}.eyebrow{color:#526b80;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.product-hero h1{letter-spacing:-.075em;max-width:790px;margin:20px 0 22px;font-family:Manrope,sans-serif;font-size:clamp(48px,6.4vw,78px);line-height:.98}.hero-copy{color:var(--muted);max-width:660px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.secondary-btn{background:#fff;border:1px solid #cfe0ea;border-radius:9px;justify-content:center;align-items:center;padding:11px 15px;font-size:13px;font-weight:700;display:inline-flex}.hero-proof{color:#71869a;flex-wrap:wrap;gap:20px;margin-top:20px;font-size:12px;display:flex}.hero-proof span{align-items:center;gap:5px;display:flex}.workspace-preview{background:#fff;border:1px solid #d4e4ec;border-radius:18px;padding:18px;box-shadow:0 24px 65px #102a431a}.preview-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.preview-top small{color:#8a8b88;letter-spacing:.13em;font-size:9px;font-weight:800;display:block}.preview-top strong{margin-top:4px;font-family:Manrope;display:block}.credits-pill{background:var(--green-soft);color:#19704e;white-space:nowrap;border:1px solid #d7e9df;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:700}.upload-box{text-align:center;background:#f5fafc;border:1px dashed #bcd3df;border-radius:13px;padding:29px 20px}.upload-box svg{color:var(--green)}.upload-box b{margin:10px 0 5px;font-family:Manrope;display:block}.upload-box span{color:#8a8b88;font-size:11px}.preview-label{color:var(--muted);margin:17px 0 8px;font-size:11px}.mini-tools{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mini-tools span{text-align:center;background:#fff;border:1px solid #dfeaf0;border-radius:8px;padding:10px 7px;font-size:11px;font-weight:650}.preview-bottom{color:var(--muted);border-top:1px solid #e5eef3;align-items:center;gap:8px;margin-top:16px;padding-top:14px;font-size:11px;display:flex}.preview-bottom svg{color:var(--green)}.section{padding:88px 0}.section-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10px;font-weight:800}.section-kicker.gold{color:#c8a75b}.section h2{letter-spacing:-.065em;max-width:820px;margin:13px 0 14px;font-family:Manrope,sans-serif;font-size:clamp(35px,4.6vw,55px);line-height:1}.section-copy{color:var(--muted);max-width:720px;font-size:16px;line-height:1.7}.tool-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;display:grid}.tool-card{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-height:190px;padding:21px;transition:all .18s;display:flex}.tool-card:hover{border-color:#d2d2ce;transform:translateY(-2px);box-shadow:0 12px 30px #102a4312}.tool-tag{text-transform:uppercase;letter-spacing:.1em;color:#7d7e7b;font-size:9px;font-weight:800}.tool-card b{margin-top:17px;font-family:Manrope;font-size:18px}.tool-card p{color:var(--muted);font-size:13px;line-height:1.55}.tool-link{color:#222;align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:750;display:flex}.dark-section{color:#fff;background:#102a43}.dark-copy{color:#c4d4df}.output-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px;display:grid}.output-card{background:#15344b;border:1px solid #244b63;border-radius:13px;padding:20px}.output-card b{margin-top:14px;font-family:Manrope;display:block}.output-card p{color:#aebfcc;font-size:12px;line-height:1.55}.understand-grid{grid-template-columns:1fr .8fr;align-items:center;gap:75px;display:grid}.check-panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:8px}.check-panel div{border-bottom:1px solid #e8f0f4;align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:650;display:flex}.check-panel div:last-child{border-bottom:0}.text-link{align-items:center;gap:7px;margin-top:18px;font-size:13px;font-weight:750;display:inline-flex}.final-cta{text-align:center;border-top:1px solid var(--line);background:#eaf5f8;padding:78px 0}.final-cta h2{letter-spacing:-.065em;max-width:800px;margin:15px auto;font-family:Manrope;font-size:clamp(34px,4vw,52px)}.final-cta p{color:var(--muted);margin-bottom:24px}.workspace-page{min-height:70vh}.workspace-shell{padding:58px 0 80px}.workspace-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.workspace-heading h1{letter-spacing:-.07em;margin:10px 0;font-family:Manrope;font-size:clamp(42px,5vw,64px);line-height:.96}.workspace-heading p{color:var(--muted);max-width:650px;font-size:16px;line-height:1.55}.credits-card{background:var(--ink);color:#fff;border-radius:13px;min-width:160px;padding:16px 18px}.credits-card span,.credits-card small{color:#aeb0ad;font-size:10px;display:block}.credits-card b{color:#fff;margin:3px 0;font-family:Manrope;font-size:29px;display:block}.workspace-grid{grid-template-columns:1.05fr .95fr;gap:16px;margin-top:36px;display:grid}.project-panel,.actions-panel{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px}.upload-large{background:var(--soft);text-align:center;border:1px dashed #bcd3df;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:315px;padding:25px;display:flex}.upload-large svg{color:var(--green)}.upload-large h2{letter-spacing:-.035em;margin:14px 0 5px;font-family:Manrope}.upload-large p{color:var(--muted);font-size:12px}.upload-large button{background:var(--ink);color:#fff;border:0;border-radius:8px;margin:10px 0;padding:10px 16px;font-size:12px;font-weight:700}.upload-large small{color:var(--muted);font-size:10px}.project-row{color:var(--muted);align-items:center;gap:9px;padding:14px 2px;font-size:12px;display:flex}.actions-panel h2{letter-spacing:-.035em;margin:3px 0 17px;font-family:Manrope}.action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex}.action-card>svg:first-child{color:var(--green);flex:none}.action-card span{flex-direction:column;flex:1;gap:3px;display:flex}.action-card b{font-size:12px}.action-card small{color:var(--muted);font-size:9px;line-height:1.35}.format-section{border-top:1px solid var(--line);margin-top:68px;padding-top:58px}.format-section h2{letter-spacing:-.06em;margin:10px 0;font-family:Manrope;font-size:clamp(32px,4vw,47px)}.format-section p{color:var(--muted)}.format-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.format-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:17px;display:flex}.format-card svg{color:var(--green)}.format-card span{color:var(--muted);font-size:11px;line-height:1.4}.workspace-note{background:var(--green-soft);color:#256b4e;border:1px solid #cfe8da;border-radius:11px;align-items:flex-start;gap:9px;margin-top:23px;padding:13px;font-size:11px;line-height:1.5;display:flex}.workspace-note svg{flex:none}@media (max-width:850px){.product-hero-grid,.workspace-grid,.understand-grid{grid-template-columns:1fr}.tool-grid,.output-grid,.format-grid{grid-template-columns:repeat(2,1fr)}.workspace-heading{align-items:flex-start}.credits-card{min-width:140px}}@media (max-width:700px){.container{width:calc(100% - 28px)}.desktop-nav{display:none!important}.mobile-workspace{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.product-hero-grid{gap:40px;padding:58px 0 60px}.product-hero h1{font-size:clamp(44px,13vw,62px)}.hero-copy{font-size:16px}.hero-proof{flex-direction:column;gap:9px}.mini-tools{grid-template-columns:repeat(2,1fr)}.section{padding:63px 0}.tool-grid,.output-grid,.format-grid{grid-template-columns:1fr}.workspace-heading{display:block}.credits-card{width:max-content;margin-top:19px}.action-grid{grid-template-columns:1fr}.workspace-shell{padding-top:38px}}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:30px 16px;display:flex}.auth-shell{width:min(460px,100%)}.auth-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 55px #14141412}.auth-icon{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:9px;place-items:center;display:grid}.auth-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:19px;font-size:10px;font-weight:800}.auth-card h1{letter-spacing:-.055em;margin:9px 0 10px;font-family:Manrope;font-size:32px;line-height:1.05}.auth-card>p{color:var(--muted);margin:0 0 21px;font-size:13px;line-height:1.55}.auth-form{gap:13px;display:grid}.auth-form label{color:var(--ink);font-size:11px;font-weight:700}.auth-form input{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:9px;outline:none;margin-top:6px;padding:11px 12px;font-size:13px;display:block}.auth-primary,.auth-google{cursor:pointer;border:0;border-radius:9px;width:100%;padding:12px;font-size:13px;font-weight:750}.auth-primary{background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.auth-primary:disabled,.auth-google:disabled{opacity:.55;cursor:not-allowed}.auth-divider{color:#999;align-items:center;gap:10px;margin:19px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-google{border:1px solid var(--line);background:#fff}.auth-forgot,.auth-back{color:#486176;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.auth-forgot{margin-top:15px}.auth-back{margin-bottom:22px}.auth-switch{text-align:center;color:var(--muted);border-top:1px solid #efefec;margin-top:22px;padding-top:18px;font-size:11px}.auth-switch button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:800}.auth-message{border-radius:9px;margin:12px 0;padding:10px 11px;font-size:11px;line-height:1.45}.auth-message.error{color:#9a2838;background:#fff0f1;border:1px solid #f0c8ce}.auth-message.success{background:var(--green-soft);color:#246b4d;border:1px solid #cfe8da;align-items:flex-start;gap:7px;display:flex}.auth-foot{text-align:center;color:#999;margin-top:15px;font-size:10px}.dashboard-page{background:var(--bg);min-height:100vh}.dashboard-shell{padding:54px 0 80px}.dashboard-top{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.dashboard-top h1{letter-spacing:-.065em;margin:10px 0;font-family:Manrope;font-size:clamp(34px,5vw,54px);line-height:1}.dashboard-top p{color:var(--muted);font-size:14px}.dashboard-signout{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:750;display:flex}.dashboard-stats{grid-template-columns:240px 1fr;gap:12px;margin-top:30px;display:grid}.dashboard-stat,.dashboard-new,.dashboard-card,.project-card{border:1px solid var(--line);background:#fff;border-radius:13px}.dashboard-stat{padding:18px}.dashboard-stat svg{color:var(--green)}.dashboard-stat span,.dashboard-stat small{color:var(--muted);font-size:10px;display:block}.dashboard-stat b{margin:5px 0;font:800 30px Manrope;display:block}.dashboard-new{align-items:center;gap:13px;padding:18px;display:flex}.dashboard-new>svg:last-child{margin-left:auto}.dashboard-new svg{color:var(--green)}.dashboard-new b,.dashboard-new span{display:block}.dashboard-new b{font-size:13px}.dashboard-new span{color:var(--muted);margin-top:3px;font-size:11px}.dashboard-section{margin-top:52px}.dashboard-section-head{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.dashboard-section-head h2{letter-spacing:-.04em;margin:7px 0 0;font:700 25px Manrope}.dashboard-section-head>a,.project-card>a{align-items:center;gap:5px;font-size:11px;font-weight:750;display:flex}.project-list{gap:7px;display:grid}.project-card{align-items:center;gap:12px;padding:14px 15px;display:flex}.project-file-icon{width:32px;height:32px;color:var(--green);background:#f2f4f1;border-radius:8px;place-items:center;display:grid}.project-card b,.project-card span{display:block}.project-card b{font-size:12px}.project-card span{color:var(--muted);margin-top:3px;font-size:10px}.project-card>svg{margin-left:auto}.empty-projects{text-align:center;background:#fff;border:1px dashed #bcd3df;border-radius:13px;padding:42px 20px}.empty-projects svg{color:var(--green)}.empty-projects b{margin-top:9px;font-size:13px;display:block}.empty-projects p{color:var(--muted);max-width:420px;margin:6px auto 13px;font-size:11px;line-height:1.5}.empty-projects a,.dashboard-card a{color:var(--accent);align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.dashboard-card{padding:19px}.dashboard-card>svg{color:var(--green)}.dashboard-card b{margin:13px 0 6px;font:700 15px Manrope;display:block}.dashboard-card p{color:var(--muted);margin:0 0 13px;font-size:11px;line-height:1.55}@media (max-width:650px){.auth-card{padding:23px}.dashboard-top{display:block}.dashboard-signout{margin-top:18px}.dashboard-stats,.dashboard-bottom{grid-template-columns:1fr}.dashboard-shell{padding-top:38px}}.site-header,footer{font-family:Manrope,sans-serif}.site-name-with-icon{z-index:0;align-items:center;display:inline-flex;position:relative}.site-name-with-icon img{object-fit:contain;opacity:.13;z-index:-1;filter:grayscale();width:38px;height:38px;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.footer-site-name img{opacity:.18}@media (max-width:700px){.site-name-with-icon img{width:34px;height:34px;left:-10px}}.site-name{letter-spacing:-.06em;white-space:nowrap;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.auth-site-name{text-align:center;margin-bottom:24px}.footer-site-name{color:#fff;margin-bottom:16px}@media (max-width:700px){.site-name{font-size:20px}}:root{--brand-red:#c62839;--brand-red-dark:#8f1828;--brand-red-deep:#64121d;--brand-red-soft:#fff1f3;--brand-blush:#fff8f8;--brand-gray:#f7f7f6}body{background:var(--brand-gray)}.site-header{background:#fffffff7;border-bottom:1px solid #ead7da;box-shadow:0 2px 16px #64121d12}.site-name{color:var(--brand-red-dark)}.desktop-nav{color:#4e4647}.desktop-nav a:hover{color:var(--brand-red)}.wa{background:var(--brand-red);border-radius:7px;box-shadow:0 8px 22px #c6283938}.wa:hover{background:var(--brand-red-dark)}.product-hero{background:linear-gradient(135deg,#fff 0%,#fff8f8 62%,#fff0f2 100%);border-bottom:1px solid #ecd8db}.product-hero h1 span{color:var(--brand-red)}.eyebrow{color:var(--brand-red-dark);background:#fff0f2;border:1px solid #f0cbd0;border-radius:999px;padding:7px 10px}.eyebrow svg{color:var(--brand-red)}.hero-copy{color:#65595b}.secondary-btn{color:var(--brand-red-dark);background:#fff;border-color:#dec8cc}.workspace-preview{border:1px solid #e3cdd1;box-shadow:0 25px 70px #64121d21}.upload-box{background:#fff7f8;border-color:#df9ca6}.upload-box svg,.preview-bottom svg{color:var(--brand-red)}.credits-pill{color:var(--brand-red-dark);background:#fff0f2;border-color:#efc4ca}.tool-card{border-color:#e7d9db;box-shadow:0 2px #64121d05}.tool-card:hover{border-color:#d98a95;box-shadow:0 14px 35px #64121d1a}.tool-tag,.section-kicker{color:var(--brand-red)}.tool-link{color:var(--brand-red-dark)}.dark-section{background:linear-gradient(135deg,#64121d 0%,#8f1828 55%,#b42335 100%)}.output-card{background:#ffffff17;border-color:#fff3}.output-card svg{color:#ffb8bf}.check-panel{border-color:#e7d9db;box-shadow:0 12px 35px #64121d0f}.check-panel svg{color:var(--brand-red)}.final-cta{background:linear-gradient(135deg,#fff3f4,snow);border-top:1px solid #ead5d8}.final-cta svg{color:var(--brand-red)}.workspace-page,.dashboard-page{background:#f7f7f6}.credits-card{background:linear-gradient(135deg,#64121d,#a21e2e)}.project-panel,.actions-panel,.dashboard-stat,.dashboard-new,.dashboard-card,.project-card{border-color:#e7d9db}.action-card:hover{border-color:#d98a95}.action-card>svg:first-child,.dashboard-stat svg,.dashboard-new svg,.dashboard-card>svg,.project-file-icon,.empty-projects svg{color:var(--brand-red)}.auth-primary{background:var(--brand-red-dark)}.auth-icon{color:var(--brand-red);background:#fff0f2}.auth-form input:focus{border-color:#d97984;box-shadow:0 0 0 3px #fff0f2}.auth-switch button,.empty-projects a,.dashboard-card a{color:var(--brand-red)}.footer-site-name{color:#fff}:root{--brand-red:#c62839;--brand-red-dark:#8f1828;--brand-red-deep:#64121d;--brand-red-soft:#fff1f3;--brand-blush:#fff8f8;--brand-gray:#f7f7f6;--brand-border:#e7d9db}.wa,.auth-primary{color:#fff;background:linear-gradient(135deg,#b91f32,#8f1828);border:1px solid #8f1828;box-shadow:0 8px 20px #8f18282e}.wa:hover,.auth-primary:hover{background:linear-gradient(135deg,#a91d2e,#761421);border-color:#761421}.secondary-btn{color:var(--brand-red-dark);background:#fff;border:1px solid #d9b9be}.secondary-btn:hover{color:#761421;background:#fff1f3;border-color:#c97a84}.text-link,.tool-link{color:var(--brand-red-dark)}.text-link:hover,.tool-link:hover{color:var(--brand-red)}.eyebrow{box-shadow:inset 0 0 0 1px #c6283905}.hero-proof span{color:#695b5d}.hero-proof svg{color:var(--brand-red)}.credits-pill{font-weight:800}.mini-tools span{color:#514749;background:#fff;border-color:#eadfe1}.mini-tools span:hover{color:var(--brand-red-dark);background:#fff5f6;border-color:#d98a95}.tool-card:hover,.action-card:hover{background:#fffafb}.upload-large button{background:linear-gradient(135deg,#b91f32,#8f1828);border:1px solid #8f1828;box-shadow:0 7px 18px #8f182829}.upload-large button:hover{background:#761421}.workspace-note{color:#8f1828;background:#fff1f3;border-color:#f0cbd0}.auth-icon{border:1px solid #f0cbd0}.auth-primary{font-weight:800}.auth-google:hover,.dashboard-signout:hover{background:#fff7f8;border-color:#d98a95}.dashboard-signout{color:#5b4e50}.project-file-icon{background:#fff1f3}.empty-projects{background:#fffafb;border-color:#d98a95}.format-card svg,.check-panel svg,.dashboard-card>svg,.dashboard-stat svg,.dashboard-new svg,.project-file-icon,.empty-projects svg{color:var(--brand-red)}.dark-section .section-kicker.gold{color:#ffb3bc}.output-card:hover{background:#ffffff21;border-color:#ffb8bf6b}.final-cta .wa{margin-top:2px}.site-header .site-name{color:#fff;letter-spacing:-.05em;background:0 0;border-radius:0;padding:0}.site-header .site-name-assignment{color:#fff;margin-right:6px}.site-header .site-name-sure{color:#ffccd2}