:root{--ink:#17221f;--muted:#66736d;--paper:#f6f7f3;--card:#fff;--line:#e4e9e2;--green:#b8ed70;--green-dark:#2c643d;--blue:#dce8ff;--shadow:0 24px 60px rgba(28,50,37,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
a{color:inherit}
.topbar{height:76px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,34,31,.08)}
.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.04em}
.brand-mark{width:29px;height:29px;border-radius:9px;background:var(--green);display:grid;place-items:center;transform:rotate(-5deg)}
.brand-mark span{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--green-dark);margin-left:2px}
.top-link{font-size:13px;color:var(--muted);text-decoration:none}.top-link:hover,.policy-back a:hover{color:var(--green-dark)}
.hero{max-width:1180px;min-height:548px;margin:auto;padding:76px 28px 68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;overflow:hidden}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#587b54;font-size:11px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.eyebrow-dot{width:7px;height:7px;background:#81b85c;border-radius:50%;display:inline-block}
h1,h2,h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.055em;line-height:1.1;margin:0;font-weight:700}
.hero h1{font-size:clamp(42px,5.4vw,70px);max-width:590px}.hero h1 em{font-style:normal;color:#668d50}
.lead{max-width:510px;color:var(--muted);font-size:18px;margin:24px 0 30px;line-height:1.65}
.primary-link,.secondary-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-size:14px;font-weight:700}
.primary-link{background:var(--ink);color:white;padding:14px 19px;border-radius:12px;box-shadow:0 8px 18px rgba(23,34,31,.12)}.primary-link span{color:var(--green);font-size:18px}
.hero-art{height:365px;position:relative;display:grid;place-items:center}
.sheet-card{width:min(100%,470px);background:var(--card);border:1px solid #e5e9e4;border-radius:20px;box-shadow:var(--shadow);padding:15px;position:relative;z-index:2;transform:rotate(2deg)}
.sheet-top{height:29px;display:flex;align-items:center;gap:6px;color:#94a19b;font-size:11px;padding:0 4px 10px}.sheet-top b{margin-left:auto;color:#7d8983;font-weight:600}
.sheet-dot{width:7px;height:7px;border-radius:50%;background:#dae2dc}.sheet-menu{border-radius:10px;background:#f3f7f1;color:#385943;font-weight:700;font-size:12px;padding:11px 12px;display:flex;gap:9px;align-items:center}.menu-glyph{color:#67914d;font-size:17px}.menu-chevron{margin-left:auto;color:#8a978e}
.sheet-grid{display:grid;grid-template-columns:1.4fr .85fr .9fr;margin-top:12px}.cell{height:45px;border-right:1px solid #edf0ec;border-bottom:1px solid #edf0ec;padding:9px 8px;font-size:10px;color:#53615a}.cell.head{background:#f7f9f6;color:#829087;font-weight:700;height:36px}.title-cell i{height:5px;display:block;background:#dbe5db;border-radius:4px;margin:3px 0;width:88%}.title-cell i+i{width:54%;background:#e8eee7}.number-cell{font-variant-numeric:tabular-nums;color:#52715a;font-weight:600}
.float-label{position:absolute;z-index:3;padding:10px 14px;background:white;border:1px solid #e8ece6;border-radius:12px;box-shadow:0 10px 28px rgba(29,54,37,.11);font-size:12px;font-weight:700;display:flex;gap:8px;align-items:center}.label-video{top:27px;left:2px;transform:rotate(-5deg)}.play-icon{color:#5b8a45;font-size:12px}.label-api{right:-4px;bottom:32px;transform:rotate(4deg)}.api-spark{color:#5f8d4d;font-size:17px}.art-orbit{position:absolute;border-radius:50%;border:1px solid #dfe7db}.orbit-one{width:340px;height:340px}.orbit-two{width:410px;height:410px;border-style:dashed;opacity:.7}
.section{max-width:1180px;margin:auto;padding:62px 28px}.how{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}.section-heading .eyebrow{margin:0}.section-heading h2{font-size:clamp(28px,3.6vw,42px)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;min-height:170px}.step-no{font-size:11px;font-weight:700;color:#78996a;letter-spacing:.12em}.step-card h3{font-size:20px;margin:19px 0 9px}.step-card p,.key-note p:last-child{font-size:14px;color:var(--muted);margin:0;line-height:1.65}
.details{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;padding-top:10px;padding-bottom:80px}.detail-panel,.key-note{border-radius:19px;padding:32px}.detail-panel{background:#e7f0df;display:grid;grid-template-columns:42px 1fr;gap:20px}.detail-icon{background:var(--green);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:var(--green-dark)}.detail-panel h2{font-size:30px;margin:0 0 22px}.feature-list{padding:0;margin:0;list-style:none;display:grid;gap:13px}.feature-list li{font-size:14px;color:#4c5e50;display:flex;gap:10px}.feature-list li:before{content:'✓';color:#4e7b45;font-weight:800}.key-note{background:var(--blue);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.key-symbol{font-size:22px;color:#4d70b8;background:#f7f9ff;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:25px}.key-note h3{font-size:25px;margin:0 0 14px;max-width:370px}.key-note p:last-child{color:#5b6a84}
.bottom-cta{max-width:1124px;margin:0 auto 56px;padding:30px 34px;background:var(--ink);border-radius:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.bottom-cta .eyebrow{color:#afd983;margin-bottom:10px}.bottom-cta h2{font-size:28px}.bottom-cta p:not(.eyebrow){color:#cad3cc;margin:8px 0 0;font-size:14px}.secondary-link{white-space:nowrap;padding:13px 16px;border:1px solid #52605a;border-radius:11px}.secondary-link span{color:var(--green)}
.footer{max-width:1180px;margin:auto;padding:0 28px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:#78847e}.footer a{color:#54625b;text-decoration:none}.footer a:hover{text-decoration:underline}
.policy-wrap{max-width:780px;margin:0 auto;padding:68px 28px 85px}.policy-wrap h1{font-size:clamp(38px,5vw,56px);margin-bottom:20px}.policy-intro{font-size:19px;color:#5e6b64;line-height:1.6;margin:0 0 44px}.policy-section{padding:27px 0;border-top:1px solid var(--line)}.policy-section h2{font-size:22px;margin-bottom:14px}.policy-section p{font-size:15px;color:#53615a;line-height:1.75;margin:0 0 13px}.policy-section p:last-child{margin-bottom:0}.policy-section a,.policy-back a{color:#426d43;text-decoration:underline;text-underline-offset:3px}.policy-back{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:26px;font-size:13px;color:#69766f}.policy-back a{text-decoration:none}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:58px;gap:18px}.hero-art{height:310px;max-width:560px;width:100%;margin:auto}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:12px}.details{grid-template-columns:1fr}.bottom-cta{margin:0 18px 38px;align-items:flex-start;flex-direction:column}.footer{flex-wrap:wrap}}
@media(max-width:560px){.topbar{height:64px;padding:0 18px}.brand{font-size:15px}.hero,.section{padding-left:18px;padding-right:18px}.hero{padding-top:48px}.hero h1{font-size:43px}.lead{font-size:16px}.hero-art{height:270px}.sheet-card{padding:10px}.cell{padding:8px 5px;font-size:9px;height:39px}.cell.head{font-size:9px}.label-video{left:0;top:10px}.label-api{right:0;bottom:5px}.orbit-one{width:280px;height:280px}.orbit-two{width:330px;height:330px}.steps{grid-template-columns:1fr}.step-card{min-height:auto}.detail-panel,.key-note{padding:23px}.detail-panel{grid-template-columns:34px 1fr;gap:14px}.detail-icon{width:34px;height:34px}.detail-panel h2{font-size:26px}.key-note h3{font-size:23px}.footer{padding-left:18px;padding-right:18px}.policy-wrap{padding:48px 20px 65px}.policy-intro{font-size:17px}.policy-section h2{font-size:20px}.policy-section p{font-size:14px}.policy-back{display:grid}.bottom-cta{padding:25px 22px}.bottom-cta h2{font-size:25px}.secondary-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}