:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#28342d;background:#f5f6f2;font-synthesis:none;--muted:#747c74;--line:#e0e4db;--accent:#dcf486}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #6b8a2d;outline-offset:4px}button,a{touch-action:manipulation}.app-shell{max-width:1080px;padding:0 40px;margin:0 auto}.header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:30px;letter-spacing:-1.6px;font-weight:800;display:flex;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--accent);width:35px;height:35px;border-radius:10px;font-size:31px;margin-right:10px;font-weight:500}.brand-dot{color:#84a744}.header-label{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--muted)}.intro{position:relative;padding:59px 0 51px;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#839b4a}h1{font-size:66px;line-height:1.06;letter-spacing:-3.3px;font-weight:650;margin:22px 0}h1>span{color:#8a9287}.intro-text{font-size:15px;line-height:1.75;color:#687368;margin:0}.intro-decoration{position:absolute;right:40px;top:48px;width:260px;height:260px;display:grid;place-items:center}.intro-decoration .orbit{position:absolute;inset:0;border:1px solid #dde2d4;border-radius:50%;background:repeating-linear-gradient(135deg,transparent,transparent 11px,#e9eddf 11px,#e9eddf 12px);transform:rotate(-10deg)}.intro-decoration>span{z-index:1;font-size:155px;line-height:1;background:var(--accent);width:160px;height:160px;border-radius:35px;display:grid;place-items:center;transform:rotate(-10deg);box-shadow:0 14px 30px #a0b67026}.intro-decoration small{position:absolute;bottom:4px;right:-25px;background:#f5f6f2;padding:10px;font-size:8px;line-height:1.8;letter-spacing:1.6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{font-size:19px;font-weight:650;letter-spacing:-.4px;margin:0}.section-heading>span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.area-card{display:block;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s}.area-card:hover{transform:translateY(-3px);border-color:#a6bd79;box-shadow:0 8px 22px #34422409}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.area-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.area-icon svg{width:25px;height:25px}.peach{background:#ffede1;color:#a5663f}.green{background:#ecf3d9;color:#6e803a}.blue{background:#e8effb;color:#6685ac}.sand{background:#f8efd8;color:#a48a42}.lavender{background:#efeafa;color:#8c77ad}.mint{background:#e3f1eb;color:#5b927a}.card-number{font-family:monospace;font-size:11px;color:#a1a89f}.area-card h3{font-size:19px;letter-spacing:-.5px;margin:0 0 10px;font-weight:650}.card-bottom{display:flex;align-items:flex-end;gap:10px;justify-content:space-between}.card-bottom p{font-size:12px;line-height:1.65;color:var(--muted);margin:0;max-width:185px;min-height:39px}.card-arrow{font-size:21px;line-height:1;flex-shrink:0}.notice{margin:27px 0;display:flex;align-items:flex-start;gap:11px;padding:17px 19px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.notice>span{border:1px solid #8b9583;border-radius:50%;font-family:serif;font-weight:bold;font-size:11px;min-width:16px;height:16px;display:grid;place-items:center;margin-top:2px}.notice p{font-size:11px;line-height:1.7;margin:0}.notice strong{color:#5c6857;font-weight:650;display:block;margin-bottom:2px}footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;align-items:center;gap:8px;color:#899082;font-size:10px}.footer-mark{font-size:16px}.version{margin-left:auto;font-size:9px;white-space:nowrap}.breadcrumb{display:flex;gap:12px;color:var(--muted);font-size:12px;margin:28px 0}.breadcrumb a{color:#34422f}.kit-intro{display:flex;align-items:center;gap:20px;padding:18px 0 35px}.kit-intro>.area-icon{width:72px;height:72px;border-radius:20px}.kit-intro>.area-icon svg{width:38px;height:38px}.kit-intro h1{font-size:44px;letter-spacing:-1.8px;margin:9px 0;outline:none}.kit-intro p{font-size:13px;color:var(--muted);margin:0}.kit-heading{padding-top:22px;border-top:1px solid var(--line)}.kit-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}.section-heading>.demo-badge{background:#e9eddf;color:#637347;padding:8px 11px;border-radius:6px;white-space:nowrap;font-size:8px}.kit-list{display:grid;gap:10px}.kit-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.kit-row{display:flex;align-items:center;gap:18px;padding:21px}.item-number{font-size:11px;font-family:monospace;color:#8b9486;background:#f4f6ef;border:1px solid #ebeee4;padding:12px 10px;border-radius:10px}.item-info{flex:1;min-width:0}.item-category{color:var(--muted);font-size:11px}.item-info h3{font-size:15px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere;font-weight:650}.item-status{font-size:10px;color:#738456}.item-status>span{color:#91978b}.item-status.changed{color:#567d29}.variants-button{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:11px;padding:11px 13px;display:flex;gap:18px;align-items:center;flex-shrink:0}.variants-button:hover{background:#f2f5e9}.variants-button span{font-size:16px}.variants{padding:0 21px 20px 76px}.variants[hidden]{display:none}.variants-caption{font-size:11px;color:var(--muted);margin:3px 0 12px}.variant-options{display:grid;gap:8px}.variant-option{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);background:#fafbf8;border-radius:9px;color:inherit;width:100%}.variant-option.selected{background:#f2f8df;border-color:#a7bf6a}.variant-option strong{font-size:12px;font-weight:600;display:block;line-height:1.6;overflow-wrap:anywhere}.variant-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.radio{height:16px;width:16px;border:1px solid #c1c8b7;border-radius:50%;flex-shrink:0}.selected .radio{border:5px solid #718d38}.check{margin-left:auto;color:#718d38}.compatibility{font-size:10px;line-height:1.6;color:var(--muted);margin:12px 0 0}.kit-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eaf0df;border-radius:12px;padding:19px 22px;margin-top:16px}.kit-summary strong{font-size:12px;font-weight:650}.kit-summary small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.reset-button{border:0;background:transparent;font-size:11px;color:#4e6536;padding:9px}.reset-button:disabled{color:#89927e}.back-button{display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--accent);padding:17px;border-radius:10px;margin:0 0 30px;font-weight:600}.back-button:hover{background:#cfe875}
@media(min-width:900px){.areas-section{margin-top:6px}}
@media(max-width:750px){.app-shell{padding:0 24px}.header{height:80px}.intro{padding:40px 0}.intro-decoration{right:-65px;top:64px;width:200px;height:200px;opacity:.6}.intro-decoration>span{font-size:110px;width:120px;height:120px}.intro-decoration small{display:none}h1{font-size:52px;letter-spacing:-2.7px}.intro-text{position:relative;max-width:340px;font-size:14px}.intro h1,.intro .eyebrow{position:relative;z-index:2}.area-grid{grid-template-columns:repeat(2,1fr)}.area-card{padding:19px}.kit-intro h1{font-size:36px}.kit-row{padding:17px;gap:12px}.variants{padding-left:17px;padding-right:17px}}
@media(max-width:480px){.app-shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.header{height:73px}.brand{font-size:26px}.brand-mark{width:30px;height:30px;font-size:26px}.header-label{font-size:8px;letter-spacing:1px}.intro{padding:34px 0 32px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:47px;letter-spacing:-2.6px;margin:20px 0 18px}.intro-decoration{right:-94px;top:40px;opacity:.4;width:185px;height:185px}.intro-decoration>span{width:110px;height:110px;font-size:100px;border-radius:24px}.intro-text{font-size:13px;line-height:1.75;max-width:290px}.desktop-break{display:none}.section-heading{margin-bottom:15px}.section-heading h2{font-size:17px}.section-heading>span{font-size:8px;letter-spacing:.7px}.area-grid{gap:10px}.area-card{padding:17px 14px;border-radius:14px}.card-top{margin-bottom:22px}.area-icon{width:40px;height:40px;border-radius:11px}.area-icon svg{width:23px;height:23px}.card-number{font-size:9px}.area-card h3{font-size:17px;letter-spacing:-.5px;line-height:1.2;min-height:21px}.card-bottom{gap:4px}.card-bottom p{font-size:10px;min-height:34px;line-height:1.6}.card-arrow{font-size:17px}.notice{padding:14px 12px;gap:9px;margin:22px 0}.notice p{font-size:10px}footer{font-size:9px;align-items:flex-start;line-height:1.6;padding-bottom:max(24px,env(safe-area-inset-bottom))}.version{font-size:8px}.breadcrumb{font-size:11px;margin:22px 0}.kit-intro{gap:14px;padding:12px 0 26px}.kit-intro>.area-icon{width:55px;height:55px;border-radius:16px}.kit-intro>.area-icon svg{width:29px;height:29px}.kit-intro .eyebrow{font-size:8px;letter-spacing:1px}.kit-intro h1{font-size:30px;letter-spacing:-1px;line-height:1.15}.kit-intro p{font-size:11px;line-height:1.6}.kit-heading{align-items:flex-start}.kit-heading p{font-size:10px;line-height:1.6}.section-heading>.demo-badge{font-size:7px;padding:6px}.kit-row{flex-wrap:wrap;gap:10px;padding:16px 14px}.item-number{padding:10px 8px;font-size:10px}.item-info h3{font-size:13px}.item-category{font-size:10px}.item-status{font-size:9px}.variants-button{margin-left:42px;font-size:10px;padding:9px 12px;min-height:38px}.variants{padding:0 14px 16px}.variant-option{padding:12px 10px;gap:9px}.variant-option strong{font-size:11px}.variant-option small,.compatibility{font-size:9px}.kit-summary{padding:16px 14px}.kit-summary strong{font-size:11px}.kit-summary small,.reset-button{font-size:10px}.reset-button{max-width:125px}.back-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){.item-info{flex-basis:calc(100% - 44px)}}