:root{--bg:#f5f3ee;--surface:#fffdf9;--ink:#0e1116;--muted:#5b6470;--line:#e6e2d9;--lime:#c6f24e;--violet:#5a48e8;--peach:#ffd9c7;--sky:#cfe6ff;--display:"Bricolage Grotesque",sans-serif;--body:Geist,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 2%,#e2f1d2 0,transparent 30rem),var(--bg);color:var(--ink);font:16px/1.5 var(--body)}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.shell,.app-header,footer{max-width:1312px;margin:auto;padding-inline:clamp(18px,4.4vw,56px)}.app-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:10px;font:800 22px var(--display);letter-spacing:.09em}.app-brand img{width:40px;height:40px}.app-brand span{padding-left:10px;border-left:1px solid #c9c4b8;color:var(--muted);font:700 10px var(--body);letter-spacing:.12em}.app-header nav,footer nav{display:flex;gap:20px;font-size:13px;font-weight:700}.app-header nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}.apps-hero{max-width:780px;padding:clamp(75px,11vw,145px) 0 45px}.eyebrow{margin:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.16em}.apps-hero h1,.bench-heading h1{margin:16px 0;font:800 clamp(60px,9vw,112px)/.92 var(--display);letter-spacing:-.075em}.apps-hero h1 em,.bench-heading h1 em{color:var(--violet);font-style:normal}.apps-hero>p:last-child,.bench-heading>p{max-width:620px;color:var(--muted);font-size:18px;line-height:1.65}.app-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;padding-bottom:26px}.app-card{min-height:390px;padding:32px;border:1px solid var(--line);border-radius:30px;background:var(--surface)}.unit-card{position:relative;overflow:hidden;background:var(--ink);color:#fff}.unit-card:after{position:absolute;right:-5rem;bottom:-9rem;width:29rem;aspect-ratio:1;border:42px solid var(--lime);border-radius:50%;content:"";opacity:.95}.app-icon{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:var(--lime);color:var(--ink);font:800 42px var(--display)}.coming-card .app-icon{background:var(--peach)}.app-card .eyebrow{position:relative;z-index:1;margin-top:62px;color:#b9c0cb}.coming-card .eyebrow{color:var(--muted)}.app-card h2{position:relative;z-index:1;margin:10px 0;font:800 clamp(36px,4vw,54px)/1 var(--display);letter-spacing:-.05em}.app-card p:not(.eyebrow){position:relative;z-index:1;max-width:29rem;color:#c7ced7}.coming-card p:not(.eyebrow){color:var(--muted)}.app-card b{position:relative;z-index:1;display:inline-block;margin-top:40px;font-size:14px}.app-card i{margin-left:7px;color:var(--lime);font-size:19px}.privacy-note{display:flex;gap:10px;align-items:baseline;margin:25px 0 92px;padding:17px 20px;border-radius:16px;background:#edf5e6;color:var(--muted);font-size:14px}.privacy-note strong{color:var(--ink)}footer{display:flex;justify-content:space-between;gap:18px;padding-block:28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer b{color:var(--ink);font-family:var(--display)}.bench{padding-top:40px;padding-bottom:80px}.back{display:inline-block;font-size:13px;font-weight:700;color:var(--muted)}.bench-heading{padding:44px 0}.bench-heading h1{font-size:clamp(52px,7vw,86px)}.converter{overflow:hidden;border-radius:30px;background:#1b1f27;color:#fff;box-shadow:0 28px 75px #0e111624}.converter-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:30px 32px 24px;border-top:10px solid var(--lime)}.converter h2{margin:8px 0 0;font:800 clamp(32px,4vw,50px)/1 var(--display);letter-spacing:-.05em}.converter label,.result-field span{display:grid;gap:7px;color:#b9c0cb;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.converter select,.converter input{width:100%;height:55px;border:1px solid #ffffff2e;border-radius:12px;background:#ffffff10;color:#fff;padding:0 15px;font:600 17px var(--body)}.converter select option{color:var(--ink)}#converter-form{display:grid;grid-template-columns:1.05fr 1fr 54px 1fr 1.3fr;gap:12px;align-items:end;padding:10px 32px 30px}.amount-field,.unit-field{display:grid;gap:7px}.amount-field label,.unit-field label{color:#b9c0cb;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}#swap{height:55px;border:1px solid #ffffff80;border-radius:50%;background:transparent;color:#fff;font-size:25px;cursor:pointer}#swap:hover{border-color:var(--lime);background:var(--lime);color:var(--ink)}.result-field{min-height:78px;padding:12px 16px;border-radius:14px;background:var(--lime);color:var(--ink)}.result-field span{color:#46511c}.result-field output{font:800 clamp(24px,3vw,38px)/1.1 var(--display);letter-spacing:-.04em}.quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:17px 32px 24px;border-top:1px solid #ffffff1f;color:#b9c0cb;font-size:13px}.quick button{border:1px solid #ffffff36;border-radius:999px;background:transparent;color:#fff;padding:6px 11px;cursor:pointer}.quick button:hover{background:#fff;color:var(--ink)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:64px 0}.how span{color:var(--violet);font-weight:800}.how h2{margin:14px 0 6px;font:800 25px var(--display);letter-spacing:-.035em}.how p{margin:0;color:var(--muted);font-size:14px}@media(max-width:760px){.app-header{min-height:74px}.app-header nav a:not(:first-child){display:none}.apps-hero{padding-top:72px}.app-grid,#converter-form,.how{grid-template-columns:1fr}.app-card{min-height:290px}.app-card .eyebrow{margin-top:38px}.privacy-note{align-items:flex-start;flex-direction:column;margin-bottom:60px}.converter-head{align-items:start;flex-direction:column;padding:22px}.converter-head label{width:100%}#converter-form{padding:8px 22px 22px}.result-field{min-height:85px}#swap{width:55px;justify-self:center;transform:rotate(90deg)}.quick{padding:16px 22px}.how{gap:30px;padding:48px 0}footer{align-items:flex-start;flex-direction:column}}
