:root{--bg:#ffffff;--card:#ffffff;--tint:#f8fafc;--stroke: rgba(15,23,42,.1);--text:#0f172a;--muted: rgba(15,23,42,.72);--muted2: rgba(15,23,42,.58);--brand:#2563eb;--brand2:#f87171;--brandGrad: linear-gradient(135deg,#2563eb,#1d4ed8);--shadow: 0 20px 70px rgba(15,23,42,.12);--shadow2: 0 12px 40px rgba(15,23,42,.08)}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}img,svg{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.page{width:100%;overflow-x:hidden;min-height:100vh}.container{width:min(1140px,calc(100% - 32px));margin:0 auto}.topNav{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.08)}.navInner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1140px,calc(100% - 32px));margin:0 auto}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brandLogoImg{width:44px;height:44px;object-fit:contain}.brandText{min-width:0;line-height:1.1}.brandName{font-weight:950;letter-spacing:-.2px;font-size:18px}.brandSub{font-size:11px;color:#0f172a8c;font-weight:650;margin-top:2px}.navLinks{display:flex;gap:8px;align-items:center}.navLink{background:transparent;border:0;cursor:pointer;color:#0f172ab3;font-weight:800;font-size:14px;padding:10px 12px;border-radius:12px}.navLink:hover{background:#2563eb0f;color:#0f172af2}.navCtas{display:flex;gap:10px;align-items:center}.navBurger{display:none;background:transparent;border:0;padding:10px;border-radius:12px;cursor:pointer}.navBurger:hover{background:#0f172a0a}.mobileMenu{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;border-top:1px solid rgba(15,23,42,.08);background:#fff}.mobileLink{background:#0f172a08;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:12px;font-weight:900;cursor:pointer;text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 16px;border:1px solid rgba(15,23,42,.12);font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--brandGrad);border-color:#2563eb40;color:#fff;box-shadow:0 14px 32px #2563eb2e}.btn.ghost{background:#fff}.btn.small{padding:10px 12px;font-size:13px;border-radius:12px}.btn.full{width:100%}.hero{position:relative;padding:64px 0 48px;overflow:hidden}.heroGlow{position:absolute;inset:-80px 0 auto 0;height:520px;pointer-events:none;background:radial-gradient(700px 380px at 20% 15%,rgba(37,99,235,.16),transparent 65%),radial-gradient(650px 360px at 80% 20%,rgba(248,113,113,.14),transparent 65%)}.heroInner{position:relative;width:min(1140px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#2563eb0f;border:1px solid rgba(37,99,235,.14);font-weight:950;font-size:12px;color:#1d4ed8f2}.pill .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.h1{margin:18px 0 14px;font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-1px}.gradText{background:linear-gradient(90deg,#2563eb,#3b82f6 40%,#f87171);-webkit-background-clip:text;background-clip:text;color:transparent}.heroP{max-width:54ch;color:var(--muted);font-weight:650;line-height:1.7}.ctaRow{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.trustRow{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.trustChip{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#0f172a08;border:1px solid rgba(15,23,42,.08);font-weight:850;font-size:13px;color:#0f172ab3}.checkIconInline{display:flex;color:#16a34a}.section{padding:80px 0;overflow:hidden}.sectionTint{background:linear-gradient(180deg,#2563eb0a,#f8717105);border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06)}.sectionHead{text-align:center;margin-bottom:32px}.kicker{font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:#2563ebeb;font-size:12px}.h2{margin:12px 0 10px;font-size:clamp(28px,3.5vw,44px);letter-spacing:-.5px}.p{margin:0;color:var(--muted);font-weight:650;line-height:1.7}.dim{color:var(--muted2)}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.featureCard{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:28px;box-shadow:var(--shadow2);transition:transform .15s ease,box-shadow .2s ease,border .15s ease}.featureCard:hover{transform:translateY(-3px);border-color:#2563eb33;box-shadow:0 20px 60px #0f172a1f}.featureIconBg{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.gBlue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.gCoral{background:linear-gradient(135deg,#f43f5e,#f87171)}.gPurple{background:linear-gradient(135deg,#7c3aed,#a855f7)}.gGreen{background:linear-gradient(135deg,#059669,#22c55e)}.gTeal{background:linear-gradient(135deg,#10b981,#14b8a6)}.gIndigo{background:linear-gradient(135deg,#4f46e5,#2563eb)}.featureTitle{font-weight:950;font-size:18px}.featureText{margin-top:8px;color:#0f172a9e;font-weight:700;line-height:1.6}.widgetGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.widgetCard{position:relative;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:22px;box-shadow:0 10px 30px #0f172a0f;transition:transform .15s ease,box-shadow .2s ease,border .15s ease}.widgetCard:hover{transform:translateY(-4px);border-color:#2563eb38;box-shadow:0 20px 60px #0f172a1a}.popularBadge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-weight:950;font-size:11px}.widgetIcon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:14px}.widgetIcon.orange{background:linear-gradient(135deg,#f97316,#f59e0b)}.widgetIcon.blue{background:linear-gradient(135deg,#2563eb,#06b6d4)}.widgetIcon.purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.widgetIcon.green{background:linear-gradient(135deg,#22c55e,#10b981)}.widgetIcon.indigo{background:linear-gradient(135deg,#4f46e5,#3b82f6)}.widgetIcon.pink{background:linear-gradient(135deg,#ec4899,#f43f5e)}.widgetIcon.emerald{background:linear-gradient(135deg,#10b981,#14b8a6)}.widgetIcon.gray{background:linear-gradient(135deg,#64748b,#475569)}.widgetTitle{font-weight:950;font-size:17px;margin-bottom:6px}.widgetText{color:#0f172a9e;font-weight:700;font-size:14px;line-height:1.5}.widgetLink{margin-top:14px;color:#2563ebf2;font-weight:900;font-size:13px;display:flex;align-items:center;gap:6px}.useCaseSection{padding:56px 0}.useCaseSection+.useCaseSection{border-top:1px solid rgba(15,23,42,.06)}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.twoCol.reverse>*:first-child{order:2}.twoCol.reverse>*:last-child{order:1}.useCaseKicker{font-weight:900;color:#2563ebf2;margin-bottom:8px;font-size:13px}.useCaseTitle{font-size:clamp(28px,3vw,40px);font-weight:950;margin:0 0 12px}.useCaseText{color:#0f172ab3;font-weight:650;line-height:1.7;font-size:16px;margin-bottom:24px;max-width:52ch}.checkList{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.check{display:flex;align-items:center;gap:10px;color:#0f172ab3;font-weight:750;font-size:14px}.checkDot{width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#22c55e24;border:1px solid rgba(34,197,94,.3);color:#16a34a}.pillRow{display:flex;gap:8px;flex-wrap:wrap}.pillTag{padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,#2563eb14,#f871710f);border:1px solid rgba(37,99,235,.14);font-weight:900;font-size:12px;color:#1d4ed8f2}.useCaseMock{position:relative}.useCaseMock:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;border-radius:40px;opacity:.35;pointer-events:none}.useCaseMock.sports:before{background:radial-gradient(circle at center,rgba(249,115,22,.22),transparent 70%)}.useCaseMock.travel:before{background:radial-gradient(circle at center,rgba(6,182,212,.2),transparent 70%)}.useCaseMock.courses:before{background:radial-gradient(circle at center,rgba(139,92,246,.2),transparent 70%)}.useCaseMock.community:before{background:radial-gradient(circle at center,rgba(236,72,153,.2),transparent 70%)}.mockCard{border-radius:22px;border:1px solid rgba(15,23,42,.1);background:#fff;overflow:hidden;box-shadow:0 24px 80px #0f172a1f;position:relative}.mockCardHeader{padding:16px 18px;display:flex;align-items:center;gap:12px;color:#fff}.mockCardHeader.orange{background:linear-gradient(135deg,#f97316,#ef4444)}.mockCardHeader.blue{background:linear-gradient(135deg,#2563eb,#06b6d4)}.mockCardHeader.purple{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.mockCardHeader.pink{background:linear-gradient(135deg,#ec4899,#f43f5e)}.mockCardAvatar{width:40px;height:40px;border-radius:12px;background:#ffffff38;display:flex;align-items:center;justify-content:center}.mockCardName{font-weight:900;font-size:15px}.mockCardSub{font-size:12px;opacity:.9;font-weight:600}.mockCardBody{padding:18px}.mockWidget{background:#0f172a05;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:14px;margin-bottom:12px}.mockWidgetHeader{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mockWidgetIcon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.mockWidgetIcon.orange{background:linear-gradient(135deg,#f97316,#f59e0b)}.mockWidgetIcon.blue{background:linear-gradient(135deg,#2563eb,#06b6d4)}.mockWidgetIcon.purple{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.mockWidgetIcon.green{background:linear-gradient(135deg,#22c55e,#10b981)}.mockWidgetIcon.pink{background:linear-gradient(135deg,#ec4899,#f43f5e)}.mockWidgetTitle{font-size:12px;font-weight:900;color:#0f172aa6;text-transform:uppercase;letter-spacing:.05em}.mockWidgetContent{font-size:14px;color:#0f172ac7}.mockWidgetContent .highlight{display:block;font-weight:900;font-size:15px;color:#0f172af2;margin-bottom:4px}.mockWidgetMeta{display:flex;align-items:center;gap:12px;font-size:13px;color:#0f172a94;margin-top:6px}.mockStats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mockStat{background:#0f172a05;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:14px;text-align:center}.mockStatValue{font-size:24px;font-weight:950}.mockStatValue.green{color:#22c55e}.mockStatValue.purple{color:#a855f7}.mockStatLabel{font-size:11px;color:#0f172a8c;font-weight:800;text-transform:uppercase;margin-top:4px}.itineraryItem{display:flex;align-items:center;gap:12px;padding:6px 0}.itineraryDay{color:#0f172a80;font-weight:700;font-size:13px;min-width:60px}.splitRow{display:flex;justify-content:space-between;align-items:center}.highlightBig{font-size:20px;font-weight:950;color:#0f172af2}.progressBar{height:8px;background:#0f172a14;border-radius:4px;overflow:hidden;margin:10px 0 6px}.progressFill{height:100%;border-radius:4px}.progressFill.green{background:linear-gradient(90deg,#22c55e,#10b981)}.progressFill.pink{background:linear-gradient(90deg,#ec4899,#f43f5e)}.progressLabel{font-size:12px;color:#0f172a8c;font-weight:700}.progressStats{display:flex;justify-content:space-between;margin-top:8px;font-size:13px}.raisedAmount{color:#ec4899;font-weight:900}.goalAmount{color:#0f172a80}.dueBadge{background:#ef44441f;color:#ef4444;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900}.goingBadge{background:#22c55e1f;color:#22c55e;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:900}.stepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.stepCard{text-align:center}.stepNum{width:72px;height:72px;border-radius:20px;background:var(--brandGrad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:950;margin:0 auto 20px}.stepTitle{font-weight:950;font-size:19px;margin-bottom:10px}.stepText{color:#0f172a9e;font-weight:700}.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.priceCard{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:22px;padding:32px;box-shadow:var(--shadow2);position:relative}.priceCard.popular{border-color:#2563eb59;box-shadow:0 20px 60px #2563eb1f;padding-top:50px}.popularTag{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:var(--brandGrad);color:#fff;font-size:11px;font-weight:950}.priceTop{margin-bottom:24px}.priceName{font-weight:950;font-size:20px;margin-bottom:8px}.priceValue{font-size:40px;font-weight:950}.priceValue span{font-size:16px;font-weight:800;color:#0f172a8c;margin-left:4px}.priceDesc{color:#0f172a9e;font-weight:700;font-size:14px;margin-top:10px}.priceList{margin:24px 0}.priceItem{display:flex;align-items:center;gap:10px;padding:10px 0;color:#0f172ab8;font-weight:750;font-size:14px}.ctaSection{padding:80px 0;background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca)}.ctaCard{border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.ctaCopy{max-width:520px}.ctaTitle{margin:0 0 8px;font-size:clamp(26px,3vw,38px);font-weight:950;color:#fff}.ctaText{margin:0;color:#ffffffd9;font-weight:700}.ctaNote{margin-top:14px;color:#ffffffa6;font-weight:800;font-size:13px}.ctaButtons{display:flex;gap:12px;flex-wrap:wrap}.ctaSection .btn.primary{background:#fff;color:#4338ca;border-color:#fff}.ctaSection .btn.ghost{background:transparent;border-color:#ffffff73;color:#fff}.footer{background:#0b1220;color:#ffffffb3;padding:56px 0 32px}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footerBrand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footerLogo{width:40px;height:40px;object-fit:contain}.footerBrandName{font-weight:950;font-size:20px;color:#fff}.footerDesc{color:#ffffff9e;font-weight:650;font-size:14px;line-height:1.6;max-width:300px}.footerColTitle{font-weight:900;margin-bottom:16px;color:#fff}.footerLinks{display:flex;flex-direction:column;gap:12px}.footerLinks a{color:#ffffff9e;font-weight:700;font-size:14px}.footerLinks a:hover{color:#ffffffeb}.footerBottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;color:#ffffff8c;font-weight:700;font-size:13px}.heroMock{border-radius:26px;border:1px solid rgba(15,23,42,.1);background:#fff;box-shadow:0 24px 90px #0f172a24;overflow:hidden;transform:rotate(.6deg);position:relative}.chatMockHeader{background:linear-gradient(135deg,#2563eb,#3b82f6);padding:16px 18px;color:#fff;display:flex;align-items:center;justify-content:space-between}.chatMockHeaderLeft{display:flex;align-items:center;gap:12px}.chatMockAvatar{width:44px;height:44px;border-radius:14px;background:#ffffff38;display:flex;align-items:center;justify-content:center}.chatMockHeaderInfo h4{margin:0;font-weight:950;font-size:16px}.chatMockHeaderInfo span{font-size:12px;opacity:.9;font-weight:700}.chatMockHeaderActions{display:flex;gap:8px}.chatMockHeaderBtn{width:36px;height:36px;border-radius:12px;background:#ffffff29;display:flex;align-items:center;justify-content:center}.chatMockBody{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:18px;min-height:320px}.chatBubble{display:flex;gap:10px;margin-bottom:16px}.chatBubble.sent{flex-direction:row-reverse}.chatBubbleAvatar{width:32px;height:32px;border-radius:12px;flex-shrink:0}.chatBubbleContent{max-width:72%}.chatBubbleName{font-size:11px;font-weight:900;color:#0f172a85;margin-bottom:4px}.chatBubbleText{padding:12px 16px;border-radius:16px;font-size:14px;font-weight:650;color:#0f172ae6;line-height:1.4}.chatBubble:not(.sent) .chatBubbleText{background:#fff;border:1px solid rgba(15,23,42,.08);border-bottom-left-radius:6px}.chatBubble.sent .chatBubbleText{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-bottom-right-radius:6px}.chatWidgetCard{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:14px;margin-top:8px}.chatWidgetHeader{display:flex;align-items:center;gap:8px;margin-bottom:10px}.chatWidgetIcon{width:28px;height:28px;border-radius:10px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;color:#7c3aed}.chatWidgetTitle{font-size:12px;font-weight:900;color:#7c3aed}.chatWidgetBody{font-size:13px;color:#0f172ac7}.chatWidgetButtons{display:flex;gap:8px;margin-top:12px}.chatWidgetBtn{flex:1;padding:10px;border-radius:10px;font-size:12px;font-weight:900;text-align:center}.chatWidgetBtn.primary{background:#22c55e;color:#fff}.chatWidgetBtn.secondary{background:#0f172a0a;border:1px solid rgba(15,23,42,.08);color:#0f172ab8}.chatMockInput{padding:14px 16px;border-top:1px solid rgba(15,23,42,.1);display:flex;align-items:center;gap:10px;background:#fff}.chatMockInputBtn{width:36px;height:36px;border-radius:12px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;color:#0f172a99}.chatMockInputField{flex:1;height:40px;border-radius:999px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);padding:0 16px;display:flex;align-items:center;color:#0f172a80}.chatMockSendBtn{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #2563eb2e}.floatingWidget{position:absolute;padding:10px 14px;border-radius:14px;background:#fffffffa;border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 50px #0f172a1f;display:flex;align-items:center;gap:10px;animation:float 3.2s ease-in-out infinite}.floatingWidget.top{top:70px;right:12px}.floatingWidget.bottom{bottom:70px;left:12px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floatingWidgetIcon{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.floatingWidgetIcon.orange{background:linear-gradient(135deg,#f97316,#f59e0b)}.floatingWidgetIcon.green{background:linear-gradient(135deg,#22c55e,#10b981)}.floatingWidgetText{font-size:13px;font-weight:950;color:#0f172adb}@media (max-width: 1024px){.heroInner{grid-template-columns:1fr;text-align:center}.ctaRow,.trustRow{justify-content:center}.featureGrid,.widgetGrid{grid-template-columns:1fr 1fr}.twoCol{grid-template-columns:1fr;gap:32px}.twoCol.reverse>*:first-child{order:1}.twoCol.reverse>*:last-child{order:2}.stepsGrid{grid-template-columns:1fr;gap:40px}.priceGrid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.footerGrid{grid-template-columns:1fr 1fr}.ctaCard{justify-content:center;text-align:center}.ctaCopy{max-width:100%}}@media (max-width: 820px){.navLinks{display:none}.navBurger{display:inline-flex}}@media (max-width: 720px){.featureGrid,.widgetGrid,.checkList{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr;gap:32px}.heroMock{transform:none}.floatingWidget{padding:8px 10px}.floatingWidgetIcon{width:26px;height:26px;border-radius:10px}.floatingWidgetText{font-size:11px}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-sidebar: #0c1222;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-light: #e2e8f0;--border-medium: #cbd5e1;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-green: #22c55e;--accent-orange: #f97316;--accent-teal: #14b8a6;--accent-red: #ef4444;--gradient-blue: linear-gradient(135deg, #3b82f6, #2563eb);--gradient-purple: linear-gradient(135deg, #8b5cf6, #7c3aed);--gradient-green: linear-gradient(135deg, #22c55e, #16a34a);--gradient-orange: linear-gradient(135deg, #f97316, #ea580c);--gradient-teal: linear-gradient(135deg, #14b8a6, #0d9488);--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 12px 32px rgba(0,0,0,.08);--shadow-glow-blue: 0 8px 32px rgba(59,130,246,.25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-base: .25s cubic-bezier(.4,0,.2,1);--transition-fast: .15s cubic-bezier(.4,0,.2,1);--sidebar-width: 280px;--topbar-height: 64px}