:root{--sm-primary:#4f46e5;--sm-primary-dark:#3730a3;--sm-soft:#eef2ff;--sm-cyan:#06b6d4;--sm-navy:#0f172a;--sm-muted:#64748b;--sm-bg:#f6f8fc;--sm-border:#e5e7eb;--sm-success:#059669;--sm-danger:#dc2626;--sm-radius:18px;--sm-shadow:0 12px 35px rgba(15,23,42,.06)}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sm-navy);background:var(--sm-bg)}a{text-decoration:none}.ui-icon{width:20px;height:20px;flex:0 0 auto}.min-w-0{min-width:0}
.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--sm-primary)}.section-label:before{content:"";width:24px;height:2px;background:currentColor;border-radius:999px}
.brand-lockup{display:inline-flex;align-items:center;gap:.75rem;color:var(--sm-navy)}.brand-lockup>span:last-child{display:grid;line-height:1.05}.brand-lockup strong{font-size:1.02rem;font-weight:850;letter-spacing:-.02em}.brand-lockup small{font-size:.67rem;color:#94a3b8;margin-top:.2rem}.brand-logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(145deg,#6366f1,#4f46e5 55%,#06b6d4);box-shadow:0 10px 22px rgba(79,70,229,.25)}
.btn-primary{--bs-btn-bg:var(--sm-primary);--bs-btn-border-color:var(--sm-primary);--bs-btn-hover-bg:var(--sm-primary-dark);--bs-btn-hover-border-color:var(--sm-primary-dark);font-weight:700;box-shadow:0 8px 20px rgba(79,70,229,.16)}.btn-soft{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#475569;border:1px solid var(--sm-border);border-radius:12px;font-weight:650}.btn-soft:hover{background:#f8fafc;color:var(--sm-primary);border-color:#c7d2fe}.btn-icon{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--sm-border);background:#fff;border-radius:12px}.btn-light-nav{border:1px solid var(--sm-border);background:#fff;border-radius:999px;font-weight:700;padding:.6rem 1.15rem}
.badge-soft-primary{background:#eef2ff;color:#4338ca}.badge-soft-success{background:#ecfdf5;color:#047857}.badge-soft-danger{background:#fef2f2;color:#b91c1c}.badge-soft-secondary{background:#f1f5f9;color:#475569}.badge-soft-warning{background:#fffbeb;color:#b45309}
.form-control,.form-select{border-color:#dbe2ea;border-radius:12px;min-height:46px;padding:.65rem .85rem}.form-control:focus,.form-select:focus{border-color:#a5b4fc;box-shadow:0 0 0 .23rem rgba(79,70,229,.1)}textarea.form-control{min-height:auto}.form-label{font-size:.82rem;font-weight:700;color:#334155;margin-bottom:.45rem}.form-text{font-size:.75rem}.input-group-text{border-color:#dbe2ea;background:#f8fafc;color:#64748b;font-size:.82rem}
.card,.panel-card{border:1px solid var(--sm-border);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);background:#fff}.panel-card{overflow:hidden}.panel-heading{padding:1.1rem 1.25rem;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-heading h3{font-size:.96rem;font-weight:800;margin:0}.panel-heading p{font-size:.72rem;color:#94a3b8;margin:.2rem 0 0}.panel-body{padding:1.25rem}.table{--bs-table-bg:transparent;margin:0}.table>:not(caption)>*>*{padding:.95rem .85rem;border-color:#eef2f7;vertical-align:middle}.table thead th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:800;background:#fbfcfe}.table tbody tr:hover{--bs-table-bg:#fafbff}.table-responsive{border-radius:14px}
.empty-state{padding:3rem 1.5rem;text-align:center;border:1px dashed #cbd5e1;border-radius:16px;background:#fbfcff}.empty-icon{width:54px;height:54px;border-radius:16px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;margin:0 auto 1rem}.empty-icon .ui-icon{width:25px;height:25px}.flash-area{padding-top:1rem}.flash-area .alert{border-radius:14px;margin-bottom:0}.avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#4f46e5,#06b6d4);color:#fff;font-weight:850}.avatar-sm{width:32px;height:32px;border-radius:10px;font-size:.8rem}
/* public */
.public-body{background:#fff}.public-navbar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.8);min-height:76px}.public-navbar .nav-link{color:#475569;font-weight:650;font-size:.9rem;padding:.75rem 1rem!important}.public-navbar .nav-link:hover{color:var(--sm-primary)}
.hero-section{position:relative;overflow:hidden;padding:6rem 0 5rem;background:linear-gradient(180deg,#f8faff 0,#fff 88%)}.hero-section:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-260px;top:-310px;background:radial-gradient(circle,#c7d2fe 0,rgba(199,210,254,0) 68%)}.hero-section:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;left:-250px;bottom:-240px;background:radial-gradient(circle,#cffafe 0,rgba(207,250,254,0) 70%)}.hero-content{position:relative;z-index:2}.hero-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .75rem;border-radius:999px;background:#fff;border:1px solid #e0e7ff;color:#4338ca;font-size:.76rem;font-weight:750;box-shadow:0 6px 18px rgba(79,70,229,.08)}.hero-pill i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #d1fae5}.hero-title{font-size:clamp(2.8rem,5.3vw,5.5rem);line-height:.98;letter-spacing:-.055em;font-weight:900;margin:1.4rem 0 1.35rem;color:#0b1220}.hero-title span{background:linear-gradient(100deg,#4f46e5,#7c3aed 55%,#0891b2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:680px;color:#64748b;font-size:1.1rem;line-height:1.75}.hero-proof{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2rem}.proof-item{display:flex;align-items:center;gap:.55rem;color:#475569;font-size:.84rem;font-weight:650}.proof-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ecfdf5;color:#059669}.proof-check .ui-icon{width:14px;height:14px}
.product-preview{position:relative;z-index:2;background:#0f172a;border-radius:26px;padding:12px;box-shadow:0 35px 80px rgba(15,23,42,.24);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.preview-window{background:#fff;border-radius:18px;overflow:hidden}.preview-top{height:42px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;padding:0 14px;gap:6px}.preview-top i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.preview-body{display:grid;grid-template-columns:54px 1fr;min-height:390px}.preview-side{background:#111827;padding:16px 12px;display:grid;align-content:start;gap:14px}.preview-side span{height:28px;border-radius:8px;background:#ffffff12}.preview-side span:first-child{background:#6366f1}.preview-main{padding:22px;background:#f8fafc}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.preview-head h3{font-size:16px;margin:0}.preview-head button{border:0;background:#4f46e5;color:#fff;border-radius:8px;padding:8px 11px;font-size:10px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-stat{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:12px}.preview-stat span{font-size:9px;color:#94a3b8}.preview-stat strong{display:block;font-size:20px;margin-top:3px}.preview-chart{margin-top:12px;background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:14px;height:145px}.preview-bars{height:90px;display:flex;align-items:end;gap:5px}.preview-bars i{flex:1;background:linear-gradient(#818cf8,#4f46e5);border-radius:4px 4px 1px 1px}.preview-row{display:flex;align-items:center;gap:8px;margin-top:12px;background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:12px}.preview-row .dot{width:30px;height:30px;border-radius:8px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-weight:900}.preview-row strong{font-size:10px}.preview-row small{display:block;font-size:8px;color:#94a3b8}
.domain-banner{margin-top:-1.7rem;position:relative;z-index:3}.domain-inner{background:#fff;border:1px solid var(--sm-border);box-shadow:var(--sm-shadow);border-radius:18px;padding:1.15rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.domain-url{font-size:clamp(1rem,2vw,1.3rem);font-weight:800;letter-spacing:-.02em}.domain-url span{color:var(--sm-primary)}.public-section{padding:6rem 0}.section-heading{max-width:700px}.section-heading h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;font-weight:850}.section-heading p{font-size:1.02rem;line-height:1.75;color:#64748b}.feature-card{height:100%;border:1px solid var(--sm-border);border-radius:22px;padding:1.6rem;background:#fff;transition:.25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(15,23,42,.08);border-color:#c7d2fe}.feature-icon{width:48px;height:48px;border-radius:15px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;margin-bottom:1.2rem}.feature-icon.cyan{background:#ecfeff;color:#0891b2}.feature-icon.green{background:#ecfdf5;color:#059669}.feature-icon.amber{background:#fffbeb;color:#d97706}.feature-icon .ui-icon{width:23px;height:23px}.feature-card h3{font-size:1.1rem;font-weight:800}.feature-card p{color:#64748b;font-size:.9rem;line-height:1.65;margin-bottom:0}.security-section{background:#0f172a;color:#fff}.security-card{border-radius:24px;background:linear-gradient(140deg,#111827,#1e1b4b);padding:clamp(1.5rem,4vw,3rem);border:1px solid #ffffff12}.security-list{display:grid;gap:.8rem}.security-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid #ffffff12;background:#ffffff08;border-radius:15px}.security-item .feature-icon{margin:0;width:38px;height:38px;border-radius:12px;flex:0 0 auto}.security-item strong{display:block}.security-item small{display:block;color:#94a3b8;margin-top:.25rem}.cta-card{border-radius:25px;padding:3rem;background:linear-gradient(130deg,#eef2ff,#ecfeff);border:1px solid #dbeafe}.public-footer{border-top:1px solid var(--sm-border);padding:2rem 0;background:#fff}.footer-lockup .brand-logo{width:36px;height:36px;border-radius:11px}
/* auth */
.auth-section{min-height:calc(100vh - 76px);display:grid;align-items:center;background:linear-gradient(130deg,#f8fafc,#f4f5ff);padding:3.5rem 0}.auth-showcase{min-height:610px;border-radius:28px;background:linear-gradient(145deg,#0f172a 0,#1e1b4b 65%,#164e63);color:#fff;padding:3rem;position:relative;overflow:hidden}.auth-showcase h2{font-size:clamp(2.2rem,4vw,3.6rem);font-weight:850;letter-spacing:-.045em;line-height:1.05;margin:1.8rem 0 1rem}.auth-showcase h2 span{color:#a5b4fc}.auth-showcase p{color:#cbd5e1;line-height:1.75;max-width:520px}.auth-domain{display:inline-flex;background:#ffffff0e;border:1px solid #ffffff18;border-radius:13px;padding:.9rem 1rem;margin-top:1.5rem;font-family:ui-monospace,monospace;color:#cbd5e1}.auth-domain strong{color:#67e8f9}.auth-features{display:grid;gap:.8rem;margin-top:2rem}.auth-feature{display:flex;align-items:center;gap:.8rem;color:#e2e8f0;font-size:.88rem}.auth-form-card{border-radius:24px;background:#fff;border:1px solid var(--sm-border);box-shadow:0 25px 60px rgba(15,23,42,.08);padding:clamp(1.5rem,4vw,2.5rem)}.auth-form-card h1{font-size:2rem;font-weight:850;letter-spacing:-.035em}.password-toggle{border:0;background:transparent;color:#4f46e5;font-weight:700;font-size:.75rem}
/* app shell */
.app-body{background:var(--sm-bg)}.app-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#0f172a;color:#fff;z-index:1030;flex-direction:column;padding:1.2rem 1rem}.sidebar-brand{padding:.3rem .5rem 1.35rem;border-bottom:1px solid #ffffff12}.sidebar-brand .brand-lockup{color:#fff}.sidebar-nav{padding-top:1.1rem;overflow-y:auto;flex:1}.sidebar-section-label{font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:800;padding:.65rem .8rem}.sidebar-link{display:flex;align-items:center;gap:.8rem;color:#94a3b8;padding:.76rem .82rem;border-radius:12px;margin:.15rem 0;font-size:.86rem;font-weight:650;transition:.18s}.sidebar-link:hover{background:#ffffff0c;color:#fff}.sidebar-link.active{background:linear-gradient(100deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 9px 20px #4f46e533}.sidebar-link .ui-icon{width:18px;height:18px}.sidebar-user{border-top:1px solid #ffffff12;padding:1rem .4rem .15rem;display:flex;align-items:center;gap:.7rem}.sidebar-user strong{display:block;font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{display:block;font-size:.67rem;color:#64748b}.sidebar-logout{color:#64748b}.sidebar-logout:hover{color:#fca5a5}.app-main{margin-left:270px;min-height:100vh;display:flex;flex-direction:column}.app-topbar{height:78px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 1.7rem;position:sticky;top:0;z-index:1020}.topbar-kicker{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;font-weight:800}.app-topbar h1{font-size:1.05rem;font-weight:800;margin:0}.user-menu{display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid var(--sm-border);border-radius:12px;font-size:.82rem;font-weight:700;padding:.3rem .55rem}.app-page{flex:1;padding:1.6rem}.app-footer{padding:1rem 1.7rem;border-top:1px solid #e7eaf0;color:#94a3b8;font-size:.72rem;display:flex;justify-content:space-between;background:#fff}.mobile-sidebar{background:#0f172a;color:#fff;width:290px!important}.mobile-sidebar .offcanvas-header{border-bottom:1px solid #ffffff12}.mobile-sidebar .brand-lockup{color:#fff}.mobile-sidebar .btn-close{filter:invert(1)}
.page-heading{margin-bottom:1.35rem}.page-heading h2{font-size:1.65rem;font-weight:850;letter-spacing:-.035em;margin-bottom:.3rem}.page-heading p{color:#64748b;font-size:.88rem;margin:0}.page-actions{display:flex;gap:.6rem;flex-wrap:wrap}.stat-card{height:100%;background:#fff;border:1px solid var(--sm-border);border-radius:18px;padding:1.2rem;box-shadow:var(--sm-shadow);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-32px;top:-35px;background:#eef2ff}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;position:relative;z-index:1}.stat-icon.cyan{background:#ecfeff;color:#0891b2}.stat-icon.green{background:#ecfdf5;color:#059669}.stat-icon.amber{background:#fffbeb;color:#d97706}.stat-value{font-size:1.7rem;font-weight:850;letter-spacing:-.04em;margin-top:1rem}.stat-label{font-size:.75rem;color:#64748b;font-weight:650}.stat-meta{font-size:.68rem;color:#94a3b8;margin-top:.35rem}.quota-progress{height:5px;margin-top:.7rem;background:#eef2f7}.quota-progress .progress-bar{background:linear-gradient(90deg,#4f46e5,#06b6d4)}.sticky-card{position:sticky;top:96px}.link-url{font-weight:750;color:#4338ca}.target-url{display:block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;font-size:.72rem;margin-top:.22rem}.action-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:9px;padding:.43rem .62rem;font-size:.72rem;font-weight:700}.action-btn:hover{border-color:#c7d2fe;color:#4338ca;background:#fafaff}.action-btn .ui-icon{width:14px;height:14px}.action-btn.danger{color:#b91c1c}.action-btn.danger:hover{background:#fef2f2;border-color:#fecaca}.action-btn.copied{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.help-box{border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;padding:1rem;color:#64748b;font-size:.78rem;line-height:1.55}.builder-block{border:1px solid #e5e7eb;border-radius:13px;background:#fff;padding:.7rem;display:grid;grid-template-columns:130px 1fr 1.25fr auto;gap:.55rem;align-items:center;margin-bottom:.6rem}.builder-tools{display:flex;gap:.3rem}.builder-tools button{width:34px;height:34px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b}.preview-phone{max-width:360px;margin:auto;border:8px solid #0f172a;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 28px 55px rgba(15,23,42,.18)}.preview-phone iframe{width:100%;height:610px;border:0;background:#fff}.color-control{height:46px!important;padding:.35rem!important}.analytics-chart{height:260px;width:100%}.analytics-chart polyline{fill:none;stroke:#4f46e5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.analytics-chart .area{fill:url(#chartGradient);stroke:none}.analytics-chart .grid{stroke:#e2e8f0;stroke-width:1}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem 0;border-bottom:1px solid #f1f5f9}.metric-row:last-child{border:0}.metric-row span{color:#64748b;font-size:.8rem}.metric-row strong{font-size:.82rem}.metric-bar{height:5px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-top:.35rem}.metric-bar i{display:block;height:100%;background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:999px}.admin-action-card{height:100%;padding:1.25rem;border:1px solid var(--sm-border);border-radius:18px;background:#fff;color:inherit;box-shadow:var(--sm-shadow);transition:.2s}.admin-action-card:hover{transform:translateY(-3px);border-color:#c7d2fe}.admin-action-card h3{font-size:.98rem;font-weight:800;margin:.85rem 0 .35rem}.admin-action-card p{color:#64748b;font-size:.78rem;line-height:1.6;margin:0}.user-card{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;background:#fff}.user-card+.user-card{margin-top:.75rem}.user-head{display:flex;align-items:center;gap:.8rem;padding-bottom:.9rem;border-bottom:1px solid #f1f5f9;margin-bottom:.9rem}.user-head strong{display:block;font-size:.86rem}.user-head small{font-size:.7rem;color:#94a3b8}.qr-frame{display:inline-block;padding:1rem;border-radius:20px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 45px rgba(15,23,42,.08)}.qr-frame canvas,.qr-frame img{display:block!important}.token-code{background:#0f172a;color:#dbeafe;border-radius:12px;padding:1rem;font-family:ui-monospace,monospace;font-size:.77rem;word-break:break-all}.status-page{min-height:70vh;display:grid;align-items:center;background:linear-gradient(180deg,#f8fafc,#fff)}.status-card{max-width:580px;background:#fff;border:1px solid var(--sm-border);border-radius:24px;padding:3rem 2rem;box-shadow:var(--sm-shadow)}.status-card p{max-width:430px}.status-orb{width:92px;height:92px;border-radius:28px;background:linear-gradient(145deg,#eef2ff,#ecfeff);color:#4f46e5;font-size:2rem;font-weight:900;display:grid;place-items:center;margin:0 auto 1.5rem}
/* microsite public */
.micro-public{min-height:100vh;padding-bottom:2rem}.micro-cover{height:230px;background-size:cover;background-position:center}.micro-card{width:min(100% - 28px,var(--micro-width,680px));margin:var(--micro-shift,0) auto 0;text-align:center;position:relative}.micro-avatar{width:106px;height:106px;border-radius:30px;object-fit:cover;display:grid;place-items:center;margin:auto;font-size:1.8rem;font-weight:900;color:#fff;border:5px solid var(--micro-bg,#fff);box-shadow:0 12px 30px #0002}.micro-card h1{font-size:2rem;font-weight:850;letter-spacing:-.035em;margin:1rem 0 .4rem}.micro-bio{opacity:.7;line-height:1.7;max-width:580px;margin:0 auto 1.7rem}.micro-blocks{display:grid;gap:.75rem;text-align:left}.micro-link{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.9rem 1rem;text-decoration:none;font-weight:750;border:1px solid #00000010;box-shadow:0 8px 22px #0000000b;transition:.18s}.micro-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000012}.micro-heading{font-size:1.08rem;font-weight:850;padding:.5rem .2rem 0}.micro-text{opacity:.72;line-height:1.7;margin:0 .2rem}.micro-divider{border:0;border-top:1px solid currentColor;opacity:.14;margin:.45rem 0}.micro-footer{margin-top:2rem;font-size:.72rem;opacity:.55}.micro-footer a{color:inherit}
@media(max-width:991.98px){.app-main{margin-left:0}.app-page{padding:1rem}.app-topbar{padding:0 1rem;height:70px}.public-navbar .navbar-collapse{padding:1rem 0}.public-navbar .btn{width:100%}.hero-section{padding:4.2rem 0 4rem}.product-preview{margin-top:2rem;transform:none}.auth-showcase{min-height:auto;padding:2rem;margin-bottom:1rem}.auth-section{padding:2rem 0}.sticky-card{position:static}.builder-block{grid-template-columns:1fr 1fr}.builder-tools{grid-column:2}.preview-phone iframe{height:520px}}
@media(max-width:767.98px){.hero-title{font-size:3rem}.hero-lead{font-size:1rem}.domain-inner{display:block}.domain-inner>*+*{margin-top:.5rem}.public-section{padding:4rem 0}.cta-card{padding:2rem}.auth-showcase{display:none}.app-footer{display:block}.app-footer span{display:block}.app-footer span+span{margin-top:.25rem}.page-heading h2{font-size:1.35rem}.stat-value{font-size:1.45rem}.builder-block{grid-template-columns:1fr}.builder-tools{grid-column:auto}.target-url{max-width:240px}}


/* v4.1 — PUBLIC FREE SHORTENER */
.free-shortener-card{position:relative;z-index:2;background:rgba(255,255,255,.96);border:1px solid #e0e7ff;border-radius:26px;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 35px 80px rgba(15,23,42,.14);backdrop-filter:blur(18px)}
.free-shortener-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.35rem}.free-shortener-icon{width:52px;height:52px;flex:0 0 auto;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 10px 25px rgba(79,70,229,.2)}.free-shortener-icon .ui-icon{width:24px;height:24px}.free-shortener-head h2{font-size:1.35rem;font-weight:850;letter-spacing:-.03em;margin:.22rem 0 .25rem}.free-shortener-head p{margin:0;color:#64748b;font-size:.82rem}.free-badge{font-size:.62rem;letter-spacing:.12em;font-weight:900;color:#4f46e5;background:#eef2ff;padding:.35rem .55rem;border-radius:999px}
.shortener-input-wrap{display:flex;align-items:stretch;border:1px solid #dbe2ea;background:#fff;border-radius:16px;padding:5px;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:.2s}.shortener-input-wrap:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 .25rem rgba(79,70,229,.09),0 12px 30px rgba(15,23,42,.07)}.shortener-input-wrap .form-control{border:0!important;box-shadow:none!important;min-height:54px;background:transparent}.shortener-input-wrap .btn{border-radius:12px;padding-left:1.3rem;padding-right:1.3rem;white-space:nowrap}.shortener-prefix{display:grid;place-items:center;padding:0 .25rem 0 .7rem;color:#94a3b8}.shortener-prefix .ui-icon{width:19px;height:19px}
.free-limit-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;color:#94a3b8;font-size:.7rem;margin-top:.85rem}.free-limit-row span{display:flex;align-items:center;gap:.35rem}.free-limit-row .ui-icon{width:14px;height:14px}.free-rules{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.free-rules span{font-size:.65rem;font-weight:700;color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:.38rem .58rem}
.shorten-result{border:1px solid #a7f3d0;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-radius:18px;padding:1.05rem}.shorten-result-label{font-size:.7rem;font-weight:850;color:#047857;text-transform:uppercase;letter-spacing:.08em}.shorten-result-url{font-size:1.05rem;font-weight:850;color:#0f172a;word-break:break-all;margin-top:.35rem}.shorten-result-meta{display:flex;align-items:center;gap:.35rem;color:#64748b;font-size:.68rem;margin-top:.8rem}.shorten-result-meta .ui-icon{width:14px;height:14px}
.account-benefit-section{background:#fff}.account-benefit-title{font-size:clamp(2rem,4vw,3.3rem);font-weight:850;letter-spacing:-.045em;line-height:1.08}.feature-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compare-col{position:relative;border:1px solid #e5e7eb;border-radius:22px;background:#fff;padding:1.45rem;box-shadow:0 12px 35px rgba(15,23,42,.05)}.compare-col.pro{border-color:#c7d2fe;background:linear-gradient(180deg,#fafaff,#fff);box-shadow:0 22px 50px rgba(79,70,229,.11)}.compare-popular{position:absolute;right:1rem;top:-.62rem;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;border-radius:999px;padding:.36rem .6rem;font-size:.58rem;font-weight:900;letter-spacing:.08em}.compare-plan{font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#4f46e5}.compare-header h3{font-size:1.2rem;font-weight:850;margin:.35rem 0}.compare-header p{color:#64748b;font-size:.78rem;line-height:1.5;min-height:2.4rem}.compare-col ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}.compare-col li{display:flex;align-items:center;gap:.55rem;color:#334155;font-size:.8rem;font-weight:650}.compare-col li .ui-icon{width:16px;height:16px;color:#059669}.compare-col li.muted{color:#94a3b8}.compare-col li.muted .ui-icon{color:#cbd5e1}
@media(max-width:991.98px){.free-shortener-card{margin-top:.5rem}.feature-compare{grid-template-columns:1fr}.compare-header p{min-height:0}}
@media(max-width:575.98px){.shortener-input-wrap{display:grid;grid-template-columns:auto 1fr}.shortener-input-wrap .btn{grid-column:1/-1;width:100%;margin-top:3px}.free-shortener-head{align-items:center}.free-limit-row{display:block}.free-limit-row span+span{margin-top:.3rem}.hero-title{font-size:2.7rem}}


/* v4.2 — PROFESSIONAL LANDING + BRAND SETTINGS */

/* Uploaded brand logo is a wordmark, not a 40x40 icon. */
.brand-logo-wide{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 1 auto;width:auto;height:50px;max-width:250px;min-width:0;overflow:visible}
.brand-logo-wide img{display:block;width:auto!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:left center}
.public-navbar .navbar-brand{min-width:0;max-width:min(310px,46vw)}
.public-navbar .brand-logo-wide-navbar{height:54px;max-width:280px}
.sidebar-brand .brand-lockup{display:flex;width:100%;max-width:100%;overflow:hidden}
.sidebar-brand .brand-logo-wide-sidebar{height:58px;width:100%;max-width:218px}
.sidebar-brand .brand-logo-wide-sidebar img{max-width:100%!important}
.mobile-sidebar .brand-logo-wide-mobile{height:48px;max-width:220px}
.footer-lockup .brand-logo-wide-footer{height:54px;max-width:275px}
.auth-form-card .brand-logo-wide-auth{height:72px;max-width:min(360px,100%);margin-bottom:.15rem}
.brand-fallback-copy{display:grid;line-height:1.05}.brand-fallback-copy strong{font-size:1.02rem;font-weight:850;letter-spacing:-.02em}.brand-fallback-copy small{font-size:.67rem;color:#94a3b8;margin-top:.2rem}

/* Admin preview: give horizontal logos enough room. */
.brand-upload-preview{min-height:104px!important;justify-content:flex-start;overflow:hidden}
.brand-upload-preview img{width:auto!important;height:auto!important;max-width:min(100%,420px)!important;max-height:92px!important;object-fit:contain!important;object-position:left center}

.landing-hero{position:relative;overflow:hidden;padding:clamp(4.6rem,8vw,7rem) 0 3.2rem;background:#fff}.landing-theme-gradient{background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--sm-primary),#fff 84%) 0,transparent 42%),linear-gradient(180deg,#fafbff 0,#fff 78%)}.landing-theme-clean{background:#fff}.landing-theme-dark{background:radial-gradient(circle at 70% 0,color-mix(in srgb,var(--sm-primary),transparent 62%) 0,transparent 40%),#0f172a;color:#fff}.landing-theme-dark .landing-copy h1{color:#fff}.landing-theme-dark .landing-copy>p{color:#cbd5e1}.landing-theme-dark .landing-eyebrow{background:#ffffff0d;border-color:#ffffff1a;color:#c7d2fe}.landing-theme-dark .landing-trust{color:#cbd5e1}.landing-theme-dark .landing-trust span{color:#94a3b8}.landing-theme-dark .landing-trust i{background:#ffffff20}
.landing-shell{position:relative;z-index:2}.landing-copy{max-width:880px}.landing-eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .78rem;border:1px solid #e0e7ff;border-radius:999px;background:#fff;color:var(--sm-primary);font-size:.74rem;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 25px rgba(15,23,42,.04)}.landing-eyebrow span{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #d1fae5}.landing-copy h1{max-width:900px;margin:1.4rem auto .95rem;color:#0f172a;font-size:clamp(2.4rem,5.2vw,4.8rem);font-weight:880;line-height:1.03;letter-spacing:-.052em}.landing-copy h1 span{color:var(--sm-primary)}.landing-theme-gradient .landing-copy h1 span{background:linear-gradient(110deg,var(--sm-primary),#7c3aed 58%,var(--sm-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-copy>p{max-width:720px;margin:0 auto;color:#64748b;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.72}
.landing-shortener{max-width:960px;margin-top:2.35rem;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:clamp(1.1rem,2.5vw,1.65rem);box-shadow:0 24px 65px rgba(15,23,42,.11)}.shortener-heading{margin-bottom:1.15rem}.shortener-heading h2{font-size:1.12rem;font-weight:820;letter-spacing:-.02em;margin:.15rem 0 .25rem}.shortener-heading p{font-size:.8rem;color:#64748b;margin:0}.shortener-label{font-size:.62rem;letter-spacing:.11em;color:var(--sm-primary);font-weight:900}.shortener-domain{align-items:center;padding:.55rem .7rem;border-radius:10px;background:#f8fafc;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.shortener-domain b{color:var(--sm-primary)}
.landing-input{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem;padding:.34rem;border:1px solid #dbe2ea;border-radius:15px;background:#fff;transition:.18s;box-shadow:0 7px 20px rgba(15,23,42,.035)}.landing-input:focus-within{border-color:color-mix(in srgb,var(--sm-primary),#fff 50%);box-shadow:0 0 0 .23rem color-mix(in srgb,var(--sm-primary),transparent 90%),0 12px 28px rgba(15,23,42,.06)}.landing-input>span{color:#94a3b8;padding:0 .45rem}.landing-input input{min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:.94rem;padding:.8rem .25rem;color:#0f172a}.landing-input input::placeholder{color:#a3adbb}.landing-input .btn{min-height:48px;border-radius:11px;padding:.65rem 1.2rem;white-space:nowrap;font-size:.86rem}.landing-shortener-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.8rem;color:#94a3b8;font-size:.68rem}.landing-shortener-meta>div{display:flex;align-items:center;gap:.35rem}.landing-shortener-meta .ui-icon{width:13px;height:13px}
.landing-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;text-align:left}.landing-result>div:first-child{min-width:0}.landing-result small{display:block;font-size:.6rem;letter-spacing:.09em;font-weight:900;color:#047857}.landing-result strong{display:block;font-size:.98rem;margin:.18rem 0;color:#0f172a;word-break:break-all}.landing-result span{display:block;color:#64748b;font-size:.68rem}.landing-result .btn{font-size:.74rem;padding:.48rem .7rem}
.landing-trust{max-width:760px;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;color:#334155}.landing-trust>div{display:grid;text-align:center}.landing-trust strong{font-size:.78rem}.landing-trust span{font-size:.66rem;color:#94a3b8;margin-top:.08rem}.landing-trust i{width:1px;height:30px;background:#e2e8f0}
.landing-section{padding:clamp(4rem,7vw,5.8rem) 0}.landing-kicker{font-size:.66rem;letter-spacing:.12em;font-weight:900;color:var(--sm-primary)}.landing-kicker.light{color:#67e8f9}.workspace-card{padding:clamp(1.6rem,4vw,3rem);border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.055)}.workspace-card h2,.landing-section-head h2,.landing-security-card h2,.landing-cta-card h2{font-size:clamp(1.7rem,3vw,2.55rem);font-weight:850;line-height:1.12;letter-spacing:-.038em;margin:.7rem 0 .75rem}.workspace-card p,.landing-section-head p,.landing-security-card p,.landing-cta-card p{color:#64748b;font-size:.92rem;line-height:1.7;margin-bottom:0}.workspace-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.workspace-feature-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-items:start;padding:1rem;border:1px solid #eef2f7;border-radius:15px;background:#fbfcff}.workspace-feature-grid .ui-icon{grid-row:1/3;width:20px;height:20px;color:var(--sm-primary);margin-top:.1rem}.workspace-feature-grid strong{font-size:.82rem}.workspace-feature-grid span{font-size:.72rem;color:#94a3b8;margin-top:.15rem}
.landing-features{background:#f8fafc}.landing-section-head{max-width:700px}.landing-feature-card{height:100%;padding:1.25rem;border:1px solid #e5e7eb;border-radius:18px;background:#fff;transition:.2s}.landing-feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sm-primary),#fff 60%);box-shadow:0 14px 35px rgba(15,23,42,.06)}.landing-feature-card>div{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--sm-primary),#fff 90%);color:var(--sm-primary);margin-bottom:1rem}.landing-feature-card h3{font-size:.98rem;font-weight:820;margin-bottom:.45rem}.landing-feature-card p{font-size:.78rem;line-height:1.65;color:#64748b;margin:0}
.landing-security{background:#fff}.landing-security-card{padding:clamp(1.7rem,4vw,3rem);border-radius:24px;background:linear-gradient(135deg,#0f172a,#172554);color:#fff;overflow:hidden}.landing-security-card p{color:#94a3b8}.security-points{display:grid;gap:.65rem}.security-points>div{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem .95rem;border:1px solid #ffffff12;border-radius:13px;background:#ffffff08}.security-points>.ui-icon{flex:0 0 auto;width:19px;height:19px;color:#67e8f9;margin-top:.1rem}.security-points span{display:grid}.security-points strong{font-size:.79rem}.security-points small{font-size:.7rem;color:#94a3b8;margin-top:.18rem}.landing-cta{padding-top:0;background:#fff}.landing-cta-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.6rem,4vw,2.6rem);border:1px solid #dbeafe;border-radius:24px;background:linear-gradient(125deg,color-mix(in srgb,var(--sm-primary),#fff 92%),color-mix(in srgb,var(--sm-accent),#fff 93%))}.landing-cta-card>div{max-width:720px}
.brand-upload-preview,.favicon-preview{min-height:66px;display:flex;align-items:center;gap:.8rem;padding:.7rem;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafc}.brand-upload-preview img{max-width:58px;max-height:58px;object-fit:contain}.favicon-preview img{width:36px;height:36px;object-fit:contain}.landing-admin-section{padding:1rem 0;border-bottom:1px solid #eef2f7}.landing-admin-section:last-child{border-bottom:0}.landing-admin-preview{height:650px;overflow:hidden;border:7px solid #0f172a;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.13)}.landing-admin-preview iframe{width:100%;height:100%;border:0}
@media(max-width:991.98px){.landing-hero{padding-top:4rem}.landing-shortener{margin-top:1.8rem}.landing-cta-card{display:block}.landing-cta-card .btn{margin-top:1.25rem}.landing-admin-preview{height:520px}}
@media(max-width:767.98px){.landing-copy h1{font-size:2.55rem}.landing-copy>p{font-size:.94rem}.landing-input{grid-template-columns:auto 1fr}.landing-input .btn{grid-column:1/-1;width:100%;min-height:46px}.landing-result{display:block}.landing-result .d-flex{margin-top:.75rem}.landing-trust{gap:.8rem}.landing-trust i{height:24px}.workspace-feature-grid{grid-template-columns:1fr}.landing-section{padding:3.6rem 0}.landing-security-card,.workspace-card,.landing-cta-card{border-radius:19px}}
@media(max-width:480px){.landing-copy h1{font-size:2.2rem}.landing-shortener{border-radius:18px;padding:1rem}.landing-trust{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.landing-trust i{display:none}.landing-trust strong{font-size:.72rem}.landing-trust span{font-size:.58rem}}

@media(max-width:991.98px){
  .public-navbar .navbar-brand{max-width:70vw}
  .public-navbar .brand-logo-wide-navbar{height:46px;max-width:235px}
}
@media(max-width:575.98px){
  .public-navbar .navbar-brand{max-width:66vw}
  .public-navbar .brand-logo-wide-navbar{height:42px;max-width:205px}
  .mobile-sidebar .brand-logo-wide-mobile{height:44px;max-width:205px}
  .auth-form-card .brand-logo-wide-auth{height:58px;max-width:100%}
  .brand-upload-preview{min-height:88px!important}
  .brand-upload-preview img{max-height:76px!important}
}