@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090c19;--bg2:#0d1022;--surface:#12172c;--surface2:#191f38;--line:#293049;--text:#f7f7ff;--muted:#a0a9c1;--primary:#8b5cf6;--secondary:#357cff;--shadow:0 25px 80px rgba(0,0,0,.26);--green:#38d9a9;--red:#ff6e88;--yellow:#ffc66a}
.theme-agents{--primary:#9866ff;--secondary:#357bff}.theme-voice{--primary:#288bff;--secondary:#0dc5d3}.theme-studio{--primary:#af6eff;--secondary:#6366f1}.theme-predict{--primary:#17c7f2;--secondary:#8462ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:500 14px/1.75 Cairo,Inter,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 3% 4%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 35%);z-index:-1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,textarea,select{color:var(--text)}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;font-weight:900}h1{letter-spacing:-1px}small{font-size:11px}svg.ico{width:19px;height:19px;flex-shrink:0}.logo-word{display:flex;align-items:center;gap:11px;font:800 17px Inter,Cairo,sans-serif;letter-spacing:-.5px;white-space:nowrap}.logo-word small{display:block;font:600 9px Cairo;letter-spacing:4px;color:#9c9ebc}.mark{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:15px;background:linear-gradient(135deg,#12cef5,#6051fa 62%,#b65af8);box-shadow:0 0 27px color-mix(in srgb,var(--primary) 35%,transparent);font:900 17px Inter,sans-serif;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 22px;border:1px solid transparent;font-weight:800;text-align:center;transition:transform .2s,border-color .2s,filter .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn.primary{background:linear-gradient(110deg,var(--primary),var(--secondary));color:white;box-shadow:0 9px 33px color-mix(in srgb,var(--primary) 26%,transparent)}.btn.outline{border-color:#6b7097;background:rgba(255,255,255,.035)}.btn.small{padding:7px 16px;font-size:12px}.btn.large{padding:14px 22px}.btn.block{width:100%}.btn.ghost{border-color:var(--line);background:var(--surface2)}.btn.danger{background:rgba(252,74,113,.1);border-color:rgba(252,74,113,.27);color:#ff8595}.btn:disabled{opacity:.45;cursor:default}.content-wrap{width:min(1220px,calc(100% - 60px));margin-inline:auto}.muted{color:var(--muted)}.eyebrow{color:var(--primary);font-weight:900;letter-spacing:.7px;font-size:12px}.ico{display:inline-block}.hidden-field{position:absolute;left:-9999px}.success-text{color:var(--green)}.hint{font-size:12px;color:var(--muted);margin-top:20px}.note{margin-block:8px 20px}.flash{padding:12px 15px;border:1px solid rgba(56,217,169,.3);background:rgba(56,217,169,.09);border-radius:11px;color:#a2ffe0;margin:14px 0}.flash.bad{border-color:#ff6e8880;color:#ff9bac;background:#ff6e8814}
/* Marketing */
.marketing-nav{height:82px;max-width:1300px;margin:auto;padding:0 29px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;z-index:5;border-bottom:1px solid rgba(255,255,255,.085)}.top-links,.nav-cta{display:flex;gap:27px;align-items:center}.top-links a{color:#c4c7de;font-size:12px}.top-links a:hover,.nav-signin:hover{color:white}.nav-signin{font-size:12px;font-weight:800}.menu-toggle{display:none;border:0;background:transparent;color:white;font-size:24px}.marketing{overflow:hidden;position:relative}.hero-glow{position:absolute;filter:blur(80px);opacity:.28;border-radius:50%;pointer-events:none}.hero-glow.one{width:500px;height:400px;top:40px;left:-190px;background:var(--primary)}.hero-glow.two{width:430px;height:430px;top:100px;right:-170px;background:var(--secondary)}.hero{min-height:645px;display:grid;grid-template-columns:1fr 1.07fr;gap:35px;align-items:center;padding-block:95px 65px;position:relative}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(38px,4.5vw,66px);max-width:580px;line-height:1.28;margin:27px 0}.hero-copy h1::selection{background:var(--primary)}.hero-copy>p{color:#b7bfd6;font-size:16px;max-width:540px;line-height:2.1}.pill-tag{border-radius:99px;border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);background:color-mix(in srgb,var(--primary) 10%,transparent);display:inline-flex;align-items:center;gap:8px;padding:7px 17px}.pill-tag .ico{width:16px}.hero-actions{display:flex;gap:12px;margin:29px 0 19px;flex-wrap:wrap}.hero-points{display:flex;gap:19px;flex-wrap:wrap;font-size:11px;color:#bac1d6}.hero-visual{perspective:1000px}.visual-border{position:relative;transform:perspective(1400px) rotateY(-8deg) rotateX(2deg);transition:transform .5s;border-radius:25px;padding:7px;background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 70%,#12172c),#172446 40%,#0c1232 70%,var(--secondary));box-shadow:0 30px 100px color-mix(in srgb,var(--primary) 16%,transparent),0 30px 80px #0009}.visual-border:hover{transform:rotateY(0) rotateX(0)}.visual-border>img{border-radius:19px;width:100%;aspect-ratio:1.31;object-fit:cover;object-position:center}.preview-floating{position:absolute;bottom:-18px;left:-18px;display:grid;gap:1px;padding:13px 19px;border:1px solid #424b83;border-radius:13px;background:#10152eee;box-shadow:0 16px 45px #0006}.preview-floating strong{font:700 12px Inter}.preview-floating small{color:#afb7d4}.pulse-dot,.product-dot{display:inline-block;height:8px;width:8px;border-radius:50%;background:#35e1b4;box-shadow:0 0 12px #35e1b4}.metrics-row{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #252946;border-bottom:1px solid #252946;padding-block:30px}.metrics-claim{font-weight:800;font-size:12px}.metrics-claim span{display:block;font-size:11px;font-weight:500;color:var(--muted)}.metric-items{display:flex;gap:55px;text-align:center}.metric-items>div{display:flex;flex-direction:column}.metric-items strong{font:800 22px Inter,Cairo;color:#fff}.metric-items span{font-size:11px;color:var(--muted)}.feature-section,.showcase-section{padding-block:100px}.section-header{max-width:680px;text-align:center;margin:0 auto 40px}.section-header h2,.how-grid h2,.contact-section h2{font-size:clamp(27px,3vw,43px);margin:13px 0}.section-header p,.how-grid p,.contact-section p{color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-card{border:1px solid #2a2f4b;border-radius:20px;background:linear-gradient(145deg,#171b34,#111528);padding:28px 24px;min-height:255px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary)}.feature-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.feature-icon .ico{width:28px;height:28px}.feature-n{float:left;color:#7f859e;font:800 13px Inter}.feature-card h3{font-size:17px;margin:21px 0 10px}.feature-card p{font-size:12px;color:var(--muted);min-height:65px}.feature-card a{font-size:11px;font-weight:800;color:var(--primary)}.how-section{padding:100px 0;background:linear-gradient(100deg,#131830,#0d1229);border-top:1px solid #232c48;border-bottom:1px solid #232c48}.how-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.steps{display:grid;gap:15px}.step{display:flex;gap:22px;align-items:start;padding:20px;border:1px solid #303650;border-radius:16px;background:#141b32}.step>span{font:800 27px Inter;color:var(--primary)}.step h3{font-size:16px;margin:0 0 4px}.step p{font-size:12px;margin:0}.showcase-preview{padding:13px;background:linear-gradient(110deg,#272342,#3a3169,#173859);border:1px solid #343e78;border-radius:24px;box-shadow:0 25px 80px #0006}.showcase-preview img{width:100%;max-height:570px;object-fit:cover;border-radius:14px}.pricing-section{padding:100px 0;background:#101528}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pricing-card{padding:34px 27px;display:flex;flex-direction:column;gap:13px;border:1px solid #303850;background:#171c32;border-radius:23px}.pricing-card>span{color:var(--primary);font:800 11px Inter;letter-spacing:2px}.pricing-card h3{font-size:22px;margin:0}.pricing-card p{color:var(--muted);min-height:65px}.pricing-card strong{font-size:23px}.pricing-card.featured{border-color:var(--primary);background:linear-gradient(170deg,color-mix(in srgb,var(--primary) 18%,#161930),#15192e);transform:translateY(-9px)}.contact-section{padding-block:100px;display:grid;grid-template-columns:.9fr 1fr;gap:75px;align-items:start}.contact-brand{margin-top:45px;color:white;font:900 38px Inter}.contact-brand b{color:var(--primary)}.contact-form{border:1px solid #303750;border-radius:24px;background:#161a31;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:14px}.field>span:first-child{font-size:12px;font-weight:800;color:#cbd2e5}.field input,.field select,.field textarea{width:100%;background:#10162b;border:1px solid #303850;color:var(--text);padding:11px 12px;border-radius:10px;outline:none;resize:vertical;font-weight:500;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.field input::placeholder,.field textarea::placeholder{color:#78839e}.check-line{display:flex;align-items:center;gap:9px}.check-line input{width:auto}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #242a44;padding-block:29px;color:var(--muted);font-size:12px}.site-footer>div{display:flex;gap:23px}
/* Authentication */
.auth-wrap{display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh}.auth-aside{background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--primary) 25%,#11162f),#090e20 66%);padding:40px 52px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #303654}.auth-aside h2{font-size:35px;max-width:500px;margin:20px 0}.auth-aside p{color:var(--muted);max-width:510px}.auth-aside img{border:1px solid #4c4b79;border-radius:20px;max-height:325px;width:100%;object-fit:cover;box-shadow:var(--shadow)}.auth-aside small{color:var(--muted)}.auth-panel{display:grid;place-items:center;padding:40px 20px}.auth-card{width:min(100%,440px)}.auth-card.wide{max-width:780px;width:100%}.auth-card h1{font-size:30px;margin:27px 0 6px}.auth-card>.muted{margin-bottom:28px}.back-link{font-size:12px;color:var(--muted)}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:19px;color:var(--primary);font-size:12px}.auth-wrap:has(.auth-card.wide){display:grid;place-items:center;padding:40px 20px}.auth-wrap:has(.auth-card.wide) .auth-card{border:1px solid var(--line);background:var(--surface);padding:30px;border-radius:24px}
/* Dashboard */
.app-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 15px 16px;background:#0c1021;border-left:1px solid #29304a;display:flex;flex-direction:column;gap:16px;z-index:20;overflow-y:auto}.sidebar>.logo-word{padding:0 12px 15px}.side-product{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid #30374d;background:#151a30;border-radius:10px;padding:10px;font-weight:800;margin-bottom:9px}.side-label{font-size:10px;font-weight:800;color:#74809e;padding-inline:13px;text-transform:uppercase;letter-spacing:.6px}.admin-label{margin-top:9px}.side-links{display:flex;flex-direction:column;gap:5px}.side-links a{padding:11px 14px;display:flex;align-items:center;gap:13px;color:#9da9c5;border-radius:12px;transition:background .15s,color .15s;font-size:12px;font-weight:700}.side-links a:hover{background:#1c2440;color:white}.side-links a.selected{color:#fff;background:linear-gradient(100deg,color-mix(in srgb,var(--primary) 25%,#131b33),#1b2448);box-shadow:inset -3px 0 var(--primary)}.side-links .ico{width:18px;height:18px}.side-bottom{margin-top:auto;padding-top:12px}.online-dot{background:#121e2c;color:#2edcac;border:1px solid #1c413c;border-radius:10px;padding:10px 12px;font-size:11px}.online-dot span{color:#a2ccb6}.mini-profile{border-top:1px solid #2b3145;margin-top:15px;padding-top:16px;display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;font-weight:900;flex-shrink:0}.mini-profile>div{flex:1;min-width:0}.mini-profile strong,.mini-profile small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-profile small{color:var(--muted)}.mini-profile a{color:var(--muted)}.workspace{min-width:0}.app-topbar{height:71px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;background:#101528;border-bottom:1px solid #2c314d;gap:15px}.topbar-crumb{font:700 12px Inter,Cairo;color:#6d7898;direction:ltr}.topbar-crumb span{color:#d0d4e8}.topbar-right{display:flex;gap:19px;align-items:center}.topbar-right .avatar{height:30px;width:30px}.live-bubble{font:800 11px Inter;color:#40ddb5}.subtle-link{font-size:11px;color:var(--muted)}.mobile-side-toggle{display:none;background:transparent;border:0;color:var(--text);font-size:22px}.app-main{max-width:1640px;padding:29px 31px 70px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading h1{font-size:28px;margin:3px 0 5px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0}.page-heading .eyebrow{font:800 10px Inter,Cairo;margin:0}.date-label{font-size:11px;color:var(--muted);background:var(--surface2);border:1px solid var(--line);padding:9px 13px;border-radius:10px}.demo-banner{display:flex;align-items:center;gap:9px;background:#36303966;border:1px dashed color-mix(in srgb,var(--primary) 60%,#48466e);padding:10px 14px;border-radius:12px;font-size:11px;color:#dccbfc;margin-bottom:19px}.demo-banner strong{margin-right:auto;color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{min-width:0;background:linear-gradient(152deg,#1a2039,#11162b);border:1px solid #303854;border-radius:18px;padding:20px 20px 16px;position:relative;overflow:hidden}.stat-card:after{content:"";width:100px;height:100px;position:absolute;left:-50px;top:-65px;border-radius:50%;background:var(--primary);filter:blur(60px);opacity:.13}.stat-icon{color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);width:38px;height:38px;display:grid;place-items:center;border-radius:12px}.stat-card p{font-size:11px;color:#a6b2d0;margin:13px 0 4px}.stat-card strong{font:800 26px Inter,Cairo;display:block;overflow-wrap:anywhere}.stat-card small{display:block;color:#7f91ac;margin-top:6px}.dash-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:19px;margin-top:20px}.panel{background:#151a2e;border:1px solid #30374e;border-radius:19px;padding:20px 20px 23px;min-width:0;margin-bottom:19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-heading h2{font-size:16px;margin:0}.panel-heading a{font-size:11px;color:var(--primary)}.tag-small{font-size:10px;color:#94a1b8;padding:4px 8px;border:1px solid #39415c;border-radius:8px}.spark-chart{width:100%;height:250px}.chart-legend{display:flex;gap:17px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin:4px 0 14px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--primary);margin-left:5px}.legend-dot.secondary{background:var(--secondary)}.bar-line{display:flex;gap:11px;align-items:center;margin:12px 0;font-size:11px}.bar-line>span{width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;flex:1;border-radius:20px;background:#28334c;overflow:hidden}.bar-track>i{display:block;height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:inherit}.bar-line strong{min-width:58px;text-align:left;font:700 11px Inter}.mini-record{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #2b3349;font-size:11px}.mini-record:last-child{border:0}.mini-record .ico{color:var(--primary)}.mini-record>div{min-width:0;flex:1}.mini-record strong,.mini-record span{display:block}.mini-record span{color:var(--muted)}.mini-record b{font-size:11px}.pill{display:inline-block;padding:4px 9px;border-radius:8px;font-size:10px;font-weight:900;white-space:nowrap}.pill.success{color:#57e5bb;background:#1b463e}.pill.warning{color:#ffd18a;background:#61482b}.pill.danger{color:#ff9caa;background:#542936}.pill.info{color:#9bbdff;background:#293e70}.section-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-columns>.panel{height:fit-content}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{color:#a5b2ca;font-weight:800;text-align:right;background:#1b223a}td,th{padding:12px 11px;border-bottom:1px solid #2a324b}td{color:#dce2f2}tr:hover td{background:#1c233a}td .btn{padding:5px 10px;font-size:10px}.empty-state{text-align:center;padding:40px;color:var(--muted)}.data-form{display:grid;gap:5px}.data-form .field{margin-bottom:9px}.form-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:5px}.form-actions .btn{font-size:12px}.inline-form{display:inline-flex;gap:5px;align-items:center}.inline-form select{padding:5px;background:#10182b;border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:10px}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tabs a{background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:7px 14px;font-size:11px}.tabs a.active{background:var(--primary);color:white}.message-list{max-height:510px;overflow:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:6px}.chat-bubble{max-width:85%;padding:13px 16px;border-radius:15px;background:#222c4d;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.chat-bubble.user{align-self:flex-start;background:color-mix(in srgb,var(--primary) 30%,#232042)}.chat-bubble.assistant{align-self:flex-end;border:1px solid #374366}.chat-bubble small{display:block;margin-top:7px;opacity:.65}.code-editor{background:#080e21!important;color:#c2f4dc!important;font:13px/1.6 monospace!important;direction:ltr;text-align:left;min-height:320px}.form-inline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.chart-shell{height:250px;background:linear-gradient(180deg,#151c34,#111528);border-radius:15px;overflow:hidden;padding:10px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-card{padding:17px;border:1px solid #36405a;border-radius:13px;background:#1b2239}.mini-card>span{font-size:10px;color:#a5b2cc}.mini-card strong{display:block;font:800 21px Inter,Cairo;margin-top:7px}.hint-highlight{font-size:11px;color:var(--green);font-weight:700}
/* Voice light workspace */
.theme-voice.is-app{--bg:#f4f7fc;--text:#152039;--surface:#ffffff;--surface2:#eaf0f9;--line:#dce4f0;--muted:#65748e;background:#f5f7fb}.theme-voice.is-app .sidebar{background:#13243a;color:white;border-left-color:#0d2035}.theme-voice.is-app .side-links a{color:#b7cae4}.theme-voice.is-app .side-links a.selected{background:#24456d;color:#fff}.theme-voice.is-app .app-topbar{background:#fff;border-bottom-color:#e3e9f2}.theme-voice.is-app .app-main{color:#1c2a42}.theme-voice.is-app .panel,.theme-voice.is-app .stat-card{background:white;border-color:#e2e8f2;box-shadow:0 5px 20px #2c4a7110}.theme-voice.is-app .stat-card p,.theme-voice.is-app .stat-card small{color:#64748b}.theme-voice.is-app table th{background:#eff3fa;color:#526680}.theme-voice.is-app td{color:#273b5b;border-bottom-color:#e5eaf2}.theme-voice.is-app tr:hover td{background:#f5f8fd}.theme-voice.is-app .field input,.theme-voice.is-app .field textarea,.theme-voice.is-app .field select{background:#f9fbfe;border-color:#d5dfed;color:#24344f}.theme-voice.is-app .field>span:first-child{color:#415470}.theme-voice.is-app .demo-banner{color:#714a29;background:#fff9ef;border-color:#f2d7aa}.theme-voice.is-app .mini-record{border-color:#e6e9ef}.theme-voice.is-app .bar-track{background:#e9eff8}.theme-voice.is-app .topbar-crumb span{color:#30435a}.theme-voice.is-app .mini-card{background:#f6f9fe;border-color:#e0e7f3}
@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr}.top-links{gap:13px}.app-shell{grid-template-columns:215px minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.marketing-nav{padding:0 20px}.top-links{display:none;position:absolute;top:70px;left:15px;right:15px;background:#171c33;flex-direction:column;padding:20px;border:1px solid #323958;border-radius:15px}.top-links.open{display:flex}.menu-toggle{display:block}.nav-signin{display:none}.content-wrap{width:min(100% - 34px,650px)}.hero{grid-template-columns:1fr;padding-block:60px}.hero-copy h1{font-size:40px}.hero-visual{max-width:660px}.metrics-row{flex-direction:column;align-items:start}.metric-items{width:100%;justify-content:space-around;gap:15px}.how-grid,.contact-section{grid-template-columns:1fr;gap:30px}.feature-section,.showcase-section,.pricing-section,.contact-section{padding-block:65px}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.site-footer{flex-wrap:wrap}.auth-wrap{grid-template-columns:1fr}.auth-aside{display:none}.auth-panel{min-height:100vh}.app-shell{display:block}.sidebar{position:fixed;right:0;top:0;bottom:0;transform:translateX(105%);transition:transform .25s;width:255px;box-shadow:-20px 0 50px #0007}.sidebar.open{transform:translateX(0)}.mobile-side-toggle{display:block}.app-topbar{height:61px;padding-inline:16px}.topbar-right .subtle-link,.live-bubble{display:none}.app-main{padding:20px 15px 40px}.page-heading h1{font-size:23px}.dash-grid,.section-columns{grid-template-columns:1fr}.date-label{display:none}}
@media(max-width:500px){.feature-grid,.stats-grid,.form-grid,.form-inline-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.topbar-crumb{font-size:10px}.hero-copy h1{font-size:33px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.site-footer{flex-direction:column;align-items:start}.mini-cards{grid-template-columns:1fr}}