:root{--color-bg: #f6f5f2;--color-surface: #ffffff;--color-surface-muted: #eceae4;--color-ink: #152033;--color-ink-muted: #4a5568;--color-ink-faint: #6b7789;--color-border: #ddd8cf;--color-border-strong: #b8b2a6;--color-accent: #1f4d3a;--color-accent-hover: #163a2c;--color-accent-soft: #e4efe8;--color-result: #0d2e22;--color-result-bg: #e8f2ec;--color-warn: #7a4e12;--color-warn-bg: #f7efd9;--color-danger: #7a1f1f;--color-focus: #2a6b4f;--shadow-sm: 0 1px 2px rgba(21, 32, 51, .05);--shadow-md: 0 10px 28px rgba(21, 32, 51, .08);--shadow-lg: 0 18px 48px rgba(21, 32, 51, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-display: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--max-width: 72rem;--header-h: 3.75rem;--touch: 2.75rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.55;color:var(--color-ink);background-color:var(--color-bg);background-image:linear-gradient(180deg,#eceee9 0%,var(--color-bg) 18%,var(--color-bg) 100%);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-ink);color:#fff;padding:var(--space-2) var(--space-4);z-index:1000}.skip-link:focus{left:var(--space-4);top:var(--space-4)}.container{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#f6f5f2eb;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-ink);text-decoration:none;font-weight:600;letter-spacing:-.02em;font-size:1.125rem}.brand__mark{width:1.5rem;height:1.5rem;border-radius:4px;background:var(--color-accent);box-shadow:inset 0 0 0 2px #ffffff26}.nav{display:none;gap:var(--space-4);align-items:center}.nav a{color:var(--color-ink-muted);text-decoration:none;font-size:.9375rem;font-weight:500}.nav a:hover,.nav a[aria-current=page]{color:var(--color-ink)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);cursor:pointer}.nav-panel{display:none;border-top:1px solid var(--color-border);padding:var(--space-3) 0 var(--space-4)}.nav-panel.is-open{display:block}.nav-panel a{display:block;padding:var(--space-3) 0;color:var(--color-ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--color-border)}@media(min-width:768px){.nav{display:flex}.nav-toggle{display:none}.nav-panel{display:none!important}}.site-footer{margin-top:var(--space-8);border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-7) 0 var(--space-6)}.footer-grid{display:grid;gap:var(--space-5)}@media(min-width:768px){.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}}.site-footer h2{margin:0 0 var(--space-3);font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li+li{margin-top:var(--space-2)}.site-footer a{color:var(--color-ink-muted);text-decoration:none}.site-footer a:hover{color:var(--color-ink)}.footer-note{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-ink-faint);font-size:.875rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:.875rem;color:var(--color-ink-faint);margin:var(--space-4) 0 var(--space-3)}.breadcrumbs a{color:var(--color-ink-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-ink)}.breadcrumbs span[aria-hidden=true]{color:var(--color-border-strong)}.hero{padding:var(--space-5) 0 var(--space-4)}.hero h1{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.15;letter-spacing:-.03em;font-weight:600}.hero p{margin:0;max-width:38rem;color:var(--color-ink-muted);font-size:1.0625rem}.section{padding:var(--space-6) 0}.section__title{margin:0 0 var(--space-2);font-size:1.375rem;letter-spacing:-.02em}.section__lede{margin:0 0 var(--space-5);color:var(--color-ink-muted);max-width:40rem}.card-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:560px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.card-grid.card-grid--3{grid-template-columns:repeat(3,1fr)}}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.tool-card:hover{border-color:#b7c0b4;box-shadow:var(--shadow-md)}.tool-card__eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);font-weight:600}.tool-card h3{margin:0;font-size:1.125rem;letter-spacing:-.02em}.tool-card p{margin:0;color:var(--color-ink-muted);font-size:.9375rem;flex:1}.tool-card__cta{margin-top:var(--space-2);font-weight:600;color:var(--color-accent);font-size:.9375rem}.category-chip{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);text-decoration:none;font-size:.875rem;font-weight:500}.category-chip:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.calc-shell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}@media(min-width:768px){.calc-shell{padding:var(--space-6)}}.calc-shell h2{margin:0 0 var(--space-2);font-size:1.25rem}.calc-shell>.lede{margin:0 0 var(--space-5);color:var(--color-ink-muted)}.field-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.field-grid--2{grid-template-columns:repeat(2,1fr)}.field-grid--3{grid-template-columns:repeat(3,1fr)}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:.875rem;font-weight:600;color:var(--color-ink)}.field .hint{font-size:.8125rem;color:var(--color-ink-faint)}.field input,.field select{min-height:var(--touch);padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:1rem;width:100%}.field input:focus,.field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1f4d3a26;outline:none}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-ink)}.btn--secondary:hover{border-color:#b7c0b4}.btn--disabled,.btn[aria-disabled=true]{opacity:.55;pointer-events:none;cursor:not-allowed}.results{margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-result-bg);border:1px solid #c5dccf}.results[hidden]{display:none}.results__main-label{margin:0;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);font-weight:600}.results__main-value{margin:var(--space-2) 0 var(--space-4);font-family:var(--font-mono);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:600;letter-spacing:-.03em;color:var(--color-result);line-height:1.1}.results__grid{display:grid;gap:var(--space-3)}@media(min-width:560px){.results__grid{grid-template-columns:repeat(2,1fr)}}.result-item{padding:var(--space-3);background:#ffffffa6;border-radius:var(--radius-sm);border:1px solid rgba(31,77,58,.12)}.result-item dt{margin:0;font-size:.8125rem;color:var(--color-ink-muted)}.result-item dd{margin:var(--space-1) 0 0;font-family:var(--font-mono);font-size:1.0625rem;font-weight:600}.calc-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:#f8eaea;border:1px solid #e2bcbc;border-radius:var(--radius-sm);color:var(--color-danger);font-size:.9375rem}.calc-error[hidden]{display:none}.warnings{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-warn-bg);border:1px solid #e4d3a8;border-radius:var(--radius-sm);color:var(--color-warn);font-size:.9375rem}.warnings[hidden]{display:none}.warnings ul{margin:var(--space-2) 0 0;padding-left:1.2rem}.content-block{margin-top:var(--space-7)}.content-block h2{margin:0 0 var(--space-3);font-size:1.375rem;letter-spacing:-.02em}.content-block h3{margin:var(--space-5) 0 var(--space-2);font-size:1.0625rem}.content-block p,.content-block li{color:var(--color-ink-muted)}.content-block ul{padding-left:1.2rem}.disclaimer{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-ink-faint)}.app-cta{margin-top:var(--space-7);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(135deg,#f7f8f6,#eef3ef)}.app-cta h2{margin:0 0 var(--space-2);font-size:1.25rem}.app-cta p{margin:0 0 var(--space-4);color:var(--color-ink-muted);max-width:36rem}.app-cta__note{margin:var(--space-3) 0 0;font-size:.8125rem;color:var(--color-ink-faint)}.faq details{border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{margin:var(--space-3) 0 0;color:var(--color-ink-muted)}.page-intro{margin-bottom:var(--space-5)}.page-intro h1{margin:0 0 var(--space-3);font-size:clamp(1.625rem,4vw,2.25rem);letter-spacing:-.03em;line-height:1.2}.page-intro p{margin:0;color:var(--color-ink-muted);max-width:42rem}.prose{max-width:42rem}.prose h1{letter-spacing:-.03em}.mode-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.mode-tabs button{min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font:inherit;font-weight:500;cursor:pointer}.mode-tabs button[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upcoming-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:var(--color-surface-muted);border:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.04em}.brand__text{display:flex;flex-direction:column;line-height:1.1}.brand__name{font-size:1.05rem}.brand__sub{font-size:.65rem;font-weight:500;color:var(--color-ink-faint);letter-spacing:.02em}.btn--nav{min-height:2.25rem;padding:0 .9rem;font-size:.875rem}.hero--home{padding:var(--space-5) 0 var(--space-4)}.hero__grid{display:grid;gap:var(--space-5);align-items:center}@media(min-width:900px){.hero__grid{grid-template-columns:1.1fr .9fr;gap:var(--space-7)}}.hero__brand{margin:0 0 .35rem;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-faint)}.hero__product{margin:0 0 var(--space-3);font-size:.9375rem;font-weight:600;color:var(--color-accent)}.hero__lede{margin:0;max-width:36rem;color:var(--color-ink-muted);font-size:1.0625rem}.hero__visual{position:relative;min-height:18rem;display:flex;justify-content:center;align-items:flex-end;padding-bottom:var(--space-4)}.hero__icon{position:absolute;top:.5rem;left:12%;border-radius:16px;box-shadow:var(--shadow-md);z-index:2}.hero__phone{width:min(42vw,220px);border-radius:28px;box-shadow:var(--shadow-lg);border:1px solid rgba(21,32,51,.08);background:#111}.hero__phone--offset{width:min(36vw,190px);margin-left:-3.5rem;transform:translateY(1.25rem) rotate(4deg);opacity:.92;z-index:0}.section--tight{padding-top:var(--space-4)}.section--muted{background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);border-block:1px solid var(--color-border)}.section--cta{padding-bottom:var(--space-8)}.section__more{margin-top:var(--space-5)}.featured-stack{display:grid;gap:var(--space-5)}.featured-app{display:grid;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media(min-width:860px){.featured-app{grid-template-columns:1fr 1.05fr;align-items:center;padding:var(--space-6)}}.featured-app__identity{display:flex;gap:var(--space-4);align-items:flex-start}.featured-app__icon{width:72px;height:72px;border-radius:16px;box-shadow:var(--shadow-sm);flex-shrink:0}.featured-app__icon--fallback{display:inline-block;background:var(--color-accent-soft);border:1px solid var(--color-border)}.featured-app__cat{margin:0 0 .25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);font-weight:600}.featured-app h3{margin:0 0 .35rem;font-size:1.35rem;letter-spacing:-.02em}.featured-app__tagline{margin:0;color:var(--color-ink-muted)}.featured-app__features{margin:var(--space-4) 0;padding-left:1.1rem;color:var(--color-ink-muted)}.featured-app__features li+li{margin-top:.35rem}.featured-app__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.featured-app__shots{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.25rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.featured-app__shot{flex:0 0 auto;width:150px;border-radius:22px;box-shadow:var(--shadow-md);scroll-snap-align:start;border:1px solid rgba(21,32,51,.08)}.featured-app__shot.is-primary{width:170px}@media(min-width:860px){.featured-app__shot{width:170px}.featured-app__shot.is-primary{width:190px}}.tool-card--rich .tool-card__top{display:flex;gap:var(--space-3);align-items:center}.tool-card__icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}.tool-card__icon--fallback{display:inline-block;background:var(--color-accent-soft)}.tool-card__preview{margin-top:var(--space-2);display:flex;justify-content:center}.tool-card__preview img{width:120px;border-radius:18px;box-shadow:var(--shadow-sm)}.category-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}.category-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.category-card h3{margin:0;font-size:1.125rem}.category-card p{margin:0;color:var(--color-ink-muted);font-size:.9375rem;flex:1}.category-card__icon{font-size:1.25rem;color:var(--color-accent)}.category-card__meta{font-size:.8125rem;font-weight:600;color:var(--color-ink-faint)}.trust-row{display:grid;gap:var(--space-5)}@media(min-width:800px){.trust-row{grid-template-columns:1.4fr 1fr;align-items:center}}.trust-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}.trust-list li{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600}.product-hero{display:grid;gap:var(--space-5);margin-bottom:var(--space-6);align-items:center}@media(min-width:900px){.product-hero{grid-template-columns:1fr 1.05fr;gap:var(--space-6)}}.product-hero__icon{width:72px;height:72px;border-radius:16px;margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.product-hero__shots{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem 0 .5rem;-webkit-overflow-scrolling:touch}.product-hero__shot{flex:0 0 auto;width:min(58vw,200px);border-radius:24px;box-shadow:var(--shadow-md);scroll-snap-align:start;border:1px solid rgba(21,32,51,.08)}.product-hero__shot.is-primary{width:min(64vw,230px)}@media(min-width:900px){.product-hero__shot{width:190px}.product-hero__shot.is-primary{width:220px}}.shot-gallery__track{display:flex;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem 0 .75rem;-webkit-overflow-scrolling:touch}.shot-gallery__item{flex:0 0 auto;width:min(62vw,220px);padding:0;border:0;background:transparent;cursor:zoom-in;scroll-snap-align:start;text-align:left}.shot-gallery__item img{width:100%;border-radius:24px;box-shadow:var(--shadow-md);border:1px solid rgba(21,32,51,.08)}.shot-gallery__caption{display:block;margin-top:.5rem;font-size:.8125rem;color:var(--color-ink-faint)}.shot-lightbox{border:none;border-radius:var(--radius-lg);padding:var(--space-4);max-width:min(92vw,420px);background:#0f1419;color:#fff}.shot-lightbox::backdrop{background:#0a0e14b8}.shot-lightbox__bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.shot-lightbox__close{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:var(--radius-sm);min-height:2.25rem;padding:0 .85rem;cursor:pointer}.shot-lightbox img{width:100%;border-radius:18px}.app-cta__inner{display:flex;gap:var(--space-4);align-items:flex-start}.app-cta__icon{width:56px;height:56px;border-radius:14px;flex-shrink:0}.app-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.guide-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}.guide-card:hover{border-color:var(--color-accent)}.guide-card h3{margin:0;font-size:1.0625rem}.guide-card p{margin:0;color:var(--color-ink-muted);font-size:.9375rem}.showcase-card{display:grid;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media(min-width:900px){.showcase-card{grid-template-columns:minmax(240px,.95fr) 1.25fr;align-items:center;padding:var(--space-6)}}.showcase-card__identity{display:flex;gap:var(--space-4);align-items:flex-start}.showcase-card__icon{width:64px;height:64px;border-radius:14px;flex-shrink:0;box-shadow:var(--shadow-sm)}.showcase-card__icon--fallback{display:inline-block;background:var(--color-accent-soft);border:1px solid var(--color-border)}.showcase-card__cat{margin:0 0 .2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-faint);font-weight:600}.showcase-card h3{margin:0 0 .3rem;font-size:1.25rem;letter-spacing:-.02em}.showcase-card__tagline{margin:0;color:var(--color-ink-muted);font-size:.95rem}.showcase-card__desc{margin:var(--space-3) 0 0;color:var(--color-ink-muted);font-size:.9375rem}.showcase-card__features{margin:var(--space-3) 0 0;padding-left:1.1rem;color:var(--color-ink-muted);font-size:.9rem}.showcase-card__features li+li{margin-top:.25rem}.showcase-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.showcase-card__vitrine{display:flex;gap:.65rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem 0 .5rem;-webkit-overflow-scrolling:touch}.showcase-card__vitrine--single{overflow:visible;justify-content:flex-end}.showcase-card__shot{flex:0 0 auto;width:min(34vw,132px);border-radius:18px;box-shadow:var(--shadow-md);scroll-snap-align:start;border:1px solid rgba(21,32,51,.08);background:#111}@media(min-width:900px){.showcase-card__shot{width:148px}}