:root{--ink:var(--sa-ocean);--sub:var(--sa-muted);--subtle:var(--he-p-777C82);--canvas:var(--he-p-EDF0EE);--line:var(--he-p-4D56601A);--lime:var(--sa-current);--green:var(--sa-tide);--shadow:0 20px 50px -35px var(--he-p-16243445);--curve:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{width:100%;overflow-x:hidden}
body{margin:0;background:var(--canvas);color:var(--ink);font:clamp(14px,.45vw + 10px,17px)/1.5 var(--helium-font-family,system-ui,sans-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.14}
h1{font-size:clamp(35px,3.2vw,66px)}
h2{font-size:clamp(25px,2.2vw,44px)}
h3{font-size:clamp(18px,1.25vw,25px)}
p{line-height:1.55}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0}
a{color:inherit;text-decoration:none}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sa-tide);outline-offset:3px}
.sq{border-radius:32px;corner-shape:squircle}
.sq-sm{border-radius:20px;corner-shape:squircle}
.pill{border-radius:999px}
.glass{background:var(--he-p-FFFFFF42);border:1px solid var(--he-p-FFFFFFAD);box-shadow:inset 0 1px 0 var(--he-p-FFFFFFB2),0 12px 30px -20px var(--he-p-1A212A33);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
.quiet{background:var(--he-p-FFFFFF);border:1px solid var(--he-p-E9EEEA);box-shadow:var(--shadow)}
.muted{color:var(--sub)}
.tiny{font-size:12px;color:var(--sub)}
.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:var(--sa-muted)}
.bigval{font-size:clamp(36px,3.4vw,69px);line-height:1.02;font-weight:500;letter-spacing:-.077em}
.led{font-family:var(--helium-type-metric);letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-weight:600}
.iconbtn{min-width:44px;min-height:44px;display:inline-grid;place-items:center;border:0;background:var(--he-p-FFFFFFD9);transition:transform .3s var(--curve),background .3s}
.iconbtn:hover{transform:translateY(-3px);background:var(--he-p-FFFFFF)}
.btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--he-p-0000000A);padding:11px 21px;font-size:14px;font-weight:600;background:var(--he-p-FFFFFF);color:var(--sa-ocean);transition:transform .38s var(--curve),box-shadow .38s,background .3s;white-space:nowrap}
.btn:hover{transform:translateY(-3px);box-shadow:0 15px 24px -15px var(--he-p-10203245)}
.btn:active{transform:scale(.97)}
.btn.lime{background:var(--lime);color:var(--sa-ocean)}
.btn.dark{background:var(--sa-ocean);color:var(--he-p-FFFFFF)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.clickable{cursor:pointer;transition:transform .5s var(--curve),box-shadow .5s var(--curve)}
.clickable:hover{transform:translateY(-5px);box-shadow:0 24px 50px -30px var(--he-p-0F192438)}
.topline{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(18px,2.7vw,56px);background:var(--he-p-F7F8F7D4);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:4}
.logo{font-weight:700;letter-spacing:-.075em;font-size:21px;white-space:nowrap}
.logo i{font-style:normal;color:var(--sa-current)}
.topnav{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.navtab{font-size:13px;padding:10px 14px;color:var(--sa-muted);background:none;transition:background .3s,color .3s}
.navtab:hover,.navtab.selected{background:var(--he-p-FFFFFF);color:var(--sa-ocean)}
.topactions{display:flex;align-items:center;gap:7px}
.screen{min-height:100dvh}
.desktop-page{padding:clamp(20px,2.1vw,44px) clamp(20px,2.7vw,56px) 80px}
.hero-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0 26px}
.hero-row p{margin:10px 0 0;color:var(--sub)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,25px)}
.stat{min-height:210px;padding:clamp(20px,1.65vw,32px);display:flex;flex-direction:column;justify-content:space-between}
.stat-head{display:flex;justify-content:space-between;align-items:start;gap:10px;color:var(--sa-muted);font-size:clamp(13px,.85vw,17px)}
.stat-head .iconbtn{background:var(--he-p-F1F4F0)}
.stat .bigval{font-size:clamp(31px,2.6vw,53px)}
.stat-foot{font-size:13px;color:var(--sa-muted);display:flex;justify-content:space-between;align-items:center}
.trend{color:var(--sa-tide);font-weight:600}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(12px,1.2vw,25px);margin-top:clamp(12px,1.2vw,25px)}
.panel{padding:clamp(23px,1.8vw,38px);min-width:0}
.panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px}
.panel-head p{color:var(--sub);font-size:13px;margin:6px 0 0}
.chart{height:190px;width:100%;overflow:visible;margin-top:18px}
.chart svg{width:100%;height:100%}
.axis{display:flex;justify-content:space-between;color:var(--sa-muted);font-size:12px;margin-top:8px}
.rowline{display:flex;align-items:center;gap:13px;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--he-p-E6EBE6)}
.rowline:last-child{border:0}
.rowline strong{font-weight:600}
.rowline small{display:block;color:var(--sub);margin-top:3px}
.avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;background:var(--sa-foam)}
.badge{display:inline-flex;align-items:center;gap:6px;background:var(--he-p-E7EEF5);color:var(--sa-tide);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}
.orange{background:var(--he-p-F8E7DB);color:var(--he-p-956345)}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.aurora{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(133deg,var(--he-p-B1B3F2),var(--he-p-F4E9F9) 51%,var(--he-p-EFA5D8));border:1px solid var(--he-p-FFFFFFBD)}
.aurora::before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 0 0,var(--he-p-AAA5F6),transparent 54%),radial-gradient(ellipse at 100% 100%,var(--he-p-F47BD2),transparent 54%),radial-gradient(ellipse at 38% 77%,var(--he-p-F6DCF3),transparent 62%);filter:blur(27px);z-index:-1;animation:floatlight 11s ease-in-out infinite alternate}
.aurora.green{background:linear-gradient(130deg,var(--he-p-E7CFAC),var(--sa-wave) 63%,var(--sa-tide))}
.aurora.green::before{background:radial-gradient(ellipse at 0 0,var(--he-p-F5D2B3),transparent 52%),radial-gradient(ellipse at 70% 90%,var(--sa-wave),transparent 50%),radial-gradient(ellipse at 100% 0,var(--sa-current),transparent 60%)}
.aurora.fire{background:linear-gradient(135deg,var(--sa-foam),var(--he-p-F0B178),var(--he-p-EA7B70))}
.aurora.fire::before{background:radial-gradient(ellipse at 100% 10%,var(--he-p-FF9F83),transparent 53%),radial-gradient(ellipse at 10% 95%,var(--he-p-F5CA6A),transparent 55%)}
.aurora:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(165deg,var(--he-p-FFFFFF2E),transparent 53%,var(--he-p-FFFFFF21))}
.aurora>*{position:relative;z-index:1}
@keyframes floatlight{to{transform:translate(2%,-2%) rotate(3deg) scale(1.05)}}
.crypto{background:var(--he-p-E7E9E9)}
.crypto .hero-row{margin-top:7px}
.crypto-dark{background:var(--he-p-1C222B);color:var(--he-p-FFFFFF)}
.crypto-dark .muted{color:var(--sa-wave)}
.crypto-dark .stat-head{color:var(--he-p-C8D0DA)}
.crypto-dark .stat-foot{color:var(--sa-wave)}
.crypto-dark .iconbtn{background:var(--he-p-FFFFFF21);color:white}
.crypto .crypto-hero{min-height:368px;background:radial-gradient(ellipse at 80% 110%,var(--he-p-224778) 0,transparent 53%),radial-gradient(ellipse at 100% 0,var(--he-p-3B415A),transparent 55%),var(--he-p-182130);padding:clamp(23px,2vw,45px);color:var(--he-p-FFFFFF);position:relative;overflow:hidden}
.crypto-hero::after{content:none!important;display:none!important}
.crypto-hero .bigval{margin:35px 0 15px}
.crypto-dark .chart{stroke:var(--sa-current)}
.crypto-currency{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.coin-item{padding:19px;background:var(--he-p-F9FAF9);display:flex;justify-content:space-between;align-items:center}
.coin-icon{display:grid;place-items:center;border-radius:50%;background:var(--he-p-F6CD79);width:43px;height:43px;font-weight:700}
.coin-icon.blue{background:var(--he-p-ABC3FB)}
.coin-icon.teal{background:var(--he-p-A3C1E8)}
.coin-item strong{font-size:18px}
.coin-item small{display:block;font-size:12px;color:var(--sub)}
.jobs{background:var(--he-p-EFF1EF)}
.job-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr;gap:clamp(12px,1.2vw,25px);margin-top:24px}
.job-highlight{background:linear-gradient(145deg,var(--sa-wave),var(--he-p-D8DCE4) 42%,var(--he-p-576A7A) 100%);color:var(--he-p-14212B);min-height:328px;overflow:hidden;position:relative}
.job-highlight:before{content:"";position:absolute;inset:-40%;background:radial-gradient(ellipse at 30% 35%,var(--he-p-F0E1B9),transparent 50%),radial-gradient(ellipse at 80% 75%,var(--he-p-3C4D57),transparent 46%);filter:blur(30px)}
.job-highlight > *{position:relative;z-index:1}
.job-highlight .bigval{margin-top:40px;font-size:clamp(54px,5vw,98px)}
.bubble{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:var(--he-p-FFFFFF36);border:1px solid var(--he-p-FFFFFF66);backdrop-filter:blur(15px);position:absolute;right:10%;top:21%}
.detail-stat{min-height:328px;display:flex;flex-direction:column;justify-content:space-between}
.detail-stat .bigval{font-size:clamp(39px,3.8vw,75px)}
.mobile-stage{background:linear-gradient(150deg,var(--he-p-ECECE9),var(--he-p-D8E0E9) 58%,var(--he-p-DFE2E6));min-height:calc(100dvh - 76px);display:grid;place-items:center;padding:38px 16px 55px}
.mobile-stage.pink{background:linear-gradient(155deg,var(--he-p-FDE5F2),var(--he-p-E8DFF7) 50%,var(--sa-foam))}
.mobile-stage.teal{background:linear-gradient(160deg,var(--he-p-DBDFE5),var(--he-p-E6EDF4),var(--he-p-E4DCF8))}
.phone-shell{width:min(100%,414px);min-height:810px;max-width:414px;background:var(--he-p-F0F1EE);position:relative;overflow:hidden;box-shadow:0 24px 84px -27px var(--he-p-16202C61);border:7px solid var(--he-p-26292E);border-radius:47px}
.phone-inner{min-height:796px;position:relative;padding:30px 20px 105px}
.phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);height:21px;width:114px;background:var(--he-p-26292E);border-radius:0 0 19px 19px;z-index:6}
.phone-time{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin:1px 9px 25px}
.phone-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.phone-head .iconbtn{min-width:42px;min-height:42px}
.phone-title{font-size:32px;margin:23px 0 5px;letter-spacing:-.065em}
.phone-desc{color:var(--sa-muted);font-size:14px;margin-bottom:22px}
.phone-nav{position:absolute;z-index:5;bottom:16px;left:18px;right:18px;min-height:72px;background:var(--he-p-FFFFFFA3);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid var(--he-p-FFFFFFB8);box-shadow:0 10px 30px var(--he-p-0D1A291F);display:flex;justify-content:space-around;align-items:center}
.phone-nav button{background:none;display:flex;align-items:center;flex-direction:column;gap:3px;color:var(--sa-muted);min-width:55px;min-height:52px;justify-content:center;font-size:10px}
.phone-nav button.active{color:var(--sa-tide)}
.phone-nav button.active svg{stroke-width:2.3}
.phone-hero{padding:29px;min-height:302px;display:flex;flex-direction:column;justify-content:space-between}
.phone-hero .bigval{font-size:53px;margin:17px 0}
.phone-hero .quiet-txt{font-size:14px}
.phone-hero .chart{height:75px;margin:0}
.mini-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.mini-tile{padding:18px;min-height:170px}
.mini-tile h3{font-size:15px;margin:0}
.mini-tile .bigval{font-size:27px;margin:21px 0}
.mini-tile svg{width:100%;height:36px}
.mobile-section-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}
.mobile-section-head h3{margin:0;font-size:20px}
.txn{display:flex;align-items:center;gap:12px;background:var(--he-p-FFFFFFC2);padding:13px 14px;margin-bottom:8px}
.txn .iconbtn{width:42px;height:42px;min-width:42px;min-height:42px;background:var(--he-p-EAEEF1)}
.txn strong{font-size:14px}
.txn small{font-size:12px;color:var(--sa-muted);display:block}
.txn .amount{margin-left:auto;font-weight:700}
.wallet-hero{background:linear-gradient(135deg,var(--he-p-132D52),var(--he-p-244B80) 53%,var(--sa-foam));color:var(--he-p-FFFFFF)}
.wallet-hero:after{content:"";position:absolute;right:-42px;top:-65px;width:225px;height:225px;border:1px solid var(--he-p-FFFFFF3D);border-radius:50%;box-shadow:0 0 0 32px var(--he-p-FFFFFF0A),0 0 0 65px var(--he-p-FFFFFF09);pointer-events:none}
.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}
.wallet-actions button{height:74px;background:var(--he-p-FFFFFF);display:grid;place-items:center;font-size:12px;font-weight:600}
.wallet-actions svg{display:block;margin:auto auto 3px}
.challenge-hero{background:radial-gradient(ellipse at 78% 8%,#FAF6FF 0%,transparent 53%),radial-gradient(ellipse at 12% 85%,#E9D8FA 0%,transparent 60%),linear-gradient(150deg,#E9D8FA 0%,#C4A4F0 72%,#8B63C9 125%)}
.challenge-hero .bigval{font-size:52px}
.progress{width:100%;height:6px;background:var(--he-p-4335491F);border-radius:10px;overflow:hidden}
.progress span{display:block;width:77%;height:100%;background:var(--sa-current);border-radius:10px}
.message{padding:14px 18px;max-width:85%;margin-bottom:13px;font-size:14px;line-height:1.5}
.message.outgoing{margin-left:auto;background:var(--he-p-FFFFFF);color:var(--sa-ocean)}
.message.incoming{background:var(--he-p-E3F2FF52);border:1px solid var(--he-p-FFFFFF73);color:var(--he-p-FFFFFF)}
@keyframes orbfloat{to{transform:translateY(-9px) scale(1.05)}}
.lab{background:var(--he-p-EDF1F8)}
.mat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.2vw,23px)}
.mat-box{min-height:300px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.mat-box h3{font-size:17px}
.mat-box .bigval{font-size:clamp(33px,3vw,61px)}
.mat-box p{font-size:13px;line-height:1.5;margin:0}
.mat-box .mini-chart{height:48px;width:100%}
.mat-box.darkbg{background:var(--he-p-212933);color:var(--he-p-FFFFFF)}
.mat-box.solid{background:var(--sa-current)}
.mat-box.edge{background:linear-gradient(160deg,var(--he-p-FFFFFF),var(--he-p-F9FAFD) 80%)}
.glass-wallpaper{background:radial-gradient(ellipse at 15% 17%,var(--he-p-ADCFED),transparent 55%),radial-gradient(ellipse at 87% 90%,var(--he-p-FFB2C5),transparent 53%),radial-gradient(ellipse at 70% 15%,var(--sa-wave),transparent 50%),linear-gradient(145deg,var(--he-p-FCDFA5),var(--he-p-5F7DA8));position:relative;overflow:hidden}
.glass-wallpaper:before{content:"";position:absolute;left:6%;top:18%;width:60%;height:60%;border:2px solid var(--he-p-FFFFFF5E);border-radius:40% 60% 50% 50%;transform:rotate(18deg);box-shadow:0 0 0 55px var(--he-p-FFFFFF0F),0 0 0 130px var(--he-p-FFFFFF0A)}
.glass-wallpaper>*{position:relative;z-index:1}
.demo-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.demo-panel{min-height:285px;padding:25px;background:var(--he-p-FFFFFF)}
.demo-panel h3{font-size:19px}
.demo-panel p{font-size:13px;color:var(--sa-muted)}
.control-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}
.input{width:100%;padding:13px 15px;border:1px solid var(--he-p-DCE0E4);background:var(--he-p-F6F8F6);font-size:14px;min-height:46px}
.input:focus{background:var(--he-p-FFFFFF);outline:2px solid var(--sa-tide)}
.segmented{display:inline-flex;gap:3px;padding:5px;background:var(--he-p-EDF1ED)}
.segmented button{background:transparent;padding:11px 14px;min-height:40px;color:var(--sa-muted)}
.segmented button.active{background:var(--he-p-FFFFFF);color:var(--sa-ocean);box-shadow:0 5px 15px -12px var(--sa-ocean)}
.switch{width:52px;height:30px;background:var(--he-p-C7CDD4);position:relative;transition:background .25s;flex-shrink:0;border-radius:99px}
.switch:after{content:"";position:absolute;width:22px;height:22px;background:var(--he-p-FFFFFF);left:4px;top:4px;border-radius:50%;transition:transform .27s var(--curve);box-shadow:0 3px 9px var(--he-p-262E3726)}
.switch[aria-checked="true"]{background:var(--sa-current)}
.switch[aria-checked="true"]:after{transform:translateX(22px)}
.accordion button{min-height:50px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 0;background:var(--he-p-FFFFFF);border-top:1px solid var(--he-p-E4EAE4);text-align:left}
.accordion-content{display:none;font-size:14px;color:var(--sa-muted);padding-bottom:15px}
.accordion.open .accordion-content{display:block}
.range{width:100%;accent-color:var(--sa-current)}
.tooltip-host{position:relative}
.tooltip-host:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 11px);transform:translate(-50%,5px);background:var(--sa-ocean);color:var(--he-p-FFFFFF);padding:7px 10px;border-radius:12px;opacity:0;pointer-events:none;font-size:12px;transition:transform .2s,opacity .2s;white-space:nowrap}
.tooltip-host:hover:after,.tooltip-host:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.modal-backdrop{position:fixed;inset:0;background:var(--he-p-1019245E);display:grid;place-items:center;z-index:100;padding:20px;backdrop-filter:blur(8px)}
.modal-backdrop[hidden]{display:none}
.modal-inner{max-width:460px;width:100%;padding:32px;background:var(--he-p-FFFFFF);box-shadow:0 30px 100px -30px var(--he-p-111A2680)}
#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;padding:13px 21px;background:var(--sa-ocean);color:var(--he-p-FFFFFF);box-shadow:0 15px 35px var(--he-p-0E1B2B22);border-radius:18px;z-index:150;transition:transform .35s var(--curve),opacity .35s}
#toast.show{opacity:1;transform:translate(-50%,0)}
.glass-lab-canvas{height:min(62vh,610px);min-height:380px;display:grid;place-items:center}
.interactive-glass{width:clamp(260px,31vw,480px);min-height:245px;padding:32px;color:var(--sa-ocean);touch-action:pan-y;cursor:grab;will-change:transform}
.interactive-glass.dragging{cursor:grabbing;transition:none!important}
.glass-controls{padding:20px;display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.glass-controls label{display:flex;align-items:center;gap:10px}
.glass-controls input{min-width:140px}
@media (max-width:1200px){.mat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.two-col{grid-template-columns:1fr}
.job-grid{grid-template-columns:1.2fr 1fr}
.job-grid .detail-stat:last-child{grid-column:1/-1;min-height:220px}
.topnav .navtab{padding:8px 10px;font-size:12px}
}
@media (max-width:780px){.topline{padding:12px 15px;min-height:65px}
.topnav{display:none}
.topactions .iconbtn{min-width:40px;min-height:40px}
.desktop-page{padding:23px 15px 65px}
.hero-row{flex-direction:column;align-items:start}
.hero-row h1{font-size:35px}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat{min-height:165px;padding:17px}
.stat .bigval{font-size:31px}
.stat-head .iconbtn{min-width:35px;min-height:35px}
.job-grid{grid-template-columns:1fr}
.job-grid .detail-stat:last-child{grid-column:auto}
.job-highlight{min-height:310px}
.detail-stat{min-height:235px}
.mat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mat-box{min-height:240px;padding:20px}
.demo-panels{grid-template-columns:1fr}
.mobile-stage{padding:0;display:block;min-height:calc(100dvh - 65px)}
.mobile-stage .phone-shell{max-width:none;width:100%;min-height:calc(100dvh - 65px);border:0;border-radius:0;box-shadow:none}
.phone-inner{min-height:calc(100dvh - 65px);padding-bottom:125px}
.phone-notch{display:none}
.phone-time{margin-top:0}
.phone-nav{position:fixed;bottom:13px;left:13px;right:13px}
.glass-lab-canvas{height:450px}
.interactive-glass{width:min(90vw,440px)}
}
@media (max-width:440px){.mat-grid{grid-template-columns:1fr}
.stats{gap:9px}
.stat{min-height:153px;padding:14px}
.stat .bigval{font-size:27px}
.stat-head{font-size:12px}
.phone-inner{padding:24px 17px 135px}
.phone-hero{min-height:268px;padding:25px}
.phone-hero .bigval{font-size:47px}
.phone-title{font-size:30px}
.glass-controls{gap:10px}
.coin-item{padding:13px}
.crypto-currency{gap:8px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important}
}
.phone-shell,.phone-nav,.txn,.input,.segmented,.mini-tile,.coin-item{corner-shape:squircle}
.iconbtn,.btn,.clickable,.navtab,.demo-panel,.mat-box,.coin-item,.mini-tile,.product-card,.small-biomarker,.health-action-card,.result-close,.tooltip-host:after,.interactive-glass,.accordion button{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease!important}
.iconbtn:hover,.btn:hover,.clickable:hover,.health-action-card:hover{transform:none!important}
.clickable:hover{box-shadow:var(--shadow)!important}
.iconbtn:hover{background:var(--he-p-FFFFFF);box-shadow:0 10px 24px -22px var(--he-p-101B2826)}
.btn:hover{box-shadow:0 12px 26px -22px var(--he-p-101B2829);filter:none!important}
.btn.lime{background:var(--sa-current);color:var(--sa-ocean)}
.btn.dark{background:var(--sa-ocean);color:var(--he-p-FFFFFF)}
.navtab{color:var(--sa-muted)}
.navtab:hover,.navtab.selected{background:var(--he-p-FFFFFF);color:var(--sa-ocean);box-shadow:inset 0 0 0 1px var(--he-p-1C222814),0 10px 24px -22px var(--he-p-101B2824)}
.muted,.tiny,.demo-panel p,.coin-item small,.axis,.month-labels,.small-see,.product-card>span:not(.bestseller):not(.item-type),.small-biomarker>span,.small-biomarker .pixel-number small,.section-head p,.result-main small,.item-type{color:var(--sa-muted)!important}
.product-card>span:not(.bestseller):not(.item-type){font-size:12px}
.demo-panel,.mat-box,.small-biomarker,.product-card,.health-action-card{padding:clamp(22px,1.8vw,34px)}
.demo-panel h3,.mat-box h3,.section-head h2,.mobile-section-head h3,.rowline strong,.product-card strong{color:var(--sa-ocean)}
.control-line .btn,.segmented,.input{box-shadow:0 8px 24px -24px var(--he-p-101A261F)}
.input{background:var(--he-p-F7F8F7);color:var(--sa-ocean);border-color:var(--he-p-DBDFE3)}
.input:focus{background:var(--he-p-FFFFFF);outline:2px solid var(--sa-tide);border-color:var(--sa-tide)}
.segmented{padding:6px;background:var(--he-p-EFF2EF)}
.segmented button{color:var(--sa-muted);padding:11px 15px}
.segmented button.active{color:var(--sa-ocean);box-shadow:0 7px 18px -14px var(--he-p-111A262E)}
.phone-nav button{color:var(--sa-muted)}
.phone-nav button.active{color:var(--sa-tide)}
.product-card:hover .product-orb{transform:none!important}
.glass-controls,.demo-panel{gap:18px}
button,input,textarea{font:inherit}
.topnav,.segmented{box-shadow:none!important}
.navtab:hover,.navtab.selected,.segmented button.active,.device-tabs button.active,.btn:hover,.iconbtn:hover{box-shadow:none!important}
.navtab:hover,.navtab.selected{border:1px solid var(--he-p-1C222814)}
.segmented button.active{border:1px solid var(--he-p-20293314)}
.badge{border-radius:22px}
.iconbtn,.btn,.wallet-actions button{border-radius:18px}
.phone-nav{background:var(--he-p-FFFFFFBD);border:1px solid var(--he-p-FFFFFFD6);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);box-shadow:0 12px 26px var(--he-p-0D1A291A)}
.wallet-actions button{border:1px solid var(--he-p-EDF0EC)}
.message.incoming{background:var(--he-p-EBF5FF75);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);color:var(--sa-ocean);border-color:var(--he-p-FFFFFF8F)}
.modal-backdrop{background:var(--he-p-1B1F2433);backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05)}
.modal-inner{background:var(--he-p-FFFFFFB8);border:1px solid var(--he-p-FFFFFFD6);backdrop-filter:blur(26px) saturate(1.12);-webkit-backdrop-filter:blur(26px) saturate(1.12);box-shadow:0 24px 72px -34px var(--he-p-111A265C), inset 0 1px 0 var(--he-p-FFFFFFB8)}
.modal-inner .muted{color:var(--sa-muted)}
#menuOverlay{background:var(--he-p-FFFFFFC7)!important;border:1px solid var(--he-p-E1E6E2EB)!important;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);box-shadow:0 24px 46px -28px var(--he-p-0F182342)!important}
#menuOverlay a{border-radius:16px;corner-shape:squircle}
#menuOverlay a:hover{background:var(--he-p-ECF0F4)}
.custom-select{position:relative;width:100%;min-width:0;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.custom-select .select-trigger{width:100%;min-height:46px;padding:13px 15px;border:1px solid var(--he-p-DBDFE3);background:var(--he-p-F7F8F7);color:var(--sa-ocean);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.custom-select .select-current{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-select .select-chevron{display:grid;place-items:center;color:var(--sa-muted)}
.custom-select .select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;padding:7px;background:var(--he-p-FFFFFFD6);border:1px solid var(--he-p-DBDFE3F0);backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12);box-shadow:0 24px 42px -30px var(--he-p-0F18233D)}
.custom-select .select-option{width:100%;background:transparent;border:0;min-height:40px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--sa-ocean);border-radius:16px}
.custom-select .select-option .select-check{opacity:0}
.custom-select .select-option.active,.custom-select .select-option:hover,.custom-select .select-option:focus-visible{background:var(--he-p-ECF0F4);color:var(--sa-ocean);outline:none}
.custom-select .select-option.active .select-check{opacity:1}
.challenge-hero .eyebrow,.wallet-hero .eyebrow{color:var(--he-p-DFE8F0)}
.challenge-hero,.wallet-hero{box-shadow:inset 0 1px 0 var(--he-p-FFFFFF70),0 18px 32px -24px var(--he-p-21293229)}
.mat-box,.demo-panel,.panel.quiet,.stat.quiet{border:1px solid var(--he-p-DFE5E0EB)}
@media (max-width:780px){.topactions .iconbtn,.phone-nav button,.wallet-actions button{min-height:48px}
.modal-inner{padding:28px 22px}
}