@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#101110;--muted:#777b72;--lime:#d6ff20;--olive:#788d17;--rose:#d9978a;--cream:#f3f1ec;--line:rgba(16,17,16,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}.shell{max-width:1240px;margin:auto;padding:28px 54px}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.16em;font-size:12px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;font-size:18px;letter-spacing:0}.nav-links{display:flex;gap:32px}.nav-links a,.nav-button,footer a{color:inherit;text-decoration:none}.nav-links a{color:#62655f}.nav-button{border:1px solid var(--ink);padding:12px 19px;border-radius:999px;font-weight:600}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:80px 0 100px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6d7167;font-weight:600}.pulse{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(214,255,32,.2)}h1,h2{font:800 clamp(48px,6vw,86px)/.97 Manrope,sans-serif;letter-spacing:-.07em;margin:20px 0 25px}h1 em,h2 em{font-style:normal;color:#a4ae98}.lead{max-width:450px;color:#666b61;font-size:18px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--ink);color:white;padding:16px 18px 16px 22px;border-radius:999px;text-decoration:none;font-weight:600}.primary span,.outline span{font-size:20px}.text-link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:13px}.proof{display:flex;align-items:center;gap:12px;margin-top:62px;color:#777b72;font-size:12px;line-height:1.35}.proof b{color:var(--ink)}.avatars{display:flex}.avatars i{width:27px;height:27px;border:2px solid var(--cream);border-radius:50%;margin-left:-6px;background:linear-gradient(140deg,#d9ff2a,#556b15)}.avatars i:nth-child(2){background:linear-gradient(140deg,#eab8ad,#9b6359)}.avatars i:nth-child(3){background:linear-gradient(140deg,#a2d2d0,#557c82)}.hero-art{position:relative;height:490px}.glow{position:absolute;border-radius:50%;filter:blur(35px)}.glow-a{width:350px;height:350px;right:10%;top:5%;background:#e3aaa0}.glow-b{width:380px;height:290px;left:8%;bottom:0;background:#a5c92c;opacity:.75}.glass{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.7);box-shadow:0 25px 70px rgba(78,60,41,.13);backdrop-filter:blur(14px)}.status-card{position:absolute;z-index:2;left:12%;top:15%;width:72%;min-height:310px;border-radius:34px;padding:26px;background:linear-gradient(140deg,rgba(77,95,18,.92),rgba(169,191,42,.8));color:white;transform:rotate(-5deg)}.card-top,.card-bottom,.status-row{display:flex;align-items:center;justify-content:space-between}.card-top{font-size:11px;letter-spacing:.13em}.card-top button{border:0;background:#111;color:#fff;border-radius:50%;width:38px;height:38px;font-size:19px}.tiny-icon{font-size:27px}.status-title{font:700 35px Manrope;margin:65px 0 16px}.status-row strong{font:700 55px Manrope;letter-spacing:-.08em}.status-row span{font-size:12px;opacity:.8}.meter{display:flex;gap:6px;margin-top:34px}.meter span{height:6px;flex:1;background:rgba(255,255,255,.25);border-radius:5px}.meter span:nth-child(-n+7){background:var(--lime)}.card-bottom{border-top:1px solid rgba(255,255,255,.25);margin-top:36px;padding-top:15px;font-size:11px}.float-card{position:absolute;z-index:3;display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:22px;min-width:170px}.float-card span,.float-card small{color:#777b72;font-size:11px}.float-card b{font:700 21px Manrope}.float-l{left:2%;bottom:9%;transform:rotate(5deg);background:rgba(235,175,162,.72)}.float-r{right:0;top:6%;transform:rotate(8deg);background:rgba(240,240,228,.7)}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:40px}.strip>div{display:grid;grid-template-columns:40px 1fr;column-gap:16px}.strip-number{grid-row:span 2;font-size:11px;color:#8a8e83}.strip b{font-size:15px}.strip small{color:#8a8e83;margin-top:4px}.plans{padding:130px 0 90px;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.section-head h2{font-size:60px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.section-note{color:#777b72;font-size:13px;line-height:1.5;max-width:260px;margin-top:18px}.plan-card{position:relative;border-radius:30px;padding:28px;min-height:370px;display:flex;flex-direction:column}.plan-card.featured{background:linear-gradient(145deg,#d1f20d,#a6c31c)}.plan-card.soft{background:linear-gradient(145deg,#e6c3bb,#d99185)}.tag{position:absolute;right:22px;top:22px;background:rgba(16,17,16,.13);border-radius:999px;padding:7px 10px;font-size:10px}.plan-icon{width:42px;height:42px;border:1px solid rgba(16,17,16,.35);display:grid;place-items:center;border-radius:50%;font-size:23px}.plan-icon.dark{background:var(--ink);color:white;border:0}.plan-card h3{font:700 25px Manrope;margin:55px 0 8px}.plan-card p{color:rgba(16,17,16,.65);line-height:1.45;max-width:210px}.price{margin-top:auto;display:flex;align-items:baseline;gap:8px}.price strong{font:800 40px Manrope;letter-spacing:-.06em}.price span{color:#626a51;font-size:12px}.full{width:100%;margin-top:20px}.outline{display:inline-flex;justify-content:space-between;align-items:center;border:1px solid var(--ink);color:var(--ink);padding:15px 18px;border-radius:999px;text-decoration:none;font-weight:600}.muted{margin-top:13px;color:rgba(16,17,16,.55);font-size:11px}.invite-code{margin-top:32px;padding:13px 15px;border:1px dashed rgba(16,17,16,.35);border-radius:14px;font-size:12px;letter-spacing:.08em}.quote{padding:90px 10%;background:var(--ink);color:#f3f1ec;border-radius:36px;position:relative}.quote-mark{color:var(--lime);font:100px Georgia;position:absolute;top:32px;left:5%}.quote p{font:600 clamp(27px,3vw,43px)/1.15 Manrope;letter-spacing:-.05em;max-width:850px;margin:0}.quote-by{display:block;color:#9da398;font-size:10px;letter-spacing:.14em;margin-top:38px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding:140px 0}.faq h2{font-size:55px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;font:600 18px Manrope}summary::-webkit-details-marker{display:none}.faq-list details p{color:#73776f;max-width:580px;line-height:1.6;margin:16px 0 0}.faq-list summary span{font-size:24px;font-weight:400}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:28px 0 10px;color:#777b72;font-size:11px}footer div{display:flex;gap:20px}footer .brand{color:var(--ink)}@media(max-width:1050px){.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.shell{padding:22px 20px}.nav-links{display:none}.nav-button{padding:10px 14px;font-size:12px}.hero{grid-template-columns:1fr;padding:70px 0 80px;gap:25px}.hero-art{height:400px}.status-card{left:7%;width:84%;min-height:280px}.float-r{right:-4%}.float-l{left:-2%}.strip{grid-template-columns:1fr;gap:20px}.plans,.faq{grid-template-columns:1fr;gap:35px;padding:90px 0 65px}.section-head h2,.faq h2{font-size:48px}.plan-grid{grid-template-columns:1fr}.quote{padding:75px 28px}.quote-mark{left:20px}.quote p{font-size:28px}footer{flex-wrap:wrap;gap:20px}}
/* dashboard panels */
.panel-shell{max-width:1180px}.panel-head{display:flex;justify-content:space-between;align-items:end;padding:95px 0 55px}.panel-head h1{font-size:68px}.user-chip{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:18px}.user-chip small,.user-chip b{display:block}.user-chip small{color:var(--muted);font-size:11px;margin-top:4px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--lime);font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dash-card{border-radius:28px;padding:28px;min-height:245px;background:#e8e7df}.dash-status{background:linear-gradient(140deg,#d1f20d,#a6c31c)}.dash-device{background:linear-gradient(140deg,#e5c2b9,#d99689)}.dash-link{background:linear-gradient(140deg,#dfe4d2,#c8d2b1)}.dash-invite{background:linear-gradient(140deg,#e9ddcc,#e7bd98)}.dash-card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.11em;color:rgba(16,17,16,.58)}.live-dot,.device-ok{color:#48740a;letter-spacing:0;text-transform:none}.dash-card>strong{display:block;font:800 40px Manrope;margin-top:42px;letter-spacing:-.06em}.dash-card p{color:rgba(16,17,16,.62);margin:8px 0}.progress{height:7px;border-radius:8px;background:rgba(16,17,16,.14);margin:22px 0 18px}.progress i{display:block;width:58%;height:100%;border-radius:inherit;background:var(--ink)}.dash-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(16,17,16,.58);border-top:1px solid rgba(16,17,16,.14);padding-top:14px;margin-top:20px}.dash-meta b{color:var(--ink)}.device-row{display:flex;align-items:center;gap:14px;margin:34px 0 20px}.device-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(16,17,16,.9);color:var(--lime);font-size:24px}.device-row h3,.dash-link h3,.dash-invite h3{font:700 22px Manrope;margin:0 0 6px}.device-row p{margin:0;font-size:12px}.dash-link h3,.dash-invite h3{margin-top:36px}.copy-field{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed rgba(16,17,16,.3);border-radius:13px;padding:12px 13px;font-size:11px;margin-top:20px}.copy-field button{border:0;background:var(--ink);color:#fff;border-radius:999px;padding:8px 11px;font-size:10px}.dash-link>p{font-size:11px;margin-top:14px}.invite-plus{font-size:18px;color:var(--ink);letter-spacing:0}.dash-invite>p{max-width:260px;margin-top:14px}.dash-invite small{display:block;color:rgba(16,17,16,.57);font-size:11px;margin-top:14px}.support-row{border-top:1px solid var(--line);margin-top:100px;padding:60px 0;display:flex;justify-content:space-between;align-items:end}.support-row h2{font-size:48px;margin:15px 0 0}.support-actions{display:flex;gap:25px}.support-actions a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:13px}.admin-date{text-align:right;color:var(--muted);font-size:13px}.admin-date small{font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid article{background:#e8e7df;border-radius:22px;padding:22px}.stat-grid span,.stat-grid small{display:block;color:var(--muted);font-size:11px}.stat-grid strong{display:block;font:800 37px Manrope;margin:20px 0 6px}.stat-grid .green{color:#6f8e13}.admin-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;margin-top:18px}.admin-main,.admin-side{background:#e8e7df;border-radius:28px;padding:28px}.table-head{display:flex;justify-content:space-between;align-items:center}.table-head h2{font:700 25px Manrope;margin:0}.empty-table{text-align:center;border:1px dashed rgba(16,17,16,.22);border-radius:18px;padding:65px 20px;margin-top:25px}.empty-icon{font-size:36px;color:#87945a}.empty-table h3{font:700 20px Manrope;margin:16px 0 8px}.empty-table p{color:var(--muted);font-size:13px;max-width:370px;margin:auto;line-height:1.5}.admin-side h3{font:700 22px Manrope;margin:0 0 25px}.admin-side label{display:block;color:var(--muted);font-size:11px;margin:15px 0}.admin-side input{display:block;width:100%;border:1px solid var(--line);background:#f3f1ec;border-radius:12px;padding:12px;margin-top:7px;color:var(--ink);font:500 13px 'DM Sans'}.server-box{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.server-box b,.server-box small{display:block;margin-top:8px}.server-box small{color:var(--muted);font-size:11px}@media(max-width:800px){.panel-head{display:block;padding:70px 0 40px}.panel-head h1{font-size:52px}.user-chip{margin-top:30px;width:max-content}.dashboard-grid,.stat-grid,.admin-layout{grid-template-columns:1fr}.support-row{display:block;margin-top:70px}.support-actions{margin-top:25px;flex-wrap:wrap}.admin-date{text-align:left;margin-top:25px}}
/* reference finish: translucent frosted cards */
body{background:linear-gradient(135deg,#f4f4f1 0%,#f1eee9 48%,#f4f1ef 100%)}
.hero-art:before{content:"";position:absolute;width:440px;height:440px;left:12%;top:5%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(229,255,94,.92),rgba(186,210,53,.42) 44%,rgba(208,151,138,.32) 75%,transparent 76%);filter:blur(15px);opacity:.9}
.hero-art:after{content:"";position:absolute;width:280px;height:250px;right:0;bottom:0;border-radius:42% 58% 50% 50%;background:rgba(242,184,175,.5);filter:blur(32px)}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.76);box-shadow:0 30px 80px rgba(67,63,51,.13),inset 0 1px rgba(255,255,255,.65);backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%)}
.status-card{background:linear-gradient(135deg,rgba(81,103,15,.82),rgba(160,190,27,.6) 55%,rgba(210,225,76,.38));border-color:rgba(255,255,255,.55);box-shadow:0 35px 85px rgba(73,89,15,.22),inset 0 1px rgba(255,255,255,.45);backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%)}
.float-card{background:linear-gradient(135deg,rgba(255,255,255,.57),rgba(255,255,255,.2));border-color:rgba(255,255,255,.72);box-shadow:0 20px 50px rgba(68,60,45,.12),inset 0 1px rgba(255,255,255,.65);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.float-l{background:linear-gradient(135deg,rgba(239,184,170,.7),rgba(255,255,255,.2))}.float-r{background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(225,229,208,.24))}
.plan-card,.dash-card,.stat-grid article,.admin-main,.admin-side{border:1px solid rgba(255,255,255,.68);box-shadow:0 24px 60px rgba(80,65,53,.1),inset 0 1px rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.plan-card.featured{background:linear-gradient(135deg,rgba(208,241,26,.8),rgba(193,219,54,.43) 55%,rgba(247,247,220,.35))}.plan-card.soft{background:linear-gradient(135deg,rgba(234,199,188,.75),rgba(224,151,137,.45) 55%,rgba(255,239,224,.3))}
.dash-status{background:linear-gradient(135deg,rgba(208,241,26,.8),rgba(166,195,28,.44))}.dash-device{background:linear-gradient(135deg,rgba(229,194,185,.8),rgba(217,150,137,.44))}.dash-link{background:linear-gradient(135deg,rgba(223,228,210,.82),rgba(200,210,177,.42))}.dash-invite{background:linear-gradient(135deg,rgba(233,221,204,.82),rgba(231,189,152,.44))}.stat-grid article,.admin-main,.admin-side{background:rgba(255,255,255,.32)}
.quote{box-shadow:0 28px 65px rgba(16,17,16,.12);background:linear-gradient(135deg,rgba(16,17,16,.97),rgba(51,59,22,.95))}
/* cooler palette: no red/pink cast */
:root{--rose:#b9c7c4;--cream:#f3f4f0}
body{background:linear-gradient(135deg,#f5f6f2 0%,#eef1ec 50%,#f3f5f2 100%)}
.glow-a{background:#c9d8d2}.glow-b{background:#b8cf75}.hero-art:before{background:radial-gradient(circle at 35% 35%,rgba(224,255,101,.9),rgba(185,210,91,.42) 44%,rgba(179,208,204,.32) 75%,transparent 76%)}.hero-art:after{background:rgba(183,210,205,.5)}
.float-l{background:linear-gradient(135deg,rgba(190,211,204,.72),rgba(255,255,255,.22))}.float-r{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(204,220,216,.28))}
.plan-card.soft{background:linear-gradient(135deg,rgba(205,220,214,.78),rgba(165,191,184,.48) 55%,rgba(242,246,237,.35))}.dash-device{background:linear-gradient(135deg,rgba(205,220,214,.82),rgba(165,191,184,.46))}.dash-invite{background:linear-gradient(135deg,rgba(221,229,213,.84),rgba(186,204,161,.48))}