:root{color-scheme:light;--bg:#f5f9fa;--ink:#091329;--muted:#4e5866;--accent:#009bad;--on-accent:#fff;--surface:#f5f9f9e8;--tile:#ffffffab;--line:#a8bdc34d;--logo:#10253c;--shade:#f2faff77;--alternate:#eaf2f4;--shadow:#152e4020}
[data-theme=dark]{color-scheme:dark;--bg:#151616;--ink:#faf9f5;--muted:#d0ceca;--accent:#ffb719;--on-accent:#171300;--surface:#201f1ce8;--tile:#35332eac;--line:#a8a49b38;--logo:#fff;--shade:#07102466;--alternate:#20211f;--shadow:#0005}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.1vw,82px);line-height:1.02;letter-spacing:-.032em;font-weight:850}h2{font-size:clamp(28px,3vw,46px);line-height:1.15;letter-spacing:-.025em}h3{font-size:22px;line-height:1.25;margin:18px 0 12px}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.ico{width:26px;height:26px;flex:none;vertical-align:middle}.skip{position:absolute;left:12px;top:-80px;z-index:10;background:var(--bg);padding:12px}.skip:focus{top:5px}.wordmark{display:block;width:200px;height:60px;background:var(--logo);mask:url(assets/control-freak-corporate-wordmark-white.svg) center/contain no-repeat;-webkit-mask:url(assets/control-freak-corporate-wordmark-white.svg) center/contain no-repeat}.brand{display:block;flex:none}.topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:10px 4%;background:var(--surface);backdrop-filter:blur(18px);position:relative;z-index:2}.topbar a{text-decoration:none}.topbar nav{display:flex;gap:36px}.nav-actions{display:flex;align-items:center;gap:16px}.theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--tile);display:grid;place-items:center}.theme-toggle .ico:first-child{display:none}[data-theme=dark] .theme-toggle .ico:first-child{display:block}[data-theme=dark] .theme-toggle .ico:last-child{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;min-height:44px;padding:10px 22px;border:1px solid var(--line);font-weight:650;text-decoration:none;line-height:1.3}.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.outline{background:var(--tile);border-color:var(--muted)}.hero{isolation:isolate;position:relative;min-height:900px;padding:38px 4% 130px;display:grid;grid-template-columns:1.25fr 1fr;gap:13%;align-items:start}.scene{position:absolute;inset:0;z-index:-2}.scene img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--shade),transparent 70%),linear-gradient(0deg,var(--shade),transparent 25%)}.hero-copy{max-width:730px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:750;margin-bottom:12px}.product-name{font-size:clamp(25px,2.6vw,42px);line-height:1.2;font-weight:750;margin-bottom:10px;letter-spacing:-.025em}.lead{font-size:22px;line-height:1.4;color:var(--muted);margin-top:20px;max-width:620px}.actions{display:flex;gap:14px;margin-top:22px}.actions .button{min-height:58px;padding:16px 30px;font-size:18px}.glass{border:1px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:0 14px 40px var(--shadow);backdrop-filter:blur(18px)}.trust{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-top:20px;font-size:12px;border-radius:13px;width:max-content;max-width:100%}.trust+.trust{margin-top:8px}.trust>span:not(.pill){border-left:1px solid var(--line);padding-left:12px}.trust .ico{width:22px;height:22px}.preview{padding:24px;width:100%;max-width:510px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.preview h2{font-size:27px}.pill{display:inline-block;padding:3px 12px;border-radius:999px;font-size:11px;line-height:1.3;border:1px solid var(--line);background:var(--tile)}.local{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.readings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.reading{display:flex;align-items:center;gap:15px;padding:16px;border-radius:14px;background:var(--tile)}.reading .ico{color:var(--accent);width:34px;height:34px}.reading small{display:block;color:var(--muted);font-size:14px}.reading strong{display:block;font-size:24px;line-height:1.25;letter-spacing:-.025em}.info-row{display:flex;align-items:center;gap:14px;border-radius:12px;background:var(--tile);padding:12px 14px;margin-top:6px;font-size:14px}.info-row>span{flex:1}.info-row small{display:block}.info-row .button{float:right;margin-left:8px;font-size:13px}.output-preview{margin-top:14px;margin-bottom:0;background:var(--tile);padding:15px;border-radius:14px}.output-preview>div{display:flex;align-items:center;gap:12px;font-size:14px}.output-preview strong{display:block;font-size:23px}.hero-caption{position:absolute;bottom:16px;left:4%;font-size:12px}.hero-caption p{margin-top:5px}.hero-caption small{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.band{padding:90px 0}.band:nth-child(even){background:var(--alternate)}.band h2{margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.cards article{border-top:1px solid var(--line);padding-top:26px}.cards article>.ico{color:var(--accent);width:34px;height:34px}.cards p{color:var(--muted)}.note{font-size:12px;color:var(--muted);margin-top:14px}.full-demo{margin:24px 0}.demo-frame{overflow:hidden;border:1px solid var(--line);border-radius:20px}.demo-frame iframe{width:100%;height:1250px;display:block;border:0}#beta .button{margin-top:25px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px;font-size:12px}dialog{max-width:min(520px,calc(100% - 36px));padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#0008}dialog p{margin:18px 0}
@media(max-width:1150px){.topbar nav{gap:20px;font-size:14px}.wordmark{width:165px}.hero{gap:5%;grid-template-columns:1.2fr 1fr}.hero h1{font-size:60px}.trust{flex-wrap:wrap;width:auto}.preview{padding:20px}.reading{padding:12px}.reading strong{font-size:22px}}
@media(max-width:850px){.topbar nav{display:none}.hero{gap:24px;padding-inline:25px}.hero h1{font-size:48px}.product-name{font-size:28px}.lead{font-size:18px}.reading{gap:8px;padding:10px}.reading .ico{width:25px;height:25px}.reading strong{font-size:19px}.preview{padding:16px}.preview h2{font-size:23px}.actions{flex-wrap:wrap}.cards{gap:24px}.info-row{font-size:12px}}
@media(max-width:600px){.topbar{min-height:72px;padding:8px 16px;gap:8px}.wordmark{width:125px;height:45px}.nav-actions{gap:8px}.topbar .button{font-size:12px;padding:10px 12px}.theme-toggle{width:38px;height:38px}.hero{display:block;min-height:0;padding:42px 20px 25px}.hero:after{background:linear-gradient(0deg,var(--bg) 0%,transparent 60%),linear-gradient(var(--shade),var(--shade))}.hero h1{font-size:49px}h1 br{display:none}.product-name{font-size:27px}.hero .eyebrow{font-size:11px}.hero .scene img{object-position:60% center}.actions{flex-wrap:nowrap}.actions .button{font-size:13px;padding:13px 15px;min-height:50px}.trust{font-size:11px;gap:10px}.preview{margin-top:28px;padding:20px 16px;max-width:none}.reading strong{font-size:24px}.reading{padding:13px 10px}.hero-caption{position:static;margin-top:24px;font-size:11px}.wrap{width:calc(100% - 40px)}.band{padding:60px 0}.cards{grid-template-columns:1fr;gap:28px}footer{flex-direction:column;align-items:flex-start;gap:18px}.demo-frame{margin-inline:-12px}.demo-frame iframe{height:1700px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}