:root{--navy:#07111f;--navy2:#0b1729;--ink:#13213b;--muted:#66738a;--line:#dce3ec;--soft:#f4f7fb;--cyan:#39c7ea;--blue:#2962ff;--green:#1fa971;--red:#d6435d;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-weight:850;display:flex}.brand img{object-fit:contain;filter:invert();background:#fff;border-radius:10px;width:34px;height:34px}.brand i{color:var(--cyan);padding-left:2px;font-size:12px;font-style:normal}.button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex}.button.small{min-height:38px;padding:0 15px;font-size:12px}.button.primary{color:#06101c;background:linear-gradient(135deg,#4bd8f4,#8ae9fa);box-shadow:0 11px 28px #34c7ea2e}.button.primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px #34c7ea47}.button.ghost{border-color:var(--line);color:var(--ink);background:#fff}.button.ghost:hover{border-color:#aebdd0}.button.wide{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.kicker{color:#159fca;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.4}.language-switcher{color:inherit;background:#ffffff0f;border:1px solid #ffffff29;border-radius:9px;height:36px;padding:0 9px;font-size:11px;font-weight:800}.marketing{background:var(--navy);color:#eff5ff;min-height:100vh}.topnav{z-index:3;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:78px;margin:auto;display:flex;position:relative}.navlinks{color:#aab8cc;gap:30px;font-size:13px;display:flex}.nav-actions{align-items:center;gap:13px;display:flex}.text-link{color:#c3cede;font-size:13px}.landing-hero{background:radial-gradient(circle at 82% 20%,#2b6fff2e,#0000 31%),linear-gradient(165deg,#07101d,#091528 65%,#07111f);grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:690px;padding:95px max(20px,50vw - 590px) 100px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}.hero-content h1{letter-spacing:-.07em;max-width:720px;margin:24px 0 28px;font-size:clamp(58px,6.7vw,98px);line-height:.9}.hero-content>p{color:#9eacc3;max-width:650px;font-size:19px;line-height:1.7}.hero-buttons{gap:12px;margin-top:34px;display:flex}.hero-buttons .ghost{color:#eef5ff;background:#ffffff0d;border-color:#ffffff24}.trust-row{color:#91a1b9;flex-wrap:wrap;gap:20px;margin-top:40px;font-size:11px;display:flex}.trust-row span:first-letter{color:var(--cyan)}.hero-orb{filter:blur(2px);opacity:.5;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#285fff33,#0000 67%);width:440px;height:440px;top:-190px;right:-180px}.orb-two{background:radial-gradient(circle,#39c7ea22,#0000 65%);width:340px;height:340px;bottom:-150px;left:-140px}.product-preview{z-index:2;background:#0a1629db;border:1px solid #6fa9ff40;border-radius:24px;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-4deg)rotateX(2deg);box-shadow:0 45px 100px #0006}.preview-top{border-bottom:1px solid #ffffff14;align-items:center;gap:7px;height:48px;padding:0 18px;display:flex}.preview-top span{background:#33445d;border-radius:50%;width:8px;height:8px}.preview-top b{color:#7e90aa;margin-left:8px;font-size:10px}.preview-tabs{border-bottom:1px solid #ffffff0f;gap:16px;padding:12px 18px;display:flex}.preview-tabs i{color:#6e819d;font-size:8px;font-style:normal}.preview-tabs i:first-child{color:var(--cyan)}.preview-body{background:radial-gradient(circle at 78% 52%,#2e75ff38,#0000 35%);grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:390px;padding:55px 42px;display:grid}.preview-body small{color:var(--cyan);letter-spacing:.13em;font-size:8px}.preview-body strong{letter-spacing:-.05em;margin:16px 0;font-size:36px;line-height:1;display:block}.preview-body p{color:#8191a9;font-size:10px;line-height:1.6}.preview-graph{place-items:center;height:210px;display:grid;position:relative}.preview-graph:before,.preview-graph:after{content:"";border:1px solid #39c7ea59;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:12%}.preview-graph:after{border-color:#5265ff73;animation-direction:reverse;inset:28%}.preview-graph b{z-index:2;background:linear-gradient(145deg,#2a78ff,#35cceb);border-radius:24px;place-items:center;width:78px;height:78px;font-size:10px;display:grid;position:relative}.preview-graph i{background:#4eddf6;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 16px #4eddf6}.preview-graph i:first-child{top:27%;left:10%}.preview-graph i:nth-child(2){top:42%;right:8%}.preview-graph i:nth-child(3){bottom:5%;left:30%}@keyframes spin{to{transform:rotate(360deg)}}.pricing-section{color:var(--ink);background:#f7f9fc;padding:110px max(20px,50vw - 590px)}.section-head{text-align:center;max-width:680px;margin:0 auto 50px}.section-head h2{letter-spacing:-.055em;margin:16px 0;font-size:clamp(38px,5vw,62px);line-height:1}.section-head p{color:var(--muted);line-height:1.7}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.price-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 15px 45px #0f213e0d}.price-card.featured{border-color:#63cee7;box-shadow:0 20px 60px #2697b824}.popular{color:#147e9b;letter-spacing:.09em;background:#dff8fe;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;position:absolute;top:18px;right:18px}.price-card small{text-transform:uppercase;letter-spacing:.12em;color:#4f617a;font-weight:900}.price-card h3{letter-spacing:-.05em;margin:22px 0 0;font-size:42px}.price-card p{color:var(--muted);margin:2px 0;font-size:12px}.price-card>strong{margin:30px 0 20px;font-size:22px;display:block}.price-card>strong span{color:var(--muted);font-size:12px;font-weight:600}.price-card ul{color:#5d6d84;margin:0 0 28px;padding:0;font-size:13px;line-height:2;list-style:none}.price-card li:before{content:"✓";color:#1daa83;margin-right:8px}.marketing footer{color:#687b97;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:92px;margin:auto;font-size:11px;display:flex}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-brand{background:radial-gradient(circle at 75% 20%,#36cfef26,transparent 32%),var(--navy);color:#edf4ff;flex-direction:column;justify-content:space-between;padding:48px max(40px,50vw - 520px);display:flex}.auth-brand h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(48px,5.8vw,82px);line-height:.94}.auth-brand p{color:#9dacbf;max-width:480px;line-height:1.7}.auth-brand small{color:#60718b}.auth-panel{background:#f7f9fc;flex-direction:column;padding:35px max(30px,50vw - 420px);display:flex}.auth-panel-top{justify-content:flex-end;display:flex}.auth-panel .language-switcher{border-color:var(--line);color:var(--ink);background:#fff}.auth-box{width:min(100%,420px);margin:auto}.auth-box.register-box{margin-top:30px;margin-bottom:30px}.auth-box h2{letter-spacing:-.04em;margin:0 0 24px;font-size:34px}.auth-box>p{text-align:center;color:var(--muted);font-size:13px}.auth-box>p a{color:#168eae;font-weight:800}.auth-form{gap:16px;display:grid}.auth-form label,.upload-form label{color:#44546b;gap:7px;font-size:12px;font-weight:800;display:grid}.auth-form input,.upload-form input{background:#fff;border:1px solid #d5deea;border-radius:12px;outline:none;height:49px;padding:0 14px}.auth-form input:focus,.upload-form input:focus{border-color:#49c7e6;box-shadow:0 0 0 3px #39c7ea1a}.form-error,.limit-warning{color:#aa2941;background:#fff2f5;border:1px solid #efb6c1;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.5}.plan-picker{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px;display:grid}.plan-picker a{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px}.plan-picker a.selected{background:#edfbff;border-color:#41bddb}.plan-picker b,.plan-picker span{font-size:10px;display:block}.plan-picker span{color:var(--muted);margin-top:3px}.app-shell{background:#f4f7fb;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#e8f0fc;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.workspace-chip{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:10px;margin:30px 0 26px;padding:11px;display:flex}.workspace-chip>span{background:linear-gradient(145deg,#2b6dff,#46d8ef);border-radius:10px;place-items:center;width:35px;height:35px;font-size:10px;font-weight:900;display:grid}.workspace-chip b,.workspace-chip small,.sidebar-bottom b,.sidebar-bottom small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.workspace-chip b{font-size:12px}.workspace-chip small,.sidebar-bottom small{color:#70819b;margin-top:2px;font-size:9px}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#91a2bb;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:12px;font-weight:700;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav i{color:var(--cyan);font-style:normal}.sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:18px}.sidebar-bottom b{font-size:11px}.logout-button{color:#5e718d;background:0 0;border:0;padding:9px 0 0;font-size:10px}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-bottom:1px solid #e4e9f0;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex}.app-header .language-switcher{color:var(--ink);border-color:var(--line);background:#fff}.workspace-main{min-width:0}.app-content{width:min(1180px,100% - 64px);margin:0 auto;padding:44px 0 80px}.app-content.narrow{width:min(760px,100% - 64px)}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-.05em;margin:10px 0 0;font-size:42px;line-height:1}.page-heading p{color:var(--muted);font-size:13px;line-height:1.5}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;display:grid}.stat-card,.content-card{background:#fff;border:1px solid #dfe6ef;border-radius:20px;box-shadow:0 10px 35px #172d4c09}.stat-card{min-height:180px;padding:24px}.stat-card.accent{color:#eef6ff;background:linear-gradient(145deg,#0b1a2e,#0d2440);border-color:#193452}.stat-card small{color:#76869c;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850;display:block}.stat-card strong{letter-spacing:-.05em;margin:20px 0 5px;font-size:38px;display:block}.stat-card strong span{color:#72849b}.stat-card p{color:#76869c;font-size:11px}.stat-card a{color:#168eae;font-size:11px;font-weight:800}.usage-meter>div:first-child{color:#718199;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.usage-track{background:#e8edf4;border-radius:99px;height:7px;overflow:hidden}.stat-card.accent .usage-track{background:#1c344d}.usage-track i{background:linear-gradient(90deg,#2c72ff,#48d7ed);border-radius:99px;height:100%;display:block}.content-card{padding:24px}.card-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title h2{margin:0;font-size:18px}.card-title a{color:#168eae;font-size:11px;font-weight:800}.offer-table{display:grid}.offer-table>a{border-top:1px solid #edf0f4;grid-template-columns:1fr 110px 110px 20px;align-items:center;gap:15px;padding:15px 5px;display:grid}.offer-table>a:first-child{border-top:0}.offer-table b,.offer-table small{display:block}.offer-table b{font-size:12px}.offer-table small,.offer-table time{color:#8491a3;margin-top:3px;font-size:10px}.offer-table i{color:#8ca0b7;font-style:normal}.status{letter-spacing:.05em;color:#65758a;background:#edf1f6;border-radius:99px;width:max-content;padding:5px 8px;font-size:8px;font-weight:900}.status-done{color:#14845c;background:#e5f8f0}.status-error{color:#ba3450;background:#ffedf1}.status-analyzing,.status-designing{color:#207da1;background:#eaf6ff}.empty-state{text-align:center;color:#7c8a9e;padding:55px 20px}.empty-state>span{color:#42c8e6;font-size:42px;display:block}.empty-state .button{margin-top:14px}.upload-panel{padding:30px}.limit-summary{border-bottom:1px solid #e8edf2;margin-bottom:24px;padding-bottom:24px}.limit-summary>div:first-child,.settings-usage>div:first-child{justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.upload-form{gap:18px;display:grid}.upload-form input[type=file]{background:#f8fafc;height:auto;padding:16px}.status-panel{text-align:center;padding:45px}.status-visual{color:#1ea6c8;background:#eaf7fb;border-radius:24px;place-items:center;width:70px;height:70px;margin:auto;font-size:28px;display:grid}.status-visual i{border:2px solid #89d9ea;border-top-color:#168fab;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.status-visual.done{color:#19875f;background:#e8f8f1}.status-visual.failed{color:#bd3853;background:#ffedf1}.status-panel h2{letter-spacing:-.04em;margin:22px 0 8px;font-size:28px}.status-panel>p{color:var(--muted);font-size:13px}.progress-line{background:#edf1f6;border-radius:99px;width:min(100%,480px);height:6px;margin:30px auto;overflow:hidden}.progress-line i{background:linear-gradient(90deg,#2b68ff,#48d8ed);width:35%;height:100%;animation:2s ease-in-out infinite progress;display:block}@keyframes progress{50%{transform:translate(180%)}}.result-box{text-align:left;background:#f7f9fb;border:1px solid #dce5ed;border-radius:16px;max-width:560px;margin:28px auto;padding:20px}.result-box small{color:#76869c}.result-box code{white-space:nowrap;text-overflow:ellipsis;margin:7px 0 16px;font-size:11px;display:block;overflow:hidden}.result-box>div{gap:8px;display:flex}.subtle-link{color:#728299;margin-top:20px;font-size:11px;display:inline-block}.settings-usage{margin-bottom:22px}.dashboard-pricing .price-card{box-shadow:none}.active-plan{text-align:center;color:#177958;background:#dff8ef;border-radius:12px;padding:12px;font-size:11px;font-weight:900;display:block}.muted-note{text-align:center;color:#8a98aa;font-size:10px;display:block}.admin-table{overflow-x:auto}.admin-row{border-top:1px solid #edf0f4;grid-template-columns:1.2fr 1.4fr 110px 1fr 80px;align-items:center;gap:18px;min-width:880px;padding:14px 4px;font-size:11px;display:grid}.admin-row.admin-head{color:#7b899b;text-transform:uppercase;letter-spacing:.08em;border:0;font-size:8px}.admin-row b,.admin-row small{display:block}.admin-row small{color:#8693a4;margin-top:3px}.admin-row select{border:1px solid var(--line);background:#fff;border-radius:8px;height:34px}.customer-email{color:#596a81;margin:2px 0;display:block}@media (max-width:1000px){.landing-hero{grid-template-columns:1fr;padding-top:65px}.product-preview{max-width:650px;margin:auto}.pricing-grid,.stats-grid,.auth-page{grid-template-columns:1fr}.auth-brand{min-height:390px}.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:20px 12px}.sidebar .brand span,.sidebar .brand i,.workspace-chip div,.sidebar nav a:not(i),.sidebar-bottom{display:none}.workspace-chip{justify-content:center;padding:9px}.sidebar nav a{justify-content:center;font-size:0}.sidebar nav i{font-size:15px}.offer-table>a{grid-template-columns:1fr 90px 80px 16px}}@media (max-width:640px){.topnav{width:calc(100% - 24px)}.navlinks,.text-link{display:none}.landing-hero{padding-left:18px;padding-right:18px}.hero-content h1{font-size:56px}.hero-buttons{flex-direction:column}.preview-body{grid-template-columns:1fr;min-height:300px;padding:30px 20px}.preview-graph{display:none}.pricing-section{padding-left:14px;padding-right:14px}.pricing-grid{grid-template-columns:1fr}.marketing footer{width:calc(100% - 30px)}.auth-brand{padding:30px 22px}.auth-panel{padding:25px 18px}.app-shell{display:block}.sidebar{z-index:20;flex-direction:row;align-items:center;width:auto;height:64px;padding:7px 12px;display:flex;position:fixed;inset:auto 0 0}.sidebar>.brand,.workspace-chip,.sidebar-bottom{display:none}.sidebar nav{justify-content:space-around;width:100%;display:flex}.sidebar nav a{padding:12px 18px}.app-header{height:56px;padding:0 18px}.app-content,.app-content.narrow{width:calc(100% - 28px);padding:30px 0 90px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:34px}.page-heading .button{width:100%}.offer-table>a{grid-template-columns:1fr 80px 15px}.offer-table time{display:none}.content-card{padding:17px}.result-box>div{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}