/* Rudi apps v48 — mobile-first home + compact Rudi ID cabinet */ .mobile-home-hub,.rudi-mobile-plus-card,.rudi-guest-plus-shortcut{display:none} @media (max-width:700px){ body{overflow-x:hidden} .wrap{width:calc(100% - 28px)} /* HOME: on phones the site behaves like a compact product hub, not a long hero landing. */ body:has(.mobile-home-hub) .hero, body:has(.mobile-home-hub) .doors, body:has(.mobile-home-hub) .principles, body:has(.mobile-home-hub) .ecosystem-strip, body:has(.mobile-home-hub) .now-building{display:none!important} .mobile-home-hub{display:block;padding-top:18px;padding-bottom:28px} .mobile-hub-top{display:flex;align-items:center;justify-content:space-between;gap:12px} .mobile-hub-brand{display:flex;align-items:center;gap:11px} .mobile-hub-logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(99,119,255,.38);border-radius:14px;background:linear-gradient(145deg,rgba(38,93,255,.16),rgba(139,65,255,.18));color:#c3a8ff;font-size:20px;font-weight:900} .mobile-hub-brand small,.mobile-hub-brand strong{display:block}.mobile-hub-brand small{font-size:9px;letter-spacing:.18em;color:#73829c}.mobile-hub-brand strong{margin-top:2px;font-size:16px} .mobile-hub-account{padding:10px 12px;border:1px solid rgba(117,96,255,.25);border-radius:13px;background:rgba(117,86,255,.08);color:#d8ccff;text-decoration:none;font-size:12px;font-weight:800} .mobile-hub-welcome{padding:30px 2px 18px} .mobile-hub-welcome h1{margin:9px 0 0;font-size:42px!important;line-height:.98!important;letter-spacing:-.055em!important}.mobile-hub-welcome h1 em{font-style:normal;background:linear-gradient(90deg,#4c8cff,#b25cff);-webkit-background-clip:text;background-clip:text;color:transparent} .mobile-hub-welcome p{margin:16px 0 0;max-width:350px;color:#8794aa;font-size:15px;line-height:1.55} .mobile-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px} .mobile-quick-grid>a{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;align-items:center;min-height:76px;padding:13px;border:1px solid rgba(122,143,200,.12);border-radius:18px;background:linear-gradient(145deg,rgba(14,25,45,.96),rgba(8,16,30,.96));color:inherit;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)} .mobile-quick-grid>a strong,.mobile-quick-grid>a small{display:block;grid-column:2}.mobile-quick-grid>a strong{align-self:end;font-size:14px}.mobile-quick-grid>a small{align-self:start;margin-top:2px;color:#73829a;font-size:11px}.mobile-quick-icon{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#3478ff,#984eff);color:#fff;font-weight:900}.mobile-quick-plus{border-color:rgba(141,75,255,.28)!important;background:linear-gradient(145deg,rgba(35,26,80,.95),rgba(13,20,43,.97))!important} .mobile-plus-card{display:block;margin-top:12px;padding:18px;border:1px solid rgba(126,73,255,.34);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(155,62,255,.24),transparent 45%),linear-gradient(140deg,rgba(30,38,104,.98),rgba(30,16,74,.96));color:#fff;text-decoration:none;box-shadow:0 18px 50px rgba(45,24,122,.22)} .mobile-plus-copy>span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#9bc9ff}.mobile-plus-copy strong{display:block;margin-top:8px;font-size:24px;line-height:1.08;letter-spacing:-.03em}.mobile-plus-copy small{display:block;margin-top:12px;color:#aab5cf;font-size:12px}.mobile-plus-cta{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10);font-size:13px;font-weight:800;color:#ded6ff} .mobile-ecosystem-list{margin-top:14px;padding:16px;border:1px solid rgba(125,145,196,.11);border-radius:22px;background:rgba(8,16,30,.78)} .mobile-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mobile-section-title span{font-size:12px;font-weight:900}.mobile-section-title a{color:#9e8dff;text-decoration:none;font-size:11px;font-weight:800} .mobile-ecosystem-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid rgba(127,145,188,.09);color:inherit;text-decoration:none}.mobile-ecosystem-list>a:first-of-type{border-top:0}.mobile-list-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#2d70f5,#8f4cff);font-size:12px;font-weight:900}.mobile-ecosystem-list strong,.mobile-ecosystem-list small{display:block}.mobile-ecosystem-list strong{font-size:14px}.mobile-ecosystem-list small{margin-top:3px;color:#718097;font-size:10px}.mobile-ecosystem-list em{font-style:normal;color:#a98fff;font-size:10px;font-weight:800;text-align:right} body:has(.mobile-home-hub) .updates-section{padding-top:14px!important}body:has(.mobile-home-hub) .updates-head h2{font-size:28px!important}body:has(.mobile-home-hub) .social-section,body:has(.mobile-home-hub) .feedback-strip{margin-top:28px!important} /* RUDI ID: signed-in state becomes a compact mobile cabinet. */ body[data-rudi-auth-state="signed-in"] .rudi-id-hero{display:none!important} body[data-rudi-auth-state="signed-in"] .rudi-account-heading{display:none!important} body[data-rudi-auth-state="signed-in"] .rudi-connected-products, body[data-rudi-auth-state="signed-in"] .rudi-id-security{display:none!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-section{padding:12px 0 28px!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-preview{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-sidebar{position:sticky;top:72px;z-index:20;padding:10px 0 9px!important;border:0!important;background:rgba(6,12,24,.90)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-user{display:none!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-sidebar nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-auto-flow:initial!important;gap:5px!important;margin:0!important;padding:4px!important;border:1px solid rgba(111,130,178,.11);border-radius:15px;background:rgba(12,21,38,.94);overflow:visible!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-sidebar nav a{padding:9px 5px!important;border:0!important;border-radius:11px!important;text-align:center!important;font-size:10px!important;background:transparent!important}body[data-rudi-auth-state="signed-in"] .rudi-dashboard-sidebar nav a.active{background:linear-gradient(135deg,rgba(50,110,255,.19),rgba(134,67,239,.16))!important;color:#fff!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-content{padding:12px 0 0!important;background:transparent!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;padding:4px 2px 8px!important}.rudi-dashboard-header h3{font-size:22px!important}.rudi-dashboard-header p{font-size:11px!important}.rudi-dashboard-header>div>small{font-size:9px!important;letter-spacing:.14em;color:#67758d} body[data-rudi-auth-state="signed-in"] .rudi-account-meta{margin:0 0 10px!important;gap:7px!important}.rudi-account-meta>span{padding:6px 8px!important;font-size:10px!important}.rudi-signout-button{margin-left:auto!important;padding:7px 9px!important;font-size:10px!important;border-radius:10px!important} .rudi-mobile-plus-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:4px 0 11px;padding:14px;border:1px solid rgba(124,76,255,.28);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(145,70,255,.19),transparent 48%),linear-gradient(145deg,rgba(22,31,71,.96),rgba(19,16,51,.96));color:inherit;text-decoration:none}.rudi-mobile-plus-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#3f80ff,#9a4cff);font-size:22px;font-weight:900}.rudi-mobile-plus-card small,.rudi-mobile-plus-card strong,.rudi-mobile-plus-card div>span{display:block}.rudi-mobile-plus-card small{font-size:9px;letter-spacing:.12em;color:#7fc6ff;font-weight:900}.rudi-mobile-plus-card strong{margin-top:2px;font-size:14px}.rudi-mobile-plus-card div>span{margin-top:3px;color:#7f8da3;font-size:10px}.rudi-mobile-plus-card>b{color:#b69cff} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0!important}.rudi-dashboard-stats article{min-height:88px!important;padding:13px!important;border-radius:16px!important}.rudi-dashboard-stats strong{font-size:24px!important;margin-top:7px!important}.rudi-dashboard-stats small{font-size:9px!important;margin-top:6px!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-grid{gap:9px!important;margin-top:9px!important}.rudi-dashboard-panel{padding:15px!important;border-radius:18px!important}.rudi-panel-heading strong{font-size:14px!important}.rudi-panel-heading span,.rudi-panel-heading a{font-size:9px!important}.rudi-live-row{padding:10px 0!important}.rudi-live-row strong{font-size:13px!important}.rudi-live-row small{font-size:10px!important} /* Signed-out Rudi ID: show login quickly; marketing copy becomes secondary. */ body:not([data-rudi-auth-state="signed-in"]) .rudi-id-hero{display:flex!important;flex-direction:column!important;padding-top:18px!important;gap:12px!important} body:not([data-rudi-auth-state="signed-in"]) .rudi-id-hero-copy{order:2!important;padding:8px 2px 0!important}body:not([data-rudi-auth-state="signed-in"]) .rudi-id-hero-copy h1{font-size:34px!important}body:not([data-rudi-auth-state="signed-in"]) .rudi-id-benefit-grid{display:none!important} body:not([data-rudi-auth-state="signed-in"]) .rudi-auth-card{order:1!important;width:100%!important;margin:0!important;padding:18px!important;border-radius:20px!important} .rudi-guest-plus-shortcut{display:grid;order:1!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid rgba(127,80,255,.24);border-radius:17px;background:rgba(93,58,190,.10);color:inherit;text-decoration:none}.rudi-guest-plus-shortcut>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#397cff,#9b4dff);font-size:20px;font-weight:900}.rudi-guest-plus-shortcut small,.rudi-guest-plus-shortcut strong{display:block}.rudi-guest-plus-shortcut small{font-size:9px;letter-spacing:.12em;color:#76bdff}.rudi-guest-plus-shortcut strong{margin-top:2px;font-size:13px}.rudi-guest-plus-shortcut>b{color:#b9a4ff} } @media (max-width:390px){ .mobile-hub-welcome h1{font-size:38px!important} .mobile-quick-grid>a{padding:11px;column-gap:8px}.mobile-quick-icon{width:36px;height:36px}.mobile-quick-grid{gap:8px} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-sidebar nav a{font-size:9px!important;padding-left:3px!important;padding-right:3px!important} } /* v49 — compact mobile home + persistent app-like navigation */ .mobile-home-secondary,.rudi-mobile-bottom-nav{display:none} @media (max-width:700px){ body{padding-bottom:74px!important} body:has(.mobile-home-hub) .about, body:has(.mobile-home-hub) .updates-section, body:has(.mobile-home-hub) .social-section, body:has(.mobile-home-hub) .feedback-strip{display:none!important} body:has(.mobile-home-hub) .site-footer{padding-top:22px!important} body:has(.mobile-home-hub) .footer-grid{padding-top:0!important} body:has(.mobile-home-hub) .footer-brand p{margin:10px 0!important} .mobile-home-secondary{display:grid;gap:12px;padding-top:6px;padding-bottom:18px} .mobile-about-card,.mobile-news-compact,.mobile-idea-card{border:1px solid rgba(125,145,196,.11);border-radius:20px;background:linear-gradient(145deg,rgba(10,19,35,.95),rgba(7,14,27,.96))} .mobile-about-card{display:grid;gap:7px;padding:17px;color:inherit;text-decoration:none}.mobile-secondary-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:#67b4ff}.mobile-about-card strong{font-size:19px;line-height:1.16}.mobile-about-card small{color:#7e8ba1;font-size:11px;line-height:1.55}.mobile-about-card b{margin-top:2px;color:#a891ff;font-size:11px} .mobile-news-compact{padding:16px}.mobile-news-compact>a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:3px 10px;padding:12px 0;border-top:1px solid rgba(126,145,188,.09);color:inherit;text-decoration:none}.mobile-news-compact>a:first-of-type{border-top:0}.mobile-news-compact time{grid-row:1/3;color:#68768d;font-size:9px}.mobile-news-compact strong{font-size:12px;line-height:1.35}.mobile-news-compact small{color:#76849a;font-size:10px;line-height:1.4} .mobile-social-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-social-row a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:13px;border:1px solid rgba(125,145,196,.11);border-radius:17px;background:rgba(8,16,30,.78);color:inherit;text-decoration:none}.mobile-social-row span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2787f5,#5f70ff);font-size:11px;font-weight:900}.mobile-social-row strong{font-size:12px} .mobile-idea-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;color:inherit;text-decoration:none}.mobile-idea-card small,.mobile-idea-card strong{display:block}.mobile-idea-card small{font-size:8px;letter-spacing:.13em;color:#63b5ff}.mobile-idea-card strong{margin-top:4px;font-size:15px}.mobile-idea-card>b{white-space:nowrap;color:#a58fff;font-size:10px} .mobile-plus-card{padding:16px!important;border-radius:20px!important}.mobile-plus-copy strong{font-size:21px!important}.mobile-plus-copy small{margin-top:9px!important}.mobile-plus-cta{margin-top:13px!important;padding-top:11px!important} .mobile-hub-welcome{padding-top:22px!important;padding-bottom:14px!important}.mobile-hub-welcome h1{font-size:38px!important}.mobile-hub-welcome p{font-size:13px!important;margin-top:12px!important} .rudi-mobile-bottom-nav{position:fixed;z-index:1000;left:10px;right:10px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border:1px solid rgba(119,137,182,.16);border-radius:19px;background:rgba(7,13,25,.91);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 38px rgba(0,0,0,.35)} .rudi-mobile-bottom-nav a{display:grid;justify-items:center;gap:2px;padding:6px 2px;border-radius:13px;color:#6f7d93;text-decoration:none;font-weight:800}.rudi-mobile-bottom-nav a>span{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;font-size:14px}.rudi-mobile-bottom-nav a>small{font-size:8px}.rudi-mobile-bottom-nav a.active{background:rgba(86,78,189,.16);color:#e6e0ff}.rudi-mobile-bottom-nav .rudi-bottom-plus>span{background:linear-gradient(135deg,#377cff,#9b4dff);color:white}.rudi-mobile-bottom-nav .rudi-bottom-plus{color:#b9a6ff} /* Rudi ID becomes a cabinet first, not a marketing page. */ body[data-rudi-auth-state="signed-in"] .rudi-dashboard-header{padding-top:0!important} body[data-rudi-auth-state="signed-in"] .rudi-mobile-plus-card{order:-1} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-content{display:flex!important;flex-direction:column!important} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-stats{order:2}.rudi-dashboard-grid{order:3}.rudi-dashboard-header{order:0}.rudi-account-meta{order:1}.rudi-mobile-plus-card{order:1} body[data-rudi-auth-state="signed-in"] .rudi-dashboard-plan{display:none!important} } /* v57 — mobile bottom nav: isolate from legacy generic nav rules. Legacy styles set top:76px on all