:root{--color-primary:#007aff;--color-primary-soft:#e8f5ff;--color-accent:#ff9500;--color-accent-soft:#fff7eb;--color-text:#1f1f21;--color-text-muted:#6e6e73;--color-surface:#fff;--color-page:#f2f2f7;--color-border:#d6d6dc;--color-success:#4cd964;--color-danger:#ff3a2d;--shadow-card:0 18px 50px #1f1f210f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--max-width:1180px;--font-sans:"SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #007aff14, transparent 28%), radial-gradient(circle at top right, #ff950014, transparent 25%), var(--color-page);min-width:320px;color:var(--color-text);font-family:var(--font-sans);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh}.container{width:min(var(--max-width), calc(100% - 32px));margin:0 auto}.section{padding:32px 0 72px}.eyebrow{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.hero-title,.page-title{letter-spacing:-.04em;margin:0;line-height:1.02}.hero-title{font-size:clamp(2.8rem,7vw,5.2rem)}.page-title{font-size:clamp(2.2rem,5vw,4rem)}.lead,.page-lead{max-width:760px;color:var(--color-text-muted);font-size:1.05rem;line-height:1.7}.hero-grid,.two-col,.pricing-grid,.cards-grid,.footer-grid,.home-hero,.faq-grid{gap:24px;display:grid}.hero-grid,.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.cards-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.7fr 1fr 1fr 1fr}.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel,.translator-card,.pricing-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#ffffffeb;border:1px solid #d6d6dccc}.card,.panel,.pricing-card{padding:24px}.section-heading h2,.home-final-cta h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.home-tool-card,.home-final-cta{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);background:#ffffffeb;border:1px solid #d6d6dccc}.home-tool-card{border-radius:32px;padding:20px}.home-tool-top,.home-side-stack{flex-direction:column;gap:14px;display:flex}.home-tool-title{letter-spacing:-.04em;font-size:clamp(1.55rem,3vw,2rem);line-height:1.08}.home-tool-body{margin:0;line-height:1.6}.home-tool-points{gap:12px;margin-top:4px;display:grid}.home-tool-point{color:var(--color-text);background:linear-gradient(#fff,#f7fbff);border:1px solid #d6d6dce6;border-radius:18px;align-items:flex-start;gap:10px;padding:14px 16px;line-height:1.45;display:flex}.home-tool-point-dot{background:var(--color-primary);border-radius:999px;flex:none;width:8px;height:8px;margin-top:.45rem;box-shadow:0 0 0 6px #007aff14}.home-tool-input{border:1px solid var(--color-border);resize:vertical;background:linear-gradient(#fff,#f9fbff);border-radius:24px;width:100%;min-height:220px;margin-top:16px;padding:18px}.home-tool-input::placeholder,.translator-area::placeholder{color:#9696a1}.home-final-cta{background:radial-gradient(circle at 0 0,#007aff1f,#0000 32%),radial-gradient(circle at 100% 100%,#ff950024,#0000 26%),#fffffff2;border-radius:32px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.cta-row,.stat-row,.inline-links,.stack{flex-wrap:wrap;gap:14px;display:flex}.stack{flex-direction:column}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;transition:transform .15s,opacity .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--color-primary);color:#fff}.button-secondary{color:var(--color-text);border:1px solid var(--color-border);background:#fff}.button-accent{background:var(--color-accent);color:var(--color-text)}.button-danger{color:#d62c1a;background:#fff2f1;border:1px solid #d62c1a29}.nav{z-index:20;background:0 0;border-bottom:0;padding:18px 0 22px;position:sticky;top:0}.nav-inner,.nav-links,.nav-actions,.language-switcher{align-items:center;gap:14px;display:flex}.nav-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #d6d6dcd9;border-radius:28px;justify-content:space-between;padding:14px 24px;box-shadow:0 16px 44px #1f1f2114}.nav-links{flex:auto;justify-content:center;gap:28px;min-width:0}.nav-links a{color:var(--color-text);white-space:nowrap;font-weight:600}.brand{color:inherit;letter-spacing:-.03em;align-items:center;min-width:0;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-lockup{align-items:center;gap:.7rem;display:inline-flex}.brand-lockup-sm{gap:.6rem}.brand-mark-wrap{background:#ffffffeb;border:1px solid #d6d6dceb;border-radius:.95rem;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:inline-flex;box-shadow:0 12px 24px #e63b3b14}.brand-lockup-sm .brand-mark-wrap{border-radius:.8rem;width:2rem;height:2rem}.brand-mark{width:auto;height:auto;display:block}.brand-wordmark{letter-spacing:-.04em;font-size:1.1rem;font-weight:800}.nav-text-link{min-height:40px;color:var(--color-text);justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:inline-flex}.nav-auth-controls{align-items:center;gap:14px;display:inline-flex}.nav-auth-pill{background:linear-gradient(#f6fff8,#eefbf2);border-color:#4cd9642e;padding-inline:18px}.nav-user-pill{min-height:48px;padding-inline:20px}.nav-user-pill-premium{color:var(--color-success);background:linear-gradient(#fbfffc,#f2fcf5);border-color:#4cd96459}.language-switcher-desktop{position:relative}.language-summary{min-height:48px;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff,#f8fbff);border:1px solid #d6d6dceb;border-radius:20px;align-items:center;gap:12px;padding:0 16px;list-style:none;display:inline-flex}.language-summary::-webkit-details-marker{display:none}.language-summary-flag{justify-content:center;align-items:center;min-width:1.75rem;font-size:1.35rem;line-height:1;display:inline-flex}.language-summary-code{letter-spacing:-.02em;font-size:1rem;font-weight:700}.language-summary-caret{color:var(--color-text-muted);font-size:.95rem}.language-menu{background:#fffffffa;border:1px solid #d6d6dceb;border-radius:20px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #1f1f211f}.language-option{color:var(--color-text);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.language-option.active{background:var(--color-primary-soft);color:var(--color-primary)}.header-menu{display:none;position:relative}.header-menu-button{cursor:pointer;background:#fff;border:1px solid #d6d6dceb;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:56px;height:56px;list-style:none;display:inline-flex;box-shadow:0 10px 26px #1f1f210f}.header-menu-button::-webkit-details-marker{display:none}.header-menu-button span{background:#2a2c34b8;border-radius:999px;width:22px;height:2.5px}.header-menu-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #d6d6dce6;border-radius:22px;gap:8px;min-width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 42px #1f1f211f}.header-menu-link{min-height:52px;color:var(--color-text);border-radius:16px;align-items:center;padding:0 18px;font-size:1rem;font-weight:600;transition:background .16s,color .16s;display:flex}.header-menu-link:hover{color:var(--color-accent);background:#2674ff14}.language-option-flag{justify-content:center;align-items:center;min-width:1.75rem;font-size:1.2rem;line-height:1;display:inline-flex}.muted{color:var(--color-text-muted)}.translator-card{background:radial-gradient(circle at 0 0,#007aff0f,#0000 26%),radial-gradient(circle at 100% 100%,#ff950014,#0000 24%),#fffffff0;padding:20px}.translator-grid{grid-template-columns:1fr;align-items:stretch;gap:18px;display:grid}.translator-surface{flex-direction:column;gap:0;display:flex}.translator-language-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.translator-direction-pill{width:44px;height:44px;color:var(--color-primary);background:linear-gradient(#fff,#f6faff);border:1px solid #d6d6dce6;border-radius:999px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #007aff14}.translator-area{resize:vertical;width:100%;min-height:220px;color:var(--color-text);background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:1.45rem;line-height:1.5}.translator-result{background:0 0;border:0;border-radius:0;min-height:180px;padding:0}.translator-result p{overflow-wrap:anywhere;margin:0;line-height:1.65}.translator-toolbar,.quota-banner,.pill-row,.toggle-group,.result-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.translator-select{background:linear-gradient(#fffffffa,#f7fafffa);border-radius:20px;flex:220px;justify-content:space-between;gap:14px;min-height:auto;padding:16px 18px;box-shadow:inset 0 1px #fff9}.translator-language-label,.translator-select span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.translator-select select{width:100%;min-width:0;color:var(--color-text);appearance:none;outline:none;font-size:1.2rem;font-weight:700}.translator-actions{min-width:180px}.translator-primary-action{min-height:56px}.translator-submit{width:100%;min-height:68px;font-size:1.2rem;font-weight:700;box-shadow:0 20px 40px #007aff2e}.translator-panel{background:linear-gradient(#fffffffa,#f8fbfffa);border:1px solid #d6d6dceb;border-radius:28px;flex-direction:column;padding:22px 22px 20px;display:flex;box-shadow:0 18px 36px #1f1f210d,inset 0 1px #ffffffb8}.translator-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.translator-panel-foot{justify-content:flex-end;margin-top:14px;display:flex}.translator-panel-title{flex-direction:column;gap:4px;display:flex}.translator-panel-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-size:.82rem;font-weight:700}.translator-panel-value{letter-spacing:-.03em;font-size:1.15rem}.translator-panel-meta{min-height:34px;color:var(--color-primary);background:#e8f5ffeb;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.84rem;font-weight:700;display:inline-flex}.translator-count{color:#7f8cb6;background:0 0;justify-content:flex-end;min-width:76px;padding:0}.translator-output-text{min-height:150px;color:var(--color-text);white-space:pre-wrap;font-size:1.45rem;line-height:1.65}.translator-output-empty{color:#8d8d98;justify-content:center;align-items:center;display:flex;text-align:center!important}.translator-output-footer{justify-content:space-between;margin-top:18px}.translator-output-secondary,.translator-output-main-actions{flex-wrap:wrap;gap:12px;display:flex}.translator-output-main-actions{justify-content:flex-end}.translator-mode-toggle{flex-wrap:nowrap;margin-left:auto}.translator-mode-toggle .toggle-button{min-height:40px;padding:0 16px}.pill{border:1px solid var(--color-border);min-height:36px;color:var(--color-text-muted);background:#fff;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.quota-banner{background:var(--color-primary-soft);color:var(--color-primary);border-radius:18px;margin-top:14px;padding:14px 16px}.toggle-group{margin-top:0}.toggle-button{border:1px solid var(--color-border);min-height:38px;color:var(--color-text-muted);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.toggle-button.active{background:var(--color-primary-soft);color:var(--color-primary);border-color:#007aff33}.result-actions{justify-content:space-between;margin-top:0}.pricing-copy{gap:18px}.pricing-card.featured{border-color:#007aff4d;box-shadow:0 24px 60px #007aff1f}.pricing-price{align-items:baseline;gap:10px;margin:12px 0;display:flex}.pricing-price strong{letter-spacing:-.05em;font-size:2.6rem}.list{color:var(--color-text-muted);padding-left:18px;line-height:1.7}.footer{border-top:1px solid #d6d6dccc;padding:32px 0 64px}.pricing-hero{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:24px;display:grid}.pricing-spotlight{background:radial-gradient(circle at 100% 0,#ff950029,#0000 30%),linear-gradient(#007aff0d,#fff 42%);border:1px solid #007aff24;border-radius:32px;flex-direction:column;gap:20px;padding:28px;display:flex;box-shadow:0 30px 80px #007aff1f}.pricing-spotlight-head{flex-direction:column;gap:8px;display:flex}.auth-card{padding:28px}.auth-form{gap:14px;margin-top:18px}.auth-field{color:var(--color-text);flex-direction:column;gap:8px;font-weight:600;display:flex}.auth-field span{font-size:.95rem}.auth-input{width:100%;min-height:52px;color:var(--color-text);background:linear-gradient(#fff,#f9fbff);border:1px solid #d6d6dcf5;border-radius:18px;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#007aff66;box-shadow:0 0 0 4px #007aff14}.auth-divider{color:var(--color-text-muted);align-items:center;gap:14px;margin:22px 0 10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#d6d6dceb;flex:auto;height:1px}.auth-divider span{text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;font-weight:600}.auth-switch{margin:18px 0 0}.auth-switch a{color:var(--color-primary);font-weight:700}.settings-hero{flex-direction:column;gap:14px;display:flex}.settings-grid{align-items:stretch}.settings-card h2{letter-spacing:-.03em;margin:0;font-size:1.35rem}.settings-summary{background:linear-gradient(#fff,#f7faff);border:1px solid #d6d6dce6;border-radius:20px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.settings-logout{background:radial-gradient(circle at 0 0,#ff3a2d0f,#0000 26%),#fffffff2}.paywall-card{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f1f2157;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #d6d6dcd9;border-radius:28px;width:min(520px,100%);padding:28px;box-shadow:0 30px 90px #1f1f212e}@media (max-width:1024px){.hero-grid,.two-col,.cards-grid,.pricing-grid,.footer-grid,.translator-grid,.pricing-hero,.home-hero,.faq-grid{grid-template-columns:1fr}.translator-grid{gap:16px}.translator-actions{min-width:0}}@media (max-width:1180px){.nav-links{display:none}.header-menu{display:block}}@media (max-width:760px){.container{width:min(var(--max-width), calc(100% - 20px))}.section{padding:18px 0 48px}.nav{padding:12px 0 14px}.nav-inner{border-radius:22px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:14px 14px 16px;display:flex;overflow:visible}.brand{flex:auto;min-width:0}.brand-lockup{gap:.5rem}.brand-mark-wrap{border-radius:.75rem;width:1.95rem;height:1.95rem}.brand-wordmark{font-size:.95rem}.nav-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.nav-actions:has(.nav-user-pill){flex-wrap:nowrap}.language-switcher-desktop{flex:none;width:auto}.nav-auth-controls{flex:0 auto;width:auto;min-width:0}.header-menu{flex:none}.language-summary{justify-content:center;min-width:118px;min-height:44px;padding:0 12px}.language-menu,.header-menu-panel{min-width:210px;left:auto;right:0}.header-menu-button{width:48px;height:48px}.nav-auth-controls .pill,.nav-auth-controls .button,.nav-auth-controls .nav-text-link{flex:none;min-height:44px}.nav-text-link{border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:0 16px}.nav-user-pill{text-overflow:ellipsis;white-space:nowrap;max-width:94px;min-height:44px;padding-inline:14px;overflow:hidden}.eyebrow{padding:8px 14px;font-size:.83rem}.hero-title{font-size:clamp(2.95rem,15vw,4rem);line-height:.98}.page-title{font-size:clamp(2.35rem,12vw,3.2rem);line-height:.98}.lead,.page-lead{font-size:1rem;line-height:1.58}.section-heading h2,.home-final-cta h2{font-size:clamp(1.55rem,8vw,2.2rem)}.cta-row{gap:12px;width:100%}.cta-row .button,.cta-row>a.button{width:100%}.pill-row{gap:10px}.home-hero{gap:18px}.home-hero>.home-tool-card{order:-1}.home-tool-card{border-radius:26px;padding:18px}.home-tool-top{gap:10px}.home-tool-title{font-size:clamp(1.35rem,7vw,1.9rem)}.home-tool-input{border-radius:20px;min-height:170px;margin-top:12px;padding:16px}.home-tool-actions .button{width:100%}.home-tool-point{border-radius:16px;padding:13px 14px;font-size:.98rem}.card,.panel,.pricing-card,.translator-card{border-radius:22px;padding:20px}.two-col,.cards-grid,.faq-grid{gap:16px}.pricing-hero{gap:18px}.pricing-copy{gap:16px}.pricing-spotlight{border-radius:26px;gap:18px;padding:22px}.pricing-price strong{font-size:2.25rem}.translator-card{padding:16px}.translator-toolbar{gap:10px}.translator-language-grid{grid-template-columns:1fr}.translator-direction-pill{display:none}.translator-select{align-items:flex-start;gap:6px;width:100%;padding:14px 16px}.translator-grid{gap:14px}.translator-panel{border-radius:22px;padding:18px 18px 16px}.translator-panel-head{margin-bottom:14px}.translator-panel-foot{margin-top:12px}.translator-area,.translator-result{border-radius:0;min-height:0;padding:0}.translator-area,.translator-output-text{min-height:190px;font-size:1.12rem}.translator-submit{min-height:60px;font-size:1.1rem}.result-actions{flex-direction:column;align-items:stretch;gap:12px}.translator-output-secondary,.translator-output-main-actions,.toggle-group,.toggle-group .toggle-button,.translator-output-main-actions .button,.translator-output-secondary .button{width:100%}.toggle-group{gap:8px}.translator-mode-toggle{margin-left:0}.quota-banner{align-items:flex-start;padding:14px}.paywall-card{flex-direction:column;align-items:flex-start;padding:18px}.paywall-card .button{width:100%}.home-final-cta{border-radius:26px;flex-direction:column;align-items:flex-start;gap:16px;padding:22px}.home-final-cta .page-lead{margin:0}.auth-card{padding:20px}.auth-form{gap:12px}.auth-input{border-radius:16px;min-height:50px}.modal-card{border-radius:24px;padding:22px}.modal-card .cta-row{flex-direction:column}.settings-hero{gap:10px}.settings-grid{gap:16px}.settings-card h2{font-size:1.25rem}.settings-summary{border-radius:18px;padding:14px 16px}.settings-logout .cta-row{flex-direction:column;align-items:stretch}.settings-logout .button{width:100%}}@media (max-width:520px){.container{width:min(var(--max-width), calc(100% - 16px))}.hero-title{font-size:clamp(2.6rem,14vw,3.45rem)}.page-title{font-size:clamp(2.1rem,11vw,2.9rem)}.home-tool-card,.home-final-cta,.pricing-spotlight,.modal-card,.card,.panel,.pricing-card,.translator-card{border-radius:20px}.translator-area,.translator-result{min-height:0}.translator-area,.translator-output-text{min-height:170px;font-size:1.02rem}.translator-panel-meta{min-height:30px;padding:0 10px;font-size:.78rem}.button{min-height:46px}.pill{min-height:34px}.quota-banner{border-radius:16px}}