:root{color-scheme:light;--night:var(--lab-canvas);--surface:var(--lab-sheet);--pearl:var(--lab-ink);--sage:var(--lab-muted);--line:var(--lab-rule);--cyan:var(--dp-accent);--muted:var(--dp-muted);--font:var(--lab-font)}
.brand-mark{border-color:#c1c9b9;border-radius:9px;background:#edf0e7;color:var(--dp-accent)}
.brand b{color:var(--lab-muted)}.button{border-color:#d4d6cf;border-radius:14px}.button.primary{background:var(--dp-accent);border-color:var(--dp-accent);color:#fff}.button:hover{background:#ecefe7;border-color:#aebca4}.button.primary:hover{background:#294b3a;border-color:#294b3a}
.hero{padding-block:80px 88px;gap:56px}.hero h1{font-weight:600;letter-spacing:-2.2px}.hero h1 em{color:var(--dp-accent)}.hero-products{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0;position:relative;padding:26px 16px;background:#eeefea;border-radius:36px;min-height:390px}.hero-product{min-width:0;flex:1;max-width:200px;text-decoration:none}.hero-product:first-child{align-self:flex-start;max-width:186px}.hero-product:last-child{margin-top:48px;max-width:170px}.hero-product>span{display:block;font-size:11px;font-weight:600;margin-bottom:12px;color:var(--lab-muted)}.hero-product img{width:100%;height:auto;display:block;border-radius:22px;border:1px solid #deded6;box-shadow:0 12px 30px #3031360c}.hero-product:hover img{outline:1px solid #aebca4}.hero-product small{font-size:10px;display:block;margin-top:10px;color:var(--lab-muted)}
.products{gap:28px}.product{border-color:#deded6;border-radius:var(--lab-radius);grid-template-columns:1.2fr 1fr;align-items:center;padding-bottom:28px;min-height:380px}.product h3{font-family:var(--lab-font);font-size:27px;font-weight:600;letter-spacing:-1px}.product p{color:var(--lab-muted)}.voice{background:#efefec}.decision{background:#ecefdf}.tag{color:var(--dp-accent)}.phone-frame{transform:none!important;max-height:none;aspect-ratio:auto;border:1px solid #d8dbd2;border-radius:22px;box-shadow:0 12px 24px #30313608;margin-top:8px;overflow:clip;background:#f7f7f5}.phone-frame img{height:auto;width:100%}.post-row:hover h2{color:var(--dp-accent)}.post-meta{color:var(--lab-muted)}.prose{color:#353735}.prose h2,.prose h3{color:var(--lab-ink)}.prose blockquote{background:#edf0e7;border-color:var(--dp-accent)}.prose code{background:#eceee8}.prose pre{background:#eeefeb}.cover img{background:#eeefeb}.article-header h1{font-weight:600}.preview-banner{background:#eef1e8;border-color:#c7d2c0;color:var(--dp-accent);border-radius:12px}
.admin-page{background:var(--lab-canvas)}.admin-page input:not([type=file]),.admin-page textarea{background:#fff;border-color:#d4d7cf;color:var(--lab-ink)}.admin-page input::placeholder,.admin-page textarea::placeholder{color:#767970}.admin-page input:read-only{background:#edeee9;color:#666}.admin-post.selected{background:#e8eddf;border-color:var(--dp-accent)}.admin-post:hover{background:#edf0e6}.format-bar{background:#eeefe9;border-color:#d4d7cf}.format-bar button:hover{background:#e1e6d7}.search-preview{background:#fff;border-color:#d4d7cf}.search-preview strong{color:#254c8d}.slug-field{border-color:#d4d7cf}.editor-message.error,#auth-message{color:#a13c30}.danger{color:#a13c30}.welcome-mark{color:#8b9b80}.admin-page input.title-input{background:none;border:0}.skip{background:var(--dp-accent);color:#fff}dialog{border-color:#c8cfc1;background:var(--lab-canvas)}#preview-frame{background:var(--lab-canvas)}
@media(max-width:1150px){.product h3{font-size:23px}.hero{gap:32px}.hero-products{padding:20px 12px;gap:14px;min-height:340px}.hero-product:last-child{margin-top:36px}}
@media(max-width:760px){.hero{padding-block:48px 56px;gap:36px}.hero h1{letter-spacing:-1.5px}.hero-products{padding:24px;gap:20px;min-height:330px;max-width:480px;width:100%;margin-inline:auto}.hero-product:first-child{max-width:155px}.hero-product:last-child{max-width:145px}.product{padding:28px 24px;min-height:330px}.product h3{font-size:25px}.phone-frame{margin-top:0}.product .text-link{font-size:11px}}
.article-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-block:32px}.article-downloads .button{max-width:100%;white-space:normal;text-align:center}