:root{--ink:#17211b;--muted:#6d776f;--paper:#f4f6f1;--white:#fff;--line:#dfe5dd;--green:#186049;--green2:#23785d;--lime:#d9f55f;--danger:#b53d3d;--shadow:0 20px 50px rgba(31,55,43,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,textarea{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font:800 19px "Manrope",sans-serif}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--lime);color:#153d2e;font:800 18px "Manrope",sans-serif;transform:rotate(-3deg)}.eyebrow{margin:0 0 8px;color:var(--green2);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow.light{color:var(--lime)}.muted{color:var(--muted)}.button{border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:22px}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:white;box-shadow:0 10px 24px rgba(24,96,73,.2)}.button.primary:hover{background:#104e3b}.button.light{background:white;color:var(--green)}.button.wide{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.alert{border-radius:10px;padding:11px 13px;margin:12px 0;font-size:14px}.alert.error{background:#fff0ee;color:#9f3030;border:1px solid #ffd5d0}.alert.success{background:#edf9f3;color:#176044;border:1px solid #c9ead8}.hidden{display:none!important}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)}.auth-story{padding:42px 9%;background:var(--green);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";position:absolute;border:1px solid rgba(217,245,95,.25);border-radius:50%;width:560px;height:560px;right:-330px;bottom:-180px}.auth-story:after{width:380px;height:380px;right:-220px;bottom:-90px}.brand-light .brand-mark{background:var(--lime)}.auth-copy{max-width:580px;position:relative;z-index:1}.auth-copy h1{font:800 clamp(38px,5vw,68px)/1.03 "Manrope",sans-serif;letter-spacing:-.045em;margin:0 0 24px}.auth-copy>p:last-child{font-size:18px;line-height:1.65;color:#d5e3dc;max-width:500px}.auth-proof{position:relative;z-index:1;color:#d9e6df;font-size:14px}.auth-proof span{color:var(--lime);margin-right:8px}.auth-panel{background:white;display:grid;place-items:center;padding:40px}.auth-card{width:min(430px,100%)}.auth-card h2{font:800 32px/1.2 "Manrope",sans-serif;margin:0 0 8px;letter-spacing:-.03em}.mobile-brand{display:none}.stack-form{display:grid;gap:17px;margin-top:28px}.stack-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.stack-form input{width:100%;border:1px solid #ccd5ce;background:#fbfcfa;border-radius:10px;padding:13px 14px;outline:none}.stack-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,120,93,.1)}.stack-form .errorlist{list-style:none;margin:2px 0 0;padding:0;color:var(--danger);font-weight:500}.auth-switch{text-align:center;color:var(--muted);margin-top:22px;font-size:14px}.auth-switch a{color:var(--green);font-weight:700}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:white;border-right:1px solid var(--line);padding:25px 19px;display:flex;flex-direction:column;z-index:20}.sidebar>.brand{padding:0 8px}.nav-list{display:grid;gap:5px;margin-top:45px}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:10px;color:#647069;font-size:14px;font-weight:600}.nav-link span{font-size:18px;width:20px;text-align:center}.nav-link:hover,.nav-link.active{background:#edf4ee;color:var(--green)}.sidebar-bottom{margin-top:auto}.mini-credit{background:#f0f5ec;border:1px solid #e0e8dd;border-radius:14px;padding:14px}.mini-credit>div:first-child{display:flex;align-items:end;justify-content:space-between;color:var(--muted);font-size:11px}.mini-credit strong{font:800 22px "Manrope";color:var(--green)}.meter{height:5px!important;background:#dae4d6;border-radius:9px;margin:10px 0;overflow:hidden}.meter i{display:block;background:var(--green2);height:100%;max-width:100%;border-radius:9px}.mini-credit a{font-size:11px;font-weight:700;color:var(--green)}.user-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:20px 5px 0}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#dce9e0;color:var(--green);font-weight:800}.user-row strong,.user-row small{display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row strong{font-size:13px}.user-row small{font-size:10px;color:var(--muted);margin-top:2px}.user-row button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px}.workspace{margin-left:250px;min-height:100vh}.page-section{display:none;padding:42px clamp(28px,5vw,74px) 70px;max-width:1450px;margin:0 auto}.page-section.active{display:block}.mobile-header{display:none}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:34px}.topbar h1{font:800 clamp(29px,4vw,42px)/1.12 "Manrope";letter-spacing:-.04em;margin:0 0 7px}.topbar p:last-child{margin:0;color:var(--muted)}.topbar.compact{margin-bottom:35px}.credit-pill{background:white;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:auto auto auto;align-items:center;gap:12px;padding:10px 13px;box-shadow:0 5px 18px rgba(25,55,40,.05)}.credit-pill>span:first-child{display:grid;place-items:center;width:37px;height:37px;background:#eef7dc;color:var(--green);border-radius:10px}.credit-pill small,.credit-pill b{display:block}.credit-pill small{font-size:10px;color:var(--muted)}.credit-pill b{font:800 18px "Manrope"}.credit-pill i{font-style:normal;color:var(--green);font-size:21px}.hero-card{min-height:255px;border-radius:24px;padding:38px 42px;background:linear-gradient(120deg,#155a45,#23765a);color:white;display:flex;justify-content:space-between;overflow:hidden;box-shadow:0 17px 40px rgba(24,96,73,.18)}.hero-card>div:first-child{max-width:570px;z-index:2}.status-dot{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d9f55f}.hero-card h2{font:800 clamp(26px,4vw,40px)/1.12 "Manrope";letter-spacing:-.04em;margin:18px 0 10px}.hero-card p{color:#d0e0d8;margin:0 0 25px;line-height:1.5}.hero-art{width:32%;position:relative}.orbit{position:absolute;border:1px solid rgba(217,245,95,.25);border-radius:50%}.orbit.one{width:320px;height:320px;inset:-70px -20px}.orbit.two{width:220px;height:220px;inset:-20px 30px}.mail-card{position:absolute;inset:55px auto auto 85px;width:110px;height:90px;border-radius:18px;background:var(--lime);color:var(--green);display:grid;place-items:center;font:800 42px "Manrope";transform:rotate(-7deg);box-shadow:0 18px 30px rgba(0,0,0,.2)}.mail-card i{position:absolute;right:-12px;bottom:-11px;width:32px;height:32px;border:4px solid var(--green2);background:white;border-radius:50%;font:800 15px/25px sans-serif;text-align:center}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:39px 0 18px}.section-heading h2{font:800 24px "Manrope";margin:0;letter-spacing:-.03em}.section-heading>a{font-size:13px;color:var(--green);font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{position:relative;background:white;border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:15px;min-height:190px}.tool-card:hover:not(.disabled){border-color:#aec8b8;transform:translateY(-2px);box-shadow:0 12px 28px rgba(31,55,43,.08)}.tool-card.disabled{opacity:.72}.tool-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font:800 22px "Manrope"}.color-1{background:#dff1e8;color:#186049}.color-2{background:#fff0d7;color:#a65b19}.color-3{background:#eae5fb;color:#6049a5}.color-4{background:#e2eff8;color:#356981}.tool-meta h3{display:inline;margin:0;font:800 17px "Manrope"}.tool-meta p{font-size:13px;line-height:1.45;color:var(--muted);margin:9px 0}.soon{margin-left:7px;padding:3px 7px;border-radius:20px;background:#f0f2ee;color:#7c847e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tool-footer{grid-column:1/-1;margin-top:auto;padding-top:14px;border-top:1px solid #edf0ec;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.tool-footer b{color:var(--ink)}.tool-footer button{border:0;background:none;color:var(--green);font-size:12px;font-weight:800;cursor:pointer}.tool-footer button:disabled{color:#8b938d;cursor:default}.data-card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.table-row{display:grid;grid-template-columns:1.5fr .6fr .7fr 1fr 1fr;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid #edf0ec;font-size:13px}.table-row:first-child{border-top:0}.table-head{background:#f7f9f6;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.status{font-style:normal;padding:4px 8px;border-radius:30px;background:#eff2ef;font-size:10px;font-weight:800}.status.succeeded{background:#e7f6ee;color:#207052}.status.failed{background:#fff0ee;color:#a23c36}.status.refunded{background:#fff5dc;color:#92631a}.empty-state{padding:50px;text-align:center;color:var(--muted);font-size:14px}.balance-card{display:flex;align-items:center;justify-content:space-between;gap:50px;background:var(--green);color:white;border-radius:20px;padding:30px 35px}.balance-card>div span,.balance-card>div small{display:block;color:#cbded5}.balance-card strong{display:block;font:800 40px "Manrope";margin:4px 0}.balance-card strong i{font-style:normal;color:var(--lime);font-size:24px}.balance-card p{max-width:520px;color:#d6e4dd;font-size:13px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-grid article{position:relative;background:white;border:1px solid var(--line);border-radius:17px;padding:23px;text-align:center}.pricing-grid article>span,.pricing-grid article>small{display:block;color:var(--muted);font-size:12px}.pricing-grid strong{display:block;font:800 35px "Manrope";margin-top:11px}.pricing-grid h3{font:800 19px "Manrope"}.pricing-grid button{width:100%;border:0;border-radius:9px;background:#e9eeea;padding:11px;color:#68736c}.pricing-grid .popular{border:2px solid var(--green)}.pricing-grid .popular>i{position:absolute;right:14px;top:13px;background:var(--lime);padding:4px 7px;border-radius:20px;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.history-title{margin-top:38px}.credit-table{grid-template-columns:1fr 2fr .6fr .6fr 1fr}.positive{color:var(--green);font-weight:800}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(11,25,18,.6);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(680px,100%);max-height:92vh;overflow:auto;background:white;border-radius:21px;padding:29px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:20px;top:18px;width:34px;height:34px;border:0;border-radius:50%;font-size:24px;background:#eef1ed;cursor:pointer}.modal-heading{display:flex;align-items:center;gap:14px}.modal-heading h2{font:800 26px "Manrope";margin:0}.modal-heading .eyebrow{margin-bottom:3px}.modal-card textarea{width:100%;border:1px solid #cfd7d1;border-radius:12px;padding:14px;resize:vertical;outline:none;margin-top:13px;line-height:1.5}.modal-card textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,120,93,.1)}.input-foot{display:flex;justify-content:space-between;margin:7px 2px 17px;color:var(--muted);font-size:11px}.results{margin-top:22px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.result-row{display:grid;grid-template-columns:1.6fr .8fr 1.5fr;gap:10px;padding:11px 13px;border-top:1px solid var(--line);font-size:12px}.result-row:first-child{border-top:0}.result-row.header{background:#f4f7f3;color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.result-status{font-weight:800;color:var(--green)}.result-status.invalid{color:var(--danger)}
@media(max-width:1050px){.tool-grid.large{grid-template-columns:repeat(2,1fr)}.hero-art{display:none}.hero-card>div:first-child{max-width:700px}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:25px;min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:9px;font:800 18px "Manrope";margin-bottom:50px}.sidebar{transform:translateX(-100%);transition:.25s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-header{height:65px;padding:0 18px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15}.mobile-header button{border:0;background:none;font-size:20px}.mobile-header .brand{font-size:15px}.mobile-header .brand-mark{width:28px;height:28px;font-size:14px}.mobile-balance{font-size:12px;color:var(--green)}.page-section{padding:28px 18px 50px}.topbar{display:block}.credit-pill{display:none}.hero-card{padding:27px 24px;min-height:0}.hero-card h2{font-size:27px}.tool-grid,.tool-grid.large,.pricing-grid{grid-template-columns:1fr}.balance-card{display:block;padding:25px}.balance-card p{margin:22px 0 0}.table-row{min-width:650px}.data-card{overflow-x:auto}.modal-card{padding:23px 18px}.result-row{grid-template-columns:1.4fr .8fr}.result-row span:last-child{display:none}}

/* Premium corporate palette shared by authentication and workspace */
:root{--ink:#0a1525;--muted:#657181;--paper:#f3f4f2;--white:#fff;--line:#dbe1e7;--green:#142e51;--green2:#315f9b;--lime:#c9a76c;--shadow:0 20px 50px rgba(8,24,43,.14)}
.auth-story{background:radial-gradient(circle at 75% 70%,#204d80,#112b4b 45%,#07111f)}
.hero-card{background:linear-gradient(120deg,#0d2038,#1c4778)}
.brand-mark{background:var(--lime);color:#101a28;border-radius:50%}
.nav-link:hover,.nav-link.active{background:#e9eef6;color:#1e4e87}
.mini-credit{background:#edf1f6;border-color:#dce3eb}
.meter i{background:linear-gradient(90deg,#315f9b,#77cbdc)}
.credit-pill>span:first-child{background:#edf1f6}
.balance-card{background:linear-gradient(115deg,#0d2038,#1a4474)}
.pricing-grid .popular{border-color:#315f9b}
.pricing-grid .popular>i{background:#c9a76c;color:#101a28}

@keyframes workspaceEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes dashboardFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(-4deg)}}
.page-section.section-enter,.page-section.active{animation:workspaceEnter .4s cubic-bezier(.2,.75,.25,1)}.mail-card{animation:dashboardFloat 5s ease-in-out infinite}.tool-card{overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.tool-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 48%,transparent 66%);transform:translateX(-125%);transition:transform .6s ease}.tool-card:hover:not(.disabled):after{transform:translateX(125%)}.tool-icon{transition:transform .3s ease}.tool-card:hover:not(.disabled) .tool-icon{transform:rotate(-7deg) scale(1.08)}.tool-footer button:not(:disabled){transition:transform .2s ease}.tool-footer button:not(:disabled):hover{transform:translateX(3px)}.credit-pill{transition:transform .25s ease,box-shadow .25s ease}.credit-pill:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(15,38,64,.1)}.nav-link span{transition:transform .25s ease}.nav-link:hover span{transform:scale(1.13)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-section.section-enter,.page-section.active,.mail-card{animation:none}.tool-card,.tool-icon,.credit-pill{transition:none}}
.tool-footer a{color:var(--green);font-size:12px;font-weight:800;display:inline-block;transition:transform .2s ease}.tool-footer a:hover{transform:translateX(3px)}
.access-notice{margin:18px 28px 0;padding:13px 16px;border:1px solid #f0d3a0;border-radius:10px;background:#fff8e9;color:#825c18;font-size:12px;font-weight:700}.access-notice p{margin:0}.access-notice.plan-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#bde4d7;background:#effaf6;color:#27654f}.access-notice.plan-notice a{color:#195d49;text-decoration:underline}.signup-trial-note{display:grid;gap:4px;margin:18px 0 0;padding:13px 14px;border:1px solid #cfe4db;border-radius:10px;background:#eff9f5}.signup-trial-note b{color:#1f684f;font-size:11px}.signup-trial-note span{color:#5c6d66;font-size:10px;line-height:1.55}