:root{--color-black:#111;--color-blue:#4d8dff;--color-cyan:#69ddf2;--color-violet:#b39af7;--color-offwhite:#f7f8fa;--color-lightgray:#e9ecf2;--color-midgray:#8d96a5;--brand-gradient:linear-gradient(90deg, #b39af7 0%, #4d8dff 50%, #69ddf2 100%);--color-text:var(--color-black);--color-muted:var(--color-midgray);--color-accent:var(--color-blue);--color-accent-soft:#4d8dff1a;--color-accent-border:#4d8dff47;--color-border:var(--color-lightgray);--color-soft:var(--color-offwhite);--color-white:#fff;--color-surface:#fff;--color-accent-faint:#4d8dff12;--color-cyan-soft:#69ddf229;--color-violet-soft:#b39af72e;--color-black-soft:#1d1d1d;--font-family-base:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.78rem;--font-size-sm:.92rem;--font-size-base:1rem;--font-size-md:1.08rem;--font-size-lg:1.2rem;--font-size-xl:1.55rem;--font-size-2xl:2rem;--font-size-hero:clamp(2.35rem, 5vw, 4.45rem);--line-height-tight:1.12;--line-height-heading:1.24;--line-height-base:1.65;--line-height-relaxed:1.7;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--shadow-card:0 14px 35px #11111112;--shadow-product:0 22px 60px #1111111a;--shadow-soft:0 10px 30px #1111110f;--shadow-header:0 8px 24px #1111110d;--gradient-hero:radial-gradient(circle at 82% 16%, #b39af738, transparent 32%), radial-gradient(circle at 94% 52%, #69ddf22b, transparent 30%), linear-gradient(135deg, #fff 0%, var(--color-offwhite) 60%, #69ddf21f 100%);--gradient-card:linear-gradient(180deg, #fff 0%, var(--color-offwhite) 100%);--width-page:1120px;--width-tool:1040px;--width-readable:880px;--width-narrow:720px;--container-gutter:32px}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-white);font-family:var(--font-family-base)}body{color:var(--color-text);background:linear-gradient(180deg, #fff 0%, var(--color-soft) 100%);font-family:var(--font-family-base);line-height:var(--line-height-base);margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #4d8dff2e}main{min-height:70vh}h1,h2,h3{color:var(--color-text);font-weight:var(--font-weight-semibold)}p{margin:0}.container{width:min(var(--width-page), calc(100% - var(--container-gutter)));margin:0 auto}.site-header{z-index:20;box-shadow:var(--shadow-header);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #e9ecf2e6;position:sticky;top:0}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.header-inner{min-height:76px}.brand{align-items:center;gap:var(--space-3);font-size:1.15rem;font-weight:var(--font-weight-semibold);display:inline-flex}.brand-logo{object-fit:contain;border-radius:12px;flex:none;width:48px;height:48px;display:block}.brand-mark{width:36px;height:36px;color:var(--color-white);background:linear-gradient(135deg, var(--color-violet), var(--color-blue) 55%, var(--color-cyan));border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff52,0 10px 18px #4d8dff33}.brand-wordmark{color:var(--color-text);font-size:1.35rem;font-weight:var(--font-weight-semibold);line-height:1}.brand-copy{gap:1px;display:grid}.brand-name{line-height:1.1}.brand-line{color:var(--color-muted);font-size:.74rem;font-weight:var(--font-weight-medium);line-height:1.2}.main-nav{align-items:center;gap:var(--space-6);color:var(--color-muted);font-weight:var(--font-weight-semibold);display:flex}.main-nav a{border-radius:999px;padding:.55rem .75rem;transition:background .16s,color .16s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--color-accent);background:var(--color-accent-soft)}.page-hero{padding:var(--space-20) 0 var(--space-14);border-bottom:1px solid var(--color-border);background:var(--gradient-hero);position:relative;overflow:hidden}.page-hero:before,.page-hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.page-hero:before{background:#b39af729;width:18rem;height:18rem;top:-9rem;right:-8rem}.page-hero:after{background:#69ddf224;width:11rem;height:11rem;bottom:-7rem;right:18%}.page-hero--compact{padding:var(--space-14) 0 var(--space-10)}.page-hero h1{max-width:780px;font-size:var(--font-size-hero);line-height:var(--line-height-tight);margin:0}.page-hero p{max-width:760px;margin:var(--space-5) 0 0;color:var(--color-muted);font-size:var(--font-size-md)}.eyebrow{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:0;text-transform:uppercase}.section{padding:var(--space-16) 0}.section--soft{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-soft)}.section-header{max-width:var(--width-narrow);margin-bottom:var(--space-8)}.section-header h2{font-size:var(--font-size-2xl);line-height:var(--line-height-heading);margin:0}.section-header p{margin:var(--space-3) 0 0;color:var(--color-muted)}.intro-text{max-width:760px;color:var(--color-muted);font-size:var(--font-size-md)}.home-hero{padding:var(--space-16) 0 var(--space-14)}.home-hero__grid{z-index:1;gap:var(--space-12);grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:center;display:grid;position:relative}.home-hero__content{max-width:780px}.home-hero__actions{gap:var(--space-3);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.button-link{min-height:46px;font-weight:var(--font-weight-semibold);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1rem;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button-link:hover,.button-link:focus-visible{transform:translateY(-1px)}.button-link--primary{color:var(--color-white);background:var(--color-blue);box-shadow:0 14px 30px #4d8dff38}.button-link--secondary{border:1px solid var(--color-border);color:var(--color-text);background:#ffffffd1}.home-hero__cue{width:fit-content;margin-top:var(--space-5);border:1px solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-sm);background:#ffffffc7;border-radius:999px;padding:.45rem .7rem;display:inline-flex}.hero-preview{padding:var(--space-7);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e9ecf2f2;border-radius:28px;box-shadow:0 26px 70px #1111111a}.hero-preview__topline,.hero-preview__fields{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.hero-preview__topline{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.hero-preview__fields{margin-top:var(--space-6)}.hero-preview__fields>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);padding:var(--space-4);flex:1}.hero-preview label,.hero-preview span{color:var(--color-muted);font-size:var(--font-size-sm);display:block}.hero-preview__input-wrap{margin-top:var(--space-2);align-items:baseline;gap:.08em;display:flex}.hero-preview__input{width:100%;min-width:0;margin-top:var(--space-2);color:var(--color-text);font:inherit;font-size:1.55rem;font-weight:var(--font-weight-semibold);background:0 0;border:0;border-radius:0;padding:0;line-height:1.1;display:block}.hero-preview__input-wrap .hero-preview__input{margin-top:0}.hero-preview__input-wrap span{color:var(--color-text);font-size:1.55rem;font-weight:var(--font-weight-semibold);line-height:1.1}.hero-preview__input:focus{outline:none}.hero-preview__input:focus-visible{border-radius:var(--radius-sm);outline-offset:3px;outline:3px solid #4d8dff2e}.hero-preview strong{margin-top:var(--space-2);color:var(--color-text);font-size:1.55rem;font-weight:var(--font-weight-semibold);line-height:1.1;display:block}.hero-preview__result{margin-top:var(--space-5);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-offwhite), #fff);padding:var(--space-5)}.hero-preview__result strong{font-size:clamp(2.2rem,5vw,3.6rem)}.hero-preview__result p{margin-top:var(--space-3);color:var(--color-muted)}.tools-band,.tools-overview-section,.tool-main-section{background:linear-gradient(180deg, var(--color-soft) 0%, #fff 100%)}.tools-grid,.benefits-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tools-grid--overview{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-card,.benefit-card,.tool-shell,.tool-section,.calculator-card,.result-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white)}.tool-card,.benefit-card,.tool-section,.calculator-card,.result-card{background:var(--gradient-card);box-shadow:var(--shadow-soft)}.tool-card{min-height:230px;padding:var(--space-6);flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}.tool-card:before{background:linear-gradient(90deg, var(--color-violet), var(--color-blue) 55%, #69ddf252);content:"";height:3px;position:absolute;inset:0 0 auto}.tool-card:hover,.tool-card:focus-visible{border-color:var(--color-accent-border);transform:translateY(-2px);box-shadow:0 18px 42px #11111117}.tool-card__category{color:var(--color-accent);font-size:.82rem;font-weight:var(--font-weight-semibold)}.tool-card h3,.benefit-card h3{margin:var(--space-3) 0 var(--space-2);line-height:var(--line-height-heading)}.tool-card p,.benefit-card p{color:var(--color-muted)}.tool-card__link{width:fit-content;padding-top:var(--space-6);color:var(--color-accent);font-weight:var(--font-weight-semibold);border-radius:999px;align-items:center;margin-top:auto;display:inline-flex}.benefit-card,.tool-shell{padding:var(--space-6)}.overview-hero,.tool-hero{background:radial-gradient(circle at 80% 18%, #b39af729, transparent 34%), radial-gradient(circle at 94% 48%, #69ddf21f, transparent 30%), linear-gradient(135deg, #fff 0%, var(--color-soft) 100%)}.tool-hero{padding:var(--space-8) 0 var(--space-5)}.tool-hero__inner{max-width:var(--width-tool)}.tool-hero h1{max-width:790px}.tool-hero p{max-width:820px}.tool-main-section{padding:var(--space-4) 0 var(--space-14)}.tool-page{max-width:var(--width-tool)}.tool-content{gap:var(--space-6);display:grid}.tool-section,.result-card{width:min(var(--width-readable), 100%);padding:var(--space-7);margin:0 auto}.tool-section{border-color:#e9ecf2f2}.calculator-card{gap:var(--space-6);padding:var(--space-7);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);align-items:center;display:grid}.tool-section h2,.calculator-card h2,.result-card h2{margin:0 0 var(--space-3);font-size:var(--font-size-xl);line-height:var(--line-height-heading)}.tool-section p,.calculator-card p,.result-card p,.mistakes-list{color:var(--color-muted)}.tool-section p,.tool-section li,.result-card p{line-height:var(--line-height-relaxed)}.example-fields{gap:var(--space-3);display:grid}.example-fields span{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-soft);height:44px;display:block}.result-card,.formula-box{background:var(--color-soft)}.formula-box{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-5);color:var(--color-text);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;display:inline-block}.mistakes-list{padding-left:var(--space-5);margin:0}.mistakes-list li+li{margin-top:var(--space-2)}.tool-meta{width:min(var(--width-readable), 100%);justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-1) auto 0;color:var(--color-muted);font-size:var(--font-size-sm);display:flex}.tool-meta a{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.rn-meter-section,.rn-meter-page-section{background:#f7f8fa}.rn-meter-inner{gap:var(--space-8);display:grid}.rn-meter-header{max-width:var(--width-narrow)}.rn-meter-header h2{font-size:var(--font-size-2xl);line-height:var(--line-height-heading);margin:0}.rn-meter-header p{max-width:760px;margin-top:var(--space-3);color:var(--color-muted)}.rn-meter-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.rn-meter-card{background:#fff;border:1px solid #e9ecf2;border-radius:24px;flex-direction:column;min-width:0;min-height:292px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #1111110e}.rn-meter-card:before{width:46px;height:3px;margin-bottom:var(--space-4);content:"";background:#4d8dff;border-radius:999px;display:block}.rn-meter-title{color:#111;margin:0;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.22}.rn-meter-number{min-width:0;max-width:100%;margin-top:var(--space-4);color:#111;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,2.55vw,2.35rem);font-weight:var(--font-weight-semibold);letter-spacing:0;text-overflow:clip;white-space:nowrap;line-height:1.05;display:block;overflow:hidden}.rn-meter-number--long{font-size:clamp(1.55rem,2.1vw,2rem)}.rn-meter-number--xlong{font-size:clamp(1.35rem,1.8vw,1.65rem)}.rn-meter-sub{max-width:100%;margin-top:var(--space-3);color:#8d96a5;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.rn-meter-details{padding-top:var(--space-6);color:#8d96a5;font-size:var(--font-size-sm);border-top:1px solid #e9ecf2;margin-top:auto}.rn-meter-details summary{color:#4d8dff;cursor:pointer;width:fit-content;font-weight:var(--font-weight-semibold);border-radius:999px}.rn-meter-details summary:focus-visible{outline-offset:3px;outline:3px solid #4d8dff2e}.rn-meter-details-body{gap:var(--space-3);margin-top:var(--space-4);line-height:1.55;display:grid}.rn-meter-details-body ul{gap:var(--space-2);padding-left:var(--space-5);margin:0;display:grid}.rn-meter-details-body a{color:#4d8dff;font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.rn-meter-actions{justify-content:center;display:flex}.rn-meter-cta{flex:none}.rn-meter-disclaimer{width:min(var(--width-readable), 100%);border-radius:var(--radius-lg);padding:var(--space-5);color:#8d96a5;background:#fff;border:1px solid #e9ecf2}.rn-meter-disclaimer p{margin:0}.rn-meter-explainer .section-header{margin-bottom:0}.site-footer{background:linear-gradient(135deg, var(--color-black), var(--color-black-soft));color:var(--color-white);border-top:1px solid #e9ecf224}.footer-inner{color:#ffffffc7;min-height:108px}.footer-brand{align-items:center;gap:var(--space-3);color:var(--color-white);font-weight:var(--font-weight-semibold);display:inline-flex}.footer-brand .brand-mark{width:32px;height:32px;box-shadow:none}@media (width<=900px){.tools-grid,.benefits-grid,.rn-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-card{grid-template-columns:1fr}.home-hero__grid{gap:var(--space-8);grid-template-columns:1fr}.hero-preview{max-width:520px}}@media (width<=640px){:root{--container-gutter:28px}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;flex-direction:row}.footer-inner{flex-direction:column;align-items:flex-start}.main-nav{gap:var(--space-3);width:auto;margin-left:auto}.main-nav a{padding:.45rem .5rem}.brand-logo{width:40px;height:40px}.brand-wordmark{font-size:1.15rem}.brand-line{display:none}.page-hero{padding:var(--space-12) 0 var(--space-10)}.tool-hero{padding:var(--space-8) 0 var(--space-5)}.home-hero{padding:var(--space-12) 0 var(--space-10)}.section{padding:var(--space-10) 0}.tool-main-section{padding:var(--space-4) 0 var(--space-10)}.tools-grid,.benefits-grid,.rn-meter-grid{grid-template-columns:1fr}.rn-meter-card{min-height:0;padding:22px}.rn-meter-number{font-size:clamp(1.75rem,8vw,2.35rem)}.rn-meter-number--long,.rn-meter-number--xlong{font-size:clamp(1.3rem,6.4vw,1.9rem)}.home-hero__actions,.hero-preview__topline,.hero-preview__fields{flex-direction:column;align-items:stretch}.button-link{width:100%}.hero-preview{border-radius:var(--radius-xl);padding:var(--space-5)}.tool-section,.result-card,.calculator-card{padding:var(--space-5)}.tool-meta{flex-direction:column;align-items:flex-start}}