:root{--color-bg:#f6fbf7;--color-bg-soft:#ecf6ef;--color-surface:#ffffffd1;--color-surface-strong:#fff;--color-text:#16302c;--color-muted:#63746f;--color-line:#25524a24;--color-primary:#165b4c;--color-primary-strong:#0e3f36;--color-accent:#ef9d43;--color-sky:#83c6d6;--shadow-soft:0 24px 80px #17363124;--shadow-card:0 18px 50px #165b4c1f;--radius-lg:32px;--radius-md:22px;--radius-sm:14px;--container:1160px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 5%,#83c6d657,#0000 34rem),radial-gradient(circle at 84% 8%,#ef9d4338,#0000 32rem),linear-gradient(#f6fbf7 0%,#eef7f2 50%,#f8fbf0 100%);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:#ef9d4347}.site-shell{position:relative;overflow-x:clip}.container{width:min(var(--container), calc(100% - 40px));margin:0 auto}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-line);background:#f6fbf7c7;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.nav__brand{letter-spacing:-.02em;align-items:center;gap:12px;min-width:0;font-weight:800;display:inline-flex}.nav__brand img{flex:none;width:38px;height:38px}.nav__links{color:var(--color-muted);align-items:center;gap:18px;font-size:14px;display:flex}.nav__links a:hover{color:var(--color-primary)}.nav__web-link,.nav__docs-link{min-height:36px;color:var(--color-primary);white-space:nowrap;background:#165b4c14;border:1px solid #165b4c24;border-radius:999px;align-items:center;padding:0 14px;font-weight:800;display:inline-flex}.nav__web-link:hover,.nav__docs-link:hover{background:#165b4c1f}.lang-button{color:var(--color-primary);cursor:pointer;background:#ffffffb8;border:1px solid #165b4c2e;border-radius:999px;padding:9px 13px;box-shadow:0 10px 28px #165b4c14}.hero{min-height:760px;padding:88px 0 84px;position:relative}.hero__canvas{z-index:0;opacity:.92;position:absolute;inset:0}.hero .container{z-index:1;position:relative}.hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr);align-items:center;gap:54px;display:grid}.section{padding:92px 0}.section--tight{padding-top:58px}.two-column{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:34px;display:grid}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.screenshot-groups{gap:28px;margin-top:34px;display:grid}.screenshot-grid{gap:18px;display:grid}.screenshot-grid--mobile,.screenshot-grid--web{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{color:var(--color-muted);border-top:1px solid var(--color-line);padding:34px 0 46px}.footer__inner{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:920px){.nav__links a{display:none}.nav__links a.nav__web-link,.nav__links a.nav__docs-link{display:inline-flex}.hero{min-height:auto;padding:64px 0}.hero__grid,.two-column{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}.screenshot-group__heading{flex-direction:column;align-items:start}}@media (max-width:620px){.container{width:min(100% - 28px, var(--container))}.nav__inner{gap:8px;min-height:64px}.nav__links{gap:8px}.nav__web-link,.nav__docs-link{min-height:34px;padding:0 10px}.lang-button{padding:9px 11px}.nav__brand{gap:8px}.nav__brand span{text-overflow:ellipsis;white-space:nowrap;max-width:84px;overflow:hidden}.hero{padding:46px 0 54px}.section{padding:64px 0}.cards-grid,.screenshot-grid--mobile,.screenshot-grid--web{grid-template-columns:1fr}.footer__inner{flex-direction:column;align-items:flex-start}}@media (max-width:460px){.nav__brand span{display:none}}.eyebrow{color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:999px;width:30px;height:2px}.hero__title{letter-spacing:-.065em;color:var(--color-primary-strong);margin:0;font-size:clamp(40px,6.8vw,76px);line-height:.98}.hero__subtitle,.section__body{color:var(--color-muted);font-size:clamp(17px,2vw,20px);line-height:1.78}.hero__subtitle{max-width:650px;margin:26px 0 0}.section__title{letter-spacing:-.055em;color:var(--color-primary-strong);margin:0;font-size:clamp(34px,5vw,58px);line-height:1}.section__body{margin:22px 0 0}.cta-row{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border:1px solid #165b4c2e;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button--primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), #257867);box-shadow:0 18px 45px #165b4c47}.button--ghost{color:var(--color-primary);background:#ffffff9e}.button:hover{transform:translateY(-2px);box-shadow:0 22px 52px #165b4c2e}.hero-note{color:var(--color-primary);border:1px solid var(--color-line);background:#ffffffad;border-radius:999px;margin-top:22px;padding:10px 14px;display:inline-flex}.hero-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffff9e;border:1px solid #ffffffc2;padding:24px;position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle,#ef9d4342,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;inset:-40% -20% auto auto}.phone-mock{background:#183b34;border-radius:38px;max-width:330px;margin:0 auto;padding:14px;position:relative;box-shadow:0 28px 80px #0f312a47}.phone-mock__screen{background:linear-gradient(#fbfff9,#edf8ef);border-radius:28px;min-height:500px;padding:18px}.platform-list{flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.platform-list li{min-height:34px;color:var(--color-primary-strong);background:#ffffffb3;border:1px solid #165b4c1f;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #165b4c14}.floating-breadcrumb{z-index:35;align-items:center;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.floating-breadcrumb:before{content:"";width:18px;height:48px;position:absolute;top:0;right:48px}.floating-breadcrumb__trigger{z-index:2;width:48px;height:48px;color:var(--color-primary);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #165b4c29;border-radius:16px;justify-content:center;align-items:center;padding:0;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative;box-shadow:0 18px 44px #165b4c2e}.floating-breadcrumb__trigger:hover,.floating-breadcrumb:focus-within .floating-breadcrumb__trigger,.floating-breadcrumb:hover .floating-breadcrumb__trigger,.floating-breadcrumb[data-pinned=true] .floating-breadcrumb__trigger{background:#fff;transform:translate(-2px);box-shadow:0 24px 58px #165b4c3d}.floating-breadcrumb__icon{gap:5px;width:22px;display:grid}.floating-breadcrumb__icon span{background:currentColor;border-radius:999px;height:3px;display:block}.floating-breadcrumb__icon span:nth-child(2){justify-self:end;width:15px}.floating-breadcrumb__panel{width:214px;color:var(--color-primary-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;background:#ffffffeb;border:1px solid #165b4c24;border-radius:22px;padding:16px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:50%;right:56px;transform:translate(12px,-50%);box-shadow:0 24px 70px #165b4c33}.floating-breadcrumb:hover .floating-breadcrumb__panel,.floating-breadcrumb:focus-within .floating-breadcrumb__panel,.floating-breadcrumb[data-pinned=true] .floating-breadcrumb__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)}.floating-breadcrumb__title{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px 8px;font-size:12px;font-weight:800;display:block}.floating-breadcrumb ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.floating-breadcrumb li{position:relative}.floating-breadcrumb li:not(:last-child):after{content:"";background:#165b4c24;width:1px;position:absolute;top:30px;bottom:-5px;left:14px}.floating-breadcrumb a{min-height:34px;color:var(--color-muted);border-radius:12px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;font-weight:800;display:flex;position:relative}.floating-breadcrumb a:before{content:"";background:#fff;border:2px solid #165b4c3d;border-radius:50%;flex:none;width:13px;height:13px;box-shadow:0 0 0 4px #165b4c0d}.floating-breadcrumb a:hover,.floating-breadcrumb a:focus-visible{color:var(--color-primary);background:#165b4c12;outline:none}.floating-breadcrumb a:hover:before,.floating-breadcrumb a:focus-visible:before{border-color:var(--color-primary);background:var(--color-primary)}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.metric{border:1px solid var(--color-line);background:#ffffffc2;border-radius:18px;padding:14px}.metric strong{color:var(--color-primary-strong);font-size:22px;display:block}.metric span{color:var(--color-muted);font-size:12px}.card{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);border:1px solid #ffffffd1;padding:24px}.card h3{margin:0 0 10px;font-size:20px}.card p{color:var(--color-muted);margin:0;line-height:1.68}.feature-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffffffe0,#ecf6efc7);border:1px solid #fffc;padding:28px}.bullet-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.bullet-list li{color:var(--color-muted);align-items:center;gap:10px;display:flex}.bullet-list li:before{content:"";background:var(--color-accent);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #ef9d4324}.screenshot-group{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#ffffff8f;border:1px solid #ffffffd1;padding:22px}.screenshot-group__heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.screenshot-group__heading h3{color:var(--color-primary-strong);letter-spacing:-.03em;margin:0;font-size:clamp(22px,2.8vw,32px)}.screenshot-group__heading p{color:var(--color-muted);margin:0;line-height:1.65}.screenshot-card{box-shadow:var(--shadow-card);background:#ffffffc2;border:1px solid #ffffffdb;border-radius:26px;overflow:hidden}.screenshot-card img{aspect-ratio:9/16;object-fit:cover;width:100%}.screenshot-card--wide img{aspect-ratio:auto;object-fit:contain;background:#fff;height:auto}.entry-card{border-radius:var(--radius-lg);color:#f8fff9;background:radial-gradient(circle at 82% 18%,#ef9d4359,#0000 18rem),linear-gradient(135deg,#103d34,#1b705e 58%,#2c8b76);grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:28px;padding:32px;display:grid;box-shadow:0 28px 90px #0d3e343d}.entry-card .eyebrow,.entry-card .section__title{color:#fff}.entry-card .section__body,.entry-card p{color:#f8fff9d1}.entry-badge{background:#ffffff24;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:8px 12px;display:inline-flex}.entry-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}.entry-platforms li{background:#ffffff1f;border:1px solid #fff3;border-radius:18px;gap:6px;padding:14px;display:grid}.entry-platforms strong{color:#fff;font-size:14px}.entry-platforms span{color:#f8fff9bd;font-size:13px;line-height:1.5}.entry-platforms__link{width:-moz-fit-content;width:fit-content;max-width:100%;min-height:34px;color:var(--color-primary-strong);text-align:center;overflow-wrap:anywhere;background:#ffffffe6;border-radius:999px;justify-content:center;align-items:center;margin-top:4px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #08221d29}.entry-platforms__link:hover,.entry-platforms__link:focus-visible{color:var(--color-primary-strong);outline-offset:2px;background:#fff;outline:2px solid #ffffff80}.entry-placeholder{background:#ffffff1f;border-radius:28px;width:210px;overflow:hidden}@media (max-width:620px){.hero__title{letter-spacing:-.055em}.metric-row{grid-template-columns:1fr}.entry-card{grid-template-columns:1fr;padding:24px}.entry-platforms{grid-template-columns:1fr}.entry-placeholder{width:100%;max-width:230px}}@media (max-width:920px){.floating-breadcrumb{top:auto;right:14px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:45;align-items:flex-end;transform:none}.floating-breadcrumb:before{display:none}.floating-breadcrumb__trigger{border-radius:16px;width:46px;height:46px}.floating-breadcrumb__trigger:hover,.floating-breadcrumb:focus-within .floating-breadcrumb__trigger,.floating-breadcrumb:hover .floating-breadcrumb__trigger,.floating-breadcrumb[data-pinned=true] .floating-breadcrumb__trigger{transform:translateY(-2px)}.floating-breadcrumb__panel{width:min(214px,100vw - 86px);padding:14px;top:auto;bottom:0;right:54px;transform:translate(10px)}.floating-breadcrumb:hover .floating-breadcrumb__panel,.floating-breadcrumb:focus-within .floating-breadcrumb__panel,.floating-breadcrumb[data-pinned=true] .floating-breadcrumb__panel{transform:translate(0)}}