:root{color-scheme:light;--green:#123d32;--paper:#fff9ef;--orange:#f17b38;--muted:#56685f;--line:#e0dfd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--green);font:17px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(1280px,100%);margin:auto;padding:0 64px}header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:185px;height:auto;display:block}nav{display:flex;flex-wrap:wrap;gap:30px}a{color:inherit;text-underline-offset:5px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,4.8vw,66px);line-height:1.07;letter-spacing:-2.2px;font-weight:800}h1 span{color:var(--orange)}.hero{background:var(--green);color:var(--paper)}.hero-grid{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:44px;padding-top:66px;padding-bottom:66px}.hero p{font-size:23px;max-width:38ch;margin:24px 0 30px;line-height:1.4}.brand-icon{width:min(100%,340px);height:auto;justify-self:center;border-radius:70px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;background:var(--green);color:var(--paper);padding:14px 25px;font-size:17px;font-weight:750;line-height:1.3;text-decoration:none;min-height:48px}.button:hover{filter:brightness(1.1)}.button.light{background:var(--paper);color:var(--green)}.features{display:grid;grid-template-columns:repeat(3,1fr);padding-top:34px;padding-bottom:38px;gap:40px}.features article+article{border-left:1px solid var(--line);padding-left:40px}.number{font-size:34px;line-height:1.15;color:#c25013;font-weight:800}.features h2{font-size:25px;margin:6px 0 9px}.features p{color:#374a40;font-size:17px;max-width:34ch}.downloads{background:var(--green);color:var(--paper)}.download-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-top:35px;padding-bottom:35px}.downloads h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15;letter-spacing:-1.3px}.downloads .download-grid>div>p{font-size:20px;max-width:43ch;margin-top:18px}.download-panel{background:var(--paper);color:var(--green);padding:26px;display:grid;grid-template-columns:1fr 165px;gap:22px;border-radius:24px}.platform h3{font-size:20px}.platform p{font-size:14px;color:var(--muted);margin-top:4px}.platform+.platform{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.download-link{margin-top:10px;font-size:14px;padding:10px 14px;min-height:44px}.release-note{max-width:28ch}.qr{border-left:1px solid var(--line);padding-left:15px;text-align:center}.qr img{display:block;width:150px;max-width:100%;height:auto;margin:auto}.qr p{font-size:14px;margin-top:8px}.qr a{display:block;font-size:11px;margin-top:7px}.help{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-top:48px;padding-bottom:48px}.help h2{font-size:29px;letter-spacing:-.6px}.help p{color:var(--muted);margin:10px 0 18px}.email{display:inline-block;margin:16px}.updates h3{font-size:23px}.updates p{font-size:16px}footer{background:#0c2f26;color:var(--paper)}.footer-content{padding-top:24px;padding-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer strong{font-size:25px}footer nav{gap:24px;font-size:14px}footer small{font-size:12px;color:#d5e0da}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}@media(min-width:1400px){.wrap{padding-left:32px;padding-right:32px}}@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}.hero-grid{gap:28px;grid-template-columns:1.5fr 1fr}.hero p{font-size:19px}.brand-icon{border-radius:45px}.features{gap:20px}.features article+article{padding-left:20px}.download-grid{grid-template-columns:1fr}.download-panel{max-width:650px}.help{gap:28px}}@media(max-width:560px){.wrap{padding-left:22px;padding-right:22px}header{padding-top:20px;padding-bottom:20px;align-items:flex-start;flex-direction:column;gap:18px}.logo{width:160px}nav{gap:24px;font-size:14px}.hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px;gap:30px}h1{font-size:43px;letter-spacing:-1.6px}.brand-icon{width:180px;border-radius:40px}.features{grid-template-columns:1fr;gap:20px}.features article{display:grid;grid-template-columns:48px 1fr;column-gap:12px}.features article+article{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.number{grid-row:1/3}.features h2{margin:0 0 4px}.features p{max-width:none}.download-panel{padding:22px;grid-template-columns:1fr;gap:22px}.qr{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.downloads h2{font-size:34px}.downloads .download-grid>div>p{font-size:18px}.help{grid-template-columns:1fr}.email{margin-left:0;display:block}.footer-content{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button.outline{border:1px solid #b8cdbf;background:transparent;color:var(--paper)}@media(max-width:560px){header nav{gap:14px 20px}}
/* Brand arcs follow the supplied Kimbota reference; decoration never intercepts controls. */
.hero,.downloads{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#1b4c3c 0%,#123d32 65%)}
.hero::before,.downloads::before{content:"";position:absolute;pointer-events:none;z-index:-1;width:760px;height:760px;border:100px solid #74a78d12;border-radius:50%;right:-150px;top:-480px;transform:rotate(-25deg)}
.hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;width:860px;height:860px;border:1px solid #b2d6bf24;border-radius:50%;right:-280px;top:-400px}
.downloads::before{left:-410px;top:-460px;right:auto;border-width:76px;border-color:#8cb79d14}
.hero-grid,.download-grid{position:relative}.brand-icon{filter:drop-shadow(0 24px 40px #03180e24)}
.hero-actions .outline:hover{background:#ffffff0d}.features .number{display:inline-block;position:relative}.features .number::after{content:"";position:absolute;width:24px;height:24px;border:1px solid #f47a3540;border-radius:50%;right:-18px;top:0}
@media(max-width:560px){.hero::before{width:540px;height:540px;right:-330px;top:-220px;border-width:70px}.hero::after{right:-490px;top:-230px}.hero-actions{gap:10px}.hero-actions .button{font-size:15px;padding:13px 19px}.downloads::before{left:-380px}}
/* Accessible identity and prominent plan navigation. */
[data-account]{min-width:0}.site-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#123d32}.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:2px solid #c9d9ce;border-radius:50%;background:#e8f0e9;color:#123d32;font-size:12px;font-weight:800;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-name{font-size:12px;max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-signout,.account-entry{border:1px solid #becfc2;background:#fff9ef;color:#123d32;padding:8px 11px;border-radius:999px;min-height:40px;font:600 12px system-ui;cursor:pointer;text-decoration:none}.account-signout:hover:not(:disabled),.account-entry:hover{background:#123d32;color:#fff9ef}.account-signout:disabled{opacity:.5;cursor:wait}.plans-link{display:inline-flex;align-items:center;border-radius:999px;background:#123d32;color:#fff9ef;padding:8px 15px;font-weight:750}.plans-link:hover{background:#215845;color:#fff9ef}.plans-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px;border-top:1px solid #e0dfd4}.plans-callout h2{font-size:29px;line-height:1.2;margin:8px 0}.plans-callout p{max-width:60ch;color:#52645b;font-size:15px}.plans-callout .button{flex-shrink:0}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800}@media(max-width:900px){header{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}header nav{gap:14px;align-items:center}.plans-callout{align-items:flex-start;flex-direction:column}}@media(max-width:560px){header.wrap{display:grid;grid-template-columns:1fr auto}header.wrap nav{grid-column:1/-1;grid-row:2}header.wrap [data-account]{grid-column:2;grid-row:1}.account-name{display:none}.site-account{gap:6px}.account-signout{font-size:11px;padding:7px}.plans-callout h2{font-size:25px}}

/* Mobile navigation: each label has a deliberate row and cannot overlap the hero. */
@media(max-width:560px){header.wrap{padding-top:14px;padding-bottom:16px;row-gap:14px}header.wrap nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;width:100%;font-size:13px}header.wrap nav a{display:flex;align-items:center;min-width:0;min-height:40px;overflow-wrap:anywhere}.plans-link{justify-content:center;padding:8px 10px}}

/* Site header: reserve a complete row for navigation before it can wrap. */
@media(max-width:1020px){
  header.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:0;padding-top:16px;padding-bottom:16px;gap:14px 24px}
  header.wrap>a:first-child{grid-column:1;grid-row:1;min-width:0}
  header.wrap>[data-account]{grid-column:2;grid-row:1;justify-self:end;min-width:0}
  header.wrap>nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px 14px;font-size:14px}
  header.wrap>nav a{display:flex;align-items:center;min-width:0;min-height:42px;overflow-wrap:anywhere}
}
@media(max-width:700px){
  header.wrap{padding-top:14px;padding-bottom:16px;gap:12px 16px}
  header.wrap>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;font-size:13px}
  header.wrap>nav .plans-link{justify-content:center;padding:8px 10px}
  header.wrap .logo{width:160px}
  header.wrap .account-name{display:none}
}
