/* Dapur Guru V1.0.4 — Responsive Polish + Medium Typography
   Loaded after V1.0.3 to preserve the locked visual language while improving
   readability, spacing, interaction feedback, and phone/tablet behaviour. */
:root{
  --dg-fs-xs:.75rem;
  --dg-fs-sm:.8125rem;
  --dg-fs-md:.9rem;
  --dg-fs-base:.95rem;
  --dg-fs-lg:1.05rem;
  --dg-radius-sm:.8rem;
  --dg-radius-md:1rem;
  --dg-radius-lg:1.25rem;
  --dg-shadow-soft:0 10px 30px rgba(26,60,120,.08);
  --dg-shadow-lift:0 18px 44px rgba(24,57,116,.13);
  --dg-ease:cubic-bezier(.22,.61,.36,1);
}
html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:var(--dg-fs-base);line-height:1.6;overflow-x:hidden}
button,input,select,textarea{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(55,124,246,.22);outline-offset:2px}

/* ---------- Shared brand and controls ---------- */
.vl-brand{gap:.8rem}.vl-brand-mark{width:2.8rem;height:2.8rem;border-radius:.9rem;font-size:.88rem}.vl-brand-copy{font-size:1.04rem;line-height:1.08}.vl-brand-copy small{font-size:.68rem}
.vl-btn{min-height:3.05rem;padding:.76rem 1.2rem;font-size:.86rem;border-radius:.85rem;transition:transform .22s var(--dg-ease),box-shadow .22s var(--dg-ease),background .22s ease}
.vl-btn-primary:hover{box-shadow:0 14px 30px rgba(62,80,232,.26)}
.vl-icon-btn{transition:transform .2s var(--dg-ease),box-shadow .2s ease,border-color .2s ease;background:rgba(255,255,255,.96)}
.vl-icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(30,64,120,.10);border-color:#ccd9ec}

/* ---------- Landing ---------- */
.vl-nav{box-shadow:0 5px 22px rgba(28,57,105,.035)}
.vl-nav-inner{height:5rem;gap:1.5rem}.vl-nav-links{gap:.18rem}.vl-nav-links a{padding:.72rem .92rem;font-size:.84rem}
.vl-mobile-toggle{width:2.85rem;height:2.85rem;font-size:1.3rem;transition:transform .2s var(--dg-ease),background .2s ease}.vl-mobile-toggle:hover{background:#eaf1ff;transform:scale(1.03)}
.vl-mobile-menu{box-shadow:0 18px 32px rgba(22,53,106,.08)}.vl-mobile-menu a{font-size:.9rem;min-height:2.8rem;display:flex;align-items:center}
.vl-hero{background:radial-gradient(circle at 80% 20%,rgba(235,241,255,.55),transparent 32%),linear-gradient(180deg,#fff 0,#fbfdff 100%)}
.vl-hero-grid{min-height:39rem;grid-template-columns:minmax(0,1.03fr) minmax(25rem,.97fr);gap:clamp(2rem,5vw,5rem);padding-top:3rem;padding-bottom:3.2rem}
.vl-eyebrow{padding:.52rem .8rem;font-size:.78rem}
.vl-hero h1{max-width:40rem;font-size:clamp(3rem,4.8vw,5.05rem);line-height:1.01;letter-spacing:-.05em;margin:1.05rem 0 1rem}
.vl-hero p{max-width:42rem;font-size:1rem;line-height:1.78}
.vl-actions{gap:.9rem;margin-top:1.45rem}.vl-trust{gap:1.35rem;margin-top:1.2rem;font-size:.78rem}
.vl-trust span{display:inline-flex;align-items:center}.vl-trust span:before{width:1.12rem;height:1.12rem}
.vl-portrait-stage{min-height:33rem}.vl-portrait-orbit{width:min(31.5rem,94%);padding:1.05rem;animation:dg-float 7s ease-in-out infinite}.vl-portrait{border-width:.5rem}
.vl-ai-card{right:-.2rem;top:6.4rem;padding:.9rem 1.05rem;border-radius:1.05rem;font-size:.78rem;animation:dg-soft-pop .55s var(--dg-ease) both}.vl-ai-card strong{font-size:.88rem}
.vl-stat-float{left:.3rem;bottom:1rem;min-width:20.5rem;border-radius:1.05rem}.vl-stat-float div{padding:.9rem 1rem}.vl-stat-float strong{font-size:1.3rem}.vl-stat-float small{font-size:.7rem}
.vl-section{padding:4.6rem 0}.vl-section-head{margin-bottom:1.75rem}.vl-section-head h2{font-size:clamp(1.85rem,2.6vw,2.65rem)}.vl-section-head p{font-size:.9rem;line-height:1.6}
.vl-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.vl-feature-card{min-height:11.5rem;padding:1.15rem;border-radius:1.1rem;box-shadow:0 8px 24px rgba(31,64,128,.045);transition:transform .25s var(--dg-ease),box-shadow .25s var(--dg-ease),border-color .25s ease}
.vl-feature-card:hover,.vl-feature-card.is-active{transform:translateY(-5px);box-shadow:var(--dg-shadow-lift)}.vl-feature-icon{width:3rem;height:3rem;border-radius:.9rem;font-size:1.4rem}.vl-feature-card h3{font-size:1rem;margin:.85rem 0 .3rem}.vl-feature-card p{font-size:.78rem;line-height:1.55;padding-right:1rem}.vl-feature-arrow{font-size:1.05rem}
.vl-steps{gap:1.15rem}.vl-step{padding:1.45rem;border-radius:1.05rem;transition:transform .24s var(--dg-ease),box-shadow .24s ease}.vl-step:hover{transform:translateY(-3px);box-shadow:var(--dg-shadow-soft)}.vl-step-num{width:2.2rem;height:2.2rem;font-size:.86rem}.vl-step h3{font-size:1rem}.vl-step p{font-size:.82rem}
.vl-footer{padding:1.65rem 0}.vl-footer-copy{font-size:.78rem;line-height:1.5}

/* ---------- Authentication ---------- */
.auth-body{font-size:.95rem}.auth-shell.vl-auth-shell{grid-template-columns:minmax(27rem,46%) minmax(0,54%)}
.vl-auth-shell .auth-art{padding:clamp(2.5rem,4vw,4.5rem);display:flex;flex-direction:column}.vl-auth-shell .auth-art-copy{margin-top:clamp(4rem,11vh,7.5rem);max-width:37rem}
.vl-auth-shell .auth-art-copy h1{font-size:clamp(2.45rem,3.35vw,4rem);line-height:1.04}.vl-auth-shell .auth-art-copy p{font-size:.98rem;line-height:1.72}
.vl-auth-shell .auth-benefits{max-width:31rem;gap:.7rem}.vl-auth-shell .auth-benefits>div{padding:.48rem 0;grid-template-columns:1.9rem 1fr}.vl-auth-shell .auth-benefits>div>span{width:1.65rem;height:1.65rem;font-size:.68rem}.vl-auth-shell .auth-benefits strong{font-size:.9rem}
.vl-auth-shell .auth-art-footer{font-size:.8rem}.vl-auth-shell .auth-panel{padding:clamp(2rem,5vw,5rem);overflow-x:hidden}.vl-auth-shell .auth-box,.vl-auth-shell .auth-box-register{width:min(34rem,100%)}
.vl-auth-shell .auth-heading{margin-bottom:1.65rem}.vl-auth-shell .auth-heading h2{font-size:clamp(2rem,2.5vw,2.55rem);line-height:1.15}.vl-auth-shell .auth-heading .sub{font-size:.92rem;line-height:1.6}
.vl-auth-shell .dg-label,.vl-auth-shell .auth-form label{font-size:.82rem}.vl-auth-shell .auth-input{min-height:3.3rem;font-size:.9rem;border-radius:.85rem!important}.vl-auth-shell .auth-submit{min-height:3.25rem;font-size:.88rem}.vl-auth-shell .auth-inline-link,.vl-auth-shell .auth-switch{font-size:.8rem}.vl-auth-shell .check-label{font-size:.8rem}.vl-auth-shell .field-feedback{font-size:.76rem}.vl-auth-shell .password-meter-copy{font-size:.75rem}
.vl-auth-shell .auth-box{animation:dg-rise .42s var(--dg-ease) both}

/* ---------- Dashboard ---------- */
body.vl-dashboard-body{font-size:.9rem;background:linear-gradient(180deg,#f8fbff 0,#f5f8fd 100%)}
.vl-dash-shell{grid-template-columns:16rem minmax(0,1fr)}
.vl-sidebar{padding:1.05rem .9rem;background:linear-gradient(180deg,#0d2b5b 0%,#11264a 100%);box-shadow:8px 0 28px rgba(22,42,82,.06)}
.vl-sidebar .vl-brand{padding:.35rem .4rem 1.15rem}.vl-sidebar .vl-brand-mark{width:2.35rem;height:2.35rem;font-size:.8rem}.vl-sidebar .vl-brand-copy{font-size:.84rem}.vl-sidebar .vl-brand-copy small{font-size:.57rem}
.vl-side-nav{gap:.25rem}.vl-side-nav a,.vl-side-nav button{min-height:2.8rem;gap:.75rem;padding:.72rem .78rem;border-radius:.7rem;font-size:.8rem;transition:background .18s ease,transform .18s var(--dg-ease),color .18s ease}.vl-side-nav a:hover,.vl-side-nav button:hover{transform:translateX(2px)}.vl-side-icon{width:1.35rem;font-size:.9rem}.vl-side-sep{margin:.65rem .65rem .4rem}
.vl-sidebar-user{padding:.8rem .65rem;gap:.7rem}.vl-sidebar-user .vl-avatar{width:2.35rem;height:2.35rem;font-size:.78rem}.vl-sidebar-user strong{font-size:.76rem}.vl-sidebar-user small{font-size:.64rem}
.vl-topbar{height:4.65rem;padding:0 1.3rem;box-shadow:0 4px 18px rgba(27,58,110,.025)}.vl-topbar-title{font-size:.88rem;font-weight:800;color:#405979}.vl-topbar-actions{gap:.7rem}.vl-search{width:min(27rem,40vw)}.vl-search input{height:2.65rem;padding-left:2.4rem;font-size:.8rem;border-radius:.75rem;transition:border-color .2s,box-shadow .2s,background .2s}.vl-search input:focus{background:#fff;box-shadow:0 0 0 4px rgba(55,124,246,.08)}.vl-search:before{left:.9rem;top:.63rem;font-size:.9rem}.vl-icon-btn{width:2.55rem;height:2.55rem;border-radius:.75rem}.vl-top-user .vl-avatar{width:2.25rem;height:2.25rem}
.vl-content{padding:1.35rem 1.4rem 2.2rem;max-width:96rem}.vl-greeting{margin-bottom:1.15rem;align-items:center}.vl-greeting h1{font-size:1.6rem;line-height:1.2}.vl-greeting p{font-size:.8rem;margin-top:.35rem}.vl-status{font-size:.68rem;padding:.32rem .58rem}
.vl-stat-grid{gap:1rem}.vl-stat-card{min-height:5.25rem;gap:.95rem;padding:1rem 1.05rem;border-radius:.95rem;box-shadow:0 7px 22px rgba(31,64,128,.045);transition:transform .22s var(--dg-ease),box-shadow .22s ease,border-color .22s ease}.vl-stat-card:hover{transform:translateY(-3px);box-shadow:var(--dg-shadow-soft);border-color:#d8e4f5}.vl-stat-icon{width:2.85rem;height:2.85rem;border-radius:.78rem;font-size:1.1rem}.vl-stat-number{font-size:1.3rem}.vl-stat-label{font-size:.74rem;margin-top:.06rem}
.vl-board,.vl-lower-grid{gap:1rem;margin-top:1rem}.vl-board{grid-template-columns:minmax(0,1.85fr) minmax(17rem,.65fr)}.vl-lower-grid{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.55fr)}.vl-panel{padding:1.05rem;border-radius:1rem;box-shadow:0 7px 22px rgba(31,64,128,.04)}.vl-panel-head{margin-bottom:.9rem}.vl-panel-head h2{font-size:.9rem}.vl-panel-head a,.vl-panel-head button{font-size:.72rem}.vl-table-tools select{height:2.2rem;border-radius:.6rem;font-size:.72rem;padding:0 .6rem}
.vl-quick-grid{gap:.7rem}.vl-quick{min-height:7.3rem;padding:.85rem .72rem;border-radius:.85rem}.vl-quick:hover{transform:translateY(-4px);box-shadow:var(--dg-shadow-soft)}.vl-quick-icon{width:2.35rem;height:2.35rem;border-radius:.65rem;font-size:.95rem}.vl-quick strong{font-size:.76rem}.vl-quick small{font-size:.64rem;line-height:1.42;margin-top:.2rem}
.vl-chart-wrap{height:9.8rem;gap:.32rem;padding:1rem .3rem .45rem;border-radius:.7rem .7rem 0 0;background:linear-gradient(180deg,#fbfdff,#fff)}.vl-chart-bar{border-radius:.35rem .35rem 0 0;transform-origin:bottom;animation:dg-grow .65s var(--dg-ease) both}.vl-chart-bar:nth-child(2){animation-delay:.06s}.vl-chart-bar:nth-child(3){animation-delay:.12s}.vl-chart-bar:nth-child(4){animation-delay:.18s}.vl-chart-bar:nth-child(5){animation-delay:.24s}.vl-chart-bar:nth-child(6){animation-delay:.3s}.vl-chart-labels{font-size:.64rem;margin-top:.42rem}
.vl-table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d7e1ef transparent}.vl-project-table{min-width:43rem}.vl-project-table th{font-size:.67rem;padding:.7rem .55rem}.vl-project-table td{font-size:.72rem;padding:.8rem .55rem}.vl-project-table tbody tr{transition:background .18s}.vl-project-table tbody tr:hover{background:#fafcff}.vl-empty{font-size:.76rem;padding:2.2rem}.vl-donut-row{gap:1rem;min-height:10.25rem}.vl-donut{width:6.8rem;height:6.8rem}.vl-donut:after{inset:1.32rem}.vl-legend{gap:.38rem}.vl-legend span{font-size:.68rem}.vl-legend i{width:.52rem;height:.52rem}
.vl-profile-menu{right:.25rem;top:3.2rem;width:15rem;padding:.55rem;border-radius:.9rem}.vl-profile-menu strong{font-size:.78rem}.vl-profile-menu small{font-size:.68rem}.vl-profile-menu a,.vl-profile-menu button{font-size:.75rem;padding:.62rem .7rem}.vl-toast{right:1rem;bottom:1rem;max-width:min(24rem,calc(100vw - 2rem));font-size:.8rem;padding:.9rem 1rem;border-radius:.85rem}
.vl-mobile-search-btn,.vl-mobile-search-panel{display:none}

/* ---------- Motion / polish ---------- */
.vl-hero-copy{animation:dg-rise .55s var(--dg-ease) both}.vl-portrait-stage{animation:dg-rise .65s .08s var(--dg-ease) both}.vl-feature-card,.vl-step,.vl-stat-card,.vl-panel{will-change:transform}
@keyframes dg-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes dg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes dg-soft-pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dg-grow{from{transform:scaleY(.08);opacity:.35}to{transform:scaleY(1);opacity:.88}}

/* ---------- Wide desktop ---------- */
@media (min-width:1440px){
  .dg-container{max-width:86rem}
  .vl-feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .vl-feature-card{min-height:11rem}
  .vl-dash-shell{grid-template-columns:16.5rem minmax(0,1fr)}
}

/* ---------- Compact desktop / tablet landscape ---------- */
@media (max-width:1240px){
  .vl-hero-grid{grid-template-columns:minmax(0,1fr) minmax(23rem,.9fr);gap:2.3rem}
  .vl-hero h1{font-size:clamp(2.85rem,4.6vw,4.25rem)}
  .vl-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vl-dash-shell{grid-template-columns:14.5rem minmax(0,1fr)}
  .vl-sidebar .vl-brand-copy{font-size:.78rem}
  .vl-side-nav a,.vl-side-nav button{font-size:.76rem}
  .vl-board,.vl-lower-grid{grid-template-columns:1fr}
  .vl-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vl-search{width:min(22rem,34vw)}
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .vl-nav-inner{height:4.75rem}.vl-nav-links{display:none}.vl-mobile-toggle{display:grid;place-items:center}.vl-mobile-menu{display:block}
  .vl-hero-grid{grid-template-columns:1fr;gap:1.2rem;padding-top:2.4rem;padding-bottom:2.6rem}.vl-hero-copy{text-align:center}.vl-hero h1,.vl-hero p{margin-left:auto;margin-right:auto}.vl-actions,.vl-trust{justify-content:center}.vl-portrait-stage{min-height:29rem}.vl-portrait-orbit{width:min(28rem,78vw)}.vl-ai-card{right:calc(50% - 14rem);transform:translateX(98%);top:5.8rem}.vl-stat-float{left:50%;transform:translateX(-50%);bottom:.1rem}
  .vl-section{padding:3.8rem 0}.vl-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .auth-shell.vl-auth-shell{display:block;background:linear-gradient(180deg,#eef4ff 0,#fff 12rem)}.vl-auth-shell .auth-art{display:none!important}.vl-auth-shell .auth-panel{display:block;min-height:100dvh;padding:0 1.2rem 2.25rem;background:transparent}.vl-auth-shell .auth-mobile-head{display:flex;width:min(38rem,100%);margin:0 auto;height:5.4rem}.vl-auth-shell .auth-box,.vl-auth-shell .auth-box-register{width:min(38rem,100%);margin:2rem auto 0;padding:1.75rem;background:rgba(255,255,255,.96);border:1px solid #e2eaf6;border-radius:1.35rem;box-shadow:0 24px 65px rgba(30,64,130,.11)}
  .vl-dash-shell{grid-template-columns:1fr}.vl-sidebar{position:fixed;left:0;top:0;width:min(17rem,86vw);transform:translateX(-104%);transition:transform .26s var(--dg-ease);box-shadow:24px 0 55px rgba(10,32,70,.26)}.vl-sidebar.open{transform:translateX(0)}.vl-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(11,28,58,.42);backdrop-filter:blur(2px);z-index:40}.vl-mobile-menu-btn{display:grid}.vl-topbar{height:4.55rem;padding:0 1rem}.vl-search{width:min(20rem,36vw)}.vl-content{padding:1.1rem 1rem 2rem}.vl-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Small tablet / large phone ---------- */
@media (max-width:760px){
  .dg-container{padding-left:1rem!important;padding-right:1rem!important}
  .vl-brand-mark{width:2.5rem;height:2.5rem}.vl-brand-copy{font-size:.92rem}.vl-brand-copy small{font-size:.62rem}
  .vl-hero-grid{padding-top:2rem}.vl-eyebrow{font-size:.74rem}.vl-hero h1{font-size:clamp(2.45rem,9vw,3.4rem);line-height:1.03}.vl-hero p{font-size:.92rem;line-height:1.68}.vl-actions{display:grid;grid-template-columns:1fr 1fr;max-width:32rem;margin-left:auto;margin-right:auto}.vl-btn{width:100%}.vl-trust{gap:.7rem 1rem;font-size:.74rem}.vl-portrait-stage{min-height:25rem}.vl-portrait-orbit{width:min(23rem,86vw)}.vl-ai-card{right:1rem;top:4rem;transform:none;font-size:.72rem}.vl-stat-float{min-width:min(22rem,94vw)}
  .vl-section{padding:3.25rem 0}.vl-section-head{align-items:flex-start;flex-direction:column}.vl-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.vl-feature-card{min-height:10.7rem}.vl-steps{grid-template-columns:1fr}.vl-footer-inner{flex-direction:column;align-items:flex-start}.vl-footer-copy{text-align:left}
  .vl-auth-shell .auth-panel{padding-left:.9rem;padding-right:.9rem}.vl-auth-shell .auth-mobile-head{height:4.9rem}.vl-auth-shell .auth-box,.vl-auth-shell .auth-box-register{margin-top:1rem;padding:1.35rem;border-radius:1.2rem}.vl-auth-shell .auth-heading h2{font-size:1.9rem}.vl-auth-shell .field-grid{grid-template-columns:1fr}
  .vl-topbar{height:auto;min-height:4.3rem;padding:.6rem .8rem}.vl-topbar-title{font-size:.84rem}.vl-topbar-actions{gap:.48rem}.vl-topbar .vl-search{display:none}.vl-mobile-search-btn{display:grid}.vl-mobile-search-panel{position:sticky;top:4.3rem;z-index:29;padding:.65rem .8rem;background:rgba(255,255,255,.97);border-bottom:1px solid #e8eef6;box-shadow:0 9px 20px rgba(24,57,108,.05)}.vl-mobile-search-panel label{display:block;position:relative}.vl-mobile-search-panel label:before{content:'⌕';position:absolute;left:.9rem;top:.57rem;color:#91a0b7}.vl-mobile-search-panel input{width:100%;height:2.65rem;border:1px solid #dbe5f2;border-radius:.75rem;padding:0 .9rem 0 2.4rem;background:#fbfdff;font-size:.82rem}
  .vl-content{padding:.95rem .8rem 1.8rem}.vl-greeting{align-items:flex-start}.vl-greeting h1{font-size:1.35rem}.vl-greeting p{font-size:.77rem}.vl-greeting>.vl-status{display:none}.vl-stat-grid{gap:.7rem}.vl-stat-card{min-height:4.9rem;padding:.85rem}.vl-stat-icon{width:2.55rem;height:2.55rem}.vl-stat-number{font-size:1.16rem}.vl-stat-label{font-size:.7rem}.vl-panel{padding:.9rem}.vl-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.vl-quick{min-height:6.8rem}.vl-project-table{min-width:0}.vl-project-table thead{display:none}.vl-project-table,.vl-project-table tbody,.vl-project-table tr,.vl-project-table td{display:block;width:100%}.vl-project-table tr{padding:.7rem .15rem;border-bottom:1px solid #edf2f7}.vl-project-table td{border:0;padding:.22rem .1rem;font-size:.74rem}.vl-project-table td[data-label]:before{content:attr(data-label) ': ';font-weight:800;color:#7e8da2}.vl-donut-row{align-items:flex-start}.vl-profile-menu{position:fixed;right:.8rem;top:4rem;width:min(18rem,calc(100vw - 1.6rem))}
}

/* ---------- Phone ---------- */
@media (max-width:520px){
  .vl-nav-inner{height:4.35rem}.vl-brand-mark{width:2.35rem;height:2.35rem}.vl-brand-copy{font-size:.86rem}.vl-brand-copy small{font-size:.57rem}
  .vl-hero:before{width:16rem;height:16rem;left:-10rem}.vl-hero:after{width:12rem;height:12rem;right:-7rem}.vl-hero-grid{padding-top:1.65rem;padding-bottom:2.1rem}.vl-eyebrow{font-size:.7rem}.vl-hero h1{font-size:clamp(2.1rem,10.5vw,2.7rem);letter-spacing:-.045em}.vl-hero p{font-size:.88rem}.vl-actions{grid-template-columns:1fr;gap:.65rem}.vl-trust{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;max-width:20rem;margin-left:auto;margin-right:auto;text-align:left}.vl-portrait-stage{min-height:21.5rem}.vl-portrait-orbit{width:min(19rem,84vw);padding:.78rem}.vl-ai-card{right:.1rem;top:2.8rem;padding:.65rem .72rem;font-size:.65rem}.vl-ai-card strong{font-size:.74rem}.vl-stat-float{bottom:-.2rem;min-width:min(20.5rem,96vw)}.vl-stat-float div{padding:.68rem .35rem}.vl-stat-float strong{font-size:1.05rem}.vl-stat-float small{font-size:.62rem}
  .vl-section{padding:2.75rem 0}.vl-section-head h2{font-size:1.72rem}.vl-section-head p{font-size:.84rem}.vl-feature-grid{grid-template-columns:1fr}.vl-feature-card{min-height:0;padding:1rem 1rem 1.2rem}.vl-feature-card p{font-size:.8rem}.vl-step{padding:1.15rem}
  .vl-auth-shell .auth-mobile-head .brand small{display:none}.vl-auth-shell .auth-box,.vl-auth-shell .auth-box-register{padding:1.1rem}.vl-auth-shell .auth-heading{margin-bottom:1.25rem}.vl-auth-shell .auth-heading h2{font-size:1.72rem}.vl-auth-shell .auth-heading .sub{font-size:.84rem}.vl-auth-shell .auth-input{min-height:3.15rem;font-size:.86rem}.vl-auth-shell .auth-submit{min-height:3.15rem}
  .vl-topbar{padding:.55rem .65rem}.vl-topbar-title{display:none}.vl-topbar-actions{margin-left:auto}.vl-top-user .user-meta{display:none}.vl-content{padding:.8rem .65rem 1.5rem}.vl-greeting{margin-bottom:.8rem}.vl-greeting h1{font-size:1.22rem}.vl-greeting p{font-size:.74rem}.vl-stat-grid{grid-template-columns:1fr;gap:.6rem}.vl-stat-card{min-height:4.6rem}.vl-panel{border-radius:.9rem;padding:.78rem}.vl-panel-head h2{font-size:.84rem}.vl-quick-grid{grid-template-columns:1fr 1fr;gap:.55rem}.vl-quick{min-height:6.3rem;padding:.7rem .6rem}.vl-quick strong{font-size:.72rem}.vl-quick small{font-size:.62rem}.vl-chart-wrap{height:8.5rem}.vl-donut-row{display:grid;grid-template-columns:auto 1fr;gap:.75rem}.vl-donut{width:5.7rem;height:5.7rem}.vl-donut:after{inset:1.1rem}.vl-toast{left:.65rem;right:.65rem;bottom:.65rem;max-width:none}
}

/* ---------- Very small phone ---------- */
@media (max-width:380px){
  .vl-brand-copy small{display:none}.vl-trust{grid-template-columns:1fr}.vl-stat-float{min-width:calc(100vw - 1rem)}.vl-stat-float small{font-size:.58rem}.vl-quick-grid{grid-template-columns:1fr}.vl-donut-row{grid-template-columns:1fr}.vl-donut{margin:auto}.vl-legend{grid-template-columns:1fr 1fr}.vl-auth-shell .auth-box,.vl-auth-shell .auth-box-register{padding:.95rem}
}

@media (hover:none){
  .vl-feature-card:hover,.vl-step:hover,.vl-stat-card:hover,.vl-quick:hover,.vl-btn:hover,.vl-icon-btn:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .vl-portrait-orbit,.vl-chart-bar,.vl-hero-copy,.vl-portrait-stage,.vl-ai-card,.vl-auth-shell .auth-box{animation:none!important}
}
.vl-top-user .user-meta strong{display:block;color:#2c4366;font-size:.76rem;line-height:1.2}.vl-top-user .user-meta small{display:block;color:#8b98aa;font-size:.65rem;margin-top:.12rem}