/* common.css */
:root{
  --bg:#040817;
  --bg-2:#081029;
  --panel:rgba(12,21,50,.72);
  --panel-strong:rgba(10,18,44,.92);
  --line:rgba(159,190,255,.16);
  --line-strong:rgba(159,190,255,.32);
  --text:#f7f9ff;
  --muted:#aab5d5;
  --soft:#7581a7;
  --accent:#36d6ff;
  --accent-2:#7568ff;
  --accent-3:#e05fff;
  --success:#3ce6ac;
  --warning:#ffcc66;
  --danger:#ff6f96;
  --radius:28px;
  --shadow:0 30px 90px rgba(0,0,0,.42);
  --container:min(1480px,calc(100vw - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:"Segoe UI",Inter,Arial,sans-serif;color:var(--text);background:
 radial-gradient(circle at 20% 10%,rgba(42,87,255,.16),transparent 27%),
 radial-gradient(circle at 82% 8%,rgba(223,63,255,.12),transparent 28%),
 linear-gradient(180deg,var(--bg),#02050e 72%);min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,black,transparent 72%);z-index:-3}
canvas#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.72}
.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;pointer-events:none;z-index:-1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(67,148,255,.15),rgba(67,148,255,.04) 34%,transparent 70%);filter:blur(18px);opacity:.8;transition:opacity .2s}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img,svg{display:block;max-width:100%}
.container{width:var(--container);margin-inline:auto}
.section{padding:92px 0;position:relative}
.section.compact{padding:58px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font-size:13px;font-weight:700;letter-spacing:.02em;color:#dce6ff;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-3));box-shadow:0 0 18px var(--accent)}
.gradient-text{background:linear-gradient(90deg,var(--accent),#85a3ff 48%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}
.section-title{font-size:clamp(38px,4.6vw,74px);line-height:.98;letter-spacing:-.055em;margin:16px 0 20px;max-width:980px}
.section-subtitle{font-size:19px;line-height:1.7;color:var(--muted);max-width:760px;margin:0}
.site-header{position:sticky;top:0;z-index:30;padding:16px 0;background:linear-gradient(to bottom,rgba(3,6,17,.88),rgba(3,6,17,.58),transparent);backdrop-filter:blur(16px)}
.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 18px 0 20px;border:1px solid var(--line);border-radius:24px;background:rgba(4,9,23,.68);box-shadow:0 16px 70px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}
.logo{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:900;letter-spacing:-.045em;white-space:nowrap}
.logo-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(41,211,255,.2),rgba(115,87,255,.2));border:1px solid rgba(89,216,255,.28);box-shadow:0 0 35px rgba(69,139,255,.18)}
.logo-mark svg{width:29px;height:29px}
.logo small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.22em;color:var(--soft);margin-top:2px}
.nav{display:flex;align-items:center;gap:28px;color:#c6cee8;font-size:14px;font-weight:700}
.nav a{position:relative;padding:10px 0;transition:.25s ease}
.nav a:hover{color:white}
.nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-3));transition:.25s ease}
.nav a:hover::after{left:0;right:0}
.header-actions{display:flex;align-items:center;gap:10px}
.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border-radius:16px;font-weight:800;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease;position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28),transparent 60%);transform:translateX(-120%);transition:transform .6s ease}
.btn:hover::before{transform:translateX(120%)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2) 58%,var(--accent-3));color:#07101d;box-shadow:0 12px 34px rgba(64,141,255,.3),inset 0 1px rgba(255,255,255,.5)}
.btn-primary:hover{box-shadow:0 18px 48px rgba(64,141,255,.42)}
.btn-secondary{background:rgba(255,255,255,.04);border:1px solid var(--line-strong);color:white}
.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)}
.icon-btn{width:45px;height:45px;border-radius:15px;padding:0;background:rgba(255,255,255,.04);border:1px solid var(--line);cursor:pointer;display:grid;place-items:center}
.mobile-menu{display:none}
.hero{padding:80px 0 70px;min-height:820px;display:flex;align-items:center;position:relative}
.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(620px,1.1fr);align-items:center;gap:72px}
.hero h1{font-size:clamp(58px,6.3vw,104px);line-height:.92;letter-spacing:-.07em;margin:22px 0 26px;max-width:830px;text-wrap:balance}
.hero-copy{font-size:20px;line-height:1.72;color:var(--muted);max-width:650px}
.hero-actions{display:flex;align-items:center;gap:14px;margin-top:34px;flex-wrap:wrap}
.micro-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#c8d2ec;font-size:13px;font-weight:650}
.micro-proof span{display:inline-flex;align-items:center;gap:8px}
.micro-proof i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(53,224,166,.1);border:1px solid rgba(53,224,166,.35);color:var(--success);font-style:normal;font-size:10px}
.hero-visual{position:relative;min-height:610px;isolation:isolate;perspective:1600px}
.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.72;z-index:-1}
.orb.one{width:460px;height:460px;right:5%;top:7%;background:radial-gradient(circle at 35% 30%,rgba(78,213,255,.58),rgba(68,81,255,.22) 45%,transparent 72%);filter:blur(14px)}
.orb.two{width:380px;height:380px;right:30%;bottom:0;background:radial-gradient(circle,rgba(227,73,255,.2),transparent 72%);filter:blur(22px)}
.product-shell{position:absolute;inset:30px 0 0 26px;border:1px solid rgba(138,174,255,.26);border-radius:34px;background:linear-gradient(155deg,rgba(19,29,67,.88),rgba(5,11,29,.92));box-shadow:var(--shadow),0 0 80px rgba(62,112,255,.18),inset 0 1px rgba(255,255,255,.09);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .25s ease}
.product-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:rgba(4,9,25,.44)}
.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#5e6a8b}.window-dots i:first-child{background:#ff6b8b}.window-dots i:nth-child(2){background:#ffd36e}.window-dots i:nth-child(3){background:#4be2b2}
.product-body{display:grid;grid-template-columns:190px 1fr;min-height:515px}
.product-sidebar{border-right:1px solid var(--line);padding:18px 14px;background:rgba(0,0,0,.12)}
.product-sidebar .mini-logo{font-weight:900;margin:3px 10px 20px;color:white}.side-link{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;color:#8f9bbc;font-size:12px;font-weight:700;margin-bottom:5px}.side-link.active{color:white;background:linear-gradient(90deg,rgba(50,152,255,.22),rgba(109,83,255,.12));box-shadow:inset 3px 0 var(--accent)}
.product-main{padding:20px;position:relative}
.product-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-head strong{font-size:18px}.product-head span{font-size:11px;color:var(--muted);padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.kpi{border:1px solid var(--line);border-radius:15px;padding:13px;background:rgba(255,255,255,.025)}.kpi small{display:block;color:#8f9bbc;font-size:10px;margin-bottom:8px}.kpi strong{font-size:19px;display:block}.kpi em{font-size:9px;color:var(--success);font-style:normal}
.chart-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:12px}.chart-card,.mini-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);padding:14px;min-height:170px}.chart-title{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#dce5ff;margin-bottom:14px}.line-chart{height:115px;position:relative;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 28px);overflow:hidden}.line-chart svg{width:100%;height:100%}.line-chart .area{fill:url(#chartArea)}.line-chart .path{fill:none;stroke:url(#chartStroke);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(45,206,255,.5))}
.donut{width:94px;height:94px;border-radius:50%;margin:8px auto;background:conic-gradient(var(--accent) 0 38%,var(--accent-2) 38% 67%,var(--accent-3) 67% 84%,rgba(255,255,255,.12) 84%);display:grid;place-items:center;box-shadow:0 0 26px rgba(70,148,255,.18)}.donut::after{content:"642";width:61px;height:61px;border-radius:50%;display:grid;place-items:center;background:#091126;font-size:17px;font-weight:900}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.list-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.02)}.list-card h4{font-size:11px;margin:0 0 9px}.mini-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);font-size:9px;color:#aab5d5}.mini-row b{color:white;font-size:10px}.status{padding:5px 7px;border-radius:999px;background:rgba(54,214,255,.12);color:#6fe4ff}
.floating-card{position:absolute;border:1px solid rgba(137,176,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(18,29,69,.94),rgba(7,13,35,.94));box-shadow:0 20px 55px rgba(0,0,0,.35),0 0 30px rgba(69,122,255,.12);backdrop-filter:blur(18px);z-index:3}.floating-card.visit{right:-20px;top:6px;width:260px;padding:18px}.floating-card.loyalty{left:-18px;bottom:12px;width:240px;padding:18px}.floating-card .label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.floating-card strong{font-size:24px;display:block;margin-top:10px}.floating-card .tag{font-size:10px;color:var(--success);margin-top:8px}.floating-card .progress{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px}.floating-card .progress i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-3));box-shadow:0 0 16px var(--accent)}
.logo-strip{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
.logo-row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;color:#7180a8;font-weight:900;letter-spacing:.05em}.logo-row span:first-child{color:#cbd4ec;font-size:13px;font-weight:700;letter-spacing:0}.logo-row b{opacity:.82}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(17,27,62,.72),rgba(6,12,31,.74));box-shadow:inset 0 1px rgba(255,255,255,.06);position:relative;overflow:hidden}.card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(500px circle at var(--mx,50%) var(--my,20%),rgba(95,196,255,.13),transparent 45%);opacity:0;transition:opacity .25s;pointer-events:none}.card:hover::before{opacity:1}.feature-card{padding:28px;min-height:240px}.feature-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(45,213,255,.16),rgba(116,85,255,.16));border:1px solid rgba(113,183,255,.2);margin-bottom:36px;font-size:24px}.feature-card h3{font-size:24px;letter-spacing:-.03em;margin:0 0 10px}.feature-card p{color:var(--muted);line-height:1.65;margin:0}.feature-card .metric{position:absolute;right:22px;top:22px;font-size:12px;color:var(--success);font-weight:900}
.bento{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:260px 260px;gap:18px}.bento .wide{grid-row:span 2}.bento-card{padding:28px;min-height:0}.bento-card h3{font-size:27px;margin:0 0 10px}.bento-card p{color:var(--muted);line-height:1.55;margin:0}.bento-ui{position:absolute;left:28px;right:28px;bottom:28px;height:170px;border:1px solid var(--line);border-radius:19px;background:rgba(2,6,18,.5);overflow:hidden}.bento-bars{display:flex;align-items:flex-end;gap:8px;height:100%;padding:24px}.bento-bars i{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(to top,var(--accent-2),var(--accent));box-shadow:0 0 18px rgba(54,214,255,.12)}.bento-bars i:nth-child(1){height:27%}.bento-bars i:nth-child(2){height:42%}.bento-bars i:nth-child(3){height:38%}.bento-bars i:nth-child(4){height:68%}.bento-bars i:nth-child(5){height:59%}.bento-bars i:nth-child(6){height:82%}.bento-bars i:nth-child(7){height:74%}.bento-bars i:nth-child(8){height:96%}
.tabs{margin-top:40px}.tab-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tab-btn{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:12px 16px;color:#aeb9d7;font-weight:800;cursor:pointer;transition:.25s}.tab-btn.active{color:white;background:linear-gradient(135deg,rgba(54,214,255,.16),rgba(118,91,255,.18));border-color:rgba(117,178,255,.38);box-shadow:0 10px 30px rgba(69,130,255,.12)}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadePanel .35s ease}@keyframes fadePanel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.showcase-panel{padding:22px;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}.showcase-copy{padding:24px}.showcase-copy h3{font-size:38px;margin:0 0 14px;letter-spacing:-.04em}.showcase-copy p{color:var(--muted);line-height:1.7}.bullet-list{display:grid;gap:13px;margin-top:24px}.bullet-list span{display:flex;align-items:flex-start;gap:10px;color:#d7def2}.bullet-list i{width:22px;height:22px;border-radius:8px;background:rgba(56,226,173,.12);border:1px solid rgba(56,226,173,.3);display:grid;place-items:center;color:var(--success);font-style:normal;font-size:11px;flex:none}.showcase-ui{border-radius:22px;border:1px solid var(--line);background:rgba(3,8,22,.62);padding:22px;min-height:310px;position:relative;overflow:hidden}.notification-stack{display:grid;gap:12px}.notification{padding:15px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;background:rgba(255,255,255,.025)}.notification .n-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.notification h4{margin:0 0 4px;font-size:13px}.notification p{margin:0;color:#8f9bbc;font-size:11px}.notification time{font-size:10px;color:#7f8bad}.notification.reward .n-icon{background:rgba(58,226,173,.14);color:var(--success)}.notification.booking .n-icon{background:rgba(54,214,255,.14);color:var(--accent)}.notification.streak .n-icon{background:rgba(255,174,75,.13);color:var(--warning)}.notification.info .n-icon{background:rgba(147,107,255,.14);color:#ab94ff}
.roi-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px}.roi-panel{padding:34px}.roi-panel h3{font-size:34px;margin:0 0 12px}.roi-panel p{color:var(--muted);line-height:1.65}.range-group{margin:25px 0}.range-head{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#b9c4e1;margin-bottom:11px}.range-head strong{color:white}.range-group input{width:100%;accent-color:var(--accent)}.roi-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.roi-result{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.roi-result small{display:block;color:#8491b2;margin-bottom:8px}.roi-result strong{font-size:26px}.roi-result.emphasis{grid-column:span 2;background:linear-gradient(135deg,rgba(48,200,255,.12),rgba(128,84,255,.11));border-color:rgba(104,181,255,.34)}.roi-result.emphasis strong{font-size:39px}
.testimonial{padding:30px}.quote{font-size:23px;line-height:1.55;letter-spacing:-.02em;margin:0 0 30px}.person{display:flex;align-items:center;gap:13px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent-3));display:grid;place-items:center;font-weight:900;color:#07101d}.person strong{display:block}.person span{font-size:12px;color:var(--muted)}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:30px;min-height:430px;display:flex;flex-direction:column}.price-card.featured{border-color:rgba(82,195,255,.55);box-shadow:0 0 70px rgba(67,135,255,.14),inset 0 1px rgba(255,255,255,.08);transform:translateY(-10px)}.price-badge{position:absolute;top:14px;right:14px;padding:7px 10px;border-radius:999px;background:rgba(61,221,255,.12);border:1px solid rgba(61,221,255,.3);color:#75e5ff;font-size:11px;font-weight:900}.price-card h3{font-size:27px;margin:0 0 6px}.price-card .price{font-size:44px;letter-spacing:-.04em;font-weight:900;margin:20px 0 4px}.price-card .price small{font-size:13px;color:var(--muted);font-weight:700}.price-card p{color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.price-card li{display:flex;gap:10px;color:#d8e0f4}.price-card li::before{content:"✓";color:var(--success);font-weight:900}.price-card .btn{margin-top:auto}
.final-cta{padding:42px;border:1px solid rgba(111,181,255,.28);border-radius:34px;background:linear-gradient(135deg,rgba(36,83,173,.18),rgba(101,54,168,.15)),rgba(9,17,42,.82);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 35px 90px rgba(0,0,0,.3)}.final-cta h2{font-size:clamp(33px,4vw,62px);margin:0 0 10px;letter-spacing:-.05em}.final-cta p{color:var(--muted);margin:0}.footer{padding:44px 0 56px;color:#7f8bad;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:28px}
.modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(1,3,10,.72);backdrop-filter:blur(16px)}.modal.open{display:flex}.modal-card{width:min(560px,100%);border-radius:30px;border:1px solid var(--line-strong);background:linear-gradient(155deg,#101a3b,#060b1b);box-shadow:0 40px 120px rgba(0,0,0,.55);padding:34px;position:relative}.modal-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;cursor:pointer}.modal h2{font-size:36px;letter-spacing:-.04em;margin:0 0 9px}.modal p{color:var(--muted);line-height:1.6}.form-grid{display:grid;gap:12px;margin-top:22px}.field{display:grid;gap:7px}.field span{font-size:12px;color:#aeb9d7}.field input{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:15px;padding:15px 16px;color:white;outline:none}.field input:focus{border-color:rgba(68,200,255,.55);box-shadow:0 0 0 4px rgba(68,200,255,.08)}.form-success{display:none;padding:26px;border:1px solid rgba(52,225,171,.3);background:rgba(52,225,171,.08);border-radius:18px;color:#bff7e2;margin-top:20px}.form-success.show{display:block}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}[data-reveal].revealed{opacity:1;transform:none}
.concept-switcher{position:fixed;right:20px;bottom:20px;z-index:50}.switcher-btn{width:54px;height:54px;border-radius:18px;border:1px solid var(--line-strong);background:rgba(7,13,31,.88);backdrop-filter:blur(18px);color:white;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 40px rgba(0,0,0,.35)}.switcher-menu{position:absolute;right:0;bottom:64px;width:240px;border:1px solid var(--line);border-radius:20px;background:rgba(7,12,28,.94);backdrop-filter:blur(18px);padding:10px;display:none;box-shadow:0 25px 80px rgba(0,0,0,.45)}.concept-switcher.open .switcher-menu{display:grid;gap:5px}.switcher-menu a{padding:12px 13px;border-radius:12px;color:#aeb9d7;font-size:13px;font-weight:700}.switcher-menu a:hover,.switcher-menu a.active{background:rgba(255,255,255,.06);color:white}
/* Concept 2 */
.concept-2{--accent:#55f2cf;--accent-2:#25a7ff;--accent-3:#7e76ff;--bg:#030b0e;--bg-2:#07191c;--panel:rgba(6,25,28,.74)}
.concept-2 body{}.concept-2 .hero-grid{grid-template-columns:1fr 1fr}.concept-2 .hero h1{font-size:clamp(58px,6vw,98px)}
.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pipe-stage{padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.024);min-height:144px}.pipe-stage small{color:#8491b2;font-size:10px}.pipe-stage strong{display:block;font-size:21px;margin:7px 0}.pipe-stage i{display:block;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:var(--w);box-shadow:0 0 16px rgba(78,240,210,.2)}
.comparison-table{overflow:hidden}.comparison-row{display:grid;grid-template-columns:1.5fr .6fr .6fr;padding:15px 18px;border-top:1px solid var(--line);align-items:center}.comparison-row:first-child{border-top:0}.comparison-row.header{color:#8591b2;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.comparison-row b{color:var(--success)}.comparison-row i{font-style:normal;color:#7d89a5}
/* Concept 3 */
.concept-3{--accent:#3ed9ff;--accent-2:#7a63ff;--accent-3:#e45aff;--bg:#030515;--bg-2:#0b0c2f}
.galaxy-hero{min-height:900px}.orbit-stage{position:relative;height:650px;display:grid;place-items:center}.orbit-center{width:260px;height:260px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.48),rgba(55,191,255,.2) 12%,rgba(58,64,255,.12) 48%,rgba(8,11,40,.95) 68%);box-shadow:0 0 100px rgba(75,103,255,.32),inset -18px -20px 50px rgba(4,7,26,.7),inset 15px 15px 35px rgba(124,221,255,.15)}.tooth-glyph{font-size:92px;filter:drop-shadow(0 0 24px rgba(70,217,255,.7))}.orbit-ring{position:absolute;border:1px solid rgba(100,152,255,.22);border-radius:50%;transform:rotate(-13deg)}.orbit-ring.r1{width:430px;height:260px}.orbit-ring.r2{width:580px;height:380px;transform:rotate(22deg)}.orbit-node{position:absolute;width:130px;padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(11,20,53,.82);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.25);cursor:pointer;transition:.25s}.orbit-node:hover,.orbit-node.active{border-color:rgba(90,199,255,.55);transform:translateY(-4px);box-shadow:0 20px 60px rgba(51,121,255,.24)}.orbit-node small{display:block;color:#8996b7;font-size:10px}.orbit-node strong{font-size:13px}.orbit-node.n1{top:60px;left:20px}.orbit-node.n2{right:0;top:90px}.orbit-node.n3{left:0;bottom:90px}.orbit-node.n4{right:30px;bottom:45px}.orbit-node.n5{left:50%;transform:translateX(-50%);bottom:5px}.orbit-node.n5:hover,.orbit-node.n5.active{transform:translateX(-50%) translateY(-4px)}
.orbit-detail{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:430px;text-align:center;padding:18px 22px;border:1px solid var(--line);border-radius:20px;background:rgba(6,10,32,.78);backdrop-filter:blur(18px)}.orbit-detail h3{margin:0 0 6px}.orbit-detail p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
/* Concept 4 */
.concept-4{--accent:#84c9ff;--accent-2:#498fff;--accent-3:#d9e6ff;--bg:#03060c;--bg-2:#07111f;--panel:rgba(9,18,30,.75);--radius:22px}
.concept-4 .section-title,.concept-4 .hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em}.concept-4 .hero h1{font-size:clamp(60px,6.2vw,102px)}
.editorial-rule{height:1px;background:linear-gradient(90deg,var(--accent),transparent);margin:32px 0}.story-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.story-nav{position:sticky;top:130px;align-self:start;display:grid;gap:8px}.story-nav button{padding:15px 17px;text-align:left;border:1px solid var(--line);background:transparent;border-radius:14px;color:#8793af;cursor:pointer}.story-nav button.active{background:rgba(255,255,255,.04);color:white;border-color:rgba(124,187,255,.33)}.story-stack{display:grid;gap:26px}.story-card{min-height:420px;padding:42px}.story-card .number{font-family:Georgia,serif;font-size:74px;color:rgba(255,255,255,.08)}.story-card h3{font-family:Georgia,serif;font-size:44px;font-weight:500;margin:12px 0 16px}.story-card p{color:var(--muted);font-size:18px;line-height:1.7;max-width:720px}
/* Concept 5 */
.concept-5{--accent:#3df6ff;--accent-2:#7651ff;--accent-3:#ff57d5;--bg:#030313;--bg-2:#0b0622}
.lab-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}.lab-panel{padding:30px}.funnel-visual{display:grid;gap:11px;margin-top:24px}.funnel-step{height:54px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(90deg,rgba(58,224,255,.18),rgba(114,74,255,.12));border:1px solid rgba(102,173,255,.18);width:var(--fw);margin-inline:auto;transition:.35s ease}.funnel-step strong{font-size:13px}.funnel-step span{color:var(--accent);font-weight:900}.simulate-running .funnel-step{animation:pulseStep .8s ease both}.simulate-running .funnel-step:nth-child(2){animation-delay:.1s}.simulate-running .funnel-step:nth-child(3){animation-delay:.2s}.simulate-running .funnel-step:nth-child(4){animation-delay:.3s}.simulate-running .funnel-step:nth-child(5){animation-delay:.4s}@keyframes pulseStep{50%{transform:scale(1.04);box-shadow:0 0 35px rgba(53,215,255,.22)}}
.growth-line{height:260px;border:1px solid var(--line);border-radius:20px;padding:20px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 1px,transparent 1px 50px),rgba(255,255,255,.02)}.growth-line svg{width:100%;height:100%}.growth-line path{fill:none;stroke:url(#growthStroke);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000}.growth-line.animate path{animation:drawLine 1.8s ease forwards}@keyframes drawLine{to{stroke-dashoffset:0}}
.index-page{--bg:#040713;--accent:#42dfff;--accent-2:#6f66ff;--accent-3:#ed61ff}.index-hero{padding:100px 0 48px;text-align:center}.index-hero h1{font-size:clamp(55px,7vw,108px);line-height:.92;letter-spacing:-.07em;margin:20px auto 24px;max-width:1200px}.index-hero p{font-size:20px;line-height:1.7;color:var(--muted);max-width:760px;margin:0 auto}.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding-bottom:90px}.concept-card{padding:18px}.concept-preview{height:330px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#060a17;position:relative}.concept-preview img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .45s ease}.concept-card:hover .concept-preview img{transform:scale(1.025)}.concept-card:nth-child(5){grid-column:1/-1}.concept-meta{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:22px 8px 6px}.concept-meta h2{font-size:27px;margin:0 0 7px}.concept-meta p{margin:0;color:var(--muted);line-height:1.5}.concept-meta .btn{white-space:nowrap}
@media (max-width:1180px){
  :root{--container:min(100% - 32px,1180px)}
  .nav{display:none}.mobile-menu{display:grid}.hero-grid,.concept-2 .hero-grid,.lab-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-visual{margin-top:20px;min-height:630px}.hero h1{max-width:980px}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento .wide{grid-row:auto;grid-column:1/-1;min-height:500px}.grid-4{grid-template-columns:1fr 1fr}.pricing{grid-template-columns:1fr}.price-card.featured{transform:none}.roi-wrap{grid-template-columns:1fr}.concept-grid{grid-template-columns:1fr}.concept-card:nth-child(5){grid-column:auto}.showcase-panel{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.story-nav{position:static;grid-template-columns:repeat(4,1fr)}
}
@media (max-width:760px){
  :root{--container:min(100% - 22px,760px);--radius:22px}
  .section{padding:64px 0}.header-inner{height:64px}.header-actions .btn{display:none}.logo{font-size:21px}.logo-mark{width:40px;height:40px}.hero{min-height:auto;padding:42px 0}.hero h1{font-size:50px}.hero-copy{font-size:17px}.hero-grid{gap:20px}.hero-visual{min-height:520px}.product-shell{inset:20px 0 0 0;transform:none}.product-body{grid-template-columns:1fr}.product-sidebar{display:none}.product-main{padding:13px}.kpi-grid{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.chart-grid .mini-card{display:none}.bottom-grid{display:none}.floating-card.visit{right:5px;top:-8px;width:220px}.floating-card.loyalty{left:3px;bottom:0;width:205px}.grid-3,.grid-4{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.bento .wide{grid-column:auto}.showcase-copy{padding:10px}.roi-results{grid-template-columns:1fr}.roi-result.emphasis{grid-column:auto}.final-cta{padding:28px;display:block}.final-cta .btn{margin-top:24px}.footer-row{display:block}.story-nav{grid-template-columns:1fr 1fr}.story-card{padding:28px;min-height:360px}.orbit-stage{height:600px;transform:scale(.82);margin-inline:-50px}.orbit-detail{width:360px}.pipeline{grid-template-columns:1fr 1fr}.comparison-row{grid-template-columns:1.4fr .6fr .6fr;font-size:12px}.concept-preview{height:230px}.concept-meta{display:block}.concept-meta .btn{margin-top:18px}.section-title{font-size:44px}.header-inner{padding-inline:12px}.micro-proof{gap:12px}.hero-actions .btn{width:100%}.logo-row{justify-content:center}.concept-switcher{right:12px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}


/* growth-lab.css */

/* Growth Lab Deluxe custom layer */
.deluxe-growth{
  background:
    radial-gradient(circle at 14% 10%, rgba(31,118,255,.18), transparent 25%),
    radial-gradient(circle at 88% 16%, rgba(255,87,213,.14), transparent 28%),
    radial-gradient(circle at 50% 72%, rgba(61,246,255,.08), transparent 28%),
    linear-gradient(180deg, #030313, #05081b 48%, #02040f 100%);
}
.deluxe-growth::after{
  content:""; position:fixed; inset:-20%; pointer-events:none; z-index:-4; opacity:.55;
  background:
    radial-gradient(circle at 30% 40%, rgba(61,246,255,.12), transparent 18%),
    radial-gradient(circle at 70% 36%, rgba(118,81,255,.1), transparent 21%),
    radial-gradient(circle at 60% 80%, rgba(255,87,213,.08), transparent 20%);
  filter:blur(30px); animation:auroraDrift 18s ease-in-out infinite alternate;
}
@keyframes auroraDrift{0%{transform:translate3d(-3%,0,0) scale(1)}100%{transform:translate3d(4%,-2%,0) scale(1.08)}}

.hero-deluxe{padding-top:88px; min-height:930px}
.deluxe-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:30px}
.card-lite{
  position:relative; padding:18px 18px 16px; border-radius:18px; overflow:hidden;
  border:1px solid rgba(145,176,255,.18); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow:inset 0 1px rgba(255,255,255,.05), 0 18px 46px rgba(0,0,0,.18);
}
.card-lite::after{content:"";position:absolute;inset:auto -18% -55% auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle, rgba(61,246,255,.16), transparent 68%)}
.hero-stat small{display:block; color:#aeb8d8; font-size:11px; margin-bottom:10px; text-transform:uppercase; letter-spacing:.08em}
.hero-stat strong{display:block; font-size:31px; letter-spacing:-.05em}
.hero-stat span{display:block; margin-top:8px; color:var(--muted); font-size:12px}
.deluxe-visual{min-height:690px}
.orb.three{width:220px;height:220px;left:10%;top:18%;background:radial-gradient(circle, rgba(61,246,255,.23), transparent 70%); filter:blur(16px)}
.halo-ring{position:absolute; border:1px solid rgba(133,173,255,.12); border-radius:50%; pointer-events:none; animation:rotateHalo 24s linear infinite}
.halo-ring.ring-a{width:640px;height:440px;right:3%;top:4%; transform:rotate(18deg)}
.halo-ring.ring-b{width:520px;height:600px;right:16%;top:0; transform:rotate(-22deg); animation-duration:30s; opacity:.6}
@keyframes rotateHalo{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.product-deluxe{overflow:visible}
.product-deluxe::before{content:""; position:absolute; inset:0; border-radius:34px; pointer-events:none; background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.12), transparent 55%); transform:translateX(-120%); animation:panelSweep 9s ease-in-out infinite}
.product-deluxe::after{content:""; position:absolute; inset:-1px; border-radius:35px; pointer-events:none; border:1px solid rgba(255,255,255,.06); box-shadow:0 0 0 1px rgba(120,162,255,.08), 0 0 90px rgba(61,110,255,.12)}
@keyframes panelSweep{0%,50%,100%{transform:translateX(-120%)}25%{transform:translateX(120%)}}
.deluxe-chart{position:relative}
.deluxe-chart::after{content:""; position:absolute; inset:auto 10% 24px 12%; height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent)}
.data-cluster{display:grid; align-content:flex-start}
.mini-metric-stack{display:grid; gap:8px; margin-bottom:10px}
.mini-metric{display:flex; justify-content:space-between; align-items:center; gap:14px; padding:10px 12px; border-radius:13px; background:rgba(255,255,255,.03); border:1px solid rgba(148,172,255,.12)}
.mini-metric span{font-size:11px; color:#b7c2df}
.mini-metric b{font-size:16px}
.glass-float{backdrop-filter:blur(18px); border:1px solid rgba(154,180,255,.18); box-shadow:0 20px 70px rgba(11,19,42,.45), inset 0 1px rgba(255,255,255,.08); animation:floatCard 7s ease-in-out infinite}
.glass-float:nth-child(2){animation-delay:.8s}.glass-float:nth-child(3){animation-delay:1.4s}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.floating-card.revenue{right:20px; bottom:58px; width:250px}
.metrics-strip-wrap{padding-top:20px; padding-bottom:10px}
.metrics-strip{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; padding:18px; border-radius:26px; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02))}
.metric-chip{padding:16px 18px; border-radius:18px; border:1px solid rgba(159,190,255,.13); background:rgba(255,255,255,.025); min-height:92px; display:flex; flex-direction:column; justify-content:space-between}
.metric-chip strong{font-size:34px; letter-spacing:-.06em}
.metric-chip span{color:var(--muted); line-height:1.45}
.deluxe-lab .lab-panel{padding:32px}
.lab-head{display:flex; align-items:flex-start; justify-content:space-between; gap:22px; margin-bottom:14px}
.lab-head h3{font-size:34px; margin:0 0 8px}
.lab-head p{margin:0; color:var(--muted); line-height:1.6}
.scenario-footer{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px}
.scenario-footer div{padding:15px 16px; border-radius:16px; background:rgba(255,255,255,.025); border:1px solid rgba(148,172,255,.12)}
.scenario-footer span{display:block; color:var(--muted); font-size:11px; margin-bottom:8px; text-transform:uppercase; letter-spacing:.06em}
.scenario-footer strong{font-size:22px}
.mini-forecast-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px}
.forecast-card{padding:16px; border-radius:16px; border:1px solid rgba(148,172,255,.12); background:rgba(255,255,255,.025)}
.forecast-card small{display:block; color:#aeb8d8; font-size:11px; margin-bottom:8px}
.forecast-card strong{display:block; font-size:24px; letter-spacing:-.05em; margin-bottom:8px}
.forecast-card span{color:var(--muted); font-size:12px; line-height:1.5}

.patient-impact-section{padding-top:84px}
.patient-switch{padding:24px; overflow:hidden; background:linear-gradient(180deg, rgba(12,20,45,.92), rgba(8,12,26,.92))}
.impact-tabs{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px}
.impact-tab{
  padding:13px 16px; border-radius:999px; border:1px solid rgba(154,180,255,.16); background:rgba(255,255,255,.04); color:#c8d2eb; font-weight:800; cursor:pointer;
  transition:.25s ease; box-shadow:inset 0 1px rgba(255,255,255,.04)
}
.impact-tab:hover,.impact-tab.active{background:linear-gradient(135deg, rgba(61,246,255,.18), rgba(118,81,255,.16)); border-color:rgba(122,185,255,.45); color:white; transform:translateY(-2px)}
.impact-panel{display:none; grid-template-columns:.88fr 1.12fr; gap:32px; align-items:center; min-height:580px}
.impact-panel.active{display:grid; animation:panelReveal .5s cubic-bezier(.2,.65,.25,1)}
@keyframes panelReveal{from{opacity:0; transform:translateY(10px)}to{opacity:1; transform:none}}
.impact-visual{position:relative; min-height:520px; display:grid; place-items:center}
.phone-frame{width:340px; max-width:100%; min-height:570px; padding:14px; border-radius:40px; position:relative; background:linear-gradient(180deg, rgba(17,27,58,.98), rgba(8,13,27,.96)); border:1px solid rgba(132,165,255,.18); box-shadow:0 40px 120px rgba(0,0,0,.45), 0 0 120px rgba(88,113,255,.13)}
.phone-frame::before{content:""; position:absolute; inset:10px; border-radius:32px; border:1px solid rgba(255,255,255,.06); pointer-events:none}
.phone-notch{width:128px; height:22px; border-radius:0 0 16px 16px; background:rgba(3,6,18,.95); margin:0 auto; position:relative; z-index:2}
.phone-screen{margin-top:-6px; border-radius:30px; min-height:530px; padding:20px; background:
  radial-gradient(circle at 80% 6%, rgba(255,87,213,.12), transparent 18%),
  radial-gradient(circle at 10% 24%, rgba(61,246,255,.12), transparent 16%),
  linear-gradient(180deg, rgba(11,19,41,1), rgba(7,11,24,1));
}
.screen-header{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; color:#d9e5ff}
.screen-header span{font-size:11px; color:#93a3cc; text-transform:uppercase; letter-spacing:.08em}
.screen-header b{font-size:14px}
.screen-card{padding:16px; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(148,172,255,.12); margin-bottom:12px}
.screen-card.primary{background:linear-gradient(135deg, rgba(64,219,255,.18), rgba(114,74,255,.16)); box-shadow:0 14px 40px rgba(43,111,255,.18)}
.screen-card.compact{display:flex; justify-content:space-between; align-items:center; gap:12px}
.screen-card small{display:block; color:#9fb0d6; font-size:11px; margin-bottom:8px}
.screen-card strong{display:block; font-size:22px; letter-spacing:-.04em}
.screen-card span{display:block; color:#dce5ff; font-size:12px; line-height:1.45; margin-top:6px}
.screen-card.list div{display:flex; justify-content:space-between; gap:14px; padding:9px 0; border-top:1px solid rgba(255,255,255,.06)}
.screen-card.list div:first-child{border-top:0}
.screen-card.list span{margin:0; color:#93a3cc}
.screen-card.list b{font-size:12px}
.impact-floating{position:absolute; right:-18px; bottom:46px; width:210px; padding:16px 18px; border-radius:18px; border:1px solid rgba(159,190,255,.16); background:rgba(8,12,28,.82); backdrop-filter:blur(14px); box-shadow:0 22px 60px rgba(0,0,0,.38)}
.impact-floating span{display:block; color:#9fb0d6; font-size:11px; margin-bottom:6px; text-transform:uppercase; letter-spacing:.08em}
.impact-floating strong{font-size:18px; line-height:1.2; letter-spacing:-.04em}
.time-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:12px}
.time-grid span{padding:12px 10px; border-radius:14px; text-align:center; background:rgba(255,255,255,.04); border:1px solid rgba(148,172,255,.12); font-weight:800; color:#cfdbf4}
.time-grid span.active{background:linear-gradient(135deg, rgba(61,246,255,.18), rgba(118,81,255,.18)); border-color:rgba(113,188,255,.4); color:white; box-shadow:0 0 34px rgba(69,114,255,.22)}
.timeline-list{display:grid; gap:10px; margin-bottom:12px}
.timeline-step{padding:14px; border-radius:16px; border:1px solid rgba(148,172,255,.12); background:rgba(255,255,255,.03); display:flex; justify-content:space-between; gap:12px}
.timeline-step.done{background:rgba(60,230,172,.08)}
.timeline-step.active{background:linear-gradient(135deg, rgba(61,246,255,.12), rgba(118,81,255,.12)); border-color:rgba(112,185,255,.35)}
.timeline-step span{font-size:13px; color:#e4ecff}
.timeline-step b{font-size:11px; color:#9bb1db; text-transform:uppercase; letter-spacing:.07em}
.habit-row{padding:14px 16px; border-radius:16px; display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; background:rgba(255,255,255,.03); border:1px solid rgba(148,172,255,.12)}
.habit-row.active{background:linear-gradient(135deg, rgba(61,246,255,.15), rgba(118,81,255,.16)); border-color:rgba(112,185,255,.35)}
.notice-card{padding:14px 16px; border-radius:16px; margin-bottom:10px; border:1px solid rgba(255,255,255,.08)}
.notice-card span{display:block; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#eaf1ff99; margin-bottom:8px}
.notice-card b{display:block; font-size:15px; line-height:1.35}
.notice-card.reward{background:linear-gradient(135deg, rgba(255,188,76,.18), rgba(255,118,76,.14))}
.notice-card.appointment{background:linear-gradient(135deg, rgba(61,246,255,.18), rgba(101,145,255,.14))}
.notice-card.streak{background:linear-gradient(135deg, rgba(255,87,213,.16), rgba(118,81,255,.14))}
.notice-card.info{background:linear-gradient(135deg, rgba(84,115,255,.16), rgba(255,255,255,.05))}
.impact-copy{padding-right:8px}
.impact-kicker{display:inline-block; font-size:11px; text-transform:uppercase; letter-spacing:.11em; color:#a9b6d6; margin-bottom:12px}
.impact-copy h3{font-size:46px; line-height:.98; letter-spacing:-.055em; margin:0 0 16px; max-width:720px}
.impact-copy > p{font-size:18px; line-height:1.75; color:var(--muted); margin:0 0 20px}
.benefit-columns{display:grid; grid-template-columns:.8fr 1.2fr; gap:18px}
.benefit-list,.revenue-card{padding:22px; border-radius:22px; border:1px solid rgba(148,172,255,.12); background:rgba(255,255,255,.03)}
.benefit-list h4,.revenue-card h4{font-size:13px; text-transform:uppercase; letter-spacing:.1em; color:#94a6cf; margin:0 0 14px}
.benefit-list ul{margin:0; padding-left:18px; display:grid; gap:12px; color:#dbe5ff; line-height:1.6}
.revenue-card small{display:block; color:#94a6cf; font-size:11px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:10px}
.revenue-card strong{display:block; font-size:28px; line-height:1.12; letter-spacing:-.05em; margin-bottom:16px}
.revenue-card p{margin:16px 0 0; color:var(--muted); line-height:1.6}
.impact-bars{display:grid; gap:12px}
.impact-bars div{display:grid; grid-template-columns:1fr 1.2fr auto; align-items:center; gap:12px; font-size:13px}
.impact-bars span{color:#dbe5ff}
.impact-bars i{position:relative; display:block; height:12px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden}
.impact-bars i::before{content:""; position:absolute; inset:0 auto 0 0; width:var(--v); border-radius:999px; background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3)); box-shadow:0 0 18px rgba(61,246,255,.3); animation:barGrow .9s ease both}
.impact-bars b{font-size:12px; color:white; min-width:60px; text-align:right}
@keyframes barGrow{from{width:0}to{width:var(--v)}}

.growth-ops-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.ops-card{padding:28px; min-height:240px; background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02)); border:1px solid rgba(159,190,255,.12)}
.ops-card.wide{grid-column:span 2; display:grid; grid-template-columns:1fr .9fr; gap:22px; min-height:290px}
.ops-card.emphasis{background:linear-gradient(135deg, rgba(61,246,255,.14), rgba(118,81,255,.12), rgba(255,87,213,.08)); box-shadow:0 24px 70px rgba(61,110,255,.12)}
.ops-kicker{display:inline-block; margin-bottom:10px; font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:#95a7d1}
.ops-card h3{font-size:32px; line-height:1.04; letter-spacing:-.05em; margin:0 0 12px}
.ops-card p{margin:0; color:var(--muted); line-height:1.7}
.ops-graph{position:relative; border-radius:22px; border:1px solid rgba(159,190,255,.12); background:rgba(255,255,255,.03); overflow:hidden}
.ops-line{position:absolute; inset:18px; background:
  linear-gradient(transparent calc(100% - 1px), rgba(255,255,255,.07) 0),
  linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:100% 20%, 16.66% 100%;
}
.ops-line::after{content:""; position:absolute; inset:18% 8% 18% 8%; border-bottom:4px solid transparent; border-image:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3)) 1; clip-path:path('M0,120 C70,100 100,84 140,90 C220,105 250,60 320,75 C390,90 430,36 500,48');}
.ops-pill{position:absolute; top:18px; right:18px; padding:10px 14px; border-radius:999px; background:rgba(8,12,28,.88); border:1px solid rgba(159,190,255,.18); font-size:13px; font-weight:800}
.ops-pill.alt{top:auto; bottom:18px; left:18px; right:auto}
.deluxe-pricing{margin-top:12px}
.enhanced-final{margin-top:28px; position:relative; overflow:hidden}
.enhanced-final::before{content:""; position:absolute; inset:-20% auto auto -10%; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle, rgba(61,246,255,.2), transparent 70%); filter:blur(10px)}

@media (max-width:1180px){
  .deluxe-grid, .metrics-strip, .mini-forecast-grid, .growth-ops-grid{grid-template-columns:1fr 1fr}
  .impact-panel, .benefit-columns, .ops-card.wide{grid-template-columns:1fr}
  .impact-copy{padding-right:0}
  .scenario-footer{grid-template-columns:1fr}
}
@media (max-width:760px){
  .hero-deluxe{min-height:auto}
  .deluxe-grid, .metrics-strip, .mini-forecast-grid, .growth-ops-grid{grid-template-columns:1fr}
  .lab-head{display:block}.lab-head .btn{margin-top:16px; width:100%}
  .impact-tabs{display:grid; grid-template-columns:1fr 1fr}
  .impact-panel{min-height:auto}
  .impact-visual{min-height:auto}
  .phone-frame{width:100%; min-height:unset}
  .impact-copy h3{font-size:34px}
  .benefit-columns{grid-template-columns:1fr}
  .impact-floating{position:static; width:auto; margin-top:14px}
  .funnel-step{height:auto; padding:15px 16px; gap:12px}
  .ops-card.wide{grid-column:auto}
}


/* Compact viewport-first adjustments */
html{scroll-snap-type:y proximity}
main>section{scroll-snap-align:start}
.screen-fit{min-height:100svh; display:flex; align-items:center; padding:44px 0}
.hero-deluxe.screen-fit{padding:34px 0 24px}
.section-title{font-size:clamp(34px,3.8vw,58px); margin:12px 0 14px; max-width:900px}
.hero h1{font-size:clamp(48px,5vw,82px); margin:18px 0 18px; max-width:760px}
.hero-copy{font-size:17px; line-height:1.6; max-width:560px}
.hero-actions{margin-top:24px}
.micro-proof{margin-top:18px; gap:14px}
.deluxe-grid{margin-top:22px; gap:10px}
.hero-stat strong{font-size:24px}
.hero-stat small{margin-bottom:6px}
.hero-stat span{margin-top:4px}
.hero-visual{min-height:590px}
.product-shell{inset:14px 0 0 26px}
.kpi-grid{gap:8px}.kpi{padding:11px}.kpi strong{font-size:17px}
.chart-grid,.bottom-grid{gap:10px;margin-top:10px}
.chart-card,.mini-card,.list-card{padding:12px}
.line-chart{height:102px}
.donut{width:82px;height:82px}.donut::after{width:54px;height:54px;font-size:15px}
.bottom-grid .mini-row{padding:7px 0}
.metrics-strip-wrap{padding:0 0 8px}
.metrics-strip{padding:12px; gap:10px}
.metric-chip{padding:14px 15px; min-height:76px}
.metric-chip strong{font-size:26px}
.section.compact{padding:28px 0}
.deluxe-lab .lab-panel{padding:24px}
.lab-head h3{font-size:28px}.lab-head p{font-size:14px; line-height:1.45}
.funnel-visual{gap:9px; margin-top:18px}
.funnel-step{height:46px; padding:0 15px}
.funnel-step strong,.funnel-step span{font-size:12px}
.growth-line{height:210px;padding:16px}
.mini-forecast-grid{gap:10px;margin-top:14px}
.forecast-card{padding:14px}.forecast-card strong{font-size:20px}
.scenario-footer{gap:10px;margin-top:12px}.scenario-footer strong{font-size:18px}
.patient-impact-section{padding-top:40px}
.patient-switch{padding:20px}
.impact-tabs{margin-bottom:16px; gap:8px}
.impact-tab{padding:11px 14px; font-size:13px}
.impact-panel{gap:24px; min-height:460px}
.impact-visual{min-height:420px}
.phone-frame{width:300px; min-height:488px}
.phone-screen{min-height:450px; padding:16px}
.screen-card{padding:13px; margin-bottom:10px}
.screen-card strong{font-size:18px}
.screen-card span,.screen-card.list b{font-size:11px}
.impact-floating{width:190px; padding:13px 15px; bottom:28px}
.impact-floating strong{font-size:15px}
.impact-copy h3{font-size:34px; margin-bottom:12px; max-width:600px}
.impact-copy>p{font-size:15px; line-height:1.55; margin-bottom:14px; max-width:680px}
.benefit-columns{gap:14px}
.benefit-list,.revenue-card{padding:16px 18px}
.benefit-list ul{gap:8px; font-size:14px}
.revenue-card strong{font-size:22px; margin-bottom:12px}
.revenue-card p{font-size:13px; line-height:1.45; margin-top:10px}
.impact-bars{gap:10px}.impact-bars div{font-size:12px; gap:10px}
.growth-ops-grid{grid-template-columns:1fr 1fr; gap:16px}
.ops-card{padding:22px; min-height:190px}.ops-card.wide{grid-column:span 2; min-height:230px}
.ops-card h3{font-size:26px; margin-bottom:10px}.ops-card p{font-size:14px; line-height:1.55}
.deluxe-pricing{margin-top:6px}
.price-card{padding:24px}
.price-card p{font-size:14px; line-height:1.45}
.price-card ul{gap:8px; font-size:14px}
.final-cta{padding:26px 30px; margin-top:18px}
.final-cta h2{font-size:40px; margin:0 0 10px}
.final-cta p{font-size:15px; line-height:1.55; margin:0}
@media (max-width:1180px){
  .screen-fit{min-height:auto; padding:58px 0}
  .metrics-strip{grid-template-columns:1fr 1fr 1fr}
  .patient-switch{padding:18px}
}
@media (max-width:760px){
  html{scroll-snap-type:none}
  .screen-fit{min-height:auto; padding:44px 0}
  .hero h1{font-size:42px}
  .hero-copy{font-size:15px}
  .deluxe-grid,.metrics-strip,.mini-forecast-grid,.growth-ops-grid{grid-template-columns:1fr}
  .ops-card.wide{grid-column:auto}
  .impact-tabs{grid-template-columns:1fr 1fr}
  .impact-panel{grid-template-columns:1fr; min-height:auto}
  .phone-frame{width:100%; min-height:auto}
  .phone-screen{min-height:auto}
  .impact-copy h3{font-size:28px}
  .section-title{font-size:34px}
  .lab-head h3{font-size:24px}
  .metrics-strip{padding:10px}
}


/* reference-home.css */
/* Exact-reference homepage artboard */
.reference-homepage{margin:0;background:#020817;color:#fff;overflow-x:hidden}
.reference-stage{position:relative;width:100vw;height:100svh;min-height:600px;overflow:hidden;background:#020817;isolation:isolate}
.reference-artboard{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--reference-scale,1));transform-origin:center center;overflow:hidden;background:#020817;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.reference-background{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 69% 38%,rgba(38,91,255,.31) 0%,rgba(24,55,157,.18) 28%,transparent 58%),radial-gradient(circle at 91% 57%,rgba(111,57,255,.27) 0%,transparent 43%),radial-gradient(circle at 52% 76%,rgba(37,68,238,.14),transparent 34%),linear-gradient(108deg,#010715 0%,#020a1f 34%,#03143b 69%,#071746 100%)}
.reference-background::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(5,20,64,.05),rgba(0,4,16,.23) 66%,rgba(0,2,10,.3));pointer-events:none}
.reference-light-trails{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.reference-light-trails .trail{fill:none;stroke-linecap:round}
.reference-light-trails .haze{stroke-width:38;opacity:.20;filter:url(#blur20)}
.reference-light-trails .haze.blue{stroke:url(#trailBlue)}
.reference-light-trails .haze.violet{stroke:url(#trailViolet)}
.reference-light-trails .line{stroke-width:2.4;filter:drop-shadow(0 0 9px rgba(89,89,255,.82))}
.reference-light-trails .line.blue{stroke:url(#trailBlue)}
.reference-light-trails .line.violet{stroke:url(#trailViolet)}
.reference-light-trails .line.thin{stroke:url(#trailBlue);stroke-width:.9;opacity:.56}
.reference-stars circle{animation:refTwinkle 4s ease-in-out infinite alternate}
.reference-stars circle:nth-child(2n){animation-delay:-1.7s}.reference-stars circle:nth-child(3n){animation-delay:-2.8s}
@keyframes refTwinkle{from{opacity:.35}to{opacity:1}}

.reference-header{position:absolute;left:0;top:0;width:100%;height:112px;z-index:20;display:flex;align-items:flex-start}
.reference-logo{position:absolute;left:30px;top:28px;width:272px;height:68px;display:block;overflow:hidden}
.reference-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.reference-nav{position:absolute;left:320px;top:57px;display:flex;align-items:center;gap:43px;white-space:nowrap}
.reference-nav a{position:relative;color:rgba(226,230,241,.78);font-size:14.5px;font-weight:450;line-height:1;text-decoration:none;transition:.24s ease}
.reference-nav a:hover{color:#fff;text-shadow:0 0 16px rgba(92,154,255,.7)}
.reference-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:2px;border-radius:99px;background:linear-gradient(90deg,#28b7ff,#9960ff);box-shadow:0 0 10px rgba(86,112,255,.6);transition:.25s ease}
.reference-nav a:hover::after{left:18%;right:18%}
.reference-header-actions{position:absolute;right:72px;top:39px;display:flex;gap:17px;align-items:center}
.reference-button{border:0;font-family:inherit;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden}
.reference-button::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.24),transparent 58%);transform:translateX(-130%);transition:transform .65s ease}
.reference-button:hover::before{transform:translateX(130%)}
.reference-button:hover{transform:translateY(-2px)}
.reference-login{width:137px;height:48px;border-radius:15px;background:rgba(4,11,34,.52);border:1px solid rgba(128,150,238,.78);font-size:16px;font-weight:650;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.reference-primary{background:linear-gradient(90deg,#27adff 0%,#586dff 52%,#b359f5 100%);box-shadow:0 8px 28px rgba(43,129,255,.34),0 0 22px rgba(135,81,255,.22),inset 0 1px rgba(255,255,255,.35);font-weight:650}
.reference-primary.top{width:233px;height:48px;border-radius:15px;font-size:16px}

.reference-copy{position:absolute;left:68px;top:201px;width:610px;z-index:14}
.reference-copy h1{margin:0;font-size:113px;line-height:.87;font-weight:830;letter-spacing:-4.8px}
.reference-copy h1 span{display:inline-block;background:linear-gradient(90deg,#18bbf6 0%,#26a7ff 31%,#596eff 65%,#9960f3 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(59,103,255,.12))}
.reference-copy h2{margin:24px 0 0;font-size:49.5px;line-height:1.17;letter-spacing:-2.3px;font-weight:780;color:#f6f7fb}
.reference-copy h2 em{font-style:normal;background:linear-gradient(90deg,#28aefb,#8270fb 64%,#9d5ae8);-webkit-background-clip:text;background-clip:text;color:transparent}
.reference-copy p{margin:30px 0 0;color:#aeb4c7;font-size:19.5px;line-height:1.45;font-weight:400;letter-spacing:-.1px}
.reference-cta-row{display:flex;gap:14px;margin-top:39px;align-items:center}
.reference-primary.hero-cta{width:265px;height:51px;border-radius:15px;font-size:16.5px;gap:16px}
.reference-primary.hero-cta b{font-size:27px;font-weight:350;line-height:1;transform:translateY(-1px)}
.reference-secondary{width:237px;height:51px;border-radius:15px;background:rgba(5,13,36,.56);border:1px solid rgba(103,128,213,.68);font-size:16.2px;font-weight:450;gap:26px;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.reference-secondary span{font-size:17px;color:#dfe5ff}
.reference-trust-row{display:flex;align-items:center;gap:40px;margin-top:28px;color:#aeb5ca;font-size:14.2px}
.reference-trust-row span{display:flex;align-items:center;gap:10px;white-space:nowrap}
.reference-trust-row i{font-style:normal;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#3ceaff;border:1.5px solid #3195ff;box-shadow:0 0 12px rgba(61,123,255,.45);font-size:12px;background:rgba(15,48,103,.5)}

.reference-mascot{position:absolute;left:785px;top:25px;width:695px;height:auto;z-index:6;filter:drop-shadow(0 0 22px rgba(40,97,255,.26)) drop-shadow(0 22px 38px rgba(0,0,0,.22));animation:refMascotFloat 7s ease-in-out infinite;will-change:transform}
.reference-mascot img{display:block;width:100%;height:auto}
@keyframes refMascotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.reference-floating-card{position:absolute;z-index:4;will-change:transform;transition:filter .25s ease}
.reference-floating-card img{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 26px rgba(0,0,0,.2)) drop-shadow(0 0 16px rgba(71,95,255,.2))}
.reference-floating-card:hover{filter:brightness(1.07)}
.points-card{left:688px;top:139px;width:248px;animation:refCardA 6.5s ease-in-out infinite}
.habits-card{left:684px;top:397px;width:245px;animation:refCardB 7.6s ease-in-out infinite}
.appointment-card{left:1318px;top:137px;width:272px;z-index:8;animation:refCardC 6.8s ease-in-out infinite}
.calendar-card{left:1375px;top:421px;width:244px;z-index:8;animation:refCardD 7.9s ease-in-out infinite}
@keyframes refCardA{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes refCardB{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes refCardC{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes refCardD{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

.reference-metrics{position:absolute;left:67px;top:742px;z-index:12;display:grid;grid-template-columns:252px 282px 288px 280px 260px;gap:13px;height:125px}
.reference-metric-card{position:relative;height:125px;overflow:visible;transition:transform .25s ease,filter .25s ease,opacity .25s ease;opacity:.86}
.reference-metric-card img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 14px 26px rgba(0,0,0,.16));backface-visibility:hidden}
.reference-metric-card:hover{transform:translateY(-5px);filter:brightness(1.08);opacity:.93}
.reference-scroll-hint{position:absolute;left:50%;bottom:6px;z-index:30;color:rgba(255,255,255,.65);font-size:28px;text-decoration:none;animation:refScroll 1.8s ease-in-out infinite;display:none}
@keyframes refScroll{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}

/* isolate the exact first screen from the older site header */
.reference-homepage>.site-header{display:none!important}
.reference-homepage main{position:relative;z-index:2}
.reference-homepage main>.section:first-child{margin-top:0}
@media (max-aspect-ratio: 1.55/1){.reference-scroll-hint{display:block}}
@media (max-width:760px){
  .reference-stage{height:100svh;min-height:660px}
  .reference-artboard{left:50%;top:50%}
}
.ref-parallax{--px:0px;--py:0px}
.reference-mascot.ref-parallax{translate:var(--px) var(--py)}
.reference-floating-card.ref-parallax{translate:var(--px) var(--py)}


/* Responsive fitting refinements for the first screen */
.reference-homepage{overflow-x:hidden}
.reference-stage::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(180deg, rgba(3,9,26,0) 0%, rgba(3,9,26,0) 82%, rgba(3,9,26,.06) 100%);
}
.reference-artboard{
  max-width:none;
  max-height:none;
}
@media (min-width: 2200px){
  .reference-stage{min-height:820px}
}
@media (max-width: 1536px){
  .reference-stage{min-height:560px}
}
@media (max-width: 1280px){
  .reference-stage{min-height:520px}
}
@media (max-width: 1024px){
  .reference-stage{min-height:460px}
}
@media (max-aspect-ratio: 4/3){
  .reference-stage{height:min(100svh, 82vw);min-height:560px}
}
@media (max-aspect-ratio: 1/1){
  .reference-stage{height:min(100svh, 92vw);min-height:520px}
}
@media (max-width:760px){
  .reference-stage{height:min(100svh, 100vw);min-height:360px}
}


/* Desktop hero fills the whole width of the screen */
.reference-stage{width:100vw;height:100svh;min-height:600px;overflow:hidden;background:#020817;isolation:isolate}
.reference-artboard{will-change:transform}
.reference-fireflies{position:absolute;inset:0;z-index:2;pointer-events:none}
.reference-fireflies span,
.mobile-fireflies span{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:calc(6px * var(--s));
  height:calc(6px * var(--s));
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98) 0%, rgba(185,232,255,.92) 28%, rgba(94,153,255,.42) 60%, rgba(94,153,255,0) 84%);
  box-shadow:0 0 calc(12px * var(--s)) rgba(122,185,255,.82), 0 0 calc(26px * var(--s)) rgba(101,103,255,.24);
  opacity:.18;
  animation:fireflyPulse calc(5.2s + var(--s) * 1.4s) ease-in-out infinite;
  animation-delay:var(--d);
}
.reference-fireflies span::after,
.mobile-fireflies span::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.35), rgba(255,255,255,0) 68%);
}
@keyframes fireflyPulse{
  0%,100%{opacity:.12;transform:scale(.92)}
  50%{opacity:.75;transform:scale(1.12)}
}
.reference-shoulder-glow{
  position:absolute;
  z-index:3;
  width:178px;
  height:126px;
  pointer-events:none;
  opacity:.34;
  filter:blur(7px);
  mix-blend-mode:screen;
  animation:shoulderGlowPulse 6.5s ease-in-out infinite;
}
.reference-shoulder-glow::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 48%, rgba(255,255,255,.45) 0%, rgba(168,224,255,.34) 25%, rgba(81,145,255,.17) 45%, rgba(81,145,255,0) 72%);
}
.reference-shoulder-glow.left{left:132px;top:362px;transform:rotate(-15deg)}
.reference-shoulder-glow.right{right:138px;top:364px;transform:rotate(15deg);animation-delay:-2.7s}
@keyframes shoulderGlowPulse{0%,100%{opacity:.24}50%{opacity:.4}}

/* Subtle transparency for the bottom five cards */
.reference-metric-card{opacity:.84}
.reference-metric-card:hover{opacity:.92}

/* Dedicated mobile hero */
.reference-mobile-stage{display:none;position:relative;min-height:100svh;overflow:hidden;background:#020817;color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.mobile-background{position:absolute;inset:0;background:radial-gradient(circle at 78% 34%,rgba(38,91,255,.34) 0%,rgba(24,55,157,.18) 28%,transparent 55%),radial-gradient(circle at 92% 64%,rgba(111,57,255,.26) 0%,transparent 38%),linear-gradient(130deg,#010715 0%,#020a1f 42%,#03143b 73%,#071746 100%)}
.mobile-fireflies{position:absolute;inset:0;pointer-events:none;z-index:1}
.mobile-hero-shell{position:relative;z-index:2;min-height:100svh;padding:16px 14px 18px}
.mobile-logo{display:block;width:178px;height:auto}
.mobile-logo img{display:block;width:100%;height:auto}
.mobile-copy{position:relative;z-index:3;max-width:62vw;padding-top:12px}
.mobile-copy h1{margin:0;font-size:52px;line-height:.9;letter-spacing:-2.6px;font-weight:830}
.mobile-copy h1 span{display:inline-block;background:linear-gradient(90deg,#18bbf6 0%,#26a7ff 31%,#596eff 65%,#9960f3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mobile-copy h2{margin:14px 0 0;font-size:28px;line-height:1.08;letter-spacing:-1.3px;font-weight:780}
.mobile-copy h2 em{font-style:normal;background:linear-gradient(90deg,#28aefb,#8270fb 64%,#9d5ae8);-webkit-background-clip:text;background-clip:text;color:transparent}
.mobile-copy p{margin:14px 0 0;color:#b1b7ca;font-size:14px;line-height:1.38}
.mobile-cta-row{display:flex;flex-direction:column;gap:10px;margin-top:18px;max-width:58vw}
.mobile-cta.reference-button,.mobile-cta{height:44px;border-radius:14px;font-size:14.5px;font-weight:650;width:100%}
.mobile-cta.secondary{background:rgba(5,13,36,.56);border:1px solid rgba(103,128,213,.68);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.mobile-scene{position:absolute;right:-2vw;bottom:0;width:62vw;height:72svh;min-height:460px;z-index:2}
.mobile-mascot-wrap{position:absolute;right:-8vw;bottom:-4px;width:74vw;max-width:345px}
.mobile-mascot-wrap .reference-shoulder-glow.left{left:56px;top:184px;width:118px;height:84px;opacity:.28}
.mobile-mascot-wrap .reference-shoulder-glow.right{right:54px;top:186px;width:118px;height:84px;opacity:.28}
.mobile-mascot{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(40,97,255,.24)) drop-shadow(0 18px 30px rgba(0,0,0,.22))}
.mobile-card{position:absolute;animation:mobileFloat 6.5s ease-in-out infinite}
.mobile-card img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.18)) drop-shadow(0 0 12px rgba(71,95,255,.18))}
.mobile-points{left:-2vw;top:10svh;width:34vw;max-width:148px;animation-delay:-.4s}
.mobile-appointment{right:1vw;top:8svh;width:37vw;max-width:160px;animation-delay:-2s}
.mobile-habits{left:0;top:31svh;width:35vw;max-width:150px;animation-delay:-1.1s}
.mobile-calendar{right:2vw;top:42svh;width:34vw;max-width:145px;animation-delay:-2.8s}
@keyframes mobileFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

@media (max-width: 820px){
  .reference-stage{display:none}
  .reference-mobile-stage{display:block}
  .reference-homepage main{margin-top:0}
}
@media (min-width: 821px){
  .reference-mobile-stage{display:none!important}
}
@media (max-width: 430px){
  .mobile-copy{max-width:64vw}
  .mobile-copy h1{font-size:48px}
  .mobile-copy h2{font-size:25px}
  .mobile-copy p{font-size:13.5px}
  .mobile-cta-row{max-width:60vw}
  .mobile-scene{width:64vw;min-height:430px}
  .mobile-mascot-wrap{width:78vw;max-width:320px;right:-10vw}
}
@media (max-width: 360px){
  .mobile-copy h1{font-size:42px}
  .mobile-copy h2{font-size:22px}
  .mobile-copy p{font-size:12.6px;line-height:1.34}
  .mobile-cta.reference-button,.mobile-cta{height:42px;font-size:13.8px}
}
@media (prefers-reduced-motion: reduce){
  .reference-fireflies span,.mobile-fireflies span,.reference-shoulder-glow,.mobile-card,.reference-stars circle{animation:none!important}
}


/* ===== Refined responsive hero: full background, redistributed elements, improved mobile ===== */
.reference-stars{display:none!important}
.reference-stage{height:100svh;min-height:740px}
.reference-artboard{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:none!important;
  left:auto;
  top:auto;
  overflow:hidden;
}
.reference-background,
.reference-light-trails{transform:none}

@media (min-width:821px){
  .reference-stage{display:block}
  .reference-artboard{font-size:16px}
  .reference-logo{left:clamp(28px,2.2vw,44px);top:clamp(26px,3.3vh,38px);width:clamp(228px,16vw,272px);height:auto}
  .reference-logo img{height:auto;object-fit:contain}
  .reference-nav{left:clamp(315px,23vw,430px);top:clamp(54px,6.3vh,61px);gap:clamp(24px,2.2vw,43px)}
  .reference-nav a{font-size:clamp(13.5px,0.9vw,14.5px)}
  .reference-header-actions{right:clamp(28px,3.8vw,72px);top:clamp(32px,4.6vh,39px);gap:clamp(12px,1vw,17px)}
  .reference-login{width:clamp(126px,8vw,137px);height:48px}
  .reference-primary.top{width:clamp(220px,14vw,233px);height:48px}

  .reference-copy{left:clamp(52px,5vw,108px);top:clamp(160px,20vh,215px);width:min(38vw,620px)}
  .reference-copy h1{font-size:clamp(88px,7vw,113px);letter-spacing:clamp(-4.2px,-0.28vw,-5px)}
  .reference-copy h2{margin-top:clamp(18px,2.2vh,24px);font-size:clamp(42px,3.55vw,56px);line-height:1.08;letter-spacing:clamp(-1.4px,-0.12vw,-2.2px)}
  .reference-copy p{margin-top:clamp(20px,3.2vh,30px);font-size:clamp(17px,1.22vw,19.5px);line-height:1.42;max-width:min(34vw,520px)}
  .reference-cta-row{margin-top:clamp(28px,4vh,39px);gap:clamp(10px,1vw,14px)}
  .reference-primary.hero-cta{width:clamp(240px,16vw,265px)}
  .reference-secondary{width:clamp(215px,14vw,237px)}
  .reference-trust-row{margin-top:clamp(18px,3vh,28px);gap:clamp(18px,2.2vw,40px);font-size:clamp(13px,.9vw,14.2px)}

  .reference-mascot{left:auto;right:clamp(70px,4.8vw,132px);top:clamp(42px,7vh,82px);width:clamp(490px,37vw,675px);height:auto;z-index:6}
  .reference-shoulder-glow.left{left:17%;top:44%;width:22%;height:16%;opacity:.26}
  .reference-shoulder-glow.right{right:17%;top:44.5%;width:22%;height:16%;opacity:.26}

  .points-card{left:clamp(660px,45vw,820px);top:clamp(136px,16vh,176px);width:clamp(220px,14.8vw,248px)}
  .habits-card{left:clamp(650px,44.5vw,805px);top:clamp(385px,44vh,440px);width:clamp(218px,14.6vw,245px)}
  .appointment-card{left:auto;right:clamp(26px,2.5vw,54px);top:clamp(130px,15vh,170px);width:clamp(245px,16vw,272px)}
  .calendar-card{left:auto;right:clamp(26px,2.2vw,54px);top:clamp(435px,49vh,495px);width:clamp(222px,14.4vw,244px)}

  .reference-metrics{left:clamp(34px,3vw,68px);right:clamp(34px,3vw,68px);width:auto;top:auto;bottom:clamp(20px,3.2vh,38px);display:grid;grid-template-columns:1.05fr 1.1fr 1.15fr 1.05fr 1fr;gap:clamp(8px,.9vw,14px);height:clamp(104px,13vh,125px)}
  .reference-metric-card{height:100%}
}

@media (min-width:821px) and (min-aspect-ratio: 19/10){
  .reference-copy{width:min(35vw,610px)}
  .reference-mascot{right:clamp(90px,7vw,210px);width:clamp(520px,34vw,690px)}
  .points-card{left:clamp(760px,47vw,930px)}
  .habits-card{left:clamp(750px,46vw,910px)}
  .appointment-card{right:clamp(60px,5vw,140px)}
  .calendar-card{right:clamp(40px,4vw,110px)}
}

@media (min-width:821px) and (max-width:1180px){
  .reference-copy{left:clamp(34px,4vw,58px);width:min(44vw,510px)}
  .reference-copy h1{font-size:clamp(74px,7vw,92px)}
  .reference-copy h2{font-size:clamp(34px,3.6vw,43px)}
  .reference-copy p{font-size:clamp(15.5px,1.4vw,17px)}
  .reference-mascot{right:clamp(20px,1vw,28px);width:clamp(420px,39vw,520px);top:clamp(96px,11vh,126px)}
  .reference-shoulder-glow.left,.reference-shoulder-glow.right{opacity:.22}
  .points-card{left:48vw;top:19vh;width:210px}
  .habits-card{left:47.5vw;top:48vh;width:205px}
  .appointment-card{right:18px;top:18vh;width:230px}
  .calendar-card{right:14px;top:52vh;width:212px}
  .reference-metrics{left:18px;right:18px;gap:8px;height:104px}
}

/* Improved mobile hero */
.reference-mobile-stage{display:none;position:relative;min-height:100svh;overflow:hidden;background:#020817;color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.mobile-background{position:absolute;inset:0;background:radial-gradient(circle at 82% 30%,rgba(38,91,255,.32) 0%,rgba(24,55,157,.17) 26%,transparent 54%),radial-gradient(circle at 92% 72%,rgba(111,57,255,.20) 0%,transparent 36%),linear-gradient(140deg,#010715 0%,#020a1f 45%,#03143b 76%,#071746 100%)}
.mobile-hero-shell{position:relative;z-index:2;min-height:100svh;padding:18px 16px 12px;display:grid;grid-template-rows:auto auto 1fr;gap:10px}
.mobile-logo{display:block;width:170px}
.mobile-logo img{display:block;width:100%;height:auto}
.mobile-copy{max-width:none;padding-top:8px;position:relative;z-index:3}
.mobile-copy h1{margin:0;font-size:clamp(46px,13.5vw,68px);line-height:.9;letter-spacing:-2.5px;font-weight:830}
.mobile-copy h1 span{display:inline-block;background:linear-gradient(90deg,#18bbf6 0%,#26a7ff 31%,#596eff 65%,#9960f3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mobile-copy h2{margin:12px 0 0;font-size:clamp(25px,7.3vw,38px);line-height:1.08;letter-spacing:-1px;font-weight:780}
.mobile-copy h2 em{font-style:normal;background:linear-gradient(90deg,#28aefb,#8270fb 64%,#9d5ae8);-webkit-background-clip:text;background-clip:text;color:transparent}
.mobile-copy p{margin:12px 0 0;color:#b1b7ca;font-size:clamp(13px,3.7vw,16px);line-height:1.35;max-width:70vw}
.mobile-cta-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px;max-width:74vw}
.mobile-cta.reference-button,.mobile-cta{height:46px;border-radius:14px;font-size:14.6px;font-weight:650;width:100%}
.mobile-cta.secondary{background:rgba(5,13,36,.56);border:1px solid rgba(103,128,213,.68);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.mobile-scene{position:relative;min-height:43vh;height:100%;margin-top:2px}
.mobile-mascot-wrap{position:absolute;right:-4vw;bottom:0;width:min(62vw,300px);z-index:2}
.mobile-mascot{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(40,97,255,.24)) drop-shadow(0 18px 30px rgba(0,0,0,.22))}
.mobile-mascot-wrap .reference-shoulder-glow.left{left:18%;top:45%;width:23%;height:15%;opacity:.24}
.mobile-mascot-wrap .reference-shoulder-glow.right{right:18%;top:45%;width:23%;height:15%;opacity:.24}
.mobile-card{position:absolute;z-index:1;animation:mobileFloat 6.5s ease-in-out infinite}
.mobile-card img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.16)) drop-shadow(0 0 10px rgba(71,95,255,.16))}
.mobile-points{left:2%;top:2%;width:min(31vw,150px);animation-delay:-.5s}
.mobile-appointment{right:1%;top:4%;width:min(34vw,164px);animation-delay:-1.8s}
.mobile-habits{left:3%;top:34%;width:min(30vw,146px);animation-delay:-1.1s}
.mobile-calendar{right:1%;top:40%;width:min(31vw,146px);animation-delay:-2.5s}
.mobile-fireflies{position:absolute;inset:0;pointer-events:none;z-index:1}
@keyframes mobileFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media (max-width:820px){
  .reference-stage{display:none}
  .reference-mobile-stage{display:block}
  .reference-homepage main{margin-top:0}
}
@media (min-width:821px){
  .reference-mobile-stage{display:none!important}
}
@media (max-width:480px){
  .mobile-logo{width:156px}
  .mobile-copy p{max-width:76vw}
  .mobile-cta-row{max-width:78vw}
  .mobile-scene{min-height:39vh}
  .mobile-mascot-wrap{width:min(60vw,270px);right:-5vw}
  .mobile-points{width:min(29vw,136px)}
  .mobile-appointment{width:min(31vw,145px)}
  .mobile-habits{width:min(29vw,135px)}
  .mobile-calendar{width:min(29vw,135px)}
}
@media (max-width:390px){
  .mobile-hero-shell{padding:16px 14px 12px}
  .mobile-copy h1{font-size:42px}
  .mobile-copy h2{font-size:22px}
  .mobile-copy p{font-size:12.5px;max-width:78vw}
  .mobile-cta.reference-button,.mobile-cta{height:42px;font-size:13.6px}
  .mobile-cta-row{max-width:82vw}
  .mobile-scene{min-height:36vh}
  .mobile-mascot-wrap{width:min(58vw,240px);right:-7vw}
}
@media (prefers-reduced-motion:reduce){
  .reference-fireflies span,.mobile-fireflies span,.reference-shoulder-glow,.mobile-card{animation:none!important}
}


/* ===== Mascot refinement: slightly left, more volume, more natural integration ===== */
.reference-mascot{
  isolation:isolate;
}
.reference-mascot::before{
  content:"";
  position:absolute;
  inset:8% 6% 10% 10%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 48% 28%, rgba(116,160,255,.16) 0%, rgba(116,160,255,.09) 24%, rgba(116,160,255,0) 56%),
    radial-gradient(ellipse at 47% 58%, rgba(53,108,255,.16) 0%, rgba(53,108,255,.08) 27%, rgba(53,108,255,0) 58%),
    radial-gradient(ellipse at 66% 56%, rgba(130,86,255,.12) 0%, rgba(130,86,255,.05) 24%, rgba(130,86,255,0) 52%);
  filter:blur(16px);
  opacity:.9;
}
.reference-mascot::after{
  content:"";
  position:absolute;
  left:14%;
  right:16%;
  bottom:2%;
  height:18%;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%, rgba(9,18,54,.34) 0%, rgba(9,18,54,.14) 36%, rgba(9,18,54,0) 72%);
  filter:blur(18px);
  opacity:.85;
}
.reference-mascot img{
  position:relative;
  z-index:2;
  filter:
    drop-shadow(0 0 18px rgba(43,110,255,.12))
    drop-shadow(0 18px 32px rgba(0,0,0,.16))
    drop-shadow(-8px 10px 22px rgba(16,24,64,.10));
}
.reference-mascot .reference-shoulder-glow{z-index:1}

@media (min-width:821px){
  .reference-mascot{
    right:clamp(120px,8.6vw,188px);
    top:clamp(52px,7.8vh,94px);
    width:clamp(500px,35.5vw,650px);
  }
}
@media (min-width:821px) and (min-aspect-ratio: 19/10){
  .reference-mascot{
    right:clamp(150px,10vw,245px);
    width:clamp(505px,33vw,645px);
  }
}
@media (min-width:821px) and (max-width:1180px){
  .reference-mascot{
    right:clamp(34px,3.2vw,72px);
    top:clamp(102px,12vh,138px);
    width:clamp(410px,37vw,500px);
  }
}


/* ===== Revision 7: headline, CTA, mascot position, cards, mobile re-layout ===== */
.reference-nav{gap:clamp(24px,2vw,40px)}
.reference-header-actions .reference-primary.top{width:260px}
.reference-copy h2{line-height:1.06}
.reference-copy h2 span{display:inline-block;white-space:nowrap}
.reference-copy h2 em{display:inline-block;white-space:nowrap;background:linear-gradient(90deg,#22b7ff 0%,#4f97ff 46%,#7b72ff 78%,#b75eff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.reference-copy p{max-width:min(33vw,470px)}
.reference-secondary{gap:14px;padding:0 18px 0 22px;font-weight:560}
.reference-secondary .demo-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#dfe8ff;filter:drop-shadow(0 0 8px rgba(102,130,255,.38))}
.reference-secondary .demo-icon svg{display:block;width:22px;height:22px}
.reference-trust-row{gap:14px}

@media (min-width:821px){
  .reference-copy{width:min(35vw,590px)}
  .reference-mascot{right:clamp(165px,10.4vw,250px)!important;top:clamp(56px,8vh,102px)!important;width:clamp(505px,34vw,625px)!important}
  .points-card{left:clamp(675px,44vw,792px);top:clamp(148px,17vh,188px);width:clamp(216px,13.5vw,236px)}
  .habits-card{left:clamp(665px,43.5vw,786px);top:clamp(392px,45vh,452px);width:clamp(214px,13.4vw,232px)}
  .appointment-card{right:clamp(42px,4vw,96px);top:clamp(144px,17vh,186px);left:auto;width:clamp(238px,14.8vw,258px)}
  .calendar-card{right:clamp(28px,2.8vw,78px);top:clamp(436px,50vh,506px);left:auto;width:clamp(214px,13.2vw,230px)}
  .reference-metrics{left:clamp(40px,3vw,60px);right:clamp(40px,3vw,60px);bottom:clamp(34px,5vh,64px)!important;top:auto!important;height:114px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px}
  .reference-metric-card{height:114px!important}
  .reference-metric-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
}
@media (min-width:821px) and (max-width:1180px){
  .reference-mascot{right:clamp(64px,5vw,116px)!important;width:clamp(400px,35vw,470px)!important}
  .reference-metrics{gap:10px;height:102px!important}
  .reference-metric-card{height:102px!important}
}

/* mobile redesign */
.reference-mobile-stage{background:#020817}
.mobile-hero-shell{padding:18px 16px 14px;display:flex;flex-direction:column;gap:0;min-height:100svh}
.mobile-copy{padding-top:10px}
.mobile-copy h2{line-height:1.06}
.mobile-copy h2 span{display:inline-block;white-space:nowrap}
.mobile-copy h2 em{display:inline-block;white-space:nowrap;background:linear-gradient(90deg,#22b7ff 0%,#4f97ff 46%,#7b72ff 78%,#b75eff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mobile-copy p{margin-top:12px;max-width:84vw}
.mobile-cta-row{max-width:none;grid-template-columns:1fr;gap:10px;margin-top:18px}
.mobile-cta.reference-button,.mobile-cta{height:48px;border-radius:15px;font-size:14.5px}
.mobile-cta.secondary{display:flex;gap:10px;justify-content:center;align-items:center;padding:0 16px}
.mobile-cta .demo-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center}
.mobile-cta .demo-icon svg{width:22px;height:22px}
.mobile-scene{flex:1;min-height:0;position:relative;margin-top:18px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 68% 22%, rgba(61,109,255,.16), rgba(61,109,255,0) 42%),linear-gradient(180deg, rgba(7,18,55,.08), rgba(7,18,55,.02));}
.mobile-mascot-wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;width:min(58vw,250px);right:auto;z-index:2}
.mobile-points{left:3%;top:2%;width:min(33vw,160px)}
.mobile-appointment{right:2%;top:4%;width:min(34vw,166px)}
.mobile-habits{left:4%;top:31%;width:min(33vw,156px)}
.mobile-calendar{right:2%;top:36%;width:min(33vw,156px)}
.mobile-card img{filter:drop-shadow(0 14px 22px rgba(0,0,0,.18)) drop-shadow(0 0 10px rgba(71,95,255,.13))}
.mobile-fireflies span{opacity:.16}
.mobile-mascot-wrap .reference-shoulder-glow.left{left:19%;top:46%;width:22%;height:15%;opacity:.22}
.mobile-mascot-wrap .reference-shoulder-glow.right{right:19%;top:46%;width:22%;height:15%;opacity:.22}
@media (max-width:480px){
  .mobile-copy h1{font-size:clamp(44px,13.5vw,58px)}
  .mobile-copy h2{font-size:clamp(24px,7vw,31px)}
  .mobile-copy p{font-size:13.2px;line-height:1.35;max-width:86vw}
  .mobile-scene{margin-top:16px;min-height:360px}
  .mobile-mascot-wrap{width:min(57vw,225px)}
  .mobile-points{width:min(31vw,132px)}
  .mobile-appointment{width:min(32vw,140px)}
  .mobile-habits{width:min(30vw,128px);top:34%}
  .mobile-calendar{width:min(31vw,132px);top:38%}
}
@media (max-width:390px){
  .mobile-logo{width:150px}
  .mobile-copy h2{font-size:21px}
  .mobile-copy p{font-size:12.4px}
  .mobile-cta.reference-button,.mobile-cta{height:44px;font-size:13.6px}
  .mobile-scene{min-height:330px}
  .mobile-mascot-wrap{width:min(58vw,210px)}
  .mobile-points{width:min(32vw,122px)}
  .mobile-appointment{width:min(32vw,128px)}
  .mobile-habits{width:min(31vw,118px)}
  .mobile-calendar{width:min(31vw,122px)}
}


/* ===== Revision 8: final hero polish ===== */
.reference-header-actions{gap:0}
.reference-header-actions .reference-primary.top{width:280px!important}
.reference-nav{display:flex;align-items:center;gap:10px!important}
.reference-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 16px;
  border-radius:999px;
  color:rgba(235,243,255,.92);
  background:linear-gradient(180deg, rgba(12,23,65,.26), rgba(7,16,48,.12));
  border:1px solid rgba(95,120,216,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 0 0 rgba(0,0,0,0);
  backdrop-filter:blur(8px);
  font-weight:520;
  letter-spacing:.01em;
  transition:transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
}
.reference-nav a:hover,
.reference-nav a:focus-visible{
  color:#ffffff;
  border-color:rgba(103,149,255,.42);
  background:linear-gradient(180deg, rgba(16,32,89,.44), rgba(10,19,55,.22));
  box-shadow:0 10px 24px rgba(18,29,78,.18), 0 0 18px rgba(91,114,255,.10);
  transform:translateY(-1px);
}
.reference-nav a::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:6px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(61,184,255,0), rgba(61,184,255,.78), rgba(158,110,255,.85), rgba(158,110,255,0));
  opacity:.48;
}

.reference-copy h1 span,
.mobile-copy h1 span{display:inline-block}
.reference-copy h2 span,
.reference-copy h2 em,
.mobile-copy h2 span,
.mobile-copy h2 em{white-space:nowrap}
.reference-copy p,
.mobile-copy p{max-width:none}

@media (min-width:821px){
  .reference-copy{width:min(35vw,600px)!important}
  .reference-copy h2{font-size:clamp(44px,3.5vw,54px)}
  .reference-copy p{max-width:min(34vw,520px);font-size:clamp(17px,1.18vw,19px)}
  .reference-mascot{right:clamp(255px,15vw,360px)!important;top:clamp(58px,8vh,98px)!important;width:clamp(500px,33vw,600px)!important}
  .points-card{left:clamp(720px,46vw,845px)!important;top:clamp(154px,18vh,194px)!important;width:clamp(214px,13.4vw,234px)!important}
  .habits-card{left:clamp(705px,45vw,835px)!important;top:clamp(400px,46vh,458px)!important;width:clamp(212px,13.2vw,230px)!important}
  .appointment-card{right:clamp(54px,4.2vw,112px)!important;top:clamp(146px,17vh,186px)!important;width:clamp(236px,14.4vw,254px)!important}
  .calendar-card{right:clamp(38px,3vw,92px)!important;top:clamp(442px,50vh,510px)!important;width:clamp(214px,13vw,228px)!important}
  .reference-metrics{
    left:clamp(28px,2vw,44px)!important;
    right:clamp(28px,2vw,44px)!important;
    bottom:clamp(28px,3.5vh,40px)!important;
    height:134px!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .reference-metric-card{
    height:134px!important;
    min-height:134px!important;
    border-radius:22px;
  }
  .reference-metric-card img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}
@media (min-width:821px) and (max-width:1180px){
  .reference-nav{gap:6px!important}
  .reference-nav a{padding:9px 12px;min-height:38px;font-size:13px}
  .reference-mascot{right:clamp(110px,8vw,170px)!important;width:clamp(420px,35vw,490px)!important}
  .points-card{left:50vw!important}
  .habits-card{left:49vw!important}
  .reference-metrics{height:118px!important;gap:6px!important}
  .reference-metric-card{height:118px!important;min-height:118px!important}
}

/* Mobile redesign centered around mascot */
.reference-mobile-stage{background:#020817}
.mobile-logo{margin:0 auto}
.mobile-copy{
  padding-top:12px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.mobile-copy h1{font-size:clamp(44px,13vw,58px);letter-spacing:-2.2px}
.mobile-copy h2{margin-top:12px;font-size:clamp(24px,7.3vw,31px);line-height:1.08}
.mobile-copy p{margin-top:12px;max-width:84vw;font-size:13.5px;line-height:1.38;text-align:center}
.mobile-cta-row{width:100%;max-width:100%;gap:10px;margin-top:18px}
.mobile-scene{
  flex:1;
  min-height:390px;
  margin-top:18px;
  border-radius:24px;
  background:radial-gradient(circle at 52% 18%, rgba(61,109,255,.14), rgba(61,109,255,0) 42%), linear-gradient(180deg, rgba(7,18,55,.10), rgba(7,18,55,.02));
}
.mobile-mascot-wrap{
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  right:auto!important;
  bottom:-6px!important;
  width:min(54vw,245px)!important;
  z-index:2;
}
.mobile-points{left:4%!important;top:4%!important;width:min(30vw,132px)!important}
.mobile-appointment{right:4%!important;top:4%!important;width:min(31vw,136px)!important}
.mobile-habits{left:5%!important;top:39%!important;width:min(30vw,128px)!important}
.mobile-calendar{right:5%!important;top:39%!important;width:min(30vw,128px)!important}
.mobile-card{animation:mobileFloat 6.4s ease-in-out infinite}
.mobile-card img{width:100%;height:auto}
.mobile-mascot-wrap .reference-shoulder-glow.left{left:18%;top:45%;width:22%;height:15%;opacity:.22}
.mobile-mascot-wrap .reference-shoulder-glow.right{right:18%;top:45%;width:22%;height:15%;opacity:.22}
@media (max-width:480px){
  .mobile-copy p{max-width:86vw;font-size:13.1px}
  .mobile-scene{min-height:360px}
  .mobile-mascot-wrap{width:min(55vw,220px)!important}
  .mobile-points{width:min(31vw,122px)!important}
  .mobile-appointment{width:min(32vw,126px)!important}
  .mobile-habits{width:min(31vw,118px)!important;top:40%!important}
  .mobile-calendar{width:min(31vw,118px)!important;top:40%!important}
}
@media (max-width:390px){
  .mobile-copy h2{font-size:22px}
  .mobile-copy p{font-size:12.3px;max-width:88vw}
  .mobile-cta.reference-button,.mobile-cta{height:44px;font-size:13.4px}
  .mobile-scene{min-height:332px}
  .mobile-mascot-wrap{width:min(56vw,205px)!important}
  .mobile-points{width:min(31vw,114px)!important}
  .mobile-appointment{width:min(31vw,116px)!important}
  .mobile-habits{width:min(31vw,108px)!important;top:41%!important}
  .mobile-calendar{width:min(31vw,108px)!important;top:41%!important}
}


/* ===== Revision 9: trust row, stronger cards, centered mobile mascot ===== */
.reference-trust-row{gap:18px!important;flex-wrap:wrap}
.reference-trust-row span{font-weight:500}
.reference-copy h2 span,.mobile-copy h2 span{white-space:nowrap}
.reference-copy p,.mobile-copy p{max-width:none!important}
.mobile-logo{background:transparent!important;box-shadow:none!important;padding:0!important;border:none!important;width:min(56vw,280px)!important}
.mobile-logo img{background:transparent!important;mix-blend-mode:normal;filter:none!important;display:block;width:100%;height:auto}

.reference-floating-card{transition:transform .28s ease, filter .28s ease}
.reference-floating-card img{
  filter:
    drop-shadow(0 22px 36px rgba(0,0,0,.24))
    drop-shadow(0 0 22px rgba(73,103,255,.23))
    drop-shadow(0 0 46px rgba(58,87,255,.09));
}
.reference-floating-card:hover{transform:translateY(-2px);filter:brightness(1.08)}

@media (min-width:821px){
  .reference-copy h2{font-size:clamp(43px,3.35vw,52px)!important;line-height:1.07!important}
  .reference-copy p{font-size:clamp(17px,1.15vw,18.5px)!important;max-width:min(35vw,560px)!important}
  .reference-mascot{right:clamp(270px,15.8vw,380px)!important;top:clamp(56px,8vh,96px)!important;width:clamp(505px,33vw,610px)!important}
  .points-card{left:clamp(750px,47vw,880px)!important;top:clamp(150px,18vh,192px)!important;width:clamp(236px,14.6vw,264px)!important}
  .habits-card{left:clamp(736px,46vw,865px)!important;top:clamp(400px,46vh,460px)!important;width:clamp(232px,14.2vw,258px)!important}
  .appointment-card{right:clamp(46px,3.8vw,104px)!important;top:clamp(142px,17vh,184px)!important;width:clamp(256px,15.6vw,282px)!important}
  .calendar-card{right:clamp(28px,2.3vw,82px)!important;top:clamp(438px,50vh,508px)!important;width:clamp(230px,14vw,252px)!important}
  .reference-metrics{
    left:clamp(34px,2.2vw,48px)!important;
    right:clamp(34px,2.2vw,48px)!important;
    bottom:clamp(30px,3.8vh,44px)!important;
    height:150px!important;
    gap:6px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .reference-metric-card{height:150px!important;min-height:150px!important}
  .reference-metric-card img{object-fit:contain!important;object-position:center center!important}
}
@media (min-width:821px) and (max-width:1180px){
  .reference-mascot{right:clamp(128px,8.6vw,190px)!important;width:clamp(420px,34vw,495px)!important}
  .points-card{left:53vw!important;width:225px!important}
  .habits-card{left:52vw!important;width:220px!important}
  .appointment-card{width:242px!important}
  .calendar-card{width:222px!important}
  .reference-metrics{height:126px!important;gap:4px!important}
  .reference-metric-card{height:126px!important;min-height:126px!important}
}

/* Mobile final alignment */
.reference-mobile-stage .mobile-copy{text-align:center!important;align-items:center!important}
.reference-mobile-stage .mobile-copy h2{font-size:clamp(24px,7.1vw,31px)!important;line-height:1.08!important}
.reference-mobile-stage .mobile-copy p{max-width:84vw!important;text-align:center!important;font-size:13.4px!important}
.reference-mobile-stage .mobile-scene{
  min-height:380px!important;
  margin-top:16px!important;
  background:radial-gradient(circle at 52% 20%, rgba(63,110,255,.13), rgba(63,110,255,0) 46%), linear-gradient(180deg, rgba(7,18,55,.08), rgba(7,18,55,.02));
}
.reference-mobile-stage .mobile-mascot-wrap{
  left:50%!important;
  transform:translateX(-50%)!important;
  right:auto!important;
  bottom:-4px!important;
  width:min(54vw,230px)!important;
  z-index:2!important;
}
.reference-mobile-stage .mobile-points,
.reference-mobile-stage .mobile-habits,
.reference-mobile-stage .mobile-appointment,
.reference-mobile-stage .mobile-calendar{z-index:1!important}
.reference-mobile-stage .mobile-points{left:5%!important;top:6%!important;width:min(31vw,132px)!important}
.reference-mobile-stage .mobile-appointment{right:5%!important;top:6%!important;width:min(31vw,132px)!important}
.reference-mobile-stage .mobile-habits{left:4.5%!important;top:40%!important;width:min(31vw,128px)!important}
.reference-mobile-stage .mobile-calendar{right:4.5%!important;top:40%!important;width:min(31vw,128px)!important}
.reference-mobile-stage .mobile-card img{
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.22)) drop-shadow(0 0 18px rgba(71,95,255,.18))!important;
}
@media (max-width:480px){
  .reference-mobile-stage .mobile-copy h1{font-size:clamp(42px,12.2vw,52px)!important}
  .reference-mobile-stage .mobile-copy h2{font-size:clamp(22px,6.6vw,28px)!important}
  .reference-mobile-stage .mobile-copy p{font-size:12.9px!important;max-width:86vw!important}
  .reference-mobile-stage .mobile-scene{min-height:352px!important}
  .reference-mobile-stage .mobile-mascot-wrap{width:min(53vw,212px)!important}
  .reference-mobile-stage .mobile-points{width:min(30vw,118px)!important}
  .reference-mobile-stage .mobile-appointment{width:min(30vw,118px)!important}
  .reference-mobile-stage .mobile-habits{width:min(30vw,112px)!important;top:41%!important}
  .reference-mobile-stage .mobile-calendar{width:min(30vw,112px)!important;top:41%!important}
}
@media (max-width:390px){
  .reference-mobile-stage .mobile-copy p{font-size:12.1px!important;max-width:88vw!important}
  .reference-mobile-stage .mobile-scene{min-height:326px!important}
  .reference-mobile-stage .mobile-mascot-wrap{width:min(54vw,198px)!important}
  .reference-mobile-stage .mobile-points{width:min(30vw,110px)!important}
  .reference-mobile-stage .mobile-appointment{width:min(30vw,110px)!important}
  .reference-mobile-stage .mobile-habits{width:min(30vw,104px)!important}
  .reference-mobile-stage .mobile-calendar{width:min(30vw,104px)!important}
}


/* ===== Revision 10: phone chip, stronger centering, softer mascot bottom ===== */
.reference-copy p span{display:inline-block}
.reference-cta-row{flex-wrap:wrap;row-gap:14px}
.reference-phone-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:51px;
  padding:0 18px 0 14px;
  border-radius:15px;
  color:#edf5ff;
  text-decoration:none;
  background:linear-gradient(180deg, rgba(11,24,70,.62), rgba(8,18,54,.34));
  border:1px solid rgba(100,141,255,.34);
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 14px 28px rgba(10,18,55,.16), 0 0 24px rgba(70,103,255,.12);
  backdrop-filter:blur(12px);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.reference-phone-chip:hover,
.reference-phone-chip:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(116,170,255,.62);
  box-shadow:0 14px 28px rgba(10,18,55,.2), 0 0 26px rgba(77,118,255,.20);
}
.reference-phone-chip .phone-icon{
  width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
  color:#8ceaff;
  filter:drop-shadow(0 0 10px rgba(70,207,255,.30));
}
.reference-phone-chip .phone-icon svg{width:22px;height:22px;display:block}
.reference-phone-chip .phone-text{font-weight:600;letter-spacing:.01em;white-space:nowrap}
.mobile-phone-chip{justify-content:center;width:100%;height:46px;border-radius:14px}

.reference-mascot img,
.mobile-mascot{
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 82%, rgba(0,0,0,.95) 88%, rgba(0,0,0,.65) 94%, transparent 100%);
  mask-image:linear-gradient(to bottom, #000 0%, #000 82%, rgba(0,0,0,.95) 88%, rgba(0,0,0,.65) 94%, transparent 100%);
}
.reference-mascot::after{
  content:"";
  position:absolute;
  left:8%; right:8%; bottom:-1%; height:16%;
  background:radial-gradient(ellipse at 50% 20%, rgba(5,12,39,.16) 0%, rgba(5,12,39,.08) 38%, rgba(5,12,39,0) 74%);
  filter:blur(18px);
  z-index:1;
  pointer-events:none;
}

@media (min-width:821px){
  .reference-cta-row{align-items:center;gap:14px 12px}
  .reference-primary.hero-cta{width:290px!important}
  .reference-phone-chip{order:2}
  .reference-secondary{order:3}
  .reference-copy p{font-size:clamp(17px,1.12vw,18px)!important;line-height:1.34!important}
  .points-card{left:clamp(730px,45.9vw,860px)!important}
  .habits-card{left:clamp(716px,45vw,844px)!important}
  .appointment-card{right:clamp(66px,5vw,126px)!important}
  .calendar-card{right:clamp(48px,3.8vw,106px)!important}
}

/* hard mobile centering based on exact screen midpoint */
.reference-mobile-stage .mobile-hero-shell{align-items:stretch}
.reference-mobile-stage .mobile-copy h2,
.reference-mobile-stage .mobile-copy p{ text-align:center!important; }
.reference-mobile-stage .mobile-scene{overflow:visible!important}
.reference-mobile-stage .mobile-mascot-wrap{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:-2px!important;
  width:min(53vw,214px)!important;
}
.reference-mobile-stage .mobile-points,
.reference-mobile-stage .mobile-appointment,
.reference-mobile-stage .mobile-habits,
.reference-mobile-stage .mobile-calendar{
  position:absolute!important;
}
.reference-mobile-stage .mobile-points{left:calc(50% - 168px)!important;top:8%!important;width:min(28vw,118px)!important}
.reference-mobile-stage .mobile-appointment{left:calc(50% + 48px)!important;right:auto!important;top:8%!important;width:min(28vw,118px)!important}
.reference-mobile-stage .mobile-habits{left:calc(50% - 170px)!important;top:42%!important;width:min(28vw,114px)!important}
.reference-mobile-stage .mobile-calendar{left:calc(50% + 46px)!important;right:auto!important;top:42%!important;width:min(28vw,114px)!important}
@media (max-width:480px){
  .reference-mobile-stage .mobile-copy p{line-height:1.34!important}
  .reference-mobile-stage .mobile-mascot-wrap{width:min(52vw,204px)!important}
  .reference-mobile-stage .mobile-points{left:calc(50% - 156px)!important;width:min(27vw,106px)!important}
  .reference-mobile-stage .mobile-appointment{left:calc(50% + 44px)!important;width:min(27vw,106px)!important}
  .reference-mobile-stage .mobile-habits{left:calc(50% - 156px)!important;top:43%!important;width:min(27vw,102px)!important}
  .reference-mobile-stage .mobile-calendar{left:calc(50% + 44px)!important;top:43%!important;width:min(27vw,102px)!important}
}
@media (max-width:390px){
  .reference-mobile-stage .mobile-mascot-wrap{width:min(52vw,192px)!important}
  .reference-mobile-stage .mobile-points{left:calc(50% - 144px)!important;width:min(28vw,96px)!important}
  .reference-mobile-stage .mobile-appointment{left:calc(50% + 40px)!important;width:min(28vw,96px)!important}
  .reference-mobile-stage .mobile-habits{left:calc(50% - 144px)!important;width:min(28vw,92px)!important}
  .reference-mobile-stage .mobile-calendar{left:calc(50% + 40px)!important;width:min(28vw,92px)!important}
}


.reference-header-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.reference-header-phone{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:16px;text-decoration:none;color:#eef5ff;background:linear-gradient(180deg, rgba(11,24,70,.62), rgba(8,18,54,.34));border:1px solid rgba(100,141,255,.34);box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 14px 28px rgba(10,18,55,.14),0 0 24px rgba(70,103,255,.10);backdrop-filter:blur(12px);font-weight:600}.reference-header-phone .header-phone-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#8ceaff;filter:drop-shadow(0 0 8px rgba(70,207,255,.24))}


/* Revision 13 fallback — use the global fixed background image only */
.reference-homepage,
.reference-stage,
.reference-artboard,
.reference-background,
.mobile-background{
  background:transparent !important;
}
.reference-light-trails{display:none !important;}

/* =========================================================
   Luxury motion system — first screen
   ========================================================= */
html.lux-js [data-lux-reveal]{
  opacity:0;
  filter:blur(12px) saturate(.82);
  transform:translateY(22px) scale(.985);
  transition:
    opacity .82s cubic-bezier(.2,.78,.2,1) var(--lux-delay,0ms),
    filter .92s cubic-bezier(.2,.78,.2,1) var(--lux-delay,0ms),
    transform .92s cubic-bezier(.2,.78,.2,1) var(--lux-delay,0ms);
  will-change:opacity,filter,transform;
}
html.lux-js [data-lux-reveal].is-visible{
  opacity:1;
  filter:none;
  transform:none;
}
/* Floating objects already animate transform, so reveal them without overriding it. */
html.lux-js .reference-floating-card[data-lux-reveal],
html.lux-js .reference-mascot[data-lux-reveal]{
  transform:none;
  scale:.94;
  transition:
    opacity .9s cubic-bezier(.16,.84,.22,1) var(--lux-delay,0ms),
    filter 1.05s cubic-bezier(.16,.84,.22,1) var(--lux-delay,0ms),
    scale 1.05s cubic-bezier(.16,.84,.22,1) var(--lux-delay,0ms);
}
html.lux-js .reference-floating-card[data-lux-reveal].is-visible,
html.lux-js .reference-mascot[data-lux-reveal].is-visible{scale:1}

.reference-copy h1 span,
.reference-copy h2 em{
  background-size:180% 100%;
  animation:luxGradientFlow 8s ease-in-out infinite alternate;
}
@keyframes luxGradientFlow{
  0%{background-position:0% 50%;filter:drop-shadow(0 0 12px rgba(74,110,255,.10))}
  100%{background-position:100% 50%;filter:drop-shadow(0 0 22px rgba(116,88,255,.22))}
}
.reference-primary{
  isolation:isolate;
  background-size:180% 100%;
  animation:luxButtonBreath 5.8s ease-in-out infinite;
}
@keyframes luxButtonBreath{
  0%,100%{background-position:0% 50%;box-shadow:0 8px 28px rgba(43,129,255,.30),0 0 18px rgba(135,81,255,.16),inset 0 1px rgba(255,255,255,.30)}
  50%{background-position:100% 50%;box-shadow:0 12px 36px rgba(43,129,255,.42),0 0 30px rgba(135,81,255,.27),inset 0 1px rgba(255,255,255,.40)}
}
.reference-floating-card,
.reference-metric-card{isolation:isolate}
.reference-floating-card::after,
.reference-metric-card::after{
  content:"";
  position:absolute;
  inset:5% 4%;
  z-index:3;
  pointer-events:none;
  border-radius:22px;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.11) 42%,rgba(255,255,255,.025) 53%,transparent 70%);
  transform:translateX(-135%);
  opacity:0;
}
.reference-floating-card.is-visible::after{
  animation:luxShinePass 7.8s ease-in-out 1.2s infinite;
}
.reference-metric-card.is-visible::after{
  animation:luxShinePass 9s ease-in-out 2.4s infinite;
}
@keyframes luxShinePass{
  0%,68%,100%{transform:translateX(-135%);opacity:0}
  73%{opacity:.6}
  86%{transform:translateX(135%);opacity:.18}
  90%{opacity:0}
}
.reference-mascot::before{
  animation:luxMascotAura 6.8s ease-in-out infinite;
}
@keyframes luxMascotAura{
  0%,100%{opacity:.72;filter:blur(16px) saturate(1)}
  50%{opacity:1;filter:blur(20px) saturate(1.16)}
}
.reference-trust-row i{
  animation:luxCheckPulse 4.5s ease-in-out infinite;
}
.reference-trust-row span:nth-child(2) i{animation-delay:-2.1s}
@keyframes luxCheckPulse{
  0%,100%{box-shadow:0 0 10px rgba(61,123,255,.32);transform:scale(1)}
  50%{box-shadow:0 0 18px rgba(61,205,255,.52);transform:scale(1.06)}
}

@media (prefers-reduced-motion:reduce){
  html.lux-js [data-lux-reveal]{opacity:1!important;filter:none!important;transform:none!important;scale:1!important;transition:none!important}
  .reference-copy h1 span,.reference-copy h2 em,.reference-primary,.reference-mascot::before,.reference-trust-row i{animation:none!important}
  .reference-floating-card::after,.reference-metric-card::after{display:none!important}
}


/* returns-section.css */
body.reference-homepage{position:relative;isolation:isolate;background:#020817!important}
body.reference-homepage::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 70% 30%,rgba(38,91,255,.30) 0%,rgba(24,55,157,.18) 28%,transparent 58%),radial-gradient(circle at 92% 58%,rgba(111,57,255,.25) 0%,transparent 43%),radial-gradient(circle at 48% 78%,rgba(37,68,238,.13),transparent 34%),linear-gradient(108deg,#010715 0%,#020a1f 34%,#03143b 69%,#071746 100%)}
body.reference-homepage main,body.reference-homepage main>section{background:transparent!important}
.returns-screen{position:relative;width:100%;height:100svh;min-height:700px;overflow:hidden;background:transparent;isolation:isolate}
.returns-screen::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 22%,rgba(76,88,226,.12),transparent 34%),radial-gradient(circle at 12% 36%,rgba(24,94,255,.08),transparent 28%)}
.returns-screen-artboard{--returns-scale:1;position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--returns-scale));transform-origin:center;overflow:hidden;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#f6f8ff}
.returns-screen-header{position:absolute;left:36px;right:36px;top:17px;height:62px;display:flex;align-items:flex-start;z-index:20}
.returns-screen-logo{position:absolute;left:0;top:0;width:244px;color:#cfdcff;text-decoration:none}.returns-screen-logo img{display:block;width:168px;height:auto}.returns-screen-logo span{display:block;margin-top:4px;font-size:12px;color:rgba(216,227,255,.72)}
.returns-screen-nav{position:absolute;left:350px;top:1px;display:flex;align-items:center;gap:15px;white-space:nowrap}.returns-screen-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;color:rgba(239,245,255,.91);text-decoration:none;font-size:14px;font-weight:520;border-radius:14px}.returns-screen-nav a.active{background:linear-gradient(180deg,rgba(17,32,78,.76),rgba(10,22,57,.50));box-shadow:inset 0 0 0 1px rgba(111,142,255,.25),0 8px 20px rgba(2,8,30,.20)}.returns-screen-nav a.active::after{content:"";position:absolute;left:50%;bottom:-2px;width:7px;height:7px;transform:translateX(-50%);border-radius:50%;background:#45dcff;box-shadow:0 0 12px rgba(69,220,255,.80)}
.returns-screen-actions{position:absolute;right:0;top:0;display:flex;align-items:center;gap:14px}.returns-screen-clinic,.returns-screen-create{height:48px;border-radius:16px;font:inherit;cursor:pointer}.returns-screen-clinic{min-width:220px;padding:0 19px;color:#e6edff;background:rgba(8,18,52,.66);border:1px solid rgba(110,139,255,.24)}.returns-screen-create{min-width:202px;border:0;color:#fff;font-weight:760;background:linear-gradient(90deg,#45b7ff 0%,#7a75ff 52%,#d25cff 100%);box-shadow:0 12px 26px rgba(79,105,255,.24),0 0 19px rgba(126,85,255,.16)}
.returns-screen-intro{position:absolute;left:39px;top:101px;width:660px;z-index:5}.returns-screen-pill{display:inline-flex;align-items:center;gap:11px;min-height:41px;padding:0 18px;border-radius:22px;color:#f7fbff;font-size:16px;font-weight:740;background:linear-gradient(180deg,rgba(13,28,76,.72),rgba(9,20,52,.42));border:1px solid rgba(103,138,255,.26)}.returns-screen-pill i{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#ffe96d,#b3ff5b);box-shadow:0 0 10px rgba(216,255,121,.65)}.returns-screen-intro h2{margin:18px 0 15px;font-size:62px;line-height:.98;letter-spacing:-.045em;font-weight:820}.returns-screen-intro h2 span{display:inline-block;background:linear-gradient(90deg,#2fdcff 0%,#74a5ff 45%,#ad69ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.returns-screen-intro p{margin:0;font-size:18px;line-height:1.38;color:rgba(231,239,255,.78)}
.returns-screen-mini{position:absolute;z-index:7;filter:drop-shadow(0 20px 30px rgba(2,7,26,.24)) drop-shadow(0 0 16px rgba(75,96,255,.13))}.returns-screen-mini img{display:block;width:100%;height:100%;object-fit:contain}.returns-points-card{left:820px;top:96px;width:184px;height:176px;transform:rotate(-4deg)}.returns-appointment-card{left:1037px;top:87px;width:201px;height:186px;transform:rotate(3deg)}.returns-streak-card{left:1185px;top:244px;width:176px;height:104px;transform:rotate(4deg)}.returns-streak-inner{width:100%;height:100%;padding:16px 18px;border-radius:21px;background:linear-gradient(180deg,rgba(10,22,60,.94),rgba(7,17,44,.90));border:1px solid rgba(105,132,255,.27);box-shadow:0 18px 36px rgba(3,8,28,.24)}.returns-streak-inner span{display:block;font-size:14px;color:#dce6ff}.returns-streak-inner strong{display:block;margin-top:8px;font-size:25px;line-height:1}.returns-streak-inner small{display:block;margin-top:9px;font-size:12px;color:#d1dcf7}
.returns-screen-panel{position:absolute;z-index:4}.returns-screen-panel img{display:block;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 19px 30px rgba(2,8,28,.19))}.returns-funnel-panel{left:39px;top:344px;width:620px;height:481px}.returns-growth-panel{left:677px;top:344px;width:666px;height:481px}.returns-screen-launch{position:absolute;right:19px;top:20px;z-index:3;min-width:208px;height:50px;border:0;border-radius:15px;color:#061332;font:inherit;font-weight:790;cursor:pointer;background:linear-gradient(90deg,#35dcff 0%,#79a0ff 48%,#d85aff 100%);box-shadow:0 13px 24px rgba(43,88,255,.22)}.returns-screen-launch span{margin-left:8px}
.returns-screen-mascot{position:absolute;right:18px;top:95px;width:330px;height:604px;z-index:3;overflow:hidden}.returns-screen-mascot img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:drop-shadow(0 18px 25px rgba(1,7,26,.40));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.92) 93%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,rgba(0,0,0,.92) 93%,transparent 100%)}.returns-mascot-glow{position:absolute;inset:10% 0 14%;border-radius:50%;z-index:1;background:radial-gradient(circle at 48% 36%,rgba(65,125,255,.20),rgba(65,125,255,0) 66%);filter:blur(20px)}
.returns-screen-brand{position:absolute;right:39px;top:704px;width:287px;height:113px;z-index:5}.returns-screen-brand img{display:block;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 16px 28px rgba(2,8,28,.20))}
.returns-screen-metrics{position:absolute;left:39px;right:39px;top:842px;height:73px;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);gap:0;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(8,19,50,.50),rgba(6,16,43,.31));border:1px solid rgba(83,108,255,.19)}.returns-screen-metric{min-width:0;height:73px;border-right:1px solid rgba(86,112,255,.11)}.returns-screen-metric:last-child{border-right:0}.returns-screen-metric img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.88}
@media(max-width:820px){.returns-screen{height:auto;min-height:100svh;overflow:visible;padding:20px 14px 28px}.returns-screen-artboard{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none!important;display:flex;flex-direction:column;gap:16px;overflow:visible}.returns-screen-header,.returns-screen-intro,.returns-screen-mini,.returns-screen-panel,.returns-screen-mascot,.returns-screen-brand,.returns-screen-metrics{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important}.returns-screen-header{min-height:132px;display:flex;flex-wrap:wrap}.returns-screen-logo{position:relative;width:160px}.returns-screen-logo img{width:150px}.returns-screen-nav{position:relative;left:auto;top:auto;width:100%;overflow-x:auto;justify-content:flex-start;gap:6px;margin-top:12px}.returns-screen-nav a{padding:0 11px;font-size:13px}.returns-screen-actions{position:relative;right:auto;top:auto;width:100%;justify-content:stretch;margin-top:10px}.returns-screen-clinic,.returns-screen-create{flex:1;min-width:0}.returns-screen-intro{padding:6px 2px 0}.returns-screen-intro h2{font-size:44px}.returns-screen-intro p{font-size:17px}.returns-screen-mini{display:none}.returns-screen-panel{overflow:hidden}.returns-funnel-panel img,.returns-growth-panel img{height:auto;object-fit:contain}.returns-screen-launch{position:absolute;right:14px;top:14px;min-width:170px;height:44px;font-size:13px}.returns-screen-mascot{order:5;max-width:320px;margin:0 auto}.returns-screen-mascot img{height:auto;object-fit:contain}.returns-screen-brand{max-width:420px;margin:0 auto}.returns-screen-metrics{grid-template-columns:1fr;overflow:visible;background:transparent;border:0;gap:10px}.returns-screen-metric{height:auto;border:0}.returns-screen-metric img{height:auto;object-fit:contain;border-radius:18px}}
/* Final pixel refinements after visual comparison */
.returns-screen-intro{width:760px}
.returns-screen-intro h2{font-size:60px;line-height:.94;letter-spacing:-.046em;margin:16px 0 14px;white-space:nowrap}
.returns-screen-intro h2 span{white-space:nowrap}
.returns-screen-intro p{font-size:18px;line-height:1.32}
.returns-funnel-panel,.returns-growth-panel{top:350px}
.returns-screen-metrics{top:844px;height:70px}
.returns-screen-metric{height:70px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.returns-screen-metric img{width:100%;height:100%;object-fit:fill;object-position:center;opacity:.88}


/* Revision 12 — clean second screen, fixed global background, smooth scrolling */
html{
  scroll-behavior:smooth!important;
  scroll-snap-type:none!important;
  background:#020817!important;
  scrollbar-gutter:stable;
}
body.reference-homepage{
  min-height:100%;
  position:relative;
  isolation:isolate;
  background:#020817!important;
}
body.reference-homepage::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 69% 38%,rgba(38,91,255,.31) 0%,rgba(24,55,157,.18) 28%,transparent 58%),
    radial-gradient(circle at 91% 57%,rgba(111,57,255,.27) 0%,transparent 43%),
    radial-gradient(circle at 52% 76%,rgba(37,68,238,.14),transparent 34%),
    linear-gradient(108deg,#010715 0%,#020a1f 34%,#03143b 69%,#071746 100%);
  background-attachment:fixed;
}
body.reference-homepage::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.72;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1672 941' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%233657ff' stop-opacity='0'/%3E%3Cstop offset='.35' stop-color='%234968ff' stop-opacity='.75'/%3E%3Cstop offset='.68' stop-color='%236a55ff' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%2335b8ff' stop-opacity='.12'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%231b82ff' stop-opacity='0'/%3E%3Cstop offset='.35' stop-color='%236f54ff' stop-opacity='.6'/%3E%3Cstop offset='.72' stop-color='%23a84cff' stop-opacity='.96'/%3E%3Cstop offset='1' stop-color='%234b9cff' stop-opacity='.18'/%3E%3C/linearGradient%3E%3Cfilter id='g'%3E%3CfeGaussianBlur stdDeviation='16'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M520 777 C705 537 830 547 1005 650 C1190 760 1395 698 1678 494' fill='none' stroke='url(%23a)' stroke-width='30' opacity='.18' filter='url(%23g)'/%3E%3Cpath d='M564 744 C768 520 912 559 1060 690 C1215 826 1436 738 1685 559' fill='none' stroke='url(%23b)' stroke-width='34' opacity='.17' filter='url(%23g)'/%3E%3Cpath d='M513 787 C703 551 834 556 1009 656 C1204 769 1395 701 1680 493' fill='none' stroke='url(%23a)' stroke-width='2.4'/%3E%3Cpath d='M558 754 C760 531 906 571 1054 696 C1216 833 1441 743 1685 555' fill='none' stroke='url(%23b)' stroke-width='2.5'/%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
body.reference-homepage main,
body.reference-homepage main>section,
body.reference-homepage footer,
.reference-stage,
.reference-artboard,
.reference-background,
.mobile-background,
.returns-screen{
  background:transparent!important;
}
.reference-light-trails{display:none!important}
.returns-screen::before{display:none!important}
main>section{scroll-snap-align:none!important}

/* removed red-boxed controls: keep only compact page logo */
.returns-screen-header{
  left:39px;
  right:auto;
  top:20px;
  width:244px;
  height:68px;
}
.returns-screen-logo{left:0;top:0}
.returns-screen-intro{top:105px}
.returns-screen-panel{top:350px}
.returns-screen-brand{top:704px}

@media(max-width:820px){
  .returns-screen-header{width:100%;height:auto;min-height:74px}
  .returns-screen-intro{top:auto}
}


/* Background stacking fix: the fixed site background stays visible behind every page */
body.reference-homepage{background:transparent!important}
body.reference-homepage::before{z-index:0!important}
body.reference-homepage::after{z-index:0!important}
body.reference-homepage>section,
body.reference-homepage>main,
body.reference-homepage>footer,
body.reference-homepage>.modal{position:relative;z-index:1}


/* Revision 13 — one fixed image background across the entire site */
html{
  background:#020817 url("site-background-blur.webp") center center / cover fixed no-repeat !important;
}
body.reference-homepage{
  background:transparent !important;
  min-height:100%;
}
body.reference-homepage::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:url("site-background-blur.webp") center center / cover no-repeat !important;
  background-attachment:fixed !important;
}
body.reference-homepage::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:rgba(1,5,20,.16) !important;
}
.reference-background,
.mobile-background,
.reference-light-trails,
.returns-screen::before{
  display:none !important;
  background:none !important;
}
body.reference-homepage main,
body.reference-homepage main>section,
body.reference-homepage footer,
.reference-stage,
.reference-artboard,
.returns-screen{
  background:transparent !important;
}

/* Move the second-screen mascot and the brand-guide card slightly to the right */
@media (min-width:821px){
  .returns-screen-mascot{right:-12px !important;}
  .returns-screen-brand{right:14px !important;}
}

/* =========================================================
   Revision 14 — text restoration, clean second screen and
   premium motion while preserving the one fixed background.
   ========================================================= */
html{
  scroll-behavior:smooth!important;
  scroll-snap-type:none!important;
  scroll-padding-top:18px;
}
main>section{scroll-snap-align:none!important}

/* The single supplied image remains the only fixed background. */
html,
body.reference-homepage{
  background:#020817 url("site-background-blur.webp") center center / cover fixed no-repeat!important;
}
body.reference-homepage::before{
  background:url("site-background-blur.webp") center center / cover fixed no-repeat!important;
  opacity:1!important;
  filter:blur(3px)!important;
  transform:scale(1.024)!important;
  transform-origin:center center!important;
}
body.reference-homepage::after{
  background:rgba(1,5,20,.16)!important;
  opacity:1!important;
}

/* Removed logo / tagline and old scenario CTA on the second screen. */
.returns-screen-header,
.returns-screen-launch{display:none!important}
.returns-screen-intro{
  top:48px!important;
  width:1040px!important;
}
.returns-screen-intro p{
  white-space:nowrap;
  font-size:18px!important;
  letter-spacing:.005em;
}
.returns-funnel-panel,
.returns-growth-panel{top:304px!important}
.returns-screen-mascot{top:58px!important}
.returns-screen-brand{top:682px!important}

/* Second screen reveal and premium depth. */
html.lux-js .returns-screen [data-lux-reveal]{
  opacity:0;
  filter:blur(14px) saturate(.8);
  transform:translateY(28px) scale(.975);
  transition:
    opacity .9s cubic-bezier(.16,.84,.22,1) var(--lux-delay,0ms),
    filter 1.05s cubic-bezier(.16,.84,.22,1) var(--lux-delay,0ms),
    transform 1.05s cubic-bezier(.16,.84,.22,1) var(--lux-delay,0ms);
  will-change:opacity,filter,transform;
}
html.lux-js .returns-screen [data-lux-reveal].is-visible{
  opacity:1;
  filter:none;
  transform:none;
}
.returns-screen-panel,
.returns-screen-brand,
.returns-screen-mascot{
  translate:var(--p-x,0px) var(--p-y,0px);
  transition:translate .5s cubic-bezier(.2,.72,.22,1),filter .25s ease;
}
.returns-screen-panel,
.returns-screen-brand{
  overflow:hidden;
  border-radius:24px;
  isolation:isolate;
}
.returns-screen-panel::before,
.returns-screen-brand::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(108,142,255,.14),inset 0 1px 0 rgba(255,255,255,.05),0 20px 50px rgba(1,7,26,.16);
}
.returns-screen-panel::after,
.returns-screen-brand::after{
  content:"";
  position:absolute;
  inset:-12% -36%;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.10) 46%,rgba(255,255,255,.025) 53%,transparent 67%);
  transform:translateX(-70%);
  opacity:0;
}
.returns-screen-panel.is-visible::after,
.returns-screen-brand.is-visible::after{
  animation:returnsShine 8.5s ease-in-out 1.2s infinite;
}
@keyframes returnsShine{
  0%,66%,100%{transform:translateX(-70%);opacity:0}
  72%{opacity:.58}
  88%{transform:translateX(70%);opacity:.13}
  92%{opacity:0}
}
.returns-screen-panel:hover,
.returns-screen-brand:hover{
  filter:brightness(1.045) saturate(1.06) drop-shadow(0 24px 38px rgba(2,8,31,.23));
}
.returns-screen-pill{
  animation:returnsPillGlow 5.6s ease-in-out infinite;
}
@keyframes returnsPillGlow{
  0%,100%{box-shadow:0 10px 22px rgba(2,8,30,.15),inset 0 0 0 1px rgba(255,255,255,.02)}
  50%{box-shadow:0 12px 30px rgba(20,46,130,.22),0 0 24px rgba(92,128,255,.12),inset 0 0 0 1px rgba(255,255,255,.035)}
}
.returns-screen-intro h2 span{
  background-size:180% 100%;
  animation:returnsGradient 7s ease-in-out infinite alternate;
}
@keyframes returnsGradient{from{background-position:0% 50%}to{background-position:100% 50%}}
.returns-screen-mascot img{
  animation:returnsMascotFloat 7.2s ease-in-out infinite;
}
@keyframes returnsMascotFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
.returns-mascot-glow{
  animation:returnsMascotGlow 6s ease-in-out infinite;
}
@keyframes returnsMascotGlow{
  0%,100%{opacity:.64;filter:blur(20px)}
  50%{opacity:1;filter:blur(26px)}
}

@media(max-width:820px){
  .returns-screen-intro{top:auto!important;width:100%!important}
  .returns-screen-intro p{white-space:normal}
  .returns-funnel-panel,.returns-growth-panel,.returns-screen-mascot,.returns-screen-brand{top:auto!important}
}
@media(prefers-reduced-motion:reduce){
  html.lux-js .returns-screen [data-lux-reveal]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
  .returns-screen-pill,.returns-screen-intro h2 span,.returns-screen-mascot img,.returns-mascot-glow{animation:none!important}
  .returns-screen-panel::after,.returns-screen-brand::after{display:none!important}
}


/* app-showcase.css */
/* Third screen — app showcase, desktop-first final layout */
.app-showcase-section{
  position:relative;
  min-height:100svh;
  height:100svh;
  padding:24px 0;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.app-showcase-shell{
  width:min(1540px,calc(100vw - 64px));
  height:min(820px,calc(100svh - 48px));
  min-height:700px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(500px,1.15fr) minmax(360px,.78fr) minmax(280px,.62fr);
  grid-template-areas:"info phone side";
  gap:34px;
  align-items:center;
}
.app-showcase-info{grid-area:info;position:relative;height:100%;min-width:0}
.app-showcase-phone-zone{grid-area:phone;position:relative;height:100%;min-width:0;display:grid;place-items:center}
.app-showcase-side{grid-area:side;position:relative;width:100%;max-width:320px;justify-self:end;align-self:center}

/* right navigation */
.app-showcase-logo{display:block;width:154px;margin:0 0 24px auto;text-decoration:none}
.app-showcase-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 20px rgba(65,121,255,.18))}
.app-showcase-menu{display:grid;gap:12px}
.app-menu-btn{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:78px;
  padding:14px 18px 14px 16px;
  border-radius:24px;
  border:1px solid rgba(126,151,255,.17);
  background:linear-gradient(180deg,rgba(8,17,45,.95),rgba(7,15,40,.91));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -14px 26px rgba(0,0,0,.08),0 16px 32px rgba(2,7,27,.12);
  color:#f2f6ff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.app-menu-btn::after{content:"";position:absolute;inset:1px;border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 56%);pointer-events:none}
.app-menu-btn:hover{transform:translateY(-2px);border-color:rgba(151,180,255,.31);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 20px 38px rgba(2,7,27,.18)}
.app-menu-btn.active{
  background:linear-gradient(95deg,rgba(44,92,212,.94),rgba(83,86,224,.94) 50%,rgba(142,75,225,.94));
  border-color:rgba(188,204,255,.39);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 36px rgba(38,64,205,.27),0 0 22px rgba(101,104,255,.13);
}
.app-menu-btn i,.app-showcase-protect i,.mini-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.app-menu-btn i{width:46px;height:46px;border-radius:16px;border:1px solid rgba(133,157,255,.19);background:linear-gradient(180deg,rgba(22,38,88,.82),rgba(11,21,51,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.app-menu-btn span{font-size:15.5px;font-weight:680;letter-spacing:-.012em;line-height:1.2}
.app-menu-btn b{margin-left:auto;font-size:27px;line-height:1;font-weight:300;color:rgba(244,247,255,.95)}
.icon-lock::before,.icon-calendar::before,.icon-chat::before,.icon-home::before,.icon-shield::before,.icon-bolt::before,.icon-heart::before,.icon-rise::before{content:"";display:block;background-position:center;background-repeat:no-repeat;background-size:contain}
.icon-lock::before{width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eff5ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.icon-calendar::before{width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eff5ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
.icon-chat::before{width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eff5ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-8 8H6l-3 3V12a8 8 0 1 1 18 0Z'/%3E%3C/svg%3E")}
.icon-home::before{width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eff5ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E")}
.icon-shield::before{width:21px;height:21px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235ed6ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 5-3.5 7.5-7 9-3.5-1.5-7-4-7-9V6l7-3Z'/%3E%3Cpath d='m9.5 12 1.7 1.8 3.4-3.8'/%3E%3C/svg%3E")}
.icon-bolt::before{width:21px;height:21px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234ac6ff'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6l1-8Z'/%3E%3C/svg%3E")}
.icon-heart::before{width:21px;height:21px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ec8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 7-6-14-3 7H2'/%3E%3C/svg%3E")}
.icon-rise::before{width:21px;height:21px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ec8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E")}
.app-showcase-protect{margin-top:18px;display:flex;align-items:center;gap:11px;color:#e9efff}
.app-showcase-protect i{width:40px;height:40px;border-radius:14px;border:1px solid rgba(115,143,255,.15);background:rgba(8,17,44,.88)}
.app-showcase-protect strong{display:block;font-size:12.5px;font-weight:680;line-height:1.15}
.app-showcase-protect span{display:block;margin-top:4px;font-size:12px;color:rgba(211,222,248,.72)}

/* center phone */
.app-phone-stack{position:relative;width:100%;height:100%;display:grid;place-items:center}
.app-phone-panel{position:absolute;left:50%;top:50%;width:min(100%,410px);transform:translate(-50%,-50%) scale(.978);opacity:0;filter:blur(8px);pointer-events:none;transition:opacity .4s cubic-bezier(.2,.84,.24,1),transform .48s cubic-bezier(.2,.84,.24,1),filter .48s cubic-bezier(.2,.84,.24,1)}
.app-phone-panel img{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 54px rgba(1,4,18,.38))}
.app-phone-panel.active{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.app-phone-pedestal{display:none!important}
.app-phone-shadow{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);width:62%;height:45px;border-radius:999px;background:radial-gradient(circle,rgba(26,67,210,.19),transparent 72%);filter:blur(22px)}

/* left information, all panels share same fixed canvas -> no jump */
.app-info-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .32s ease,transform .38s cubic-bezier(.16,.84,.22,1),visibility 0s linear .35s}
.app-info-panel.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s;z-index:2}
.app-pill{display:inline-flex;align-items:center;width:max-content;min-height:32px;padding:0 14px;border-radius:14px;border:1px solid rgba(142,164,255,.17);background:rgba(14,23,57,.94);font-size:12.5px;color:#eef3ff;margin-bottom:12px}
.app-info-panel h2{margin:0;font-size:54px;line-height:.92;letter-spacing:-.048em;font-weight:820;color:#f8faff;text-shadow:0 6px 20px rgba(0,0,0,.12)}
.app-info-panel h2 span{display:block;background:linear-gradient(90deg,#3fd8ff,#6ba3ff 45%,#b77aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.app-info-panel p{margin:14px 0 16px;max-width:580px;font-size:15.2px;line-height:1.36;color:#eef3ff;text-shadow:0 2px 12px rgba(0,0,0,.16)}
.app-info-panel p b{display:block;margin-top:6px;color:#57d5ff;font-weight:720}
.app-benefits-card{padding:18px 19px 17px;border-radius:23px;background:linear-gradient(180deg,rgba(13,22,54,.98),rgba(10,18,46,.96));border:1px solid rgba(128,156,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 15px 30px rgba(1,7,26,.13)}
.app-benefits-card h3{display:flex;align-items:center;gap:10px;margin:0 0 11px;font-size:16.5px;color:#4ed1ff}
.mini-icon{width:34px;height:34px;border-radius:12px;border:1px solid rgba(123,149,255,.18);background:rgba(12,23,57,.96)}
.app-benefits-card ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.app-benefits-card li{position:relative;padding-left:27px;font-size:13.5px;line-height:1.3;color:#f3f6ff}
.app-benefits-card li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:rgba(30,48,107,.9);border:1px solid rgba(136,155,255,.2)}
.app-benefits-card li::after{content:"";position:absolute;left:5px;top:7px;width:7px;height:4px;border-left:2px solid #a98bff;border-bottom:2px solid #4fd7ff;transform:rotate(-45deg)}
.app-stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.app-stat-card{min-height:105px;padding:13px 14px 12px;border-radius:20px;border:1px solid rgba(128,156,255,.14);background:linear-gradient(180deg,rgba(13,22,54,.98),rgba(9,17,43,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 24px rgba(1,7,26,.11)}
.app-stat-card .mini-icon{float:left;margin:0 10px 0 0}
.app-stat-card small{display:block;font-size:11.5px;line-height:1.18;color:rgba(224,234,255,.8)}
.app-stat-card strong{display:block;margin-top:7px;font-size:31px;line-height:.95;letter-spacing:-.03em;color:#56c2ff}
.app-stat-card span{display:block;margin-top:5px;font-size:11.5px;line-height:1.2;color:rgba(218,228,255,.76)}
.app-info-panel[data-panel="auth"] .app-stat-card:last-child strong{color:#fff}

.app-showcase-shell [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .65s cubic-bezier(.16,.84,.22,1),transform .65s cubic-bezier(.16,.84,.22,1)}
.app-showcase-shell [data-reveal].revealed{opacity:1;transform:none}

@media (max-width:1380px){
  .app-showcase-shell{width:min(1320px,calc(100vw - 44px));grid-template-columns:minmax(420px,1.1fr) minmax(320px,.76fr) minmax(250px,.6fr);gap:24px}
  .app-info-panel h2{font-size:47px}
  .app-info-panel p{font-size:14px}
  .app-benefits-card li{font-size:12.7px}
  .app-menu-btn{min-height:70px;padding:12px 15px}
  .app-menu-btn i{width:42px;height:42px}
  .app-menu-btn span{font-size:14px}
  .app-phone-panel{width:min(100%,370px)}
}
@media (max-width:1100px){
  .app-showcase-section{height:auto;min-height:auto;padding:30px 0 55px;overflow:visible}
  .app-showcase-shell{height:auto;min-height:0;grid-template-columns:1fr;grid-template-areas:"side" "phone" "info";gap:24px}
  .app-showcase-side{max-width:none;justify-self:stretch}
  .app-showcase-logo{margin:0 auto 20px}
  .app-showcase-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-showcase-protect{justify-content:center}
  .app-showcase-phone-zone{height:650px}
  .app-showcase-info{height:auto;min-height:0}
  .app-info-panel{position:relative;inset:auto;display:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
  .app-info-panel.active{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:none}
}
@media (max-width:700px){
  .app-showcase-shell{width:min(100% - 28px,620px)}
  .app-showcase-menu{grid-template-columns:1fr}
  .app-showcase-protect{display:none}
  .app-showcase-phone-zone{height:570px}
  .app-phone-panel{width:min(100%,320px)}
  .app-info-panel h2{font-size:40px}
  .app-info-panel p{font-size:14px}
  .app-stats-row{grid-template-columns:1fr}
}
@media (min-width:1101px) and (max-height:820px){
  .app-showcase-section{padding:16px 0}
  .app-showcase-shell{height:calc(100svh - 32px);min-height:650px}
  .app-showcase-logo{margin-bottom:14px}
  .app-showcase-menu{gap:9px}
  .app-menu-btn{min-height:62px;padding:9px 13px;border-radius:20px}
  .app-menu-btn::after{border-radius:19px}
  .app-menu-btn i{width:38px;height:38px;border-radius:13px}
  .app-menu-btn span{font-size:13px}
  .app-showcase-protect{margin-top:12px}
  .app-showcase-protect i{width:35px;height:35px}
  .app-showcase-protect strong{font-size:11.5px}
  .app-showcase-protect span{font-size:10.5px}
  .app-phone-panel{width:min(100%,315px)}
  .app-info-panel h2{font-size:43px}
  .app-info-panel p{margin:10px 0 12px;font-size:12.8px}
  .app-pill{min-height:28px;font-size:11.5px;margin-bottom:9px}
  .app-benefits-card{padding:14px 15px;border-radius:19px}
  .app-benefits-card h3{font-size:14.5px;margin-bottom:8px}
  .mini-icon{width:30px;height:30px}
  .app-benefits-card ul{gap:5px}
  .app-benefits-card li{font-size:11.8px;line-height:1.23;padding-left:23px}
  .app-benefits-card li::before{width:16px;height:16px}
  .app-benefits-card li::after{left:4px;top:6px}
  .app-stats-row{gap:9px;margin-top:9px}
  .app-stat-card{min-height:86px;padding:10px 11px;border-radius:17px}
  .app-stat-card .mini-icon{margin-right:7px}
  .app-stat-card small,.app-stat-card span{font-size:10px}
  .app-stat-card strong{font-size:26px;margin-top:5px}
}


/* mobile-overhaul.css */
/* FLODent — comprehensive mobile experience */
@media (max-width:820px){
  :root{--mobile-gutter:14px;--mobile-header-h:58px}
  html{scroll-behavior:smooth;scroll-padding-top:78px;overflow-x:hidden}
  body.reference-homepage{overflow-x:hidden;width:100%;min-width:0}
  #home,#product,#patient-impact,#pricing{scroll-margin-top:76px}

  /* Mobile: show content immediately and avoid heavy reveal jank. */
  html.lux-js [data-lux-reveal],
  [data-reveal],
  html.lux-js .returns-screen [data-lux-reveal],
  .app-showcase-shell [data-reveal]{
    opacity:1!important;visibility:visible!important;filter:none!important;
    transform:none!important;translate:none!important;transition:none!important;
  }

  /* Floating mobile navigation across the whole page. */
  .mobile-site-header{
    position:fixed;z-index:100;top:max(8px,env(safe-area-inset-top));left:10px;right:10px;
    min-height:var(--mobile-header-h);display:flex;align-items:center;justify-content:space-between;
    padding:8px 9px 8px 13px;border-radius:19px;
    border:1px solid rgba(137,162,255,.19);
    background:linear-gradient(180deg,rgba(5,13,37,.92),rgba(4,11,31,.86));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 40px rgba(0,4,18,.24);
    backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)
  }
  .mobile-site-header .mobile-logo{display:block;width:150px!important;height:auto!important;margin:0!important;line-height:0!important}
  .mobile-site-header .mobile-logo img{display:block;width:100%!important;height:auto!important;background:transparent!important;filter:none!important}
  .mobile-nav-toggle{
    width:42px;height:42px;border-radius:14px;border:1px solid rgba(127,151,255,.19);
    display:grid;place-content:center;gap:4px;background:rgba(10,21,55,.82);color:#fff;cursor:pointer
  }
  .mobile-nav-toggle span{display:block;width:18px;height:1.5px;border-radius:999px;background:#eaf1ff;transition:.24s ease}
  .mobile-site-header.open .mobile-nav-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .mobile-site-header.open .mobile-nav-toggle span:nth-child(2){opacity:0}
  .mobile-site-header.open .mobile-nav-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .mobile-site-menu{
    position:absolute;top:calc(100% + 8px);left:0;right:0;padding:9px;display:grid;gap:5px;
    border:1px solid rgba(137,162,255,.19);border-radius:19px;
    background:linear-gradient(180deg,rgba(5,13,37,.985),rgba(4,10,29,.975));
    box-shadow:0 22px 52px rgba(0,4,18,.34);backdrop-filter:blur(20px);
    opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top;
    transition:opacity .22s ease,visibility 0s linear .22s,transform .24s cubic-bezier(.2,.8,.2,1)
  }
  .mobile-site-header.open .mobile-site-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .mobile-site-menu a{
    min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:13px;
    color:#eef4ff;text-decoration:none;font-size:14px;font-weight:650;background:rgba(255,255,255,.025)
  }
  .mobile-site-menu a:active{background:rgba(68,101,220,.22)}
  .mobile-site-menu .mobile-menu-phone{color:#65d7ff;background:linear-gradient(90deg,rgba(37,106,220,.18),rgba(112,75,225,.14))}

  /* Hero */
  .reference-stage{display:none!important}
  .reference-mobile-stage{display:block!important;min-height:auto!important;overflow:hidden!important;background:transparent!important}
  .mobile-hero-shell{
    min-height:100svh!important;padding:76px var(--mobile-gutter) 12px!important;
    display:flex!important;flex-direction:column!important;gap:0!important
  }
  .mobile-copy{padding-top:10px!important;text-align:center!important;align-items:center!important}
  .mobile-copy h1{font-size:clamp(45px,13vw,57px)!important;line-height:.9!important;letter-spacing:-2.4px!important}
  .mobile-copy h2{margin-top:12px!important;font-size:clamp(23px,6.7vw,29px)!important;line-height:1.07!important;letter-spacing:-.8px!important}
  .mobile-copy p{margin-top:12px!important;max-width:350px!important;font-size:13px!important;line-height:1.36!important;color:rgba(223,231,249,.84)!important}
  .mobile-cta-row{width:100%!important;max-width:360px!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:18px!important}
  .mobile-cta.reference-button,.mobile-cta{height:45px!important;border-radius:14px!important;font-size:13.7px!important}
  .mobile-scene{
    position:relative!important;flex:1!important;min-height:405px!important;height:auto!important;
    margin:14px auto 0!important;width:100%!important;max-width:400px!important;overflow:hidden!important;
    border-radius:30px!important;background:linear-gradient(180deg,rgba(7,17,48,.42),rgba(4,11,31,.04))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
  }
  .mobile-mascot-wrap{left:50%!important;right:auto!important;bottom:-8px!important;transform:translateX(-50%)!important;width:218px!important;z-index:2!important}
  .reference-mobile-stage .mobile-mascot-wrap[data-lux-reveal]{transform:translateX(-50%)!important}
  .mobile-card{z-index:3!important}
  .mobile-points{left:2px!important;top:23px!important;width:107px!important}
  .mobile-appointment{left:auto!important;right:2px!important;top:23px!important;width:112px!important}
  .mobile-habits{left:1px!important;top:176px!important;width:105px!important}
  .mobile-calendar{left:auto!important;right:1px!important;top:177px!important;width:107px!important}
  .mobile-card img{filter:drop-shadow(0 12px 20px rgba(0,0,0,.24)) drop-shadow(0 0 11px rgba(72,98,255,.14))!important}
  .mobile-fireflies span{opacity:.26!important}

  /* Second screen — compact, readable and without decorative dead space. */
  .returns-screen{height:auto!important;min-height:auto!important;padding:78px var(--mobile-gutter) 42px!important;overflow:visible!important}
  .returns-screen-artboard{
    position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;
    transform:none!important;display:flex!important;flex-direction:column!important;gap:15px!important;overflow:visible!important
  }
  .returns-screen-intro,.returns-screen-panel{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important}
  .returns-screen-intro{padding:0 2px 2px!important}
  .returns-screen-pill{min-height:36px!important;padding:0 14px!important;font-size:13px!important}
  .returns-screen-intro h2{
    margin:15px 0 12px!important;font-size:clamp(34px,9.3vw,40px)!important;line-height:.98!important;
    letter-spacing:-.04em!important;white-space:normal!important;overflow-wrap:normal!important
  }
  .returns-screen-intro h2 span{white-space:normal!important}
  .returns-screen-intro p{font-size:15px!important;line-height:1.42!important;white-space:normal!important;color:rgba(228,236,253,.84)!important}
  .returns-screen-panel{overflow:hidden!important;border-radius:22px!important;box-shadow:0 16px 34px rgba(1,7,26,.16)!important}
  .returns-screen-panel img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
  .returns-screen-mascot,.returns-screen-brand,.returns-screen-mini,.returns-screen-metrics{display:none!important}

  /* Third screen — fast mobile tabs, centered phone, stable content height. */
  .app-showcase-section{height:auto!important;min-height:auto!important;padding:78px 0 48px!important;overflow:visible!important}
  .app-showcase-shell{width:calc(100% - 28px)!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:18px!important}
  .app-showcase-side{order:1!important;grid-area:auto!important;max-width:none!important;width:100%!important;justify-self:stretch!important;padding:0!important}
  .app-showcase-logo,.app-showcase-protect{display:none!important}
  .app-showcase-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .app-menu-btn{min-height:58px!important;padding:8px 10px!important;border-radius:18px!important;gap:8px!important}
  .app-menu-btn::after{border-radius:17px!important}
  .app-menu-btn i{width:36px!important;height:36px!important;border-radius:12px!important}
  .app-menu-btn i::before{width:19px!important;height:19px!important}
  .app-menu-btn span{font-size:12.4px!important;line-height:1.15!important}
  .app-menu-btn b{font-size:22px!important}
  .app-showcase-phone-zone{order:2!important;grid-area:auto!important;width:100%!important;height:470px!important;min-height:470px!important}
  .app-phone-stack{width:100%!important;height:470px!important;max-width:330px!important;margin:0 auto!important}
  .app-phone-panel{width:242px!important;max-width:242px!important;top:50%!important}
  .app-phone-shadow{bottom:36px!important;width:58%!important;height:36px!important}
  .app-showcase-info{
    order:3!important;grid-area:auto!important;width:100%!important;height:auto!important;min-height:0!important;
    display:grid!important;align-items:start!important;position:relative!important
  }
  .app-info-panel{
    grid-area:1/1!important;position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;
    justify-content:flex-start!important;translate:none!important;transform:translateY(8px)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important
  }
  .app-info-panel.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;z-index:2!important}
  .app-pill{min-height:31px!important;padding:0 13px!important;border-radius:13px!important;font-size:12px!important;margin-bottom:10px!important}
  .app-info-panel h2{font-size:clamp(39px,11vw,48px)!important;line-height:.94!important}
  .app-info-panel p{margin:12px 0 15px!important;max-width:none!important;font-size:14px!important;line-height:1.42!important}
  .app-benefits-card{padding:17px 16px 16px!important;border-radius:20px!important}
  .app-benefits-card h3{font-size:15.5px!important;margin-bottom:10px!important;gap:9px!important}
  .mini-icon{width:32px!important;height:32px!important;border-radius:11px!important}
  .app-benefits-card ul{gap:7px!important}
  .app-benefits-card li{padding-left:26px!important;font-size:13px!important;line-height:1.32!important}
  .app-benefits-card li::before{width:17px!important;height:17px!important;top:1px!important}
  .app-benefits-card li::after{left:5px!important;top:6px!important}
  .app-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important}
  .app-stat-card{min-height:116px!important;padding:12px!important;border-radius:18px!important}
  .app-stat-card .mini-icon{float:none!important;margin:0 0 8px!important}
  .app-stat-card small{font-size:10.5px!important;line-height:1.18!important}
  .app-stat-card strong{font-size:29px!important;margin-top:6px!important}
  .app-stat-card span{font-size:10.5px!important;line-height:1.22!important;margin-top:5px!important}

  /* Pricing and footer. */
  #pricing{padding:78px var(--mobile-gutter) 44px!important;min-height:auto!important;display:block!important}
  #pricing>.container{width:100%!important;padding:0!important}
  #pricing .eyebrow{font-size:12px!important}
  #pricing .section-title{font-size:36px!important;line-height:1!important;margin:13px 0 18px!important}
  .deluxe-pricing,.pricing{display:flex!important;flex-direction:column!important;gap:14px!important}
  .price-card{padding:22px!important;border-radius:24px!important;min-height:0!important}
  .price-card.featured{order:-1!important}
  .price-card h3{font-size:27px!important;margin-bottom:8px!important}
  .price-card p{font-size:14px!important;line-height:1.4!important}
  .price{font-size:38px!important;margin:20px 0!important}
  .price-card ul{font-size:13.5px!important;gap:7px!important;margin:0 0 20px!important}
  .price-card .btn{min-height:46px!important;width:100%!important}
  .final-cta{margin-top:16px!important;padding:22px!important;border-radius:24px!important;display:grid!important;gap:16px!important}
  .final-cta h2{font-size:29px!important;line-height:1.02!important}
  .final-cta p{font-size:14px!important;line-height:1.4!important}
  .final-cta .btn{width:100%!important}
  .footer{padding:22px var(--mobile-gutter)!important}
  .footer-row{display:grid!important;gap:5px!important;text-align:center!important;font-size:12px!important}

  /* Modal. */
  .modal{padding:12px!important}
  .modal-card{padding:24px 18px 20px!important;border-radius:24px!important;max-height:calc(100svh - 24px)!important;overflow:auto!important}
  .modal h2{font-size:28px!important}
  .modal p{font-size:14px!important;line-height:1.45!important}
}

@media (max-width:370px){
  .mobile-copy h2{font-size:21px!important}
  .mobile-copy p{font-size:12px!important}
  .mobile-scene{min-height:380px!important}
  .mobile-mascot-wrap{width:202px!important}
  .mobile-points,.mobile-habits{left:-4px!important}
  .mobile-appointment,.mobile-calendar{right:-4px!important}
  .app-menu-btn span{font-size:11.5px!important}
  .app-showcase-phone-zone,.app-phone-stack{height:450px!important;min-height:450px!important}
  .app-phone-panel{width:234px!important;max-width:234px!important}
  .app-info-panel h2{font-size:37px!important}
  .app-benefits-card li{font-size:12.3px!important}
}

@media (min-width:600px) and (max-width:820px){
  :root{--mobile-gutter:24px}
  .mobile-hero-shell{max-width:700px!important;margin:0 auto!important}
  .mobile-scene{max-width:520px!important;min-height:440px!important}
  .mobile-mascot-wrap{width:248px!important}
  .returns-screen-artboard,.app-showcase-shell,#pricing>.container{max-width:700px!important;margin-inline:auto!important}
  .app-showcase-menu{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .app-menu-btn{min-height:66px!important;flex-direction:column!important;gap:5px!important;text-align:center!important}
  .app-menu-btn b{display:none!important}
  .app-showcase-phone-zone,.app-phone-stack{height:650px!important;min-height:650px!important}
  .app-phone-panel{width:340px!important;max-width:340px!important}
}

@media (max-width:820px){
  /* Active app panel defines the mobile section height; no empty tail after shorter tabs. */
  .app-showcase-info{display:block!important}
  .app-info-panel{display:none!important;position:relative!important;grid-area:auto!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important}
  .app-info-panel.active{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
}

@media (max-width:820px){
  /* Keep tab switching perfectly stable; shorter panels stretch their benefit card instead of leaving a dead tail. */
  .app-showcase-info{display:grid!important;align-items:stretch!important}
  .app-info-panel{
    display:grid!important;grid-area:1/1!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
    height:100%!important;align-self:stretch!important;position:relative!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important
  }
  .app-info-panel.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .app-benefits-card{height:100%!important}
}


/* Requested wordmark styling: FLO gradient, Dent white */
.reference-copy h1 .hero-brand{display:inline-flex;align-items:baseline;gap:0;filter:drop-shadow(0 0 22px rgba(59,103,255,.12));background:none!important;color:inherit!important}
.reference-copy h1 .hero-brand span{display:inline-block;background:none}
.reference-copy h1 .hero-brand .flo{background:linear-gradient(90deg,#18bbf6 0%,#2faeff 48%,#5a7bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.reference-copy h1 .hero-brand .dent{color:#f7fbff;background:none;-webkit-background-clip:initial;background-clip:initial;text-shadow:0 0 18px rgba(89,142,255,.16)}

/* Pricing cards more solid, not transparent */
.price-card,
.final-cta{
  background:linear-gradient(180deg,rgba(10,19,50,.96),rgba(6,13,36,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 38px rgba(1,7,26,.16)!important;
}
.price-badge{background:rgba(61,221,255,.16)!important}

@media (min-width:821px){
  .app-showcase-mobile{display:none!important}
}

@media (max-width:820px){
  /* Use dedicated premium mobile showcase layout */
  .app-showcase-shell{display:none!important}
  .app-showcase-section{padding:78px var(--mobile-gutter) 40px!important;min-height:auto!important;height:auto!important;overflow:visible!important}
  .app-showcase-mobile{display:flex!important;flex-direction:column;gap:18px;width:100%;max-width:420px;margin:0 auto}
  .app-mobile-heading{display:flex;flex-direction:column;gap:10px}
  .app-mobile-heading .app-pill{align-self:flex-start;margin-bottom:0!important}
  .app-mobile-heading h2{margin:0;font-size:clamp(36px,9.4vw,48px);line-height:.96;letter-spacing:-.04em;color:#f7fbff;text-shadow:0 8px 24px rgba(0,0,0,.18)}
  .app-mobile-title-accent{display:block;background:linear-gradient(90deg,#35d7ff,#69a8ff 46%,#b17aff);-webkit-background-clip:text;background-clip:text;color:transparent}

  .app-mobile-stage{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:center}
  .app-mobile-visual-wrap{position:relative;min-width:0}
  .app-mobile-visual{position:relative;height:430px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(8,16,45,.44),rgba(5,11,31,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
  .app-mobile-phone{position:absolute;left:50%;top:50%;width:min(100%,250px);opacity:0;pointer-events:none;transform:translate(-56%,-50%) scale(.97);filter:blur(8px);transition:opacity .35s ease,transform .42s cubic-bezier(.2,.84,.24,1),filter .42s ease}
  .app-mobile-phone img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 42px rgba(1,6,24,.34))}
  .app-mobile-phone.active{opacity:1;pointer-events:auto;filter:none;transform:translate(-56%,-50%) scale(1)}
  .app-mobile-phone-shadow{position:absolute;left:44%;bottom:40px;transform:translateX(-50%);width:52%;height:34px;border-radius:999px;background:radial-gradient(circle,rgba(44,80,228,.26),transparent 72%);filter:blur(18px)}
  .app-mobile-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:none;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(12,22,55,.94),rgba(8,16,42,.98));border:1px solid rgba(123,149,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(1,7,26,.18);color:#eef4ff;font-size:27px;line-height:1;cursor:pointer}
  .app-mobile-arrow.prev{left:6px}
  .app-mobile-arrow.next{right:6px}
  .app-mobile-arrow:active{transform:translateY(-50%) scale(.97)}

  .app-mobile-tabs{display:grid;gap:10px}
  .app-mobile-tab{min-height:72px;padding:8px 6px;border-radius:20px;border:1px solid rgba(126,151,255,.18);background:linear-gradient(180deg,rgba(8,17,45,.96),rgba(7,15,40,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(2,7,27,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#eff5ff;cursor:pointer;text-align:center}
  .app-mobile-tab i{width:36px;height:36px;border-radius:13px;border:1px solid rgba(133,157,255,.18);background:linear-gradient(180deg,rgba(20,37,88,.85),rgba(12,22,51,.98))}
  .app-mobile-tab i::before{width:18px!important;height:18px!important}
  .app-mobile-tab span{font-size:11.2px;line-height:1.12;font-weight:700;letter-spacing:-.01em}
  .app-mobile-tab.active{background:linear-gradient(135deg,rgba(45,93,214,.95),rgba(89,86,226,.94) 56%,rgba(153,90,235,.95));border-color:rgba(190,206,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 32px rgba(42,67,207,.28),0 0 24px rgba(101,104,255,.14)}

  .app-mobile-copy-stack{position:relative;min-height:320px}
  .app-mobile-copy{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .28s ease,transform .34s cubic-bezier(.16,.84,.22,1),visibility 0s linear .34s;display:flex;flex-direction:column;gap:14px}
  .app-mobile-copy.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
  .app-mobile-copy p{margin:0;font-size:14px;line-height:1.45;color:#eef4ff;text-wrap:pretty}
  .app-mobile-copy p b{color:#58d5ff}
  .app-mobile-benefits-card{padding:16px;border-radius:22px;background:linear-gradient(180deg,rgba(12,22,54,.985),rgba(9,17,44,.97));border:1px solid rgba(129,157,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 30px rgba(1,7,26,.12)}
  .app-mobile-benefits-card h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:15px;color:#4fd1ff}
  .app-mobile-benefits-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
  .app-mobile-benefits-card li{position:relative;padding-left:25px;font-size:13px;line-height:1.34;color:#f4f7ff}
  .app-mobile-benefits-card li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:rgba(30,48,107,.9);border:1px solid rgba(136,155,255,.2)}
  .app-mobile-benefits-card li::after{content:"";position:absolute;left:5px;top:6px;width:6px;height:4px;border-left:2px solid #a98bff;border-bottom:2px solid #4fd7ff;transform:rotate(-45deg)}

  .price-card,.final-cta{background:linear-gradient(180deg,rgba(10,19,50,.99),rgba(6,13,36,.99))!important}
}

@media (max-width:420px){
  .app-mobile-stage{grid-template-columns:minmax(0,1fr) 84px;gap:10px}
  .app-mobile-visual{height:398px}
  .app-mobile-phone{width:min(100%,226px)}
  .app-mobile-tab{min-height:68px;border-radius:18px}
  .app-mobile-copy-stack{min-height:340px}
}


/* mobile-final-fixes.css */
/* FLODent — final mobile corrections */

/* One static background for the whole site, with a little more blur. */
html,
body.reference-homepage{
  background:#020817!important;
}
body.reference-homepage::before{
  content:""!important;
  position:fixed!important;
  inset:-18px!important;
  z-index:0!important;
  pointer-events:none!important;
  background:url("site-background-blur.webp") center center / cover no-repeat!important;
  background-attachment:fixed!important;
  filter:blur(6px)!important;
  transform:scale(1.045)!important;
  transform-origin:center center!important;
  opacity:1!important;
}
body.reference-homepage::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:rgba(1,5,20,.20)!important;
  opacity:1!important;
}
body.reference-homepage>section,
body.reference-homepage>main,
body.reference-homepage>footer,
body.reference-homepage>.modal{
  position:relative;
  z-index:1;
}

/* Pricing cards are solid and premium. */
.price-card,
.final-cta{
  background:linear-gradient(180deg,rgba(9,18,48,.99),rgba(5,12,34,.995))!important;
  border-color:rgba(111,139,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 20px 42px rgba(1,7,26,.20)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.price-badge{background:rgba(42,178,222,.18)!important}

/* Desktop wordmark: FLO stays gradient, Dent becomes white. */
.reference-copy h1 .hero-brand{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:0!important;
  background:none!important;
  color:inherit!important;
}
.reference-copy h1 .hero-brand .flo{
  background:linear-gradient(90deg,#18bbf6 0%,#2baeff 45%,#5c79ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.reference-copy h1 .hero-brand .dent{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#f8fbff!important;
  text-shadow:0 0 18px rgba(85,134,255,.14)!important;
}

@media (min-width:821px){
  .reference-mobile-stage.mobile-home-coded{display:none!important}
  .app-showcase-mobile{display:none!important}
}

@media (max-width:820px){
  html,body{overflow-x:hidden!important}
  .reference-stage{display:none!important}

  /* ---------------- Mobile homepage ---------------- */
  .reference-mobile-stage.mobile-home-coded{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:transparent!important;
    color:#fff;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  }
  .mobile-home-shell{
    width:min(100%,660px);
    margin:0 auto;
    padding:14px 18px 28px;
    background:transparent!important;
  }
  .mobile-home-topbar.mobile-site-header{
    position:relative!important;
    inset:auto!important;
    min-height:70px!important;
    width:100%!important;
    margin:0 0 34px!important;
    padding:10px 11px 10px 17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-radius:24px!important;
    border:1px solid rgba(120,148,255,.22)!important;
    background:linear-gradient(180deg,rgba(5,13,38,.82),rgba(4,10,29,.70))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 40px rgba(0,4,18,.18)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    pointer-events:auto!important;
  }
  .mobile-home-logo{
    display:grid;
    grid-template-columns:auto;
    gap:1px;
    width:min(62%,285px);
    text-decoration:none;
    line-height:0;
  }
  .mobile-home-logo img{display:block;width:100%;height:auto}
  .mobile-home-logo small{
    display:block;
    padding-left:24%;
    margin-top:2px;
    color:rgba(220,229,249,.72);
    font-size:clamp(7px,1.9vw,11px);
    line-height:1.15;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .mobile-home-topbar .mobile-nav-toggle{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:50px!important;
    height:50px!important;
    aspect-ratio:auto!important;
    padding:0!important;
    border-radius:17px!important;
    border:1px solid rgba(132,157,255,.22)!important;
    display:grid!important;
    place-content:center!important;
    gap:5px!important;
    background:rgba(8,17,46,.84)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-home-topbar .mobile-nav-toggle span{
    display:block!important;
    width:23px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#f5f8ff!important;
  }
  .mobile-home-topbar .mobile-site-menu{
    top:calc(100% + 9px)!important;
    left:auto!important;
    right:0!important;
    width:min(300px,84vw)!important;
  }

  .mobile-home-copy{text-align:center}
  .mobile-home-copy h1{
    display:flex;
    justify-content:center;
    align-items:baseline;
    margin:0;
    font-size:clamp(64px,16vw,105px);
    line-height:.88;
    font-weight:850;
    letter-spacing:-.055em;
  }
  .mobile-home-copy h1 .flo{
    background:linear-gradient(90deg,#17bdf6 0%,#2aa9ff 48%,#5a79ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .mobile-home-copy h1 .dent{color:#f9fbff;text-shadow:0 0 18px rgba(90,143,255,.14)}
  .mobile-home-copy h2{
    margin:26px 0 0;
    font-size:clamp(30px,7.7vw,50px);
    line-height:1.05;
    letter-spacing:-.035em;
    font-weight:800;
  }
  .mobile-home-copy h2 em{
    display:inline-block;
    margin-top:7px;
    font-style:normal;
    background:linear-gradient(90deg,#22bafa 0%,#5892ff 48%,#a65eff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .mobile-home-copy p{
    margin:24px auto 0;
    max-width:560px;
    color:rgba(238,243,255,.93);
    font-size:clamp(16px,3.9vw,23px);
    line-height:1.42;
    text-wrap:balance;
  }
  .mobile-home-cta{
    width:min(100%,550px);
    margin:32px auto 0;
    display:grid;
    gap:16px;
  }
  .mobile-home-button{
    min-height:82px;
    padding:0 25px;
    border-radius:26px;
    display:grid;
    grid-template-columns:42px 1fr 42px;
    align-items:center;
    gap:14px;
    border:1px solid rgba(132,158,255,.28);
    color:#fff;
    font:700 clamp(17px,4.5vw,25px)/1.1 Inter,system-ui,sans-serif;
    cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(1,7,26,.22);
  }
  .mobile-home-button.primary{
    background:linear-gradient(90deg,#23a8ff 0%,#5379ff 52%,#a74eff 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 18px 42px rgba(45,90,255,.30),0 0 24px rgba(125,75,255,.15);
  }
  .mobile-home-button.secondary{background:linear-gradient(180deg,rgba(6,15,42,.94),rgba(4,10,29,.96))}
  .mobile-home-button .cta-icon{display:inline-flex;align-items:center;justify-content:center}
  .mobile-home-button .cta-icon svg{width:32px;height:32px}
  .mobile-home-button b{font-size:34px;font-weight:300;line-height:1}

  .mobile-home-scene{
    position:relative;
    width:100%;
    height:clamp(620px,126vw,820px);
    margin:34px auto 0;
    background:transparent!important;
  }
  .mobile-home-halo{
    position:absolute;
    left:50%;
    top:17%;
    width:65%;
    aspect-ratio:1/1;
    transform:translateX(-50%);
    border-radius:50%;
    border:2px solid rgba(62,166,255,.72);
    box-shadow:0 0 24px rgba(49,133,255,.40),inset 0 0 32px rgba(77,83,255,.16);
    opacity:.76;
    z-index:0;
  }
  .mobile-home-mascot{
    position:absolute;
    left:50%;
    bottom:1.5%;
    width:57%;
    max-width:355px;
    transform:translateX(-50%);
    z-index:2;
    filter:drop-shadow(0 22px 34px rgba(0,0,0,.28)) drop-shadow(0 0 16px rgba(54,103,255,.15));
  }
  .mobile-home-mascot img{display:block;width:100%;height:auto}
  .mobile-home-card{position:absolute;z-index:3;filter:drop-shadow(0 18px 30px rgba(0,0,0,.24)) drop-shadow(0 0 13px rgba(61,94,255,.16))}
  .mobile-home-card img{display:block;width:100%;height:auto}
  .mobile-home-card.points{left:-1%;top:1%;width:40%;transform:rotate(-4deg)}
  .mobile-home-card.appointment{right:-2%;top:1%;width:42%;transform:rotate(4deg)}
  .mobile-home-card.habits{left:-2%;bottom:0;width:42%;transform:rotate(-1deg)}
  .mobile-home-card.calendar{right:-2%;bottom:0;width:41%;transform:rotate(1deg)}

  /* ---------------- Mobile app mockup screen ---------------- */
  .app-showcase-shell{display:none!important}
  .app-showcase-section{
    height:auto!important;
    min-height:auto!important;
    padding:78px var(--mobile-gutter) 46px!important;
    overflow:visible!important;
  }
  .app-showcase-mobile{
    display:flex!important;
    flex-direction:column;
    gap:21px;
    width:100%;
    max-width:560px;
    margin:0 auto;
  }
  .app-mobile-heading{display:flex;flex-direction:column;gap:10px}
  .app-mobile-heading .app-pill{align-self:flex-start;margin:0!important}
  .app-mobile-heading h2{
    margin:0;
    font-size:clamp(38px,9vw,52px);
    line-height:.95;
    letter-spacing:-.045em;
    color:#f8fbff;
  }
  .app-mobile-title-accent{
    display:block;
    background:linear-gradient(90deg,#35d7ff 0%,#69a7ff 48%,#b178ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .app-mobile-stage{
    display:grid;
    grid-template-columns:minmax(0,1fr) 102px;
    gap:14px;
    align-items:center;
  }
  .app-mobile-visual-wrap{position:relative;min-width:0}
  .app-mobile-visual{
    position:relative;
    height:520px;
    border-radius:30px;
    display:grid;
    place-items:center;
    background:linear-gradient(180deg,rgba(8,16,45,.30),rgba(5,11,31,.035));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    touch-action:pan-y;
  }
  .app-mobile-phone{
    position:absolute;
    left:50%;
    top:50%;
    width:min(100%,305px);
    opacity:0;
    pointer-events:none;
    transform:translate(-54%,-50%) scale(.975);
    filter:blur(8px);
    transition:opacity .32s ease,transform .40s cubic-bezier(.2,.84,.24,1),filter .40s ease;
  }
  .app-mobile-phone img{display:block;width:100%;height:auto;filter:drop-shadow(0 25px 48px rgba(1,6,24,.38))}
  .app-mobile-phone.active{opacity:1;pointer-events:auto;filter:none;transform:translate(-54%,-50%) scale(1)}
  .app-mobile-phone-shadow{
    position:absolute;
    left:46%;
    bottom:44px;
    width:53%;
    height:38px;
    transform:translateX(-50%);
    border-radius:999px;
    background:radial-gradient(circle,rgba(44,80,228,.24),transparent 72%);
    filter:blur(18px);
  }
  .app-mobile-arrow{
    position:absolute;
    top:50%;
    z-index:5;
    width:46px;
    height:46px;
    transform:translateY(-50%);
    border-radius:16px;
    border:1px solid rgba(128,155,255,.24);
    display:grid;
    place-items:center;
    background:linear-gradient(180deg,rgba(11,22,55,.96),rgba(7,15,40,.985));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(1,7,26,.20);
    color:#f2f6ff;
    font:300 30px/1 Inter,sans-serif;
    cursor:pointer;
  }
  .app-mobile-arrow.prev{left:3px}
  .app-mobile-arrow.next{right:3px}
  .app-mobile-tabs{display:grid;gap:10px}
  .app-mobile-tab{
    min-height:78px;
    padding:8px 7px;
    border-radius:20px;
    border:1px solid rgba(126,151,255,.18);
    background:linear-gradient(180deg,rgba(8,17,45,.97),rgba(7,15,40,.96));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 26px rgba(2,7,27,.15);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#eff5ff;
    cursor:pointer;
    text-align:center;
  }
  .app-mobile-tab i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:37px;
    height:37px;
    border-radius:13px;
    border:1px solid rgba(133,157,255,.18);
    background:linear-gradient(180deg,rgba(20,37,88,.86),rgba(12,22,51,.99));
  }
  .app-mobile-tab i::before{width:18px!important;height:18px!important}
  .app-mobile-tab span{font-size:11.4px;line-height:1.12;font-weight:720}
  .app-mobile-tab.active{
    background:linear-gradient(135deg,rgba(45,93,214,.96),rgba(89,86,226,.95) 56%,rgba(153,90,235,.96));
    border-color:rgba(190,206,255,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 34px rgba(42,67,207,.30),0 0 24px rgba(101,104,255,.14);
  }
  .app-mobile-copy-stack{position:relative;min-height:356px}
  .app-mobile-copy{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    gap:14px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(9px);
    transition:opacity .27s ease,transform .33s cubic-bezier(.16,.84,.22,1),visibility 0s linear .33s;
  }
  .app-mobile-copy.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
  .app-mobile-copy p{margin:0;font-size:14.5px;line-height:1.44;color:#eff4ff;text-wrap:pretty}
  .app-mobile-copy p b{color:#59d5ff}
  .app-mobile-benefits-card{
    padding:17px;
    border-radius:23px;
    background:linear-gradient(180deg,rgba(12,22,54,.99),rgba(9,17,44,.98));
    border:1px solid rgba(129,157,255,.16);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 32px rgba(1,7,26,.14);
  }
  .app-mobile-benefits-card h3{display:flex;align-items:center;gap:9px;margin:0 0 11px;font-size:15px;color:#4fd1ff}
  .app-mobile-benefits-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
  .app-mobile-benefits-card li{position:relative;padding-left:25px;font-size:13px;line-height:1.34;color:#f5f8ff}
  .app-mobile-benefits-card li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:rgba(30,48,107,.9);border:1px solid rgba(136,155,255,.2)}
  .app-mobile-benefits-card li::after{content:"";position:absolute;left:5px;top:6px;width:6px;height:4px;border-left:2px solid #a98bff;border-bottom:2px solid #4fd7ff;transform:rotate(-45deg)}

  /* Mobile pricing remains opaque. */
  .price-card,.final-cta{background:linear-gradient(180deg,rgba(9,18,48,.995),rgba(5,12,34,.998))!important}
}

@media (max-width:430px){
  .mobile-home-shell{padding-inline:13px}
  .mobile-home-topbar.mobile-site-header{margin-bottom:28px!important}
  .mobile-home-copy h2{margin-top:21px}
  .mobile-home-copy p{margin-top:19px}
  .mobile-home-cta{margin-top:27px;gap:13px}
  .mobile-home-button{min-height:70px;padding-inline:19px;border-radius:22px;grid-template-columns:34px 1fr 34px}
  .mobile-home-button .cta-icon svg{width:27px;height:27px}
  .mobile-home-scene{height:clamp(560px,145vw,680px);margin-top:27px}
  .mobile-home-mascot{width:60%}
  .mobile-home-card.points{width:42%}
  .mobile-home-card.appointment{width:44%}
  .mobile-home-card.habits{width:44%}
  .mobile-home-card.calendar{width:43%}

  .app-mobile-stage{grid-template-columns:minmax(0,1fr) 86px;gap:10px}
  .app-mobile-visual{height:440px}
  .app-mobile-phone{width:min(100%,250px)}
  .app-mobile-tab{min-height:70px;border-radius:18px}
  .app-mobile-arrow{width:42px;height:42px;border-radius:15px}
  .app-mobile-copy-stack{min-height:390px}
}


/* =========================================================
   Revision — polished mobile app showcase
   The heading, phone/tabs and description are three separate
   rows. Dynamic copy height is measured by JS, so content
   never overlaps and the page does not jump between tabs.
   ========================================================= */
@media (max-width:820px){
  .app-showcase-section{
    padding:76px 14px 52px!important;
  }
  .app-showcase-mobile{
    width:min(100%,560px)!important;
    max-width:560px!important;
    gap:20px!important;
  }

  /* Row 1 — changing title */
  .app-mobile-heading{
    position:relative;
    display:grid!important;
    gap:10px!important;
    min-height:118px;
    padding:0 2px 2px;
    align-content:start;
  }
  .app-mobile-heading .app-pill{
    min-height:31px!important;
    padding:0 13px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  .app-mobile-heading h2{
    max-width:100%;
    margin:0!important;
    font-size:clamp(37px,9.6vw,52px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    text-wrap:balance;
    overflow-wrap:normal;
  }
  .app-mobile-title-main,
  .app-mobile-title-accent{
    display:block!important;
  }

  /* Row 2 — centered phone + vertical navigation */
  .app-mobile-stage{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 94px!important;
    gap:14px!important;
    align-items:center!important;
    margin-top:2px;
  }
  .app-mobile-visual-wrap{
    position:relative!important;
    min-width:0!important;
  }
  .app-mobile-visual{
    height:500px!important;
    overflow:visible!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(7,16,44,.18),rgba(5,11,31,.02))!important;
    box-shadow:none!important;
  }
  .app-mobile-phone{
    width:min(100%,286px)!important;
    max-width:286px!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-51.5%,-50%) scale(.978)!important;
  }
  .app-mobile-phone.active{
    transform:translate(-51.5%,-50%) scale(1)!important;
  }
  .app-mobile-phone img{
    filter:drop-shadow(0 26px 46px rgba(1,6,24,.38))!important;
  }
  .app-mobile-phone-shadow{
    left:48%!important;
    bottom:36px!important;
    width:58%!important;
    height:38px!important;
  }
  .app-mobile-arrow{
    width:43px!important;
    height:43px!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,rgba(12,24,60,.98),rgba(7,15,40,.995))!important;
    border-color:rgba(132,160,255,.28)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 28px rgba(1,7,26,.22),0 0 16px rgba(66,98,255,.10)!important;
  }
  .app-mobile-arrow.prev{left:4px!important}
  .app-mobile-arrow.next{right:4px!important}

  .app-mobile-tabs{
    display:grid!important;
    gap:10px!important;
    align-content:center!important;
  }
  .app-mobile-tab{
    width:100%!important;
    min-height:76px!important;
    padding:8px 6px!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(8,17,45,.985),rgba(6,14,38,.985))!important;
    border-color:rgba(126,151,255,.19)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 25px rgba(2,7,27,.16)!important;
  }
  .app-mobile-tab i{
    width:37px!important;
    height:37px!important;
    border-radius:13px!important;
  }
  .app-mobile-tab span{
    max-width:80px;
    font-size:11.4px!important;
    line-height:1.12!important;
    white-space:normal;
  }
  .app-mobile-tab.active{
    background:linear-gradient(135deg,rgba(45,93,214,.98),rgba(89,86,226,.97) 55%,rgba(153,90,235,.98))!important;
    border-color:rgba(194,208,255,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 34px rgba(42,67,207,.30),0 0 23px rgba(101,104,255,.15)!important;
  }

  /* Row 3 — description in normal flow, no overlay */
  .app-mobile-copy-stack{
    position:relative!important;
    width:100%!important;
    min-height:330px!important;
    height:var(--app-mobile-copy-height,330px)!important;
    transition:height .32s cubic-bezier(.2,.78,.2,1)!important;
  }
  .app-mobile-copy{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:18px!important;
    border-radius:25px!important;
    background:linear-gradient(180deg,rgba(10,20,50,.995),rgba(6,14,38,.995))!important;
    border:1px solid rgba(130,158,255,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 36px rgba(1,7,26,.16)!important;
    overflow:hidden!important;
  }
  .app-mobile-copy p{
    margin:0!important;
    font-size:14.5px!important;
    line-height:1.46!important;
    color:#f1f5ff!important;
    text-wrap:pretty;
  }
  .app-mobile-benefits-card{
    flex:1 0 auto;
    padding:15px 15px 14px!important;
    border-radius:19px!important;
    background:linear-gradient(180deg,rgba(16,30,70,.96),rgba(11,22,54,.97))!important;
    border:1px solid rgba(116,147,255,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .app-mobile-benefits-card h3{
    margin:0 0 10px!important;
  }
  .app-mobile-benefits-card ul{
    gap:8px!important;
  }
  .app-mobile-benefits-card li{
    font-size:13px!important;
    line-height:1.35!important;
  }
}

@media (max-width:430px){
  .app-showcase-section{padding-inline:12px!important}
  .app-showcase-mobile{gap:17px!important}
  .app-mobile-heading{min-height:110px!important}
  .app-mobile-heading h2{font-size:clamp(34px,9.3vw,43px)!important}
  .app-mobile-stage{
    grid-template-columns:minmax(0,1fr) 84px!important;
    gap:9px!important;
  }
  .app-mobile-visual{height:452px!important}
  .app-mobile-phone{width:min(100%,250px)!important;max-width:250px!important}
  .app-mobile-tab{min-height:69px!important;border-radius:18px!important}
  .app-mobile-tab span{font-size:10.7px!important}
  .app-mobile-arrow{width:40px!important;height:40px!important}
  .app-mobile-copy-stack{min-height:350px!important;height:var(--app-mobile-copy-height,350px)!important}
  .app-mobile-copy{padding:16px!important;border-radius:22px!important}
  .app-mobile-copy p{font-size:13.5px!important}
  .app-mobile-benefits-card li{font-size:12.5px!important}
}


/* =========================================================
   Revision — refined adaptive mobile showcase
   Cleaner composition, natural content height and no dead space.
   ========================================================= */
@media (max-width:820px){
  .app-showcase-section{
    padding:54px 14px 44px!important;
  }
  .app-showcase-mobile{
    width:min(100%,560px)!important;
    max-width:560px!important;
    gap:18px!important;
  }

  /* Compact, independent title block. */
  .app-mobile-heading{
    min-height:0!important;
    padding:0 4px!important;
    gap:8px!important;
  }
  .app-mobile-heading .app-pill{
    min-height:30px!important;
    padding:0 13px!important;
    margin:0!important;
    border-radius:13px!important;
    font-size:11.5px!important;
    background:linear-gradient(180deg,rgba(19,34,76,.92),rgba(10,20,50,.96))!important;
  }
  .app-mobile-heading h2{
    margin:0!important;
    max-width:100%!important;
    font-size:clamp(35px,8.7vw,48px)!important;
    line-height:.96!important;
    letter-spacing:-.046em!important;
    text-wrap:balance!important;
  }
  .app-mobile-title-main,
  .app-mobile-title-accent{display:block!important}

  /* Main visual: phone has breathing room; tabs are a neat vertical rail. */
  .app-mobile-stage{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:12px!important;
    align-items:center!important;
    margin:0!important;
  }
  .app-mobile-visual-wrap{
    position:relative!important;
    min-width:0!important;
  }
  .app-mobile-visual{
    height:485px!important;
    overflow:visible!important;
    border-radius:30px!important;
    background:
      radial-gradient(circle at 47% 48%,rgba(45,99,255,.13),transparent 54%),
      linear-gradient(180deg,rgba(7,16,44,.10),rgba(5,11,31,0))!important;
    box-shadow:none!important;
  }
  .app-mobile-visual::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:76%;
    aspect-ratio:1/1.18;
    transform:translate(-56%,-48%);
    border-radius:48%;
    background:radial-gradient(ellipse,rgba(48,104,255,.16),rgba(49,66,194,.045) 54%,transparent 72%);
    filter:blur(17px);
    pointer-events:none;
  }
  .app-mobile-phone{
    width:min(100%,278px)!important;
    max-width:278px!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-53.5%,-50%) scale(.98)!important;
  }
  .app-mobile-phone.active{
    transform:translate(-53.5%,-50%) scale(1)!important;
  }
  .app-mobile-phone img{
    filter:drop-shadow(0 28px 48px rgba(1,6,24,.36)) drop-shadow(0 0 16px rgba(52,106,255,.10))!important;
  }
  .app-mobile-phone-shadow{
    left:46%!important;
    bottom:38px!important;
    width:55%!important;
    height:34px!important;
    opacity:.82!important;
  }

  .app-mobile-arrow{
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
    font-size:27px!important;
    background:linear-gradient(180deg,rgba(11,22,56,.98),rgba(7,15,40,.995))!important;
    border-color:rgba(137,163,255,.27)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 13px 26px rgba(1,7,26,.22),0 0 14px rgba(68,102,255,.09)!important;
  }
  .app-mobile-arrow.prev{left:2px!important}
  .app-mobile-arrow.next{right:2px!important}

  .app-mobile-tabs{
    display:grid!important;
    gap:9px!important;
    align-content:center!important;
  }
  .app-mobile-tab{
    width:100%!important;
    min-height:70px!important;
    padding:7px 5px!important;
    gap:5px!important;
    border-radius:19px!important;
    background:linear-gradient(180deg,rgba(8,17,45,.99),rgba(6,14,38,.99))!important;
    border-color:rgba(126,151,255,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 11px 23px rgba(2,7,27,.15)!important;
  }
  .app-mobile-tab i{
    width:35px!important;
    height:35px!important;
    border-radius:12px!important;
  }
  .app-mobile-tab span{
    max-width:80px!important;
    font-size:10.8px!important;
    line-height:1.08!important;
    white-space:normal!important;
  }
  .app-mobile-tab.active{
    background:linear-gradient(135deg,rgba(44,92,213,.99),rgba(86,85,225,.98) 55%,rgba(151,88,234,.99))!important;
    border-color:rgba(195,209,255,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 15px 31px rgba(42,67,207,.29),0 0 21px rgba(101,104,255,.14)!important;
  }

  /* The content container follows the active panel exactly. */
  .app-mobile-copy-stack{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:var(--app-mobile-copy-height,auto)!important;
    transition:height .34s cubic-bezier(.2,.78,.2,1)!important;
    overflow:hidden!important;
  }
  .app-mobile-copy{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .app-mobile-copy p{
    margin:0!important;
    padding:0 4px!important;
    font-size:14px!important;
    line-height:1.44!important;
    color:#f0f5ff!important;
    text-wrap:pretty!important;
  }
  .app-mobile-benefits-card{
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    padding:15px 15px 14px!important;
    border-radius:21px!important;
    background:linear-gradient(180deg,rgba(11,22,55,.985),rgba(7,16,42,.99))!important;
    border:1px solid rgba(126,155,255,.17)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 28px rgba(1,7,26,.13)!important;
  }
  .app-mobile-benefits-card h3{
    margin:0 0 9px!important;
    font-size:14.5px!important;
  }
  .app-mobile-benefits-card ul{gap:7px!important}
  .app-mobile-benefits-card li{
    font-size:12.7px!important;
    line-height:1.32!important;
  }
}

@media (max-width:430px){
  .app-showcase-section{padding:48px 12px 40px!important}
  .app-showcase-mobile{gap:15px!important}
  .app-mobile-heading h2{font-size:clamp(33px,9vw,41px)!important}
  .app-mobile-stage{
    grid-template-columns:minmax(0,1fr) 80px!important;
    gap:8px!important;
  }
  .app-mobile-visual{height:432px!important}
  .app-mobile-phone{width:min(100%,244px)!important;max-width:244px!important}
  .app-mobile-tab{min-height:65px!important;border-radius:17px!important}
  .app-mobile-tab span{font-size:10.2px!important}
  .app-mobile-arrow{width:38px!important;height:38px!important;border-radius:14px!important}
  .app-mobile-copy p{font-size:13.4px!important}
  .app-mobile-benefits-card{padding:14px!important;border-radius:19px!important}
  .app-mobile-benefits-card li{font-size:12.2px!important}
}

/* Final geometry correction: phone lives fully inside its visual row. */
@media (max-width:820px){
  .app-mobile-stage{margin-top:4px!important}
  .app-mobile-visual{
    height:clamp(540px,98vw,620px)!important;
  }
  .app-mobile-phone{
    top:50%!important;
  }
}
@media (max-width:430px){
  .app-mobile-visual{height:540px!important}
}


/* section-spacing-fix.css */

/* Site-wide tighter vertical rhythm — desktop and mobile */
main{display:block}
main>section{margin:0!important}

@media (min-width:821px){
  /* First hero remains a full first screen; following screens are packed closer. */
  #product.returns-screen{
    height:min(880px,94svh)!important;
    min-height:748px!important;
  }
  #patient-impact.app-showcase-section{
    height:auto!important;
    min-height:730px!important;
    padding:18px 0 22px!important;
  }
  #patient-impact .app-showcase-shell{
    height:min(748px,calc(100svh - 30px))!important;
    min-height:670px!important;
  }
  #loyalty.loyalty-screen{
    min-height:auto!important;
    padding:26px 0 30px!important;
  }
  #pricing.section.screen-fit{
    min-height:auto!important;
    padding:42px 0 50px!important;
  }
}

@media (max-width:820px){
  #product.returns-screen{
    min-height:auto!important;
    padding:62px 14px 26px!important;
  }
  #product .returns-screen-artboard{gap:12px!important}
  #patient-impact.app-showcase-section{
    min-height:auto!important;
    padding:60px 14px 28px!important;
  }
  #loyalty.loyalty-screen{
    padding:54px 0 28px!important;
  }
  #pricing.section.screen-fit{
    min-height:auto!important;
    padding:58px 14px 34px!important;
  }
}

@media (max-width:420px){
  #product.returns-screen{padding-top:56px!important;padding-bottom:22px!important}
  #patient-impact.app-showcase-section{padding-top:54px!important;padding-bottom:24px!important}
  #loyalty.loyalty-screen{padding-top:48px!important;padding-bottom:24px!important}
  #pricing.section.screen-fit{padding-top:52px!important;padding-bottom:30px!important}
}


/* final-layout-fixes.css */
/* FLODent — final geometry corrections */

/* Keep all non-hero sections close without allowing the phone showcase to overlap its successor. */
@media (min-width:821px){
  #patient-impact.app-showcase-section{
    position:relative!important;
    z-index:1!important;
    height:100svh!important;
    min-height:780px!important;
    padding:24px 0!important;
    overflow:hidden!important;
  }
  #patient-impact .app-showcase-shell{
    height:min(820px,calc(100svh - 48px))!important;
    min-height:700px!important;
  }
  #loyalty.loyalty-screen{
    position:relative!important;
    z-index:2!important;
    margin-top:0!important;
  }
}

@media (max-width:820px){
  /* Rebuild the mobile hero scene as a compact balanced composition. */
  .mobile-home-shell{padding-bottom:12px!important}
  .mobile-home-scene{
    height:clamp(520px,118vw,650px)!important;
    min-height:520px!important;
    max-height:650px!important;
    margin:22px auto 0!important;
    overflow:visible!important;
  }
  .mobile-home-halo{
    top:11%!important;
    width:63%!important;
    opacity:.66!important;
  }
  .mobile-home-mascot{
    width:63%!important;
    max-width:370px!important;
    bottom:1%!important;
  }
  .mobile-home-card.points{
    left:-1%!important;
    top:1%!important;
    width:40%!important;
    transform:rotate(-4deg)!important;
  }
  .mobile-home-card.appointment{
    right:-2%!important;
    top:1%!important;
    width:42%!important;
    transform:rotate(4deg)!important;
  }
  .mobile-home-card.habits{
    left:-2%!important;
    bottom:0!important;
    width:42%!important;
    transform:rotate(-1deg)!important;
  }
  .mobile-home-card.calendar{
    right:-2%!important;
    bottom:0!important;
    width:41%!important;
    transform:rotate(1deg)!important;
  }

  #product.returns-screen{padding-top:34px!important}

  /* Phone and its dynamic copy sit closer, but remain independent. */
  #patient-impact.app-showcase-section{padding-top:46px!important;padding-bottom:32px!important}
  .app-showcase-mobile{gap:0!important}
  .app-mobile-heading{margin-bottom:12px!important}
  .app-mobile-stage{margin-bottom:5px!important}
  .app-mobile-copy-stack{margin-top:0!important}
}

@media (max-width:430px){
  .mobile-home-scene{
    height:520px!important;
    min-height:520px!important;
    margin-top:18px!important;
  }
  .mobile-home-mascot{width:64%!important}
  #product.returns-screen{padding-top:28px!important}
  .app-mobile-heading{margin-bottom:9px!important}
  .app-mobile-stage{margin-bottom:2px!important}
}

.form-consent{display:flex;align-items:flex-start;gap:10px;margin:2px 0 4px;color:rgba(226,235,255,.78);font-size:12px;line-height:1.4}
.form-consent input{width:17px;height:17px;margin-top:1px;accent-color:#63a8ff;flex:0 0 auto}
.form-consent a{color:#6ed9ff;text-decoration:none;border-bottom:1px solid rgba(110,217,255,.28)}
.form-consent a:hover{border-color:#6ed9ff}


/* legal-footer.css */
/* FLODent — premium legal footer */
.site-legal-footer{position:relative;z-index:2;padding:28px 0 max(24px,env(safe-area-inset-bottom));color:#eef4ff}
.site-legal-footer::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,29,.18),rgba(3,9,25,.90) 30%,rgba(2,7,20,.98));border-top:1px solid rgba(105,137,255,.15);pointer-events:none}
.legal-footer-shell{position:relative;width:min(1500px,calc(100% - 48px))}
.legal-footer-main{display:grid;grid-template-columns:1.05fr 1.35fr .9fr;gap:18px;align-items:stretch}
.legal-footer-brand,.legal-operator-card,.legal-footer-nav{border:1px solid rgba(114,145,255,.17);background:linear-gradient(155deg,rgba(11,22,56,.94),rgba(6,14,38,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 38px rgba(1,6,24,.14)}
.legal-footer-brand,.legal-operator-card,.legal-footer-nav{padding:22px;border-radius:24px}
.legal-footer-logo{display:block;width:178px;line-height:0}.legal-footer-logo img{display:block;width:100%;height:auto}
.legal-footer-brand>p{max-width:390px;margin:18px 0;color:rgba(215,226,251,.74);font-size:14px;line-height:1.55}
.legal-footer-contacts{display:flex;flex-wrap:wrap;gap:9px}
.legal-footer-contacts a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(112,148,255,.17);background:rgba(12,24,62,.70);color:#eaf3ff;text-decoration:none;font-size:12.5px;transition:.2s ease}
.legal-footer-contacts a:hover{transform:translateY(-1px);border-color:rgba(103,184,255,.38);box-shadow:0 0 20px rgba(76,119,255,.10)}
.legal-kicker{display:block;margin-bottom:10px;color:#55cdfd;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.legal-operator-card h2{margin:0 0 14px;font-size:22px;line-height:1.15;letter-spacing:-.025em}
.legal-id-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.legal-id-row span{padding:8px 10px;border-radius:11px;background:rgba(30,52,115,.42);border:1px solid rgba(112,145,255,.15);font-size:11.5px;color:rgba(212,225,252,.78)}.legal-id-row b{color:#f4f8ff;font-weight:700}
.legal-operator-card p{margin:0;color:rgba(214,225,249,.72);font-size:13px;line-height:1.48}
.legal-footer-nav{display:flex;flex-direction:column}
.legal-footer-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(105,133,225,.12);color:#e8efff;text-decoration:none;font-size:13px}.legal-footer-nav a:last-child{border-bottom:0}.legal-footer-nav b{color:#69cfff;font-size:16px}.legal-footer-nav a:hover{color:#6ed9ff}

.legal-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 4px 0;color:rgba(188,203,235,.56);font-size:11px}.legal-footer-bottom a{color:#67cffd;text-decoration:none}

@media (max-width:980px){.legal-footer-main{grid-template-columns:1fr 1fr}.legal-footer-nav{grid-column:1/-1}}
@media (max-width:650px){
  .site-legal-footer{padding-top:20px}.legal-footer-shell{width:calc(100% - 28px)}.legal-footer-main{grid-template-columns:1fr;gap:11px}.legal-footer-nav{grid-column:auto}.legal-footer-brand,.legal-operator-card,.legal-footer-nav{padding:17px;border-radius:19px}.legal-footer-logo{width:154px}.legal-footer-brand>p{margin:13px 0;font-size:12.5px}.legal-operator-card h2{font-size:19px}.legal-operator-card p{font-size:12px}.legal-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding-top:13px}
}


/* Expanded legal document cards */
.legal-footer-nav{gap:10px}
.legal-footer-nav>.legal-kicker{margin-bottom:2px}
.legal-footer-nav .legal-document-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(111,149,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(18,34,81,.56),rgba(8,18,47,.74));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.legal-footer-nav .legal-document-link:last-of-type{border-bottom:1px solid rgba(111,149,255,.16)}
.legal-document-link span{display:block;min-width:0}
.legal-document-link strong{display:block;margin-bottom:5px;color:#f2f6ff;font-size:13.5px;line-height:1.3}
.legal-document-link small{display:block;color:rgba(198,214,245,.66);font-size:11.5px;line-height:1.45}
.legal-document-link b{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:rgba(36,75,164,.42);border:1px solid rgba(102,169,255,.22);color:#73d9ff;font-size:16px}
.legal-footer-nav .legal-document-link:hover{color:inherit;transform:translateY(-2px);border-color:rgba(105,190,255,.34);background:linear-gradient(145deg,rgba(24,47,108,.65),rgba(9,21,56,.82));box-shadow:0 16px 30px rgba(1,7,26,.16),0 0 22px rgba(61,122,255,.08)}
.legal-document-note{margin:2px 2px 0;color:rgba(186,203,235,.58);font-size:10.5px;line-height:1.45}
.form-privacy-note{margin:-4px 0 0;color:rgba(194,209,239,.68);font-size:11px;line-height:1.45}
.form-privacy-note a{color:#6fd6ff}
@media (max-width:650px){.legal-document-link strong{font-size:13px}.legal-document-link small{font-size:11px}.legal-footer-nav .legal-document-link{padding:13px}}


/* project-cleanup-final.css */
/* FLODent — cleanup and conversion polish */

/* Value-driven CTA */
.cta-growth{position:relative;isolation:isolate;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.cta-growth::before{content:"";position:absolute;z-index:-1;top:-70%;bottom:-70%;left:-42%;width:26%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:ctaGrowthSheen 5.8s ease-in-out infinite}
.cta-growth:hover{transform:translateY(-2px) scale(1.012);filter:saturate(1.07);box-shadow:0 18px 38px rgba(64,102,255,.26),0 0 30px rgba(166,74,255,.14)!important}
.reference-primary.cta-growth,.mobile-home-button.primary.cta-growth,.btn-primary.cta-growth{background:linear-gradient(90deg,#18b9ff 0%,#4e85ff 48%,#a54cff 100%)!important}
@keyframes ctaGrowthSheen{0%,48%{left:-42%;opacity:0}54%{opacity:1}72%{left:124%;opacity:.8}78%,100%{left:124%;opacity:0}}
body.modal-open{overflow:hidden}
.modal[hidden]{display:none!important}

/* Mobile logo — no clipping */
@media(max-width:820px){
  .mobile-home-topbar.mobile-site-header{overflow:visible!important;padding-left:14px!important}
  .mobile-home-logo{width:min(66%,300px)!important;max-width:300px!important;overflow:visible!important;padding:2px 0 2px 3px!important}
  .mobile-home-logo img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:left center!important;overflow:visible!important}
  .mobile-home-logo small{padding-left:21%!important}
  .mobile-site-menu .mobile-menu-growth{color:#fff!important;background:linear-gradient(90deg,rgba(28,116,226,.78),rgba(118,73,224,.78))!important;border:1px solid rgba(132,167,255,.24)!important}

  /* Raise Aster + lower cards as one balanced cluster. */
  .mobile-home-scene{height:500px!important;min-height:500px!important;max-height:500px!important;margin-top:18px!important}
  .mobile-home-halo{top:8%!important;width:61%!important}
  .mobile-home-mascot{bottom:8%!important;width:62%!important}
  .mobile-home-card.habits{bottom:6%!important}
  .mobile-home-card.calendar{bottom:6%!important}
  .mobile-home-card.points{top:0!important}
  .mobile-home-card.appointment{top:0!important}

  /* Single CTA only. */
  .mobile-home-cta{grid-template-columns:1fr!important}
  .mobile-home-button.primary{min-height:74px!important}

  /* Center phone exactly between its two arrows. */
  .app-mobile-visual{position:relative!important}
  .app-mobile-phone,.app-mobile-phone.active{left:50%!important;transform:translate(-50%,-50%) scale(1)!important}
  .app-mobile-phone:not(.active){transform:translate(-50%,-50%) scale(.98)!important}
  .app-mobile-phone-shadow{left:50%!important}
  .app-mobile-arrow.prev{left:5px!important}
  .app-mobile-arrow.next{right:5px!important}

  /* Tighter section transitions. */
  #product.returns-screen{padding-top:24px!important;padding-bottom:18px!important}
  #patient-impact.app-showcase-section{padding-top:34px!important;padding-bottom:22px!important}
  #pricing.section.screen-fit{padding-top:38px!important;padding-bottom:28px!important}
}
@media(max-width:430px){
  .mobile-home-scene{height:470px!important;min-height:470px!important;max-height:470px!important}
  .mobile-home-mascot{bottom:9%!important;width:64%!important}
  .mobile-home-card.habits,.mobile-home-card.calendar{bottom:7%!important}
  #patient-impact.app-showcase-section{padding-top:30px!important}
}

/* Desktop tighter rhythm after removing loyalty section. */
@media(min-width:821px){
  #product.returns-screen{height:min(840px,90svh)!important;min-height:720px!important}
  #patient-impact.app-showcase-section{height:min(840px,92svh)!important;min-height:720px!important;padding:14px 0 16px!important}
  #patient-impact .app-showcase-shell{height:min(780px,calc(92svh - 28px))!important;min-height:680px!important}
  #pricing.section.screen-fit{padding:34px 0 40px!important}
}

/* Pricing placeholders */
.pricing-placeholder-lead{max-width:760px;margin:0 0 24px;color:rgba(216,226,248,.74);font-size:15px;line-height:1.55}
.pricing-placeholder-card{min-height:330px!important;background:linear-gradient(180deg,rgba(9,18,48,.995),rgba(5,12,34,.998))!important}
.pricing-placeholder-card .price-badge{background:rgba(85,116,255,.15)!important;color:#b8c8ff!important;border-color:rgba(112,143,255,.25)!important}
.pricing-placeholder-for{min-height:42px;color:#dce7ff!important;font-weight:650}
.pricing-placeholder-price{font-size:28px!important;line-height:1.05!important;color:#f4f7ff!important;margin:30px 0 16px!important}
.pricing-placeholder-cta{background:linear-gradient(135deg,rgba(10,25,65,.995),rgba(11,18,55,.995))!important}

/* Unified premium footer */
.legal-footer-unified{width:min(1500px,calc(100% - 48px))!important}
.legal-footer-unified-top{display:grid;grid-template-columns:.82fr 1.5fr;gap:14px}
.legal-footer-brand-clean,.legal-security-note,.legal-footer-unified-legal{border:1px solid rgba(114,145,255,.16);background:linear-gradient(155deg,rgba(10,21,54,.96),rgba(5,13,35,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(1,6,24,.13)}
.legal-security-note{display:flex;gap:15px;align-items:flex-start;padding:22px;border-radius:24px}
.legal-security-icon{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(28,142,219,.22),rgba(82,79,225,.22));border:1px solid rgba(89,182,255,.26);color:#66e4ff;font-weight:900;box-shadow:0 0 22px rgba(50,139,255,.12)}
.legal-security-note strong{display:block;margin:1px 0 8px;font-size:16px;color:#f0f6ff}
.legal-security-note p{margin:0;color:rgba(209,222,248,.72);font-size:12.5px;line-height:1.55}
.legal-footer-unified-legal{margin-top:14px;padding:15px 18px;border-radius:20px;display:grid;grid-template-columns:minmax(280px,.7fr) 1.3fr;gap:18px;align-items:center}
.legal-operator-disclosure summary{cursor:pointer;list-style:none;color:#eaf2ff;font-size:13px;font-weight:750}
.legal-operator-disclosure summary::-webkit-details-marker{display:none}
.legal-operator-disclosure summary::after{content:"+";float:right;color:#66d6ff;font-size:18px}
.legal-operator-disclosure[open] summary::after{content:"–"}
.legal-operator-disclosure-body{padding-top:12px;color:rgba(208,221,247,.72)}
.legal-operator-disclosure-body h2{margin:0 0 8px;color:#f4f7ff;font-size:17px}
.legal-operator-disclosure-body p{margin:5px 0;font-size:11.5px;line-height:1.45}
.legal-footer-doc-links{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.legal-footer-doc-links a{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border-radius:13px;border:1px solid rgba(111,150,255,.17);background:rgba(17,34,78,.48);color:#e9f1ff;text-decoration:none;font-size:11.5px;transition:.2s ease}
.legal-footer-doc-links a:hover{transform:translateY(-1px);border-color:rgba(105,191,255,.34);color:#6ed9ff}
@media(max-width:800px){
  .legal-footer-unified{width:calc(100% - 28px)!important}
  .legal-footer-unified-top{grid-template-columns:1fr}
  .legal-footer-unified-legal{grid-template-columns:1fr;gap:12px}
  .legal-footer-doc-links{justify-content:flex-start}
  .legal-security-note{padding:18px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.cta-growth::before{animation:none!important}}


/* premium-product-final.css */
/* =========================================================
   FLODent — Product polish final
   Premium visual layer, micro-interactions and final geometry.
   Loaded last on purpose: this file is the final source of truth.
   ========================================================= */
:root{
  --premium-cyan:#43d7ff;
  --premium-blue:#5b8cff;
  --premium-violet:#a45cff;
  --premium-ink:#06102b;
  --premium-panel:rgba(7,17,46,.96);
  --premium-line:rgba(120,153,255,.22);
  --premium-line-strong:rgba(132,178,255,.38);
  --premium-shadow:0 24px 60px rgba(0,5,24,.28);
  --premium-ease:cubic-bezier(.16,.84,.22,1);
}

html{scroll-behavior:smooth!important}
body.reference-homepage{overflow-x:hidden}
body.reference-homepage::before{
  filter:blur(4px)!important;
  transform:scale(1.032)!important;
}
body.reference-homepage::after{
  background:
    linear-gradient(180deg,rgba(1,5,20,.07),rgba(1,5,20,.18)),
    radial-gradient(circle at 50% -12%,rgba(92,138,255,.08),transparent 38%)!important;
}

/* restrained atmospheric layer shared by all major screens */
#product,#patient-impact,#pricing{position:relative;isolation:isolate}
#product::after,#patient-impact::after,#pricing::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:4% 4%;border-radius:52px;
  background:
    radial-gradient(circle at 15% 30%,rgba(37,151,255,.055),transparent 35%),
    radial-gradient(circle at 84% 66%,rgba(137,72,255,.055),transparent 34%);
  filter:blur(12px);opacity:.9;
}

/* ---- premium CTA ----------------------------------------------------- */
.cta-growth,.premium-offer-cta{
  --cta-x:50%;
  position:relative!important;isolation:isolate;overflow:hidden!important;
  border:1px solid rgba(172,211,255,.28)!important;
  background:linear-gradient(100deg,#24baff 0%,#4e88ff 45%,#9c52ff 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -14px 28px rgba(32,31,132,.12),
    0 16px 38px rgba(43,94,255,.28),
    0 0 32px rgba(126,76,255,.14)!important;
  transition:transform .28s var(--premium-ease),box-shadow .28s ease,filter .28s ease!important;
}
.cta-growth::after,.premium-offer-cta::after{
  content:"";position:absolute;z-index:-1;inset:-45%;pointer-events:none;
  background:radial-gradient(circle at var(--cta-x) 48%,rgba(255,255,255,.23),transparent 24%);
  opacity:.72;transition:opacity .2s ease;
}
.cta-growth:hover,.premium-offer-cta:hover{
  transform:translateY(-3px) scale(1.012)!important;
  filter:saturate(1.08) brightness(1.04)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 22px 50px rgba(43,94,255,.33),
    0 0 38px rgba(145,76,255,.22)!important;
}
.premium-offer-cta{display:inline-grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left!important}
.premium-cta-spark{
  width:38px;height:38px;border-radius:13px;display:grid;place-items:center;
  color:#fff;font-size:16px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 18px rgba(255,255,255,.08);
  animation:premiumSparkPulse 3.6s ease-in-out infinite;
}
.premium-cta-copy{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.premium-cta-copy strong{font-size:15px;letter-spacing:-.01em;color:#fff}
.premium-cta-copy small{margin-top:4px;font-size:10.5px;color:rgba(244,248,255,.72);font-weight:600;white-space:nowrap}
.premium-offer-cta>b{font-size:22px;font-weight:400;color:#fff}
@keyframes premiumSparkPulse{0%,100%{transform:scale(.96);opacity:.88}50%{transform:scale(1.06);opacity:1}}

.reference-header .reference-primary.top{min-width:208px;padding-inline:20px!important}
.reference-header .reference-primary.top::before{animation-duration:6.6s!important}

/* ---- first screen: richer depth -------------------------------------- */
.reference-floating-card img{
  filter:drop-shadow(0 24px 36px rgba(1,7,27,.28)) drop-shadow(0 0 18px rgba(70,98,255,.14))!important;
  animation:premiumFloatCard 7.8s ease-in-out infinite;
  will-change:transform;
}
.points-card img{animation-delay:-.8s}.appointment-card img{animation-delay:-2.4s}.habits-card img{animation-delay:-4.1s}.calendar-card img{animation-delay:-5.6s}
.reference-mascot>img{filter:drop-shadow(0 32px 44px rgba(0,5,25,.22)) drop-shadow(0 0 20px rgba(65,121,255,.10))!important;animation:premiumMascotBreathe 6.5s ease-in-out infinite}
.reference-metric-card{backdrop-filter:blur(15px) saturate(1.06);transition:transform .28s var(--premium-ease),box-shadow .28s ease,filter .28s ease}
.reference-metric-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(0,6,26,.22),0 0 24px rgba(76,105,255,.10);filter:brightness(1.06)}
@keyframes premiumFloatCard{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes premiumMascotBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.004)}}

/* ---- second screen --------------------------------------------------- */
.returns-screen-panel,.returns-screen-brand{
  border:1px solid rgba(114,148,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 26px 54px rgba(0,6,26,.22)!important;
  transition:translate .5s var(--premium-ease),transform .35s var(--premium-ease),filter .35s ease,box-shadow .35s ease!important;
}
.returns-screen-panel::after,.returns-screen-brand::after{
  content:"";position:absolute;z-index:5;pointer-events:none;inset:-1px;border-radius:inherit;
  background:linear-gradient(115deg,transparent 12%,rgba(155,208,255,.07) 34%,transparent 51%);
  transform:translateX(-110%);transition:transform .9s var(--premium-ease);
}
.returns-screen-panel:hover::after,.returns-screen-brand:hover::after{transform:translateX(110%)}
.returns-screen-panel:hover,.returns-screen-brand:hover{filter:brightness(1.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 64px rgba(0,6,26,.28),0 0 28px rgba(77,109,255,.08)!important}
.returns-screen-mascot img{filter:drop-shadow(0 26px 40px rgba(0,6,28,.28)) drop-shadow(0 0 22px rgba(65,118,255,.11))!important}

/* ---- app showcase: deeper cards ------------------------------------- */
.app-menu-btn,.app-benefits-card,.app-stat-card,.app-mobile-benefits-card,.app-mobile-tab{
  isolation:isolate;overflow:hidden;
}
.app-menu-btn::before,.app-benefits-card::before,.app-stat-card::before,.app-mobile-benefits-card::before,.app-mobile-tab::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;inset:-1px;
  background:radial-gradient(380px circle at var(--spot-x,50%) var(--spot-y,0%),rgba(92,155,255,.11),transparent 44%);
  opacity:.65;transition:opacity .25s ease;
}
.app-menu-btn{transition:transform .28s var(--premium-ease),background .28s ease,border-color .28s ease,box-shadow .28s ease!important}
.app-menu-btn:hover{transform:translateY(-3px) translateX(-2px)!important}
.app-menu-btn.active{box-shadow:inset 0 1px rgba(255,255,255,.13),0 18px 42px rgba(54,74,213,.25),0 0 28px rgba(117,77,255,.12)!important}
.app-phone-panel img,.app-mobile-phone img{transition:filter .35s ease,transform .45s var(--premium-ease)!important}
.app-phone-panel.active img{filter:drop-shadow(0 34px 60px rgba(0,4,20,.38)) drop-shadow(0 0 18px rgba(51,115,255,.10))!important}
.app-benefits-card,.app-stat-card{background:linear-gradient(160deg,rgba(10,22,57,.97),rgba(6,14,39,.985))!important;border-color:rgba(118,151,255,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 42px rgba(0,5,24,.16)!important}

/* ---- Future pricing -------------------------------------------------- */
.pricing-future{padding:52px 0 62px!important;min-height:auto!important}
.pricing-future-shell{position:relative}
.pricing-future-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:10px 0 26px}
.pricing-future-head .section-title{margin:0 0 12px!important}
.pricing-future-lead{max-width:720px;margin:0;color:rgba(216,226,248,.72);font-size:15px;line-height:1.55}
.pricing-future-status{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(112,149,255,.18);background:rgba(8,18,48,.74);color:rgba(223,233,255,.82);font-size:11.5px;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.pricing-future-status i{width:7px;height:7px;border-radius:50%;background:#63dfff;box-shadow:0 0 12px rgba(79,211,255,.65);animation:pricingStatusPulse 2.8s ease-in-out infinite}
@keyframes pricingStatusPulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}
.pricing-future-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.pricing-future-card{
  min-height:535px!important;padding:24px!important;border-radius:28px!important;
  background:linear-gradient(165deg,rgba(9,20,53,.995),rgba(5,12,34,.998))!important;
  border:1px solid rgba(117,149,255,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 22px 48px rgba(0,6,27,.16)!important;
  transition:transform .32s var(--premium-ease),border-color .32s ease,box-shadow .32s ease,filter .32s ease!important;
  overflow:hidden;isolation:isolate;
}
.pricing-future-card::after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(600px circle at var(--mx,50%) var(--my,20%),rgba(70,154,255,.12),transparent 44%);opacity:.8;
}
.pricing-future-card:hover{transform:translateY(-8px)!important;border-color:rgba(126,174,255,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 30px 70px rgba(0,6,27,.25),0 0 28px rgba(67,100,255,.09)!important}
.pricing-future-card.featured{transform:translateY(-8px)!important;border-color:rgba(72,190,255,.42)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 28px 72px rgba(23,61,185,.24),0 0 46px rgba(67,134,255,.12)!important}
.pricing-future-card.featured:hover{transform:translateY(-13px)!important}
.pricing-future-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.pricing-future-index{font-size:12px;letter-spacing:.16em;color:rgba(123,158,255,.55);font-weight:800}
.pricing-future-card .price-badge{position:static!important;padding:7px 10px!important;background:rgba(82,111,255,.11)!important;border:1px solid rgba(112,143,255,.21)!important;color:#cbd8ff!important;font-size:10px!important}
.pricing-recommended{position:absolute;top:0;left:50%;transform:translateX(-50%);min-height:28px;padding:0 16px;display:flex;align-items:center;border-radius:0 0 12px 12px;background:linear-gradient(90deg,rgba(34,183,255,.94),rgba(108,76,241,.94));color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;box-shadow:0 10px 24px rgba(50,89,220,.18)}
.pricing-future-card h3{font-size:32px!important;margin:0 0 8px!important;letter-spacing:-.04em}
.pricing-future-sub{min-height:44px!important;margin:0!important;color:rgba(210,222,248,.72)!important;font-size:13.5px!important;line-height:1.45!important}
.pricing-future-price{display:flex;align-items:flex-end;gap:7px;margin:28px 0 24px!important;line-height:1!important}
.pricing-future-price>span{font-size:56px;font-weight:850;letter-spacing:-.04em;background:linear-gradient(90deg,#f6fbff,#9fb8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pricing-future-price small{padding-bottom:8px;font-size:12px!important;color:rgba(190,204,235,.62)!important;font-weight:700!important}
.pricing-future-features{display:grid!important;gap:10px!important;margin:0 0 26px!important;font-size:13px!important}
.pricing-future-features li{color:#dce6fa!important;line-height:1.35}
.pricing-future-features li::before{content:"✓"!important;width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;margin-right:2px;background:rgba(35,214,164,.10);color:#52e7c4!important;font-size:11px;box-shadow:inset 0 0 0 1px rgba(68,222,184,.14)}
.pricing-future-btn{margin-top:auto!important;width:100%!important;min-height:48px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:1px solid rgba(111,151,255,.22)!important;background:rgba(13,28,66,.72)!important;color:#eef4ff!important;transition:.25s var(--premium-ease)!important}
.pricing-future-btn:hover{transform:translateY(-2px);background:rgba(20,42,91,.82)!important;border-color:rgba(109,187,255,.36)!important;box-shadow:0 14px 28px rgba(0,6,26,.18)}
.pricing-future-card.featured .pricing-future-btn{background:linear-gradient(100deg,#2cbfff,#5688ff 50%,#9b54ff)!important;border-color:rgba(176,211,255,.27)!important}
.pricing-future-cta{margin-top:22px!important;padding:26px 28px!important;border-radius:28px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:26px!important;background:linear-gradient(125deg,rgba(9,27,69,.98),rgba(16,18,59,.98))!important;border:1px solid rgba(113,152,255,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 50px rgba(0,6,28,.18)!important;overflow:hidden!important}
.pricing-future-cta::before{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle at 75% 40%,rgba(109,76,255,.16),transparent 28%);animation:premiumAuraDrift 10s ease-in-out infinite alternate}
.pricing-future-cta>div,.pricing-future-cta>button{position:relative;z-index:1}
.pricing-future-cta-kicker{display:block;margin-bottom:7px;color:#6edbff;font-size:10.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.pricing-future-cta h2{margin:0 0 7px!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.035em}
.pricing-future-cta p{margin:0!important;max-width:740px;color:rgba(211,223,247,.70)!important;font-size:13px!important;line-height:1.5!important}
.pricing-offer-btn{min-width:270px!important;min-height:62px!important;padding:9px 13px!important;border-radius:18px!important}
@keyframes premiumAuraDrift{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(4%,-2%,0)}}

/* ---- Footer polish --------------------------------------------------- */
.legal-footer-brand-clean,.legal-security-note,.legal-footer-unified-legal{backdrop-filter:blur(18px) saturate(1.05)!important}
.legal-footer-doc-links a{position:relative;overflow:hidden}
.legal-footer-doc-links a::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent,rgba(93,197,255,.07),transparent);transform:translateX(-110%);transition:transform .55s var(--premium-ease)}
.legal-footer-doc-links a:hover::before{transform:translateX(110%)}

/* ---- mobile: first screen with more air ------------------------------ */
@media(max-width:820px){
  .mobile-home-shell{padding-bottom:18px!important}
  .mobile-home-scene{
    height:clamp(570px,126vw,690px)!important;
    min-height:570px!important;max-height:690px!important;
    margin:30px auto 0!important;overflow:visible!important;
  }
  .mobile-home-halo{top:14%!important;width:70%!important;opacity:.54!important;animation:mobileHaloPulse 7s ease-in-out infinite}
  .mobile-home-mascot{width:58%!important;max-width:348px!important;bottom:8%!important;z-index:2!important}
  .mobile-home-mascot img{filter:drop-shadow(0 28px 38px rgba(0,5,24,.22)) drop-shadow(0 0 16px rgba(54,117,255,.10))!important;animation:mobileMascotFloat 6.8s ease-in-out infinite}
  .mobile-home-card{z-index:3!important}
  .mobile-home-card img{animation:mobileCardFloat 7.2s ease-in-out infinite;filter:drop-shadow(0 20px 32px rgba(0,5,24,.28)) drop-shadow(0 0 12px rgba(75,101,255,.13))!important}
  .mobile-home-card.points{left:-4%!important;top:0!important;width:39%!important;transform:rotate(-5deg)!important}
  .mobile-home-card.appointment{right:-4%!important;top:0!important;width:41%!important;transform:rotate(5deg)!important}
  .mobile-home-card.habits{left:-4%!important;bottom:0!important;width:39%!important;transform:rotate(-1.5deg)!important}
  .mobile-home-card.calendar{right:-4%!important;bottom:0!important;width:39%!important;transform:rotate(1.5deg)!important}
  .mobile-home-card.appointment img{animation-delay:-1.8s}.mobile-home-card.habits img{animation-delay:-3.4s}.mobile-home-card.calendar img{animation-delay:-5s}
  .mobile-home-cta{margin-top:22px!important}
  .mobile-home-button.primary.premium-offer-cta{min-height:78px!important;padding:10px 14px!important;border-radius:20px!important;gap:10px!important}
  .mobile-home-button .premium-cta-spark{width:40px;height:40px;border-radius:13px}
  .mobile-home-button .premium-cta-copy strong{font-size:16px!important}
  .mobile-home-button .premium-cta-copy small{font-size:10px!important}
  @keyframes mobileCardFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
  @keyframes mobileMascotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  @keyframes mobileHaloPulse{0%,100%{transform:translateX(-50%) scale(.98);opacity:.45}50%{transform:translateX(-50%) scale(1.04);opacity:.64}}

  /* center phone optically between the arrow buttons */
  .app-mobile-visual-wrap{position:relative!important}
  .app-mobile-phone,.app-mobile-phone.active{left:calc(50% - 20px)!important;transform:translate(-50%,-50%) scale(1)!important}
  .app-mobile-phone:not(.active){transform:translate(-50%,-50%) scale(.985)!important}
  .app-mobile-phone-shadow{left:calc(50% - 20px)!important}
  .app-mobile-arrow.prev{left:4px!important}.app-mobile-arrow.next{right:4px!important}
  .app-mobile-arrow{transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important}
  .app-mobile-arrow:active{transform:translateY(-50%) scale(.93)!important}
  .app-mobile-tab{transition:transform .24s var(--premium-ease),background .24s ease,border-color .24s ease,box-shadow .24s ease!important}
  .app-mobile-tab:active{transform:scale(.97)}

  /* pricing mobile */
  .pricing-future{padding:38px 14px 42px!important}
  .pricing-future-head{display:block!important;margin:8px 0 18px!important}
  .pricing-future-lead{font-size:13.5px!important;margin-bottom:13px!important}
  .pricing-future-status{white-space:normal!important;min-height:34px!important;max-width:100%;font-size:10.5px!important}
  .pricing-future-grid{grid-template-columns:1fr!important;gap:14px!important}
  .pricing-future-card{min-height:auto!important;padding:21px!important;border-radius:24px!important}
  .pricing-future-card.featured{order:-1!important;transform:none!important}
  .pricing-future-card.featured:hover,.pricing-future-card:hover{transform:none!important}
  .pricing-future-card-top{margin-bottom:18px!important}
  .pricing-future-card h3{font-size:29px!important}
  .pricing-future-sub{min-height:auto!important}
  .pricing-future-price{margin:20px 0 18px!important}
  .pricing-future-price>span{font-size:48px!important}
  .pricing-future-features{gap:8px!important;margin-bottom:20px!important}
  .pricing-future-cta{grid-template-columns:1fr!important;padding:22px!important;border-radius:24px!important;gap:18px!important}
  .pricing-future-cta h2{font-size:24px!important}
  .pricing-offer-btn{min-width:0!important;width:100%!important;min-height:68px!important}
}

@media(max-width:430px){
  .mobile-home-scene{height:560px!important;min-height:560px!important;max-height:560px!important;margin-top:24px!important}
  .mobile-home-mascot{width:59%!important;bottom:8%!important}
  .mobile-home-card.points{left:-5%!important;width:40%!important}
  .mobile-home-card.appointment{right:-5%!important;width:42%!important}
  .mobile-home-card.habits{left:-5%!important;width:40%!important}
  .mobile-home-card.calendar{right:-5%!important;width:40%!important}
  .app-mobile-phone,.app-mobile-phone.active{left:calc(50% - 18px)!important}
  .app-mobile-phone-shadow{left:calc(50% - 18px)!important}
}

/* desktop rhythm and richer screen transitions */
@media(min-width:821px){
  #product.returns-screen{height:min(860px,92svh)!important;min-height:720px!important}
  #patient-impact.app-showcase-section{height:min(850px,92svh)!important;min-height:720px!important;padding:18px 0!important;overflow:hidden!important}
  #patient-impact .app-showcase-shell{height:min(795px,calc(92svh - 36px))!important;min-height:690px!important}
  .reference-copy .premium-offer-cta{min-width:340px!important;min-height:64px!important;padding:8px 14px!important;border-radius:18px!important}
  .reference-copy .premium-cta-copy strong{font-size:15px}
}

/* animation/reveal fallback safety */
.premium-reveal{opacity:0;transform:translateY(22px) scale(.988);filter:blur(8px);transition:opacity .8s var(--premium-ease),transform .85s var(--premium-ease),filter .9s var(--premium-ease)}
.premium-reveal.premium-in{opacity:1;transform:none;filter:none}
.premium-scroll-progress{position:fixed;left:0;top:0;z-index:9999;width:100%;height:2px;pointer-events:none;background:rgba(255,255,255,.03)}
.premium-scroll-progress>i{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#31c9ff,#6786ff 50%,#b456ff);box-shadow:0 0 12px rgba(77,142,255,.62);will-change:transform}

@media(prefers-reduced-motion:reduce){
  .reference-floating-card img,.reference-mascot>img,.mobile-home-card img,.mobile-home-mascot img,.mobile-home-halo,.premium-cta-spark,.pricing-future-status i,.pricing-future-cta::before{animation:none!important}
  .premium-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}

/* final micro-polish */
.reference-nav a{position:relative;transition:color .24s ease,background .24s ease,transform .24s var(--premium-ease)!important}
.reference-nav a::before{content:"";position:absolute;left:16%;right:16%;bottom:5px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,#55d7ff,#9876ff,transparent);transform:scaleX(0);opacity:.75;transition:transform .28s var(--premium-ease)}
.reference-nav a:hover,.reference-nav a.premium-active{color:#fff!important;background:rgba(18,36,82,.28)!important;transform:translateY(-1px)}
.reference-nav a:hover::before,.reference-nav a.premium-active::before{transform:scaleX(1)}

.modal{backdrop-filter:blur(18px) saturate(1.05)!important;background:rgba(1,5,18,.60)!important}
.modal-card{position:relative;overflow:hidden!important;background:linear-gradient(155deg,rgba(10,22,57,.995),rgba(6,14,38,.995))!important;border:1px solid rgba(126,159,255,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 36px 90px rgba(0,4,22,.52),0 0 45px rgba(66,91,255,.10)!important}
.modal-card::before{content:"";position:absolute;pointer-events:none;width:360px;height:360px;right:-160px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(105,79,255,.22),transparent 66%);filter:blur(18px)}
.modal-card>*{position:relative;z-index:1}
.field input{background:rgba(3,11,33,.82)!important;border-color:rgba(112,144,255,.18)!important;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.field input:focus{outline:none!important;border-color:rgba(73,196,255,.46)!important;background:rgba(5,16,43,.94)!important;box-shadow:0 0 0 3px rgba(73,160,255,.08),0 0 24px rgba(63,126,255,.08)!important}

@media(max-width:820px){
  .app-mobile-phone,.app-mobile-phone.active{left:calc(50% - 40px)!important}
  .app-mobile-phone-shadow{left:calc(50% - 40px)!important}
}
@media(max-width:430px){
  .app-mobile-phone,.app-mobile-phone.active{left:calc(50% - 36px)!important}
  .app-mobile-phone-shadow{left:calc(50% - 36px)!important}
}
.modal-submit{width:100%!important;min-height:50px!important;border-radius:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:4px!important;color:#fff!important}
.form-success{border-radius:14px!important;background:rgba(32,198,155,.08)!important;border:1px solid rgba(63,221,181,.17)!important;color:#8ff1d4!important;padding:11px 13px!important;font-size:12px!important}


/* mobile-rhythm-final.css */
/* =========================================================
   FLODent — mobile rhythm stability hotfix
   Loaded last. Removes feedback-loop sizing from the mobile
   app showcase and restores a deliberate vertical rhythm.
   ========================================================= */

@media (max-width:820px){
  /* ---------- HERO: more air around Aster and floating cards ---------- */
  .reference-mobile-stage{overflow:visible!important}
  .mobile-home-shell{padding-bottom:22px!important}
  .mobile-home-scene{
    height:clamp(590px,120vw,690px)!important;
    min-height:590px!important;
    max-height:690px!important;
    margin:28px auto 0!important;
    overflow:visible!important;
  }
  .mobile-home-halo{
    top:9%!important;
    width:62%!important;
    opacity:.62!important;
  }
  .mobile-home-mascot{
    width:58%!important;
    max-width:350px!important;
    bottom:7%!important;
  }
  .mobile-home-card.points{
    left:-4%!important;top:0!important;width:38%!important;
    transform:rotate(-4deg)!important;
  }
  .mobile-home-card.appointment{
    right:-4%!important;top:0!important;width:40%!important;
    transform:rotate(4deg)!important;
  }
  .mobile-home-card.habits{
    left:-4%!important;bottom:1%!important;width:39%!important;
    transform:rotate(-1.3deg)!important;
  }
  .mobile-home-card.calendar{
    right:-4%!important;bottom:1%!important;width:39%!important;
    transform:rotate(1.3deg)!important;
  }

  /* The second screen starts after the hero, not inside it. */
  #product.returns-screen{
    min-height:auto!important;
    padding-top:30px!important;
    padding-bottom:22px!important;
  }

  /* ---------- APP SHOWCASE: normal document flow, no growing spacer ---------- */
  #patient-impact.app-showcase-section{
    height:auto!important;
    min-height:0!important;
    padding:38px 12px 28px!important;
    overflow:visible!important;
  }
  .app-showcase-mobile{
    gap:14px!important;
    margin-bottom:0!important;
  }
  .app-mobile-heading{margin-bottom:4px!important}
  .app-mobile-stage{margin:0 0 2px!important}

  /* Keep the phone centered and give the row enough visual breathing room. */
  .app-mobile-visual{
    height:clamp(500px,96vw,585px)!important;
  }
  .app-mobile-phone,
  .app-mobile-phone.active{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%) scale(1)!important;
  }
  .app-mobile-phone:not(.active){
    transform:translate(-50%,-50%) scale(.982)!important;
  }
  .app-mobile-phone-shadow{left:50%!important}

  /* Critical fix: active copy is in normal flow. No CSS variable height,
     no absolute inset=0 panel, no ResizeObserver feedback loop. */
  .app-mobile-copy-stack{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    margin:0!important;
    transition:none!important;
  }
  .app-mobile-copy{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(8px)!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .app-mobile-copy.active{
    display:flex!important;
    flex-direction:column!important;
    gap:11px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .app-mobile-copy p{
    margin:0!important;
    padding:0 3px!important;
  }
  .app-mobile-benefits-card{
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }

  /* ---------- PRICING: immediately follows showcase ---------- */
  #pricing.section.screen-fit,
  #pricing.pricing-future{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:30px 14px 34px!important;
  }
  .pricing-future-head{margin-top:0!important}
  .pricing-future-grid{margin-top:0!important}

  /* Footer should follow pricing naturally as well. */
  .site-legal-footer{margin-top:0!important}
}

@media (max-width:430px){
  .mobile-home-scene{
    height:590px!important;
    min-height:590px!important;
    max-height:590px!important;
    margin-top:26px!important;
  }
  .mobile-home-mascot{width:59%!important;bottom:7%!important}
  .mobile-home-card.points{left:-5%!important;width:39%!important}
  .mobile-home-card.appointment{right:-5%!important;width:41%!important}
  .mobile-home-card.habits{left:-5%!important;width:40%!important;bottom:1%!important}
  .mobile-home-card.calendar{right:-5%!important;width:40%!important;bottom:1%!important}

  #patient-impact.app-showcase-section{padding:34px 12px 26px!important}
  .app-mobile-visual{height:505px!important}
  #pricing.section.screen-fit,#pricing.pricing-future{padding-top:28px!important}
}

@media (max-width:820px){
  /* Mobile should never reserve space for offscreen reveal states. */
  #pricing .premium-reveal,
  .site-legal-footer .premium-reveal{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}


/* pricing-offers-final.css */
/* FLODent — commercial offer, final sales-focused version */
.pricing-offers{position:relative;padding:62px 0 72px!important;min-height:auto!important;overflow:visible}
.pricing-offers-shell{position:relative}
.pricing-offers-shell::before{content:"";position:absolute;left:-13%;top:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(34,140,255,.12),transparent 68%);filter:blur(26px);pointer-events:none}
.pricing-offers-shell::after{content:"";position:absolute;right:-15%;top:16%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(146,70,255,.12),transparent 69%);filter:blur(28px);pointer-events:none}
.pricing-offers-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin:0 0 30px}
.pricing-offers-eyebrow{display:inline-flex!important;align-items:center;gap:9px}
.pricing-offers-eyebrow i{width:8px;height:8px;border-radius:50%;background:#65e7ff;box-shadow:0 0 14px rgba(101,231,255,.75)}
.pricing-offers-title{margin:14px 0 12px!important;max-width:860px;font-size:clamp(42px,4vw,66px)!important;line-height:.96!important;letter-spacing:-.05em!important}
.pricing-offers-lead{max-width:720px;margin:0;color:rgba(220,230,251,.76);font-size:15px;line-height:1.55}
.pricing-offers-no-limits{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-width:220px;padding:13px 15px;border-radius:20px;border:1px solid rgba(105,160,255,.20);background:linear-gradient(145deg,rgba(12,27,68,.86),rgba(17,17,57,.80));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 34px rgba(0,6,27,.15)}
.pricing-infinity{font-size:37px;line-height:1;font-weight:850;background:linear-gradient(135deg,#54e3ff,#7e7aff 60%,#d160ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(86,142,255,.22))}
.pricing-offers-no-limits strong,.pricing-offers-no-limits small{display:block}.pricing-offers-no-limits strong{font-size:13px;color:#eef5ff}.pricing-offers-no-limits small{margin-top:3px;font-size:10.5px;color:rgba(195,210,241,.64)}

.pricing-offers-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:stretch}
.pricing-offer-card{--mx:50%;--my:50%;position:relative;isolation:isolate;min-height:630px;padding:28px 28px 26px;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(115,151,255,.22);background:linear-gradient(152deg,rgba(9,20,53,.96),rgba(7,14,39,.97));box-shadow:inset 0 1px rgba(255,255,255,.055),0 28px 70px rgba(0,5,25,.22);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}
.pricing-offer-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(80,157,255,.13),transparent 44%);opacity:.85;pointer-events:none}
.pricing-offer-card::after{content:"";position:absolute;inset:1px;border-radius:29px;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%);pointer-events:none}
.pricing-offer-card:hover{transform:translateY(-6px);border-color:rgba(128,181,255,.34);box-shadow:inset 0 1px rgba(255,255,255,.065),0 35px 82px rgba(0,5,25,.28),0 0 30px rgba(63,110,255,.08)}
.pricing-offer-year{border-color:rgba(106,150,255,.38);background:linear-gradient(145deg,rgba(9,28,69,.985),rgba(22,14,62,.985));box-shadow:inset 0 1px rgba(255,255,255,.075),0 34px 85px rgba(11,36,121,.25),0 0 45px rgba(84,105,255,.10)}
.pricing-offer-year:hover{transform:translateY(-8px);border-color:rgba(113,211,255,.47);box-shadow:inset 0 1px rgba(255,255,255,.09),0 40px 92px rgba(11,36,121,.29),0 0 52px rgba(114,85,255,.14)}
.pricing-offer-ambient{position:absolute;z-index:-3;inset:-25%;pointer-events:none;opacity:.7;background:radial-gradient(circle at 16% 20%,rgba(40,183,255,.11),transparent 26%),radial-gradient(circle at 85% 82%,rgba(127,74,255,.10),transparent 28%);animation:pricingAmbientFloat 9s ease-in-out infinite alternate}
.pricing-year-glow{position:absolute;z-index:-2;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(111,77,255,.23),rgba(43,116,255,.08) 38%,transparent 69%);filter:blur(12px);animation:pricingYearGlow 6s ease-in-out infinite alternate}
.pricing-best-badge{position:absolute;right:24px;top:22px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:linear-gradient(100deg,rgba(34,192,255,.15),rgba(127,77,255,.21));border:1px solid rgba(120,195,255,.27);color:#eaf5ff;font-size:10.5px;font-weight:850;letter-spacing:.02em;box-shadow:0 0 22px rgba(69,139,255,.12)}
.pricing-best-badge i{color:#f7d06d;font-style:normal;text-shadow:0 0 10px rgba(255,198,79,.35)}
.pricing-offer-topline{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:22px}.pricing-offer-kicker{font-size:11px;font-weight:800;color:rgba(213,226,251,.77);letter-spacing:.08em;text-transform:uppercase}.pricing-offer-number{margin-left:auto;color:rgba(122,158,255,.42);font-size:11px;font-weight:850;letter-spacing:.16em}.pricing-offer-year .pricing-offer-number{margin-right:132px}
.pricing-offer-icon{position:relative;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(111,159,255,.18);background:linear-gradient(145deg,rgba(28,70,147,.36),rgba(17,27,70,.62));box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 18px rgba(0,5,25,.14)}
.pricing-offer-icon::before,.pricing-offer-setup-icon::before{content:"";width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain}
.pricing-offer-icon.calendar::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236bd8ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
.pricing-offer-icon.crown::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0d17b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 7 4 4 5-7 5 7 4-4-2 11H5L3 7Z'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E")}
.pricing-offer-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pricing-offer-title-row h3{margin:0 0 8px;font-size:35px;line-height:1;letter-spacing:-.045em}.pricing-offer-title-row p{max-width:460px;margin:0;color:rgba(205,219,246,.66);font-size:13.5px;line-height:1.46}
.pricing-save-orb{flex:0 0 auto;display:grid;gap:4px;min-width:120px;padding:12px 14px;border-radius:18px;text-align:right;background:linear-gradient(135deg,rgba(29,204,255,.09),rgba(121,73,255,.15));border:1px solid rgba(107,177,255,.20);box-shadow:inset 0 1px rgba(255,255,255,.04)}.pricing-save-orb small{font-size:9px;color:rgba(206,220,249,.63);text-transform:uppercase;letter-spacing:.09em}.pricing-save-orb strong{font-size:15px;color:#74e3ff;letter-spacing:-.02em}
.pricing-offer-price{display:flex;align-items:flex-end;gap:9px;margin:29px 0 22px}.pricing-offer-price strong{font-size:56px;line-height:.9;letter-spacing:-.055em;font-weight:870;background:linear-gradient(90deg,#f7fbff 10%,#b1c7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-offer-price span{padding-bottom:5px;font-size:13px;font-weight:700;color:rgba(185,201,233,.60)}.pricing-offer-price.yearly strong{background:linear-gradient(90deg,#f8fbff,#7ee5ff 46%,#a88aff 88%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(62,177,255,.10))}
.pricing-effective-price{display:flex;align-items:baseline;gap:8px;margin:-8px 0 19px}.pricing-effective-price span{font-size:14px;font-weight:800;color:#84dfff}.pricing-effective-price small{font-size:10.5px;color:rgba(183,201,235,.52)}
.pricing-offer-setup{display:flex;align-items:center;gap:12px;padding:13px 14px;margin:0 0 21px;border-radius:18px;border:1px solid rgba(109,148,255,.17);background:rgba(13,29,68,.66)}.pricing-offer-setup>div small,.pricing-offer-setup>div strong,.pricing-bonus-chip small,.pricing-bonus-chip strong{display:block}.pricing-offer-setup small,.pricing-bonus-chip small{font-size:9.5px;color:rgba(188,205,235,.55);margin-bottom:3px}.pricing-offer-setup strong{font-size:14px;color:#f1f6ff}.pricing-offer-setup-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(35,67,132,.26);border:1px solid rgba(107,147,255,.15)}
.pricing-offer-setup-icon.plug::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2379dfff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7V3M15 7V3M7 7h10v4a5 5 0 0 1-5 5v5M9 21h6'/%3E%3C/svg%3E")}
.pricing-year-bonuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}.pricing-bonus-chip{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;border:1px solid rgba(111,149,255,.16);background:rgba(11,27,66,.64)}.pricing-bonus-chip.free{border-color:rgba(69,211,176,.20);background:linear-gradient(145deg,rgba(12,53,73,.56),rgba(11,28,65,.67))}.pricing-bonus-chip strong{font-size:12.5px;color:#eef6ff}.pricing-bonus-chip.free strong{color:#6ce8c8}
.pricing-offer-setup-icon.rocket::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236ce8c8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6c3-3 6-3 6-3s0 3-3 6l-5 5-4-4 6-4Z'/%3E%3Cpath d='M8 10H5l-2 3 5 1M12 14v5l-3 2-1-7M9 15l-3 3'/%3E%3C/svg%3E")}
.pricing-offer-setup-icon.team::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9dff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M16 5a3 3 0 0 1 0 6M18 14a5 5 0 0 1 3 4v2'/%3E%3C/svg%3E")}
.pricing-offer-features{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}.pricing-offer-features li{position:relative;padding-left:29px;color:#dde8fb;font-size:13px;line-height:1.35}.pricing-offer-features li::before{content:"✓";position:absolute;left:0;top:-1px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(40,214,167,.09);box-shadow:inset 0 0 0 1px rgba(67,226,186,.14);color:#68e9c8;font-size:10px;font-weight:900}.pricing-offer-features.yearly li::before{background:rgba(86,197,255,.10);box-shadow:inset 0 0 0 1px rgba(92,190,255,.16);color:#70dcff}
.pricing-offer-action{margin-top:auto;min-height:53px;width:100%;border-radius:17px;border:1px solid rgba(111,158,255,.22);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 21px;font:inherit;font-size:13px;font-weight:800;color:#eef5ff;cursor:pointer;transition:.28s cubic-bezier(.2,.8,.2,1)}.pricing-offer-action.secondary{background:linear-gradient(145deg,rgba(14,31,73,.82),rgba(10,20,50,.90))}.pricing-offer-action.primary{position:relative;overflow:hidden;background:linear-gradient(100deg,#21c4ff 0%,#4b8cff 48%,#a64fff 100%);border-color:rgba(175,221,255,.26);box-shadow:0 16px 35px rgba(49,95,255,.23),0 0 24px rgba(103,74,255,.10);color:#fff}.pricing-offer-action:hover{transform:translateY(-2px);border-color:rgba(132,202,255,.38);box-shadow:0 18px 38px rgba(0,6,27,.22)}.pricing-offer-action.primary::before{content:"";position:absolute;top:-80%;bottom:-80%;left:-38%;width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transform:skewX(-18deg);animation:pricingButtonSheen 4.8s ease-in-out infinite}.pricing-offer-action span,.pricing-offer-action b{position:relative;z-index:1}.pricing-offer-action b{font-size:18px;font-weight:400}
.pricing-card-shimmer{position:absolute;top:-55%;bottom:-55%;left:-35%;width:12%;background:linear-gradient(90deg,transparent,rgba(198,233,255,.10),transparent);transform:skewX(-16deg);pointer-events:none;animation:pricingCardSheen 7.5s ease-in-out infinite}

.pricing-unlimited-strip{position:relative;z-index:1;margin-top:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:19px 21px;border-radius:25px;border:1px solid rgba(111,160,255,.20);background:linear-gradient(105deg,rgba(8,24,62,.95),rgba(16,19,57,.94));box-shadow:inset 0 1px rgba(255,255,255,.05),0 20px 48px rgba(0,6,28,.15);overflow:hidden}.pricing-unlimited-strip::before{content:"";position:absolute;inset:-100% -20%;background:linear-gradient(100deg,transparent 33%,rgba(78,163,255,.08) 50%,transparent 67%);animation:pricingStripSweep 8s linear infinite;pointer-events:none}.pricing-unlimited-mark{position:relative;z-index:1;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;border:1px solid rgba(110,175,255,.23);background:rgba(26,57,130,.28);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 20px rgba(58,126,255,.10)}.pricing-unlimited-mark span{font-size:32px;font-weight:900;line-height:1;background:linear-gradient(135deg,#53e3ff,#8a7bff,#d45fff);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-unlimited-copy{position:relative;z-index:1}.pricing-unlimited-kicker{display:block;margin-bottom:3px;color:#6cddff;font-size:9.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.pricing-unlimited-copy strong{display:block;font-size:16px;color:#f0f6ff;letter-spacing:-.015em}.pricing-unlimited-copy p{margin:4px 0 0;color:rgba(198,213,241,.64);font-size:11.5px;line-height:1.4}.pricing-unlimited-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.pricing-unlimited-pills span{padding:8px 10px;border-radius:999px;border:1px solid rgba(106,149,255,.15);background:rgba(13,30,70,.66);color:#d7e6ff;font-size:10px;font-weight:750;white-space:nowrap}.pricing-unlimited-pills span:last-child{color:#71e9c9;border-color:rgba(76,217,178,.17);background:rgba(18,75,73,.25)}
.pricing-footnote{position:relative;z-index:1;margin:11px 2px 0;color:rgba(174,191,224,.48);font-size:10.5px;text-align:center}

@keyframes pricingAmbientFloat{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.07)}}
@keyframes pricingYearGlow{from{transform:scale(.9);opacity:.55}to{transform:scale(1.08);opacity:.88}}
@keyframes pricingButtonSheen{0%,55%{left:-38%;opacity:0}62%{opacity:1}80%{left:125%;opacity:.65}86%,100%{left:125%;opacity:0}}
@keyframes pricingCardSheen{0%,58%{left:-35%;opacity:0}63%{opacity:1}82%{left:125%;opacity:.75}88%,100%{left:125%;opacity:0}}
@keyframes pricingStripSweep{from{transform:translateX(-35%)}to{transform:translateX(35%)}}

@media (max-width:900px){
  .pricing-offers{padding:42px 14px 46px!important}
  .pricing-offers-head{display:block;margin-bottom:20px}.pricing-offers-title{font-size:clamp(38px,9vw,50px)!important}.pricing-offers-lead{font-size:13.5px}.pricing-offers-no-limits{margin-top:13px;width:max-content;min-width:0;padding:10px 13px;border-radius:17px}.pricing-infinity{font-size:31px}
  .pricing-offers-grid{grid-template-columns:1fr;gap:14px}.pricing-offer-card{min-height:auto;padding:21px;border-radius:25px}.pricing-offer-card::after{border-radius:24px}.pricing-offer-card:hover,.pricing-offer-year:hover{transform:none}.pricing-offer-year{order:2}.pricing-best-badge{right:18px;top:17px}.pricing-offer-topline{margin-bottom:18px}.pricing-offer-year .pricing-offer-number{margin-right:123px}.pricing-offer-title-row h3{font-size:31px}.pricing-offer-title-row p{font-size:12.8px}.pricing-save-orb{min-width:108px;padding:10px 11px}.pricing-save-orb strong{font-size:13.5px}.pricing-offer-price{margin:23px 0 18px}.pricing-offer-price strong{font-size:48px}.pricing-offer-setup{margin-bottom:17px}.pricing-year-bonuses{margin-bottom:17px}.pricing-offer-features{gap:8px;margin-bottom:20px}.pricing-offer-features li{font-size:12.5px}.pricing-offer-action{min-height:50px}
  .pricing-unlimited-strip{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:16px;border-radius:22px}.pricing-unlimited-mark{width:45px;height:45px}.pricing-unlimited-pills{grid-column:1/-1;justify-content:flex-start;padding-left:58px}.pricing-unlimited-copy strong{font-size:14px}.pricing-unlimited-copy p{font-size:11px}
}
@media (max-width:470px){
  .pricing-offers{padding:34px 14px 38px!important}.pricing-offers-title{font-size:36px!important}.pricing-offers-head{margin-bottom:16px}.pricing-offers-no-limits{margin-top:11px}.pricing-offer-card{padding:18px;border-radius:23px}.pricing-offer-card::after{border-radius:22px}.pricing-offer-topline{min-height:39px;margin-bottom:14px}.pricing-offer-icon{width:34px;height:34px;border-radius:11px}.pricing-offer-kicker{font-size:9.5px}.pricing-offer-year .pricing-offer-number{display:none}.pricing-best-badge{right:14px;top:14px;padding:7px 9px;font-size:9.5px}.pricing-offer-title-row{gap:10px}.pricing-offer-title-row h3{font-size:29px}.pricing-offer-title-row p{font-size:12px;line-height:1.4}.pricing-save-orb{min-width:98px;padding:9px 10px;border-radius:14px}.pricing-save-orb strong{font-size:12.5px}.pricing-offer-price{margin:20px 0 17px}.pricing-offer-price strong{font-size:43px}.pricing-offer-price span{font-size:11px}.pricing-effective-price{margin:-7px 0 15px}.pricing-effective-price span{font-size:12px}.pricing-effective-price small{font-size:9.5px}.pricing-year-bonuses{gap:7px}.pricing-bonus-chip{padding:9px;border-radius:14px}.pricing-offer-setup-icon{width:31px;height:31px;border-radius:10px}.pricing-bonus-chip strong{font-size:11.5px}.pricing-bonus-chip small,.pricing-offer-setup small{font-size:8.5px}.pricing-offer-features li{font-size:12px;padding-left:27px}.pricing-offer-action{font-size:12px;padding:0 15px}.pricing-offer-action.primary span{max-width:230px}.pricing-unlimited-strip{padding:14px}.pricing-unlimited-pills{padding-left:0}.pricing-unlimited-pills span{font-size:9px;padding:7px 8px}.pricing-footnote{font-size:9.5px;line-height:1.35}
}
@media (prefers-reduced-motion:reduce){.pricing-offer-ambient,.pricing-year-glow,.pricing-offer-action.primary::before,.pricing-card-shimmer,.pricing-unlimited-strip::before{animation:none!important}}


/* visual-unification-final.css */
/* FLODent — final visual unification & sales polish */
:root{
  --fx-cyan:#36d7ff;
  --fx-blue:#4e8cff;
  --fx-violet:#8d6cff;
  --fx-magenta:#d353ff;
  --fx-green:#55e9a8;
  --fx-ink:#050b22;
  --fx-panel:#091631;
  --fx-line:rgba(117,160,255,.26);
}
html{scroll-behavior:smooth}
body.reference-homepage{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#f7f9ff}
body.reference-homepage main>section{position:relative;isolation:isolate}
body.reference-homepage main>section::after{content:"";position:absolute;inset:8% 4% auto 4%;height:34%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(38,108,255,.055),transparent 70%);filter:blur(34px)}

/* Global typography hierarchy */
.eyebrow,.returns-screen-pill,.app-pill,.pricing-offers-eyebrow{
  border:1px solid rgba(126,159,255,.26)!important;
  background:linear-gradient(180deg,rgba(14,28,67,.92),rgba(7,17,43,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 10px 25px rgba(0,5,28,.16)!important;
  color:#eaf3ff!important;
  letter-spacing:.035em;
}
.section-title,.returns-screen-intro h2,.app-info-panel h2,.app-mobile-heading h2{
  text-wrap:balance;
  text-shadow:0 12px 42px rgba(0,0,0,.22);
}
.section-title .gradient-text,.returns-screen-intro h2 span,.app-info-panel h2 span,.app-mobile-title-accent{
  background:linear-gradient(90deg,var(--fx-cyan) 0%,#70a8ff 42%,#9d7bff 72%,var(--fx-magenta) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  filter:drop-shadow(0 0 14px rgba(95,113,255,.12));
}

/* Header/navigation */
.reference-header{background:linear-gradient(180deg,rgba(3,9,28,.70),rgba(3,9,28,.25));backdrop-filter:blur(10px)}
.reference-nav a{position:relative;color:rgba(232,239,255,.82)!important;font-weight:650!important;transition:color .25s ease,transform .25s ease,text-shadow .25s ease!important}
.reference-nav a::after{content:"";position:absolute;left:15%;right:15%;bottom:-7px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--fx-cyan),var(--fx-violet),var(--fx-magenta));transform:scaleX(0);opacity:0;transition:.25s ease;box-shadow:0 0 12px rgba(77,143,255,.45)}
.reference-nav a:hover{color:#fff!important;transform:translateY(-1px);text-shadow:0 0 14px rgba(107,161,255,.28)}
.reference-nav a:hover::after{transform:scaleX(1);opacity:1}
.reference-header-phone{background:rgba(8,18,47,.82)!important;border-color:rgba(100,149,255,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 22px rgba(0,4,22,.12)!important}

/* Premium CTAs across site */
.reference-button.reference-primary,.premium-offer-cta,.btn-primary,.pricing-offer-action.primary{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(105deg,#24c9ff 0%,#3b97ff 37%,#696dff 68%,#b34cff 100%)!important;
  border:1px solid rgba(207,232,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -12px 24px rgba(35,26,138,.14),0 14px 36px rgba(55,84,255,.24),0 0 26px rgba(114,65,255,.13)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease!important;
}
.reference-button.reference-primary::after,.premium-offer-cta::after,.btn-primary::after{content:"";position:absolute;top:-90%;bottom:-90%;left:-34%;width:18%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:skewX(-18deg);animation:eliteCtaSheen 5.2s ease-in-out infinite}
.reference-button.reference-primary:hover,.premium-offer-cta:hover,.btn-primary:hover,.pricing-offer-action.primary:hover{transform:translateY(-3px) scale(1.008)!important;filter:saturate(1.08);box-shadow:inset 0 1px rgba(255,255,255,.28),0 20px 46px rgba(55,84,255,.30),0 0 34px rgba(132,71,255,.20)!important}
.premium-cta-copy strong{font-weight:860!important;letter-spacing:-.015em}.premium-cta-copy small{color:rgba(244,249,255,.82)!important}

/* Secondary panels and cards */
.returns-screen-panel,.app-benefits-card,.app-stat-card,.app-mobile-benefits-card,.legal-security-note,.legal-operator-disclosure,.legal-footer-doc-links a{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 50px rgba(0,5,27,.16)!important;
}
.returns-screen-panel{transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s ease,box-shadow .36s ease!important}
.returns-screen-panel:hover{transform:translateY(-4px);filter:saturate(1.05);box-shadow:inset 0 1px rgba(255,255,255,.07),0 28px 64px rgba(0,5,27,.22),0 0 30px rgba(72,126,255,.08)!important}
.app-menu-btn,.app-mobile-tab{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease!important}
.app-menu-btn:hover,.app-mobile-tab:hover{transform:translateY(-2px);border-color:rgba(135,181,255,.36)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 38px rgba(0,4,24,.22),0 0 22px rgba(71,108,255,.09)!important}
.app-menu-btn.active,.app-mobile-tab.active{box-shadow:inset 0 1px rgba(255,255,255,.15),0 18px 40px rgba(62,67,225,.25),0 0 28px rgba(125,72,255,.16)!important}

/* ===== Pricing — reference-faithful premium layout ===== */
.pricing-offers{padding:72px 0 72px!important}
.pricing-offers-shell{max-width:1460px!important}
.pricing-offers-head{margin-bottom:34px!important;align-items:center!important}
.pricing-offers-title{max-width:760px!important;font-size:clamp(50px,4.25vw,74px)!important;line-height:.94!important}
.pricing-offers-lead{font-size:16px!important;line-height:1.55!important;max-width:690px!important;color:rgba(225,234,251,.72)!important}
.pricing-offers-no-limits{min-width:230px!important;padding:14px 18px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(10,24,59,.96),rgba(15,16,52,.96))!important;border-color:rgba(111,157,255,.27)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 42px rgba(0,5,25,.20),0 0 26px rgba(80,111,255,.07)!important}
.pricing-offers-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;gap:30px!important;align-items:stretch!important}
.pricing-offer-card{min-height:690px!important;padding:34px 34px 30px!important;border-radius:34px!important;border:1px solid rgba(103,166,255,.32)!important;background:linear-gradient(155deg,rgba(7,19,49,.99),rgba(5,12,34,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 30px 78px rgba(0,5,26,.28)!important}
.pricing-offer-card::after{border-radius:33px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%)!important}
.pricing-offer-monthly{border-color:rgba(68,172,255,.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 30px 70px rgba(0,5,26,.23),0 0 28px rgba(33,126,255,.06)!important}
.pricing-offer-year{border-color:rgba(111,206,255,.76)!important;background:radial-gradient(circle at 78% 14%,rgba(91,61,255,.18),transparent 28%),linear-gradient(145deg,rgba(10,28,67,.995),rgba(23,12,63,.995))!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 36px 90px rgba(18,34,118,.30),0 0 0 1px rgba(64,134,255,.18),0 0 44px rgba(62,142,255,.22),0 0 62px rgba(196,69,255,.10)!important}
.pricing-offer-year::after{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 20%)!important}
.pricing-offer-card:hover{transform:translateY(-7px)!important}.pricing-offer-year:hover{transform:translateY(-9px)!important}
.pricing-offer-topline{margin-bottom:25px!important}.pricing-offer-icon{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(150deg,rgba(19,73,153,.60),rgba(12,26,67,.92))!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 10px 24px rgba(0,6,29,.20),0 0 20px rgba(60,155,255,.10)!important}
.pricing-offer-year .pricing-offer-icon{background:linear-gradient(145deg,rgba(91,50,180,.72),rgba(33,22,95,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 25px rgba(38,13,94,.24),0 0 22px rgba(178,77,255,.16)!important}
.pricing-offer-kicker{font-size:13px!important;letter-spacing:.13em!important;color:rgba(235,242,255,.88)!important}
.pricing-offer-number{display:none!important}
.pricing-offer-title-row{padding-bottom:26px;border-bottom:1px solid rgba(114,150,255,.13)!important}
.pricing-offer-title-row h3{font-size:52px!important;letter-spacing:-.055em!important;margin-bottom:10px!important}.pricing-offer-title-row p{font-size:17px!important;line-height:1.45!important;max-width:550px!important;color:rgba(219,229,247,.72)!important}
.pricing-offer-price{margin:34px 0 27px!important;gap:14px!important}.pricing-offer-price strong{font-size:78px!important;letter-spacing:-.065em!important;background:linear-gradient(95deg,#ffffff 0%,#f4f8ff 47%,#8fb8ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 8px 22px rgba(0,0,0,.12))}.pricing-offer-price.yearly strong{font-size:80px!important;background:linear-gradient(95deg,#fff 0%,#f5f8ff 38%,#a4adff 67%,#d35dff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.pricing-offer-price span{font-size:19px!important;padding-bottom:9px!important;color:rgba(212,221,243,.68)!important}
.pricing-save-orb{min-width:168px!important;padding:17px 18px!important;border-radius:22px!important;background:linear-gradient(150deg,rgba(15,32,78,.96),rgba(15,22,61,.96))!important;border-color:rgba(121,158,255,.27)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 14px 30px rgba(0,5,28,.18)!important;text-align:center!important}.pricing-save-orb small{font-size:11px!important}.pricing-save-orb strong{font-size:22px!important;color:var(--fx-green)!important}.pricing-save-orb::after{content:"−27% выгоды";display:inline-flex;margin-top:7px;padding:5px 9px;border-radius:999px;background:rgba(26,138,97,.35);border:1px solid rgba(85,233,168,.18);color:#68efb2;font-size:10px;font-weight:850;letter-spacing:.015em}
.pricing-effective-price{margin:-10px 0 24px!important}.pricing-effective-price span{font-size:18px!important;color:#6dd8ff!important}.pricing-effective-price small{font-size:12px!important}
.pricing-offer-setup{padding:17px 18px!important;border-radius:20px!important;margin-bottom:25px!important;background:linear-gradient(145deg,rgba(12,30,70,.96),rgba(9,21,54,.96))!important;border-color:rgba(107,155,255,.23)!important}.pricing-offer-setup-icon{width:48px!important;height:48px!important;border-radius:15px!important}.pricing-offer-setup small,.pricing-bonus-chip small{font-size:12px!important}.pricing-offer-setup strong{font-size:19px!important}
.pricing-year-bonuses{gap:16px!important;margin-bottom:25px!important}.pricing-bonus-chip{padding:16px 17px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(12,29,69,.96),rgba(10,22,55,.96))!important;border-color:rgba(113,155,255,.23)!important}.pricing-bonus-chip.free{background:linear-gradient(145deg,rgba(8,69,69,.88),rgba(8,33,59,.97))!important;border-color:rgba(62,229,178,.35)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 22px rgba(51,224,171,.08)!important}.pricing-bonus-chip strong{font-size:17px!important}.pricing-bonus-chip.free strong{color:#65f0b4!important}
.pricing-offer-features{gap:14px!important;margin-bottom:28px!important}.pricing-offer-features li{font-size:16px!important;line-height:1.4!important;padding-left:34px!important}.pricing-offer-features li::before{width:23px!important;height:23px!important;font-size:12px!important;top:0!important;background:rgba(61,119,226,.20)!important;box-shadow:inset 0 0 0 1px rgba(92,159,255,.32)!important;color:#b4d6ff!important}.pricing-offer-year .pricing-offer-features li::before{background:rgba(104,62,206,.28)!important;box-shadow:inset 0 0 0 1px rgba(151,113,255,.44)!important;color:#d9c8ff!important}
.pricing-offer-action{min-height:66px!important;border-radius:20px!important;padding:0 24px 0 28px!important;font-size:17px!important;letter-spacing:-.01em!important}.pricing-offer-action.secondary{background:linear-gradient(145deg,rgba(8,22,57,.98),rgba(6,15,41,.99))!important;border-color:rgba(102,156,255,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,5,25,.16)!important}.pricing-offer-action.secondary:hover{background:linear-gradient(145deg,rgba(12,31,75,.99),rgba(8,20,50,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 34px rgba(0,5,25,.22),0 0 22px rgba(67,128,255,.12)!important}.pricing-offer-action.primary{background:linear-gradient(105deg,#c636f1 0%,#9351ff 36%,#4d6fff 66%,#2f9eff 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 18px 42px rgba(71,70,255,.30),0 0 28px rgba(199,54,241,.14)!important}
.pricing-best-badge{right:28px!important;top:0!important;transform:translateY(-1px);padding:14px 22px!important;border-radius:0 0 0 24px!important;background:linear-gradient(105deg,#9648ff,#c13df0)!important;border:0!important;color:#fff!important;font-size:15px!important;letter-spacing:.015em!important;box-shadow:0 12px 28px rgba(144,52,245,.26),0 0 25px rgba(193,61,240,.16)!important}.pricing-best-badge i{font-size:16px!important;color:#fff!important}

/* Unlimited promise — a premium third sales block */
.pricing-unlimited-strip{margin-top:28px!important;padding:25px 28px!important;border-radius:30px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:24px!important;border-color:rgba(102,157,255,.28)!important;background:radial-gradient(circle at 84% 20%,rgba(105,62,255,.12),transparent 27%),linear-gradient(105deg,rgba(7,22,57,.995),rgba(13,16,51,.995))!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 26px 58px rgba(0,5,28,.22),0 0 30px rgba(59,115,255,.07)!important}.pricing-unlimited-strip::after{content:"";position:absolute;inset:1px;border-radius:29px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 27%)}
.pricing-unlimited-mark{width:72px!important;height:72px!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(25,74,163,.52),rgba(30,26,103,.60))!important;border-color:rgba(104,181,255,.36)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 0 28px rgba(72,128,255,.14)!important}.pricing-unlimited-mark span{font-size:45px!important}
.pricing-unlimited-kicker{font-size:11px!important;color:#6ee7ff!important}.pricing-unlimited-copy strong{font-size:22px!important;letter-spacing:-.03em!important}.pricing-unlimited-copy p{font-size:14px!important;max-width:760px!important;color:rgba(210,223,247,.68)!important}
.pricing-unlimited-pills{gap:10px!important}.pricing-unlimited-pills span{padding:11px 14px!important;font-size:12px!important;background:rgba(9,25,62,.96)!important;border-color:rgba(107,151,255,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}.pricing-unlimited-pills span:last-child{background:rgba(15,77,65,.58)!important;border-color:rgba(76,221,177,.30)!important;color:#6ff0bd!important}
.pricing-footnote{margin-top:16px!important;font-size:12px!important;color:rgba(183,198,225,.54)!important}

/* Footer polish */
.site-legal-footer{border-top:1px solid rgba(111,155,255,.15);background:linear-gradient(180deg,rgba(4,10,27,.40),rgba(3,8,23,.92))!important}.legal-footer-shell{padding-top:34px!important}.legal-footer-logo img{filter:drop-shadow(0 8px 18px rgba(67,126,255,.12))}

@keyframes eliteCtaSheen{0%,55%{left:-34%;opacity:0}62%{opacity:1}80%{left:126%;opacity:.75}86%,100%{left:126%;opacity:0}}

/* Mobile refinement */
@media(max-width:900px){
  body.reference-homepage main>section::after{display:none}
  .pricing-offers{padding:46px 14px 52px!important}.pricing-offers-head{margin-bottom:22px!important}.pricing-offers-title{font-size:clamp(39px,9.7vw,50px)!important}.pricing-offers-lead{font-size:14px!important}.pricing-offers-no-limits{min-width:0!important}
  .pricing-offers-grid{grid-template-columns:1fr!important;gap:18px!important}.pricing-offer-card{min-height:auto!important;padding:24px!important;border-radius:28px!important}.pricing-offer-card::after{border-radius:27px!important}.pricing-offer-year{order:2}.pricing-offer-title-row{padding-bottom:19px!important}.pricing-offer-title-row h3{font-size:38px!important}.pricing-offer-title-row p{font-size:14px!important}.pricing-offer-price{margin:25px 0 20px!important}.pricing-offer-price strong,.pricing-offer-price.yearly strong{font-size:56px!important}.pricing-offer-price span{font-size:14px!important;padding-bottom:6px!important}.pricing-save-orb{min-width:125px!important;padding:12px!important}.pricing-save-orb strong{font-size:16px!important}.pricing-save-orb::after{font-size:8.5px!important;padding:4px 7px!important}.pricing-effective-price span{font-size:14px!important}.pricing-year-bonuses{gap:10px!important}.pricing-bonus-chip{padding:12px!important}.pricing-bonus-chip strong{font-size:13px!important}.pricing-offer-features{gap:10px!important}.pricing-offer-features li{font-size:13px!important}.pricing-offer-action{min-height:56px!important;font-size:14px!important}.pricing-best-badge{right:0!important;top:0!important;padding:10px 14px!important;border-radius:0 0 0 19px!important;font-size:11px!important}
  .pricing-unlimited-strip{grid-template-columns:auto 1fr!important;padding:20px!important;gap:15px!important;border-radius:25px!important}.pricing-unlimited-mark{width:54px!important;height:54px!important;border-radius:18px!important}.pricing-unlimited-mark span{font-size:35px!important}.pricing-unlimited-copy strong{font-size:17px!important}.pricing-unlimited-copy p{font-size:12px!important}.pricing-unlimited-pills{grid-column:1/-1!important;justify-content:flex-start!important;padding-left:69px!important}
}
@media(max-width:470px){
  .pricing-offers{padding:38px 14px 42px!important}.pricing-offers-title{font-size:37px!important}.pricing-offer-card{padding:20px!important;border-radius:25px!important}.pricing-offer-card::after{border-radius:24px!important}.pricing-offer-icon{width:40px!important;height:40px!important;border-radius:13px!important}.pricing-offer-kicker{font-size:10px!important}.pricing-offer-title-row h3{font-size:34px!important}.pricing-offer-title-row p{font-size:12.5px!important}.pricing-offer-price strong,.pricing-offer-price.yearly strong{font-size:47px!important}.pricing-save-orb{min-width:110px!important}.pricing-save-orb strong{font-size:14px!important}.pricing-year-bonuses{grid-template-columns:1fr!important}.pricing-offer-setup{padding:13px!important}.pricing-offer-setup strong{font-size:15px!important}.pricing-offer-action{font-size:12.5px!important}.pricing-unlimited-strip{padding:16px!important}.pricing-unlimited-pills{padding-left:0!important}.pricing-unlimited-pills span{font-size:10px!important;padding:8px 10px!important}
}
@media(prefers-reduced-motion:reduce){.reference-button.reference-primary::after,.premium-offer-cta::after,.btn-primary::after{animation:none!important}}

/* ===== Whole-site product polish ===== */
.reference-floating-card img,.mobile-card img{filter:drop-shadow(0 22px 34px rgba(0,0,0,.28)) drop-shadow(0 0 20px rgba(72,115,255,.18))!important;transition:filter .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.reference-floating-card:hover img{filter:drop-shadow(0 28px 42px rgba(0,0,0,.34)) drop-shadow(0 0 28px rgba(77,139,255,.25))!important}
.reference-mascot img,.mobile-mascot{filter:drop-shadow(0 28px 55px rgba(0,0,0,.30)) drop-shadow(0 0 22px rgba(72,110,255,.15))!important}
.reference-copy p,.returns-screen-intro p,.app-info-panel p,.app-mobile-copy p{color:rgba(229,236,250,.82)!important;font-weight:450;letter-spacing:-.005em}

/* Returns screen */
.returns-screen-pill{padding-inline:17px!important;border-radius:999px!important}
.returns-screen-intro h2{letter-spacing:-.055em!important;line-height:.95!important}
.returns-screen-intro p{font-size:clamp(15px,1.2vw,18px)!important;max-width:780px!important}
.returns-screen-panel{border:1px solid rgba(106,154,255,.23)!important;background:linear-gradient(155deg,rgba(9,20,52,.94),rgba(6,13,36,.97))!important;overflow:hidden!important}
.returns-screen-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 20%);opacity:.85}
.returns-screen-mascot::after{content:"";position:absolute;left:12%;right:12%;bottom:3%;height:24%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(48,98,255,.24),transparent 68%);filter:blur(26px)}
.returns-screen-brand{filter:drop-shadow(0 18px 32px rgba(0,0,0,.24))}

/* App showcase */
.app-info-panel h2,.app-mobile-heading h2{font-weight:840!important;letter-spacing:-.055em!important}
.app-benefits-card,.app-stat-card,.app-mobile-benefits-card{border:1px solid rgba(111,151,255,.19)!important;background:linear-gradient(155deg,rgba(9,21,54,.97),rgba(6,14,38,.98))!important}
.app-benefits-card h3,.app-mobile-benefits-card h3{font-weight:820!important;letter-spacing:-.02em!important}
.app-benefits-card li,.app-mobile-benefits-card li{color:rgba(235,241,255,.88)!important}
.app-phone-panel img,.app-mobile-phone img{filter:drop-shadow(0 30px 55px rgba(0,0,0,.34)) drop-shadow(0 0 20px rgba(62,116,255,.12))!important}
.app-mobile-arrow{box-shadow:inset 0 1px rgba(255,255,255,.08),0 13px 26px rgba(0,5,25,.22),0 0 18px rgba(69,119,255,.10)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.app-mobile-arrow:hover{border-color:rgba(140,188,255,.40)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 17px 30px rgba(0,5,25,.25),0 0 24px rgba(79,135,255,.15)!important}

/* Modal */
.modal-card{border:1px solid rgba(117,157,255,.25)!important;background:radial-gradient(circle at 82% 8%,rgba(103,63,255,.12),transparent 27%),linear-gradient(155deg,rgba(8,20,51,.995),rgba(5,12,34,.995))!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 40px 100px rgba(0,4,20,.48),0 0 42px rgba(66,108,255,.12)!important}
.field input{background:rgba(5,13,37,.88)!important;border-color:rgba(110,151,255,.22)!important;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important}.field input:focus{outline:none!important;border-color:rgba(87,200,255,.60)!important;background:rgba(6,17,46,.95)!important;box-shadow:0 0 0 3px rgba(67,139,255,.10),0 0 22px rgba(67,139,255,.08)!important}

/* Legal footer */
.legal-footer-doc-links a{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}.legal-footer-doc-links a:hover{transform:translateY(-2px);border-color:rgba(117,174,255,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 38px rgba(0,4,23,.20)!important}

/* Soft animated section entrance line */
@media(min-width:901px){
  #product,#patient-impact,#pricing{scroll-margin-top:18px}
  #product::before,#patient-impact::before,#pricing::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(80,157,255,.20),rgba(138,89,255,.22),transparent);box-shadow:0 0 18px rgba(83,129,255,.08)}
}

/* Emotional glow on annual plan */
.pricing-offer-year{animation:eliteYearBreath 6s ease-in-out infinite alternate}
@keyframes eliteYearBreath{from{box-shadow:inset 0 1px rgba(255,255,255,.10),0 36px 90px rgba(18,34,118,.28),0 0 0 1px rgba(64,134,255,.16),0 0 38px rgba(62,142,255,.18),0 0 48px rgba(196,69,255,.08)}to{box-shadow:inset 0 1px rgba(255,255,255,.12),0 40px 98px rgba(18,34,118,.32),0 0 0 1px rgba(83,169,255,.24),0 0 54px rgba(62,164,255,.26),0 0 70px rgba(204,69,255,.14)}}
@media(prefers-reduced-motion:reduce){.pricing-offer-year{animation:none!important}}


/* offer-reference-perfect.css */
/* ======================================================================
   FLODent — reference-matched commercial offer + final visual system
   This file is loaded LAST on purpose.
   ====================================================================== */

:root{
  --elite-cyan:#55c8ff;
  --elite-blue:#5b8cff;
  --elite-violet:#9d66ff;
  --elite-magenta:#d04cff;
  --elite-green:#50efa8;
  --elite-panel:#06122f;
  --elite-panel-2:#08173b;
  --elite-line:rgba(116,157,255,.24);
  --elite-ease:cubic-bezier(.18,.82,.22,1);
}

/* ---------- whole-site typography / controls ---------- */
body.reference-homepage{font-feature-settings:"kern" 1,"liga" 1;text-rendering:geometricPrecision}
.section-title,.reference-copy h1,.reference-copy h2,.returns-screen-intro h2,.app-info-panel h2,.app-mobile-heading h2{
  text-wrap:balance;letter-spacing:-.052em!important;text-shadow:0 10px 34px rgba(0,5,32,.16)
}
.eyebrow,.returns-screen-pill,.app-pill{
  border-color:rgba(112,165,255,.27)!important;
  background:linear-gradient(180deg,rgba(13,29,72,.90),rgba(7,17,47,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,5,25,.12),0 0 20px rgba(74,132,255,.06)!important;
}
.reference-button,.btn,.pricing-offer-action,.app-menu-btn,.app-mobile-tab{
  letter-spacing:-.012em;transform:translateZ(0)
}
.reference-button,.btn,.pricing-offer-action{
  transition:transform .25s var(--elite-ease),box-shadow .25s ease,filter .25s ease,border-color .25s ease!important
}
.reference-button:hover,.btn:hover,.pricing-offer-action:hover{transform:translateY(-2px)!important;filter:brightness(1.045) saturate(1.04)}

/* ---------- commercial section: reference composition ---------- */
.pricing-offers{
  padding:72px 0 84px!important;min-height:auto!important;overflow:visible!important
}
.pricing-offers-shell{
  width:min(1400px,calc(100% - 64px))!important;margin-inline:auto!important
}
.pricing-offers-shell::before{
  left:-9%!important;top:12%!important;width:560px!important;height:560px!important;
  background:radial-gradient(circle,rgba(34,139,255,.14),transparent 69%)!important;filter:blur(38px)!important
}
.pricing-offers-shell::after{
  right:-8%!important;top:10%!important;width:620px!important;height:620px!important;
  background:radial-gradient(circle,rgba(151,62,255,.15),transparent 70%)!important;filter:blur(42px)!important
}
.pricing-offers-head{display:block!important;margin:0 0 34px!important}
.pricing-offers-eyebrow{margin-bottom:0!important}
.pricing-offers-title{max-width:920px!important;margin:15px 0 12px!important;font-size:clamp(48px,4.4vw,72px)!important;line-height:.94!important}
.pricing-offers-lead{max-width:780px!important;font-size:16px!important;line-height:1.52!important;color:rgba(224,233,252,.77)!important}
.pricing-offers-no-limits{display:none!important}

.pricing-offers-grid{
  display:grid!important;grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr)!important;
  gap:28px!important;align-items:stretch!important
}
.pricing-offer-card{
  position:relative!important;min-height:clamp(690px,73vh,835px)!important;
  padding:34px 32px 30px!important;border-radius:31px!important;overflow:hidden!important;
  border:1px solid rgba(82,135,198,.58)!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(31,99,196,.12),transparent 29%),
    linear-gradient(154deg,rgba(5,19,50,.99),rgba(4,12,34,.995))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 35px 86px rgba(0,4,24,.30)!important
}
.pricing-offer-card::after{inset:1px!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%)!important}
.pricing-offer-card:hover{transform:translateY(-4px)!important;border-color:rgba(84,159,238,.76)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 42px 95px rgba(0,4,24,.36),0 0 32px rgba(45,121,255,.10)!important}

/* annual = visual hero */
.pricing-offer-year{
  border:1px solid rgba(100,210,255,.87)!important;
  background:
    radial-gradient(circle at 80% 13%,rgba(96,79,255,.22),transparent 31%),
    radial-gradient(circle at 9% 8%,rgba(42,136,255,.14),transparent 30%),
    linear-gradient(146deg,rgba(7,26,65,.995),rgba(21,11,63,.995))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(81,93,255,.24),
    0 34px 88px rgba(10,22,107,.34),
    -10px -8px 32px rgba(59,160,255,.16),
    12px 10px 38px rgba(204,55,255,.14)!important
}
.pricing-offer-year::before{
  content:""!important;position:absolute!important;inset:-1px!important;z-index:-1!important;border-radius:32px!important;
  background:linear-gradient(135deg,#5ad8ff 0%,rgba(91,138,255,.18) 34%,rgba(163,81,255,.18) 70%,#ce4cff 100%)!important;
  filter:blur(12px)!important;opacity:.32!important;pointer-events:none!important
}
.pricing-offer-year:hover{transform:translateY(-5px)!important;border-color:#70dcff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(105,83,255,.28),0 42px 100px rgba(10,22,107,.38),-10px -8px 38px rgba(59,160,255,.22),12px 10px 46px rgba(204,55,255,.19)!important}

.pricing-best-badge{
  right:-1px!important;top:-1px!important;min-width:250px!important;min-height:62px!important;
  justify-content:center!important;padding:0 28px!important;border-radius:28px 30px 0 28px!important;
  background:linear-gradient(98deg,#8e3dff 0%,#b53cff 55%,#d14cff 100%)!important;
  border:1px solid rgba(235,204,255,.34)!important;color:#fff!important;
  font-size:16px!important;letter-spacing:.035em!important;text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 28px rgba(129,47,255,.32),0 0 30px rgba(194,61,255,.18)!important
}
.pricing-best-badge i{font-size:21px!important;color:#fff!important;text-shadow:0 0 14px rgba(255,255,255,.38)!important}

.pricing-offer-topline{min-height:50px!important;margin-bottom:25px!important;gap:15px!important}
.pricing-offer-icon{width:52px!important;height:52px!important;border-radius:17px!important;border-color:rgba(105,160,255,.25)!important;background:linear-gradient(145deg,rgba(18,72,163,.46),rgba(13,25,67,.75))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 22px rgba(0,5,25,.18),0 0 20px rgba(48,119,255,.08)!important}
.pricing-offer-year .pricing-offer-icon{background:linear-gradient(145deg,rgba(104,46,198,.56),rgba(39,21,99,.82))!important;border-color:rgba(160,113,255,.28)!important}
.pricing-offer-icon::before{width:26px!important;height:26px!important}
.pricing-offer-kicker{font-size:15px!important;font-weight:850!important;letter-spacing:.14em!important;color:#eaf2ff!important}
.pricing-offer-number{display:none!important}

.pricing-offer-title-row{position:relative!important;padding-bottom:25px!important;border-bottom:1px solid rgba(107,137,205,.18)!important;gap:24px!important}
.pricing-offer-title-row h3{font-size:clamp(52px,4vw,66px)!important;line-height:.98!important;margin:0 0 12px!important;letter-spacing:-.055em!important}
.pricing-offer-title-row p{max-width:520px!important;font-size:20px!important;line-height:1.45!important;color:rgba(226,234,250,.75)!important}

.pricing-save-orb{
  position:absolute!important;right:0!important;top:-2px!important;min-width:180px!important;padding:25px 20px 18px!important;
  border-radius:25px!important;text-align:center!important;
  background:linear-gradient(155deg,rgba(17,36,83,.96),rgba(10,23,59,.98))!important;
  border:1px solid rgba(115,156,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 17px 40px rgba(0,6,31,.19)!important
}
.pricing-save-orb small{font-size:13px!important;letter-spacing:.02em!important;color:rgba(205,218,244,.67)!important;text-transform:uppercase!important}
.pricing-save-orb strong{margin:9px 0 13px!important;font-size:28px!important;color:var(--elite-green)!important;text-shadow:0 0 18px rgba(80,239,168,.15)!important}
.pricing-save-orb em{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 13px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(24,117,88,.88),rgba(16,76,62,.95))!important;border:1px solid rgba(83,239,180,.20)!important;color:#75f3bb!important;font-size:13px!important;font-weight:850!important;font-style:normal!important;white-space:nowrap!important}

.pricing-offer-price{margin:38px 0 27px!important;gap:14px!important}
.pricing-offer-price strong{font-size:clamp(76px,5.4vw,94px)!important;line-height:.86!important;letter-spacing:-.06em!important;background:linear-gradient(90deg,#ffffff 0%,#eef5ff 58%,#79a9ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.pricing-offer-price.yearly strong{background:linear-gradient(90deg,#fff 0%,#fff 30%,#a4c4ff 58%,#d758ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 0 20px rgba(110,108,255,.10))!important}
.pricing-offer-price span{padding-bottom:7px!important;font-size:20px!important;color:rgba(195,208,238,.67)!important}
.pricing-effective-price{margin:-6px 0 25px!important;gap:13px!important}.pricing-effective-price span{font-size:20px!important;color:#5ad7ff!important}.pricing-effective-price small{font-size:13px!important;color:rgba(194,209,239,.60)!important}

.pricing-offer-setup{min-height:88px!important;padding:16px 20px!important;margin:0 0 27px!important;border-radius:20px!important;border-color:rgba(105,148,255,.20)!important;background:linear-gradient(150deg,rgba(12,30,73,.89),rgba(8,22,57,.93))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.pricing-offer-setup-icon{width:54px!important;height:54px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(22,74,160,.45),rgba(12,31,79,.74))!important;border-color:rgba(104,154,255,.20)!important}
.pricing-offer-setup-icon::before{width:27px!important;height:27px!important}
.pricing-offer-setup small,.pricing-bonus-chip small{font-size:14px!important;margin-bottom:5px!important;color:rgba(207,219,244,.62)!important}.pricing-offer-setup strong{font-size:21px!important;color:#fff!important}
.pricing-year-bonuses{gap:18px!important;margin:0 0 29px!important}.pricing-bonus-chip{min-height:92px!important;padding:16px 18px!important;border-radius:21px!important;background:linear-gradient(150deg,rgba(15,29,73,.88),rgba(9,21,58,.94))!important;border-color:rgba(118,149,255,.22)!important}.pricing-bonus-chip.free{background:linear-gradient(145deg,rgba(10,75,75,.80),rgba(8,39,65,.92))!important;border-color:rgba(72,229,181,.35)!important}.pricing-bonus-chip strong{font-size:19px!important}.pricing-bonus-chip.free strong{color:#51efa8!important;text-transform:uppercase!important}

.pricing-offer-features{gap:15px!important;margin:0 0 31px!important}.pricing-offer-features li{padding-left:42px!important;font-size:18px!important;line-height:1.4!important;color:#edf4ff!important}.pricing-offer-features li::before{top:0!important;width:27px!important;height:27px!important;font-size:14px!important;background:linear-gradient(145deg,rgba(24,74,158,.65),rgba(23,40,98,.86))!important;border:1px solid rgba(114,168,255,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important;color:#cfe4ff!important}.pricing-offer-features.yearly li::before{background:linear-gradient(145deg,rgba(74,52,173,.78),rgba(37,31,107,.92))!important;border-color:rgba(152,111,255,.36)!important;color:#e7d8ff!important}

.pricing-offer-action{min-height:76px!important;border-radius:19px!important;padding:0 28px!important;font-size:20px!important;font-weight:850!important}.pricing-offer-action.secondary{background:rgba(3,13,38,.55)!important;border-color:rgba(81,137,204,.65)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}.pricing-offer-action.secondary:hover{border-color:#5bbdff!important;box-shadow:0 18px 35px rgba(0,5,24,.25),0 0 25px rgba(65,139,255,.10)!important}.pricing-offer-action.primary{background:linear-gradient(97deg,#ce38ef 0%,#7a50ff 52%,#318eff 100%)!important;border-color:rgba(190,213,255,.40)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 18px 46px rgba(82,71,255,.34),0 0 28px rgba(189,62,255,.16)!important}.pricing-offer-action.primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 23px 52px rgba(82,71,255,.40),0 0 38px rgba(189,62,255,.22)!important}

/* ---------- premium no-counter strip ---------- */
.pricing-unlimited-strip{
  margin-top:28px!important;grid-template-columns:86px minmax(0,1fr) auto!important;gap:24px!important;
  min-height:130px!important;padding:24px 28px!important;border-radius:28px!important;
  border:1px solid rgba(89,147,232,.42)!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(41,125,255,.12),transparent 22%),
    linear-gradient(110deg,rgba(6,25,62,.99),rgba(13,20,61,.985))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 60px rgba(0,5,27,.22)!important
}
.pricing-unlimited-strip::before{background:linear-gradient(104deg,transparent 33%,rgba(97,177,255,.11) 50%,transparent 67%)!important}
.pricing-unlimited-mark{width:72px!important;height:72px!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(24,70,161,.68),rgba(28,23,101,.72))!important;border-color:rgba(101,179,255,.43)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 32px rgba(73,127,255,.17)!important}.pricing-unlimited-mark span{font-size:46px!important}
.pricing-unlimited-kicker{font-size:12px!important;color:#5fddff!important}.pricing-unlimited-copy strong{font-size:24px!important;letter-spacing:-.035em!important}.pricing-unlimited-copy p{max-width:760px!important;margin-top:6px!important;font-size:15px!important;line-height:1.45!important;color:rgba(214,226,248,.72)!important}
.pricing-unlimited-value{position:relative;z-index:1;min-width:180px;padding:17px 22px;border-radius:20px;text-align:center;background:linear-gradient(155deg,rgba(9,66,68,.85),rgba(8,38,59,.94));border:1px solid rgba(78,226,181,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 27px rgba(0,8,22,.13)}.pricing-unlimited-value strong,.pricing-unlimited-value span{display:block}.pricing-unlimited-value strong{font-size:30px;line-height:1;color:#5ef0b2}.pricing-unlimited-value span{margin-top:6px;font-size:12px;color:rgba(211,240,233,.76)}
.pricing-footnote{margin:20px 0 0!important;font-size:15px!important;color:rgba(201,213,239,.66)!important;text-align:center!important}.pricing-footnote::before{content:"◇";margin-right:10px;color:#9ab1df}

/* ---------- one unified legal footer panel ---------- */
.site-legal-footer{padding:34px 0 max(30px,env(safe-area-inset-bottom))!important;background:transparent!important;border:0!important}
.site-legal-footer::before{background:linear-gradient(180deg,rgba(2,8,23,0),rgba(2,7,22,.62) 32%,rgba(2,6,18,.90))!important;border-top:1px solid rgba(105,137,255,.10)!important}
.legal-footer-shell.legal-footer-unified{width:min(1400px,calc(100% - 64px))!important;padding:26px 28px 18px!important;border-radius:30px!important;border:1px solid rgba(104,148,255,.20)!important;background:linear-gradient(150deg,rgba(8,20,51,.96),rgba(4,12,33,.985))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 64px rgba(0,4,22,.24)!important}
.legal-footer-unified-top{grid-template-columns:.82fr 1.35fr!important;gap:24px!important;align-items:center!important}.legal-footer-brand-clean,.legal-security-note,.legal-footer-unified-legal{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.legal-footer-brand-clean{padding:4px 0!important}.legal-security-note{padding:5px 0 5px 24px!important;border-left:1px solid rgba(109,140,222,.14)!important}.legal-footer-unified-legal{margin-top:20px!important;padding:18px 0 0!important;border-top:1px solid rgba(105,136,222,.13)!important;border-radius:0!important;grid-template-columns:.75fr 1.25fr!important}.legal-footer-bottom{margin-top:18px!important;padding:15px 0 0!important;border-top:1px solid rgba(105,136,222,.10)!important}
.legal-footer-doc-links a{background:rgba(8,20,50,.58)!important;border-color:rgba(109,147,255,.16)!important}

/* ---------- modal lead form ---------- */
.modal{background:rgba(1,5,18,.66)!important;backdrop-filter:blur(20px) saturate(1.08)!important}
.modal-card{width:min(520px,100%)!important;padding:36px!important;border-radius:30px!important;border-color:rgba(119,169,255,.30)!important;background:radial-gradient(circle at 83% 7%,rgba(133,67,255,.19),transparent 31%),linear-gradient(154deg,rgba(8,22,57,.998),rgba(4,12,34,.998))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 45px 110px rgba(0,4,22,.55),0 0 48px rgba(68,109,255,.13)!important}.modal h2{font-size:40px!important;line-height:1.02!important}.modal-card>p{font-size:14px!important;color:rgba(218,228,248,.76)!important}.field input{min-height:54px!important;font-size:15px!important}.form-status{min-height:0;font-size:12px;line-height:1.4;color:rgba(207,220,246,.70)}.form-status.is-error{padding:10px 12px;border-radius:12px;background:rgba(206,57,90,.09);border:1px solid rgba(243,90,116,.18);color:#ffb4c2}.form-status.is-note{color:#8adcf6}.modal-submit{min-height:58px!important;font-size:15px!important}

/* ---------- subtle global premium depth ---------- */
.returns-screen-panel,.app-benefits-card,.app-stat-card,.app-mobile-benefits-card,.legal-footer-doc-links a{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 42px rgba(0,5,26,.14)!important
}
@media (pointer:fine){
  .returns-screen-panel:hover,.app-benefits-card:hover,.app-stat-card:hover{transform:translateY(-3px);border-color:rgba(112,173,255,.31)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px rgba(0,5,26,.20),0 0 24px rgba(75,125,255,.08)!important}
}

/* ---------- mobile ---------- */
@media(max-width:900px){
  .pricing-offers{padding:48px 14px 54px!important}.pricing-offers-shell{width:100%!important}.pricing-offers-head{margin-bottom:25px!important}.pricing-offers-title{font-size:clamp(39px,10vw,51px)!important}.pricing-offers-lead{font-size:14px!important}.pricing-offers-grid{grid-template-columns:1fr!important;gap:22px!important}.pricing-offer-year{order:-1!important}.pricing-offer-monthly{order:2!important}
  .pricing-offer-card{min-height:auto!important;padding:25px 22px 23px!important;border-radius:28px!important}.pricing-offer-card::after{border-radius:27px!important}.pricing-best-badge{min-width:190px!important;min-height:48px!important;border-radius:23px 27px 0 23px!important;padding:0 18px!important;font-size:12px!important}.pricing-best-badge i{font-size:17px!important}.pricing-offer-topline{margin-bottom:20px!important}.pricing-offer-icon{width:45px!important;height:45px!important;border-radius:15px!important}.pricing-offer-kicker{font-size:12px!important}.pricing-offer-title-row{padding-bottom:20px!important}.pricing-offer-title-row h3{font-size:42px!important}.pricing-offer-title-row p{font-size:15px!important;max-width:72%!important}.pricing-save-orb{position:relative!important;right:auto!important;top:auto!important;min-width:132px!important;padding:15px 13px 12px!important}.pricing-save-orb strong{font-size:20px!important}.pricing-save-orb em{font-size:10px!important;padding:5px 8px!important}.pricing-offer-price{margin:28px 0 22px!important}.pricing-offer-price strong{font-size:59px!important}.pricing-offer-price span{font-size:14px!important}.pricing-effective-price span{font-size:15px!important}.pricing-effective-price small{font-size:10.5px!important}.pricing-offer-setup{min-height:72px!important;margin-bottom:21px!important}.pricing-offer-setup-icon{width:44px!important;height:44px!important}.pricing-offer-setup small,.pricing-bonus-chip small{font-size:11px!important}.pricing-offer-setup strong{font-size:17px!important}.pricing-year-bonuses{gap:10px!important;margin-bottom:22px!important}.pricing-bonus-chip{min-height:72px!important;padding:12px!important}.pricing-bonus-chip strong{font-size:14px!important}.pricing-offer-features{gap:11px!important}.pricing-offer-features li{padding-left:33px!important;font-size:14px!important}.pricing-offer-features li::before{width:23px!important;height:23px!important;font-size:12px!important}.pricing-offer-action{min-height:62px!important;font-size:15px!important;padding:0 20px!important}
  .pricing-unlimited-strip{grid-template-columns:58px 1fr!important;gap:15px!important;padding:19px!important;min-height:auto!important}.pricing-unlimited-mark{width:54px!important;height:54px!important;border-radius:18px!important}.pricing-unlimited-mark span{font-size:35px!important}.pricing-unlimited-copy strong{font-size:18px!important}.pricing-unlimited-copy p{font-size:12.5px!important}.pricing-unlimited-value{grid-column:1/-1!important;margin-left:73px!important;min-width:0!important;padding:13px 16px!important;text-align:left!important}.pricing-unlimited-value strong{display:inline!important;font-size:22px!important}.pricing-unlimited-value span{display:inline!important;margin:0 0 0 8px!important}.pricing-footnote{font-size:12px!important}
  .legal-footer-shell.legal-footer-unified{width:calc(100% - 28px)!important;padding:20px 17px 15px!important;border-radius:24px!important}.legal-footer-unified-top{grid-template-columns:1fr!important;gap:15px!important}.legal-security-note{padding:15px 0 0!important;border-left:0!important;border-top:1px solid rgba(109,140,222,.13)!important}.legal-footer-unified-legal{grid-template-columns:1fr!important;gap:13px!important}.legal-footer-bottom{gap:7px!important}
}
@media(max-width:470px){
  .pricing-offers{padding:39px 14px 45px!important}.pricing-offers-title{font-size:38px!important}.pricing-offer-card{padding:21px 18px 20px!important;border-radius:25px!important}.pricing-offer-card::after{border-radius:24px!important}.pricing-best-badge{min-width:165px!important;min-height:43px!important;font-size:10px!important}.pricing-offer-title-row{display:grid!important;grid-template-columns:1fr auto!important}.pricing-offer-title-row h3{font-size:37px!important}.pricing-offer-title-row p{max-width:100%!important;font-size:13px!important}.pricing-save-orb{grid-column:2!important;grid-row:1/3!important;align-self:center!important;min-width:108px!important;padding:11px 9px!important}.pricing-save-orb small{font-size:9px!important}.pricing-save-orb strong{font-size:16px!important;margin:5px 0 7px!important}.pricing-save-orb em{font-size:8.5px!important}.pricing-offer-price strong{font-size:49px!important}.pricing-offer-price span{font-size:12px!important}.pricing-effective-price{gap:6px!important}.pricing-year-bonuses{grid-template-columns:1fr 1fr!important}.pricing-bonus-chip{gap:8px!important}.pricing-offer-setup-icon{width:36px!important;height:36px!important;border-radius:12px!important}.pricing-bonus-chip strong{font-size:12px!important}.pricing-bonus-chip small{font-size:9px!important}.pricing-offer-features li{font-size:12.5px!important}.pricing-offer-action{min-height:56px!important;font-size:12.5px!important}.pricing-unlimited-value{margin-left:0!important}.modal-card{padding:28px 20px!important;border-radius:25px!important}.modal h2{font-size:33px!important}
}

@media(prefers-reduced-motion:reduce){.pricing-offer-year{animation:none!important}.pricing-card-shimmer,.pricing-unlimited-strip::before,.pricing-offer-action.primary::before{animation:none!important}}


/* runtime-fixes.css */

/* Runtime correctness + rendering performance */
body.reference-homepage > #demoModal{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  width:100vw!important;
  height:100dvh!important;
}
#demoModal[hidden]{display:none!important}
#demoModal.open{display:flex!important;align-items:center!important;justify-content:center!important}
#demoModal .modal-card{max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}

/* Pre-blurred static background: same look without a full-screen GPU blur every frame. */
html,body.reference-homepage{background:#020817!important}
body.reference-homepage::before{
  content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:url("site-background-blur.webp") center center / cover no-repeat!important;
  background-attachment:fixed!important;filter:none!important;transform:none!important;opacity:1!important;
}
body.reference-homepage::after{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:rgba(1,5,20,.20)!important}

/* Skip expensive paint/layout for distant screens until they approach the viewport. */
#product,#patient-impact,#pricing,.site-legal-footer{content-visibility:auto;contain-intrinsic-size:900px}

@media(max-width:820px){
  #demoModal{padding:10px!important}
  #demoModal .modal-card{max-height:calc(100dvh - 20px)!important}
  /* Mobile GPUs suffer from nested backdrop blurs; surfaces are already visually opaque. */
  .pricing-offer-card,.pricing-unlimited-strip,.app-mobile-benefits-card,.app-menu-btn,.app-benefits-card,.app-stat-card,.modal-card{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* experience-polish.css */
/* FLODent intro + success experience */
body.flodent-intro-active{overflow:hidden!important}
.flodent-splash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 44%,#0b2253 0,#050d25 38%,#01040e 78%);opacity:1;visibility:visible;transition:opacity .68s cubic-bezier(.22,.8,.2,1),filter .68s cubic-bezier(.22,.8,.2,1),transform .68s cubic-bezier(.22,.8,.2,1)}
.flodent-splash[hidden]{display:none!important}
.flodent-splash::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 26% 37%,rgba(34,204,255,.25),transparent 24%),radial-gradient(circle at 74% 34%,rgba(133,71,255,.28),transparent 27%),radial-gradient(circle at 50% 82%,rgba(27,94,255,.20),transparent 36%);filter:blur(28px);animation:flodentSplashAurora 4.8s ease-in-out infinite alternate;pointer-events:none}
.flodent-splash::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.72) 38%,transparent 78%);opacity:.42;pointer-events:none}
.flodent-splash-stage{position:relative;width:min(1180px,100%);height:min(760px,100dvh);display:grid;place-items:center;z-index:2;perspective:1200px;transition:opacity .56s cubic-bezier(.22,.8,.2,1),transform .7s cubic-bezier(.22,.8,.2,1),filter .7s cubic-bezier(.22,.8,.2,1)}
.flodent-splash-glow{position:absolute;width:min(70vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(44,175,255,.17),rgba(92,72,255,.08) 42%,transparent 72%);filter:blur(16px);animation:flodentSplashGlow 2.4s ease-in-out infinite alternate}
.flodent-splash-ring{position:absolute;left:50%;top:50%;width:clamp(360px,46vw,650px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.7);opacity:0;border:1px solid rgba(112,196,255,.18);box-shadow:inset 0 0 80px rgba(69,114,255,.05),0 0 70px rgba(68,101,255,.08);animation:flodentRingIn 1.15s .18s cubic-bezier(.16,1,.3,1) forwards}
.flodent-splash-ring::before,.flodent-splash-ring::after{content:"";position:absolute;inset:7%;border-radius:inherit;border:1px dashed rgba(141,117,255,.18)}
.flodent-splash-ring::after{inset:19%;border-style:solid;border-color:rgba(63,218,255,.12)}
.flodent-splash-mascot{position:absolute;right:-6%;bottom:-7%;width:clamp(260px,30vw,440px);opacity:0;transform:translate3d(60px,24px,0) scale(.94);filter:blur(9px) saturate(.92) brightness(.86);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 74%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 74%,transparent 100%);animation:flodentMascotIn 1.05s .3s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}
.flodent-splash-mascot::before{content:"";position:absolute;inset:12% 8% 20%;border-radius:45%;background:radial-gradient(circle,rgba(50,166,255,.22),transparent 68%);filter:blur(30px);z-index:-1}
.flodent-splash-mascot img{width:100%;height:auto;display:block;filter:drop-shadow(0 28px 52px rgba(0,23,96,.35))}
.flodent-splash-brand{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;width:min(720px,78vw);transform:translateX(-9%)}
.flodent-splash-symbol-shell{position:relative;width:clamp(142px,16vw,208px);aspect-ratio:1;border-radius:28%;display:grid;place-items:center;opacity:0;transform:translateY(22px) scale(.78) rotateX(12deg);background:linear-gradient(145deg,rgba(19,49,108,.92),rgba(4,13,39,.96));border:1px solid rgba(100,194,255,.30);box-shadow:0 35px 100px rgba(0,0,0,.45),0 0 70px rgba(34,178,255,.18),inset 0 1px 1px rgba(255,255,255,.13);animation:flodentSymbolIn .92s .12s cubic-bezier(.16,1,.3,1) forwards}
.flodent-splash-symbol-shell::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(56,220,255,.75),rgba(75,98,255,.12) 42%,rgba(180,80,255,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.78}
.flodent-splash-symbol-shell::after{content:"";position:absolute;inset:-28%;background:conic-gradient(from 160deg,transparent 0 34%,rgba(64,216,255,.24) 39%,transparent 44% 67%,rgba(166,73,255,.20) 72%,transparent 78%);border-radius:50%;filter:blur(10px);animation:flodentHaloRotate 5s linear infinite;z-index:-1}
.flodent-splash-symbol{width:84%;height:84%;object-fit:contain;display:block;filter:drop-shadow(0 12px 28px rgba(24,144,255,.24))}
.flodent-splash-wordmark-wrap{position:relative;margin-top:24px;width:min(610px,72vw);opacity:0;transform:translateY(15px);clip-path:inset(0 100% 0 0);animation:flodentWordmarkIn .9s .68s cubic-bezier(.16,1,.3,1) forwards}
.flodent-splash-wordmark{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 36px rgba(56,137,255,.22))}
.flodent-splash-caption{margin-top:8px;font:600 clamp(10px,1vw,13px)/1.3 Inter,system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(184,207,255,.62);opacity:0;transform:translateY(8px);animation:flodentCaptionIn .6s 1.25s ease forwards;text-align:center}
.flodent-splash-progress{position:absolute;left:50%;bottom:9%;width:min(360px,58vw);height:2px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;opacity:0;animation:flodentCaptionIn .4s .64s forwards}
.flodent-splash-progress::after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#2ddcff,#437cff 56%,#ac4bff);box-shadow:0 0 18px rgba(89,146,255,.65);animation:flodentProgress 1.75s .72s cubic-bezier(.22,.8,.2,1) forwards}
.flodent-splash-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 15px #56cfff;opacity:0;animation:flodentSpark 1.7s ease-in-out infinite}
.flodent-splash-spark.s1{left:23%;top:29%;animation-delay:.16s}.flodent-splash-spark.s2{left:72%;top:23%;animation-delay:.62s}.flodent-splash-spark.s3{left:67%;top:66%;animation-delay:1.04s}.flodent-splash-spark.s4{left:31%;top:72%;animation-delay:1.36s}
.flodent-splash.is-leaving{opacity:0;filter:blur(12px);transform:scale(1.018);pointer-events:none}
.flodent-splash.is-leaving .flodent-splash-stage{opacity:0;transform:translateY(-14px) scale(1.025);filter:blur(6px)}
body.flodent-site-reveal>.reference-stage,body.flodent-site-reveal>.reference-mobile-stage,body.flodent-site-reveal>main,body.flodent-site-reveal>footer{animation:flodentSiteReveal .9s cubic-bezier(.16,1,.3,1) both}
@keyframes flodentSplashAurora{to{transform:translate3d(2%,-1.5%,0) scale(1.04);filter:blur(34px)}}
@keyframes flodentSplashGlow{from{transform:scale(.9);opacity:.55}to{transform:scale(1.06);opacity:1}}
@keyframes flodentRingIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.62) rotate(-8deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes flodentMascotIn{0%{opacity:0;transform:translate3d(60px,24px,0) scale(.94);filter:blur(9px) saturate(.85) brightness(.8)}100%{opacity:.48;transform:translate3d(0,0,0) scale(1);filter:blur(0) saturate(.92) brightness(.83)}}
@keyframes flodentSymbolIn{0%{opacity:0;transform:translateY(22px) scale(.78) rotateX(12deg)}65%{opacity:1;transform:translateY(-4px) scale(1.035) rotateX(0)}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}
@keyframes flodentHaloRotate{to{transform:rotate(360deg)}}
@keyframes flodentWordmarkIn{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(15px)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}
@keyframes flodentCaptionIn{to{opacity:1;transform:translateY(0)}}
@keyframes flodentProgress{0%{width:0}100%{width:100%}}
@keyframes flodentSpark{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:.9;transform:scale(1)}70%{opacity:.24;transform:scale(1.8)}}
@keyframes flodentSiteReveal{0%{opacity:.2;filter:blur(8px);transform:scale(.995) translateY(5px)}100%{opacity:1;filter:blur(0);transform:none}}

/* Premium success notification */
body.lead-success-open{overflow:hidden!important}
.lead-success-overlay{position:fixed;inset:0;z-index:10120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,4,17,.58);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s ease}
.lead-success-overlay[hidden]{display:none!important}.lead-success-overlay.is-open{opacity:1;visibility:visible}
.lead-success-card{position:relative;width:min(520px,100%);overflow:hidden;border-radius:30px;padding:36px 34px 31px;text-align:center;background:linear-gradient(155deg,rgba(17,38,83,.98),rgba(6,12,33,.99) 56%,rgba(18,10,47,.98));border:1px solid rgba(111,190,255,.28);box-shadow:0 40px 120px rgba(0,0,0,.62),0 0 90px rgba(63,110,255,.20);transform:translateY(24px) scale(.94);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .34s ease}
.lead-success-overlay.is-open .lead-success-card{transform:translateY(0) scale(1);opacity:1}
.lead-success-card::before{content:"";position:absolute;inset:-30% -15% 50%;background:radial-gradient(circle at center,rgba(39,211,255,.22),transparent 57%);filter:blur(10px);pointer-events:none}
.lead-success-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(62,218,255,.72),rgba(69,104,255,.08) 35%,rgba(170,67,255,.62));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lead-success-close{position:absolute;right:16px;top:16px;z-index:5;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.045);color:#dce9ff;font-size:23px;line-height:1;cursor:pointer;transition:.2s ease}.lead-success-close:hover{background:rgba(255,255,255,.09);transform:rotate(5deg)}
.lead-success-icon{position:relative;width:96px;height:96px;margin:0 auto 24px;display:grid;place-items:center;border-radius:31px;background:linear-gradient(145deg,#083e65,#0b1742 65%,#29105a);box-shadow:0 18px 55px rgba(0,101,255,.27),inset 0 1px 0 rgba(255,255,255,.12)}
.lead-success-icon::before{content:"";position:absolute;inset:-12px;border-radius:37px;border:1px solid rgba(58,218,255,.23);animation:leadSuccessPulse 1.8s ease-out infinite}.lead-success-icon::after{content:"";position:absolute;inset:8px;border-radius:24px;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.18),transparent 26%)}
.lead-success-check{position:relative;z-index:2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;color:#031b28;background:linear-gradient(135deg,#5ff3da,#3ed8ff 55%,#73a8ff);box-shadow:0 0 30px rgba(71,226,226,.36);animation:leadSuccessCheck .62s .14s cubic-bezier(.16,1,.3,1) both}
.lead-success-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#73dbff}.lead-success-eyebrow::before{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,#5ad8ff)}
.lead-success-card h2{position:relative;margin:0;color:#fff;font-size:clamp(30px,5vw,42px);line-height:1.05;letter-spacing:-.045em}.lead-success-card>p{position:relative;margin:13px auto 0;max-width:410px;color:rgba(218,229,255,.72);font-size:14px;line-height:1.65}
.lead-success-plan{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0 0;padding:12px 15px;border-radius:16px;background:rgba(83,115,255,.08);border:1px solid rgba(116,150,255,.15);font-size:12px;color:#bfcbec}.lead-success-plan b{color:#f2f6ff;font-weight:750}.lead-success-plan::before{content:"✦";color:#8b74ff;text-shadow:0 0 14px rgba(139,116,255,.7)}
.lead-success-actions{position:relative;margin-top:22px;display:grid;gap:10px}.lead-success-return{min-height:52px;border:0;border-radius:16px;padding:0 22px;cursor:pointer;color:#fff;font-weight:800;font-size:14px;background:linear-gradient(95deg,#20cfff,#477bff 55%,#a847ff);box-shadow:0 16px 38px rgba(56,108,255,.25);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.lead-success-return:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 20px 44px rgba(73,98,255,.34)}
.lead-success-note{position:relative;margin-top:13px;color:rgba(185,199,231,.45);font-size:11px;letter-spacing:.02em}
@keyframes leadSuccessPulse{0%{opacity:.65;transform:scale(.84)}100%{opacity:0;transform:scale(1.22)}}
@keyframes leadSuccessCheck{0%{opacity:0;transform:scale(.35) rotate(-18deg)}70%{opacity:1;transform:scale(1.08) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}

@media(max-width:820px){
  .flodent-splash-brand{transform:translateX(0);width:min(620px,90vw)}
  .flodent-splash-symbol-shell{width:clamp(132px,36vw,180px)}
  .flodent-splash-wordmark-wrap{width:min(520px,86vw);margin-top:20px}
  .flodent-splash-mascot{right:-7%;bottom:-4%;width:clamp(220px,56vw,360px);animation-name:flodentMascotInMobile}
  .flodent-splash-ring{width:clamp(310px,82vw,520px)}
  .flodent-splash-progress{bottom:7%}
  .lead-success-card{padding:31px 20px 25px;border-radius:25px}.lead-success-icon{width:84px;height:84px;border-radius:27px;margin-bottom:21px}.lead-success-card>p{font-size:13px}.lead-success-plan{align-items:flex-start;text-align:left}
}
@keyframes flodentMascotInMobile{0%{opacity:0;transform:translate3d(44px,24px,0) scale(.94);filter:blur(9px) saturate(.8)}100%{opacity:.18;transform:translate3d(0,0,0) scale(1);filter:blur(0) saturate(.86)}}
@media(max-width:480px){.flodent-splash-caption{letter-spacing:.17em}.flodent-splash-progress{width:58vw}.lead-success-overlay{padding:12px}.lead-success-card h2{font-size:31px}.lead-success-plan{font-size:11px}}
@media(prefers-reduced-motion:reduce){.flodent-splash *,.lead-success-card *{animation:none!important}.flodent-splash-symbol-shell,.flodent-splash-wordmark-wrap,.flodent-splash-caption{opacity:1!important;transform:none!important;clip-path:none!important}.flodent-splash-mascot{opacity:.22!important;transform:none!important;filter:none!important}}