.skano-page {
  --purple: #205a45;
  --purple-dark: #123e2f;
  --purple-light: #e4eee7;
  --bg: #fcfbf6;
  --bg2: #f3f5ee;
  --surface: #ffffff;
  --text: #183c30;
  --text2: #596b60;
  --border: #dce5dc;
  --card-shadow: 0 12px 36px rgba(24,60,48,.06);
  background: var(--bg);
  color: var(--text);
}
html.dark .skano-page { --bg:#111c16; --bg2:#17271e; --surface:#1b3024; --text:#f2f5ed; --text2:#bfcdc2; --border:#314c3c; --purple:#93c5a8; --purple-dark:#75af8b; --purple-light:#243f30; }
.skano-page .navbar { background: color-mix(in srgb,var(--bg) 94%,transparent); border-bottom: 1px solid var(--border); }
.skano-page main { padding-top: var(--nav-h); }
.skano-page .logo { gap: 10px; }
.skano-logo { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#205a45; color:#fff; }
.skano-page .btn-primary { background:#205a45; color:#fff; }
.skano-page .btn-primary:hover { background:#123e2f; }
.skano-page a:focus-visible,.skano-page button:focus-visible { outline:3px solid #7faa88; outline-offset:4px; }
.skano-hero { padding:88px 0 72px; background:radial-gradient(ellipse at 85% 30%,#dce9d8 0,transparent 55%); }
html.dark .skano-hero { background:radial-gradient(ellipse at 85% 30%,#243f30 0,transparent 55%); }
.skano-hero-inner { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:64px; }
.skano-eyebrow { display:inline-flex; align-items:center; gap:8px; margin-bottom:24px; padding:7px 12px; border:1px solid var(--border); border-radius:999px; font-size:12px; font-weight:700; background:var(--bg); }
.skano-hero h1 { max-width:700px; font-size:clamp(42px,5.8vw,72px); letter-spacing:-.055em; line-height:1.04; margin-bottom:24px; }
.skano-lead { max-width:630px; font-size:20px; color:var(--text2); margin-bottom:24px; }
.skano-small { color:var(--text2); font-size:13px; margin-top:14px; }
.skano-page .hero-ctas { margin-top:26px; }
.skano-store-buttons { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 10px; }
.skano-store-buttons button { display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:12px; background:#183c30; color:#fff; text-align:left; opacity:.72; cursor:not-allowed; font:inherit; font-size:14px; }
.skano-store-buttons small { display:block; font-size:10px; opacity:.8; }
.skano-device { max-width:310px; margin:auto; padding:12px; border:1px solid #bdcfbd; border-radius:40px; background:var(--surface); box-shadow:0 28px 80px rgba(24,60,48,.12); transform:rotate(3deg); }
.skano-device-screen { padding:28px 20px; border:1px solid var(--border); border-radius:29px; background:var(--bg); }
.skano-device-title { display:flex; justify-content:space-between; margin-bottom:24px; font-weight:800; }
.skano-scan-frame { display:grid; place-items:center; margin-bottom:22px; height:110px; border:2px dashed #a7c5ae; border-radius:18px; font-size:58px; background:var(--bg2); }
.skano-demo-name { margin-bottom:8px; font-size:17px; font-weight:700; }
.skano-demo-tags { display:flex; gap:6px; margin:16px 0; }
.skano-demo-tags span { padding:5px 9px; background:var(--purple-light); border-radius:7px; font-size:11px; }
.skano-nutrient { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--border); font-size:12px; }
.skano-device-caption { margin:18px auto 0; text-align:center; color:var(--text2); font-size:11px; }
.skano-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:16px 44px; padding:24px 16px; border-block:1px solid var(--border); color:var(--text2); font-size:13px; }
.skano-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.skano-feature { padding:26px; border:1px solid var(--border); border-radius:20px; background:var(--surface); box-shadow:var(--card-shadow); }
.skano-feature > i { display:grid; place-items:center; width:42px; height:42px; margin-bottom:20px; background:var(--purple-light); border-radius:12px; color:var(--purple); font-size:23px; }
.skano-feature h3 { margin-bottom:10px; font-size:19px; }
.skano-feature p { color:var(--text2); font-size:14px; }
.skano-compare { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.skano-compare h2 { margin:12px 0 22px; }
.skano-compare p { color:var(--text2); margin-bottom:18px; }
.skano-table { width:100%; border-collapse:collapse; border-radius:16px; overflow:hidden; background:var(--surface); font-size:13px; }
.skano-table th,.skano-table td { padding:16px 12px; border-bottom:1px solid var(--border); text-align:left; }
.skano-table th { background:var(--purple-light); }
.skano-screens { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.skano-screen-slot { display:grid; place-content:center; gap:14px; padding:24px; min-height:340px; border:1px dashed #adc4b0; border-radius:28px; background:var(--surface); text-align:center; color:var(--text2); }
.skano-screen-slot i { font-size:34px; color:var(--purple); }
.skano-screen-slot strong { font-size:14px; }
.skano-screen-slot small { font-size:11px; }
.skano-callout { padding:28px; border-left:4px solid #7faa88; border-radius:0 16px 16px 0; background:var(--purple-light); font-size:15px; }
.skano-page .footer { background:var(--bg2); border-top:1px solid var(--border); }
.skano-footer-inner { display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:32px; }
.skano-footer-links { display:flex; gap:12px 24px; flex-wrap:wrap; max-width:650px; }
.skano-footer-links a { font-size:13px; color:var(--text2); }
.skano-footer-links a:hover { text-decoration:underline; }
.skano-document-hero { padding:60px 0 44px; background:var(--bg2); border-bottom:1px solid var(--border); }
.skano-document-hero h1 { margin:18px 0; font-size:clamp(34px,5vw,50px); letter-spacing:-.035em; }
.skano-document-hero p { max-width:760px; color:var(--text2); }
.skano-document { max-width:860px; margin:auto; padding:54px 24px 90px; }
.skano-document section { margin-bottom:36px; scroll-margin-top:90px; }
.skano-document h2 { font-size:25px; margin:30px 0 16px; }
.skano-document h3 { font-size:19px; margin:22px 0 12px; }
.skano-document p { color:var(--text2); margin:14px 0; }
.skano-document ul,.skano-document ol { padding-left:24px; margin:16px 0; color:var(--text2); }
.skano-document ul { list-style:disc; }
.skano-document li { margin-bottom:10px; }
.skano-document a { color:var(--purple); text-decoration:underline; text-underline-offset:3px; }
.skano-document details { padding:18px 0; border-bottom:1px solid var(--border); }
.skano-document summary { cursor:pointer; font-weight:650; }
.skano-document .contact-form { margin:24px 0; max-width:none; background:var(--surface); border:1px solid var(--border); box-shadow:none; }
.skano-form-status { display:block; margin-top:18px; font-size:14px; }
.skano-form-status[data-state="error"] { color:#a32222; }
.skano-honey { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.skano-form-note { font-size:12px; }
@media(max-width:900px) { .skano-hero-inner,.skano-compare { grid-template-columns:1fr; gap:40px; } .skano-hero { padding:56px 0; } .skano-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .skano-screens { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .skano-feature-grid { grid-template-columns:1fr; } .skano-hero h1 { font-size:46px; } .skano-lead { font-size:18px; } .skano-screen-slot { min-height:260px; padding:14px; } .skano-screens { gap:12px; } .skano-device { transform:none; } .skano-store-buttons { flex-direction:column; } .skano-store-buttons button { justify-content:center; } .skano-footer-inner { gap:24px; } .skano-document { padding-inline:18px; } }