:root{--accent:#1768e5;--accent2:#19c7d2;--ink:#102a43;--paper:#f4f8fc;--card:#fff;--soft:#e8f1fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}button,input,select{font:inherit}button,a{cursor:pointer}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-weight:900;box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent)}.brand b{display:block;letter-spacing:.11em}.brand small{display:block;color:color-mix(in srgb,var(--ink) 58%,transparent)}
.site-header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.admin-link,.primary,.secondary,.product-foot button{min-height:42px;padding:10px 17px;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;color:white;background:var(--accent);box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 22%,transparent)}.secondary{border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);color:var(--ink);background:var(--card);box-shadow:none}.secondary.light{color:white;border-color:rgba(255,255,255,.3);background:transparent}.small{min-height:34px;padding:7px 11px;font-size:12px}
main{overflow:hidden}.hero{min-height:590px;padding:clamp(55px,8vw,105px) max(5vw,24px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:5vw;background:radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--accent2) 24%,transparent),transparent 28rem),linear-gradient(135deg,color-mix(in srgb,var(--soft) 65%,white),var(--paper))}.hero-copy{max-width:760px}.demo-pill,.readonly-badge{display:inline-flex;padding:7px 11px;border-radius:999px;color:color-mix(in srgb,var(--accent) 75%,black);background:color-mix(in srgb,var(--accent) 12%,white);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.eyebrow{margin:22px 0 8px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero h1,.admin-heading h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.055em}.hero-copy>p:not(.eyebrow){max-width:680px;color:color-mix(in srgb,var(--ink) 65%,transparent);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-art{height:410px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%}.orbit.one{width:360px;height:360px}.orbit.two{width:260px;height:260px;border-width:38px;border-color:color-mix(in srgb,var(--accent2) 22%,transparent)}.metric{width:210px;padding:24px;position:absolute;right:8%;top:13%;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:color-mix(in srgb,var(--card) 86%,transparent);box-shadow:0 24px 60px color-mix(in srgb,var(--ink) 14%,transparent);backdrop-filter:blur(15px)}.metric.second{left:3%;top:auto;bottom:8%}.metric small,.metric span{display:block;color:color-mix(in srgb,var(--ink) 58%,transparent)}.metric strong{display:block;margin:9px 0;font-size:34px}
.category-strip{padding:20px max(5vw,24px);display:flex;gap:9px;overflow:auto;background:var(--card);box-shadow:0 8px 30px color-mix(in srgb,var(--ink) 7%,transparent)}.category{flex:none;padding:10px 16px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:999px;color:var(--ink);background:white;font-weight:750}.category.active{border-color:var(--accent);color:white;background:var(--accent)}.products-section{padding:80px max(5vw,24px)}.section-head{margin-bottom:30px;display:flex;justify-content:space-between;align-items:end;gap:40px}.section-head h2{max-width:740px;margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.section-head>p{max-width:480px;color:color-mix(in srgb,var(--ink) 60%,transparent);line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);border-radius:20px;background:var(--card);box-shadow:0 12px 36px color-mix(in srgb,var(--ink) 6%,transparent)}.product-image{height:245px;padding:18px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--soft) 70%,white),white)}.product-image img{width:100%;height:100%;object-fit:contain}.product-image span{position:absolute;left:15px;top:15px;padding:6px 9px;border-radius:999px;color:white;background:var(--accent);font-size:10px;font-weight:850}.product-content{padding:19px;display:flex;flex-direction:column;gap:11px}.product-content>small{color:var(--accent);font-weight:750}.product-content h3{height:48px;margin:0;overflow:hidden;font-size:15px;line-height:1.45}.offer-meta{display:flex;gap:8px}.offer-meta span{padding:5px 8px;border-radius:8px;background:var(--soft);font-size:10px}.product-foot{padding-top:14px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);display:flex;justify-content:space-between;align-items:center;gap:10px}.product-foot strong{font-size:20px}.product-foot small{display:block;color:color-mix(in srgb,var(--ink) 55%,transparent);font-size:9px}.product-foot button{min-height:35px;padding:7px 10px;font-size:11px}.feature-band{padding:70px max(5vw,24px);display:grid;grid-template-columns:repeat(4,1fr);gap:18px;color:white;background:var(--ink)}.feature-band article{padding:22px}.feature-band b{color:var(--accent2);font-size:12px}.feature-band h3{font-size:21px}.feature-band p{color:rgba(255,255,255,.65);line-height:1.55}footer{padding:45px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--card)}footer p{margin:8px 0 0;color:color-mix(in srgb,var(--ink) 56%,transparent)}
.demo-login{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr)}.login-story{padding:clamp(35px,7vw,90px);display:flex;flex-direction:column;justify-content:space-between;color:white;background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--accent2) 35%,transparent),transparent 22rem),var(--ink)}.login-story .brand small{color:rgba(255,255,255,.6)}.login-story h1{max-width:680px;margin:22px 0;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.05em}.login-story p,.login-story li{color:rgba(255,255,255,.7);line-height:1.7}.login-panel{padding:30px;display:grid;place-items:center}.login-card{width:min(500px,100%);padding:40px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:24px;background:var(--card);box-shadow:0 28px 80px color-mix(in srgb,var(--ink) 14%,transparent)}.login-card h2{margin:0 0 10px;font-size:32px}.login-card label{margin-top:16px;display:grid;gap:7px;font-size:12px;font-weight:800}.login-card input{min-height:47px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:11px;color:var(--ink);background:white}.login-card .primary{width:100%;margin-top:20px}.fineprint{color:color-mix(in srgb,var(--ink) 55%,transparent);font-size:11px;line-height:1.5}.notice{padding:12px 14px;border-radius:9px}.notice.error{color:#822;background:#fee}
.admin-top{height:72px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;color:white;background:var(--ink)}.admin-top .brand small{color:rgba(255,255,255,.6)}.admin-top>div{display:flex;align-items:center;gap:9px}.admin-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-shell aside{padding:26px 16px;border-right:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:var(--card)}.admin-shell aside p{padding:0 11px;color:color-mix(in srgb,var(--ink) 50%,transparent);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.admin-shell aside button{width:100%;padding:12px 13px;border:0;border-radius:11px;text-align:left;color:var(--ink);background:transparent;font-weight:700}.admin-shell aside button:hover,.admin-shell aside button.active{color:var(--accent);background:var(--soft)}.admin-main{min-width:0;padding:30px clamp(20px,4vw,55px) 70px}.readonly-notice{padding:13px 15px;margin-bottom:30px;display:flex;gap:10px;border-left:4px solid var(--accent);border-radius:9px;color:color-mix(in srgb,var(--ink) 75%,transparent);background:var(--soft);font-size:13px}.admin-heading{max-width:950px}.admin-heading .eyebrow{margin-top:0}.admin-heading h1{font-size:clamp(36px,5vw,58px)}.admin-heading>p:last-child{max-width:760px;color:color-mix(in srgb,var(--ink) 60%,transparent);font-size:16px;line-height:1.6}.metric-grid{margin:28px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-grid article,.area-grid article,.source-grid article,.health-grid article,.locked-form,.settings-grid{padding:21px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:17px;background:var(--card);box-shadow:0 9px 28px color-mix(in srgb,var(--ink) 5%,transparent)}.metric-grid small,.metric-grid strong{display:block}.metric-grid small{color:color-mix(in srgb,var(--ink) 52%,transparent)}.metric-grid strong{margin-top:8px;font-size:23px}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.area-grid article span{color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase}.area-grid h3{margin:9px 0}.area-grid p{min-height:45px;color:color-mix(in srgb,var(--ink) 58%,transparent);line-height:1.5}.area-grid button,.admin-table button,.source-grid button,.locked-form button,.settings-grid button,.module-list button{padding:8px 11px;border:0;border-radius:9px;color:color-mix(in srgb,var(--ink) 45%,transparent);background:color-mix(in srgb,var(--ink) 7%,white);font-weight:750;cursor:not-allowed}.admin-actions{margin:25px 0 15px;display:flex;gap:9px}.admin-actions input{min-width:280px}.admin-actions input,.admin-actions button,.locked-form input,.locked-form select,.settings-grid input{min-height:42px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--ink) 17%,transparent);border-radius:10px;background:#f3f5f6;color:color-mix(in srgb,var(--ink) 55%,transparent)}.admin-table{overflow:auto;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:16px;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 13px;border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent);text-align:left;vertical-align:middle;white-space:nowrap}th{color:rgba(255,255,255,.78);background:var(--ink);font-size:10px;text-transform:uppercase}td img{width:48px;height:48px;object-fit:contain}td small{display:block;color:color-mix(in srgb,var(--ink) 50%,transparent)}.ok-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#21a66b;box-shadow:0 0 0 4px rgba(33,166,107,.12)}.source-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.source-grid article>div{display:flex;align-items:center;gap:10px}.source-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px}.source-grid dt{color:color-mix(in srgb,var(--ink) 50%,transparent)}.source-grid dd{margin:0;text-align:right;font-weight:750}.locked-form{max-width:760px;margin-top:18px;display:grid;gap:12px}.locked-form label,.settings-grid label{display:grid;gap:6px;font-size:11px;font-weight:800}.module-list{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.module-list article{padding:17px;display:flex;align-items:center;gap:15px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:15px;background:var(--card)}.module-list article>div{flex:1}.module-list h3,.module-list p{margin:0}.module-list p{margin-top:4px;color:color-mix(in srgb,var(--ink) 55%,transparent);font-size:12px}.traffic{width:15px;height:15px;border-radius:50%}.traffic.green{background:#21a66b;box-shadow:0 0 0 5px rgba(33,166,107,.12)}.traffic.red{background:#d85252;box-shadow:0 0 0 5px rgba(216,82,82,.1)}.settings-grid{max-width:900px;margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-grid button{grid-column:1/-1}.health-grid{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health-grid article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 12px}.health-grid small{color:color-mix(in srgb,var(--ink) 50%,transparent)}.health-grid strong{grid-column:2}.readonly-log{margin-top:18px;padding:24px;border-radius:17px;color:white;background:var(--ink)}.readonly-log p{display:grid;grid-template-columns:130px 1fr;color:rgba(255,255,255,.72)}.readonly-log time{color:var(--accent2)}.fatal{min-height:100vh;display:grid;place-content:center;text-align:center}
.demo-search{max-width:650px;margin-top:25px;padding:7px;display:flex;gap:7px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:16px;background:var(--card);box-shadow:0 14px 42px color-mix(in srgb,var(--ink) 9%,transparent)}.demo-search input{min-width:0;flex:1;padding:9px 12px;border:0;outline:0;color:var(--ink);background:transparent}.demo-search .primary{min-width:105px}.no-products{grid-column:1/-1;padding:70px 25px;text-align:center;border:1px dashed color-mix(in srgb,var(--ink) 25%,transparent);border-radius:20px;background:var(--card)}.product-dialog{padding:20px;position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(9,20,34,.68);backdrop-filter:blur(8px)}.dialog-card{width:min(850px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto;border-radius:24px;background:var(--card);box-shadow:0 30px 100px rgba(0,0,0,.28)}.dialog-close{width:40px;height:40px;position:absolute;right:16px;top:16px;border:0;border-radius:50%;font-size:25px;background:var(--soft);color:var(--ink)}.dialog-product{padding-right:40px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:25px}.dialog-product img{width:150px;height:135px;object-fit:contain}.dialog-product h2{margin:0;font-size:28px}.dialog-offers{margin-top:24px;display:grid;gap:10px}.dialog-offers article{padding:14px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:14px}.dialog-offers small{display:block;color:color-mix(in srgb,var(--ink) 55%,transparent)}.dialog-offers button{padding:9px 12px;border:0;border-radius:9px;color:color-mix(in srgb,var(--ink) 50%,transparent)}.offer-rank{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--accent);font-weight:850}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.source-grid{grid-template-columns:1fr}.demo-login{grid-template-columns:1fr}.login-story{min-height:480px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header{height:auto;min-height:70px;padding:12px 16px}.site-header nav a{display:none}.hero{min-height:auto;padding:55px 20px;grid-template-columns:1fr}.hero-art{height:310px}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.admin-shell{display:block}.admin-shell aside{padding:9px;display:flex;overflow:auto;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.admin-shell aside p{display:none}.admin-shell aside button{flex:none;width:auto}.admin-main{padding:22px 14px 50px}.area-grid,.module-list,.settings-grid,.health-grid{grid-template-columns:1fr}.readonly-notice{display:grid}.readonly-log p{grid-template-columns:1fr}.login-story{min-height:420px;padding:35px 24px}.login-panel{padding:18px 12px}.login-card{padding:26px}.admin-top{padding:0 14px}.admin-top .readonly-badge{display:none}}
@media(max-width:520px){.brand small{display:none}.hero h1{font-size:42px}.hero-art{height:260px}.orbit.one{width:260px;height:260px}.orbit.two{width:190px;height:190px}.metric{width:170px;padding:17px;right:0}.metric.second{left:0}.product-grid{grid-template-columns:1fr}.product-image{height:275px}.feature-band{grid-template-columns:1fr}.feature-band article{padding:10px}.products-section{padding:55px 14px}.hero-actions{display:grid}.category-strip{padding:14px}.metric-grid{grid-template-columns:1fr}.admin-actions{display:grid}.admin-actions input{min-width:0}.admin-top .brand span:last-child{display:none}footer{display:grid}}
@media(max-width:520px){.demo-search{display:grid}.product-dialog{padding:8px}.dialog-card{padding:22px 14px}.dialog-product{padding-right:0;grid-template-columns:1fr}.dialog-product img{width:100%;height:180px}.dialog-offers article{grid-template-columns:auto 1fr}.dialog-offers article>div:last-of-type{grid-column:2}.dialog-offers button{display:none}}