:root{--ink:#17385f;--blue:#2e91e9;--sky:#d9efff;--pale:#f4fbff;--cream:#fffaf2;--muted:#69809a;--line:#cde3f2;--shadow:0 6px 0 #b8d9ec,0 12px 22px #91bad244}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#f7fbff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f6ab68;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Nunito,sans-serif}em{font-family:'Instrument Serif',serif;font-weight:400}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:10;background:#eaf7ff;border-bottom:1px solid #d6eaf7}.brand{font-size:28px;font-weight:1000;letter-spacing:-1.7px;display:inline-flex;align-items:center;gap:9px}.brand-dot{color:#f6ac68}.brand-icon{width:41px;height:41px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 3px 7px #8fb2c377}.brand-icon img{width:100%;height:100%;object-fit:cover}.desktop-nav{display:flex;align-items:center;gap:7px;margin-left:80px}.desktop-nav a{font-size:13px;font-weight:700;padding:10px 16px;border-radius:30px}.desktop-nav a.active,.desktop-nav a:hover{background:#fff;box-shadow:0 3px 10px #9fc6dd33}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;font-weight:800;border-radius:100px}.header-cta{font-size:13px;background:#fff;padding:13px 17px;box-shadow:0 3px 0 #bbd9e9}.header-cta span{margin-left:17px;color:#3995dc;font-size:17px}.menu-toggle,.mobile-nav{display:none}.hero{min-height:650px;height:calc(100vh - 82px);max-height:830px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 8%;background:linear-gradient(145deg,#eefaff 0%,#d1edff 67%,#c2e5fc 100%)}.hero:after{content:'';position:absolute;bottom:-170px;left:-5%;width:110%;height:240px;border-radius:50% 50% 0 0;background:#f7fbff}.hero-copy{position:relative;z-index:2;padding-bottom:45px}.eyebrow,.kicker{font-size:10px;font-weight:900;letter-spacing:.17em;color:#4b89b5}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:100px;background:#ffffffaa;border:1px solid #fff;box-shadow:0 3px 10px #9abbd133}.live-dot{width:7px;height:7px;background:#80c8a6;border-radius:50%}.hero h1,.detail-hero h1{font-size:clamp(58px,6.6vw,100px);font-weight:1000;line-height:.98;letter-spacing:-.065em;margin:24px 0}.hero h1 em,.detail-hero h1 em{color:#328ed2;letter-spacing:-.055em}.hero-copy>p,.detail-hero p{font-size:16px;line-height:1.8;color:#5f7890;max-width:470px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.button{font-size:13px;padding:8px 9px 8px 21px;gap:20px;min-height:52px;border:0;transition:transform .2s,box-shadow .2s}.button:hover,.header-cta:hover{transform:translateY(-2px)}.primary{background:#238ee2;color:white;box-shadow:0 4px 0 #1573ba,0 8px 15px #438ebd44}.arrow{display:grid;place-items:center;background:#fff;color:#2589d2;border-radius:50%;width:35px;height:35px;font-size:18px}.text-link{font-size:13px;font-weight:800}.text-link span{font-size:18px;margin-left:8px}.hero-note{font-size:11px;color:#7291a7;font-weight:700;margin-top:46px}.hero-note span{font-size:18px;color:#ecb46e;margin-right:8px}.hero-art{height:100%;position:relative;display:grid;place-items:center;padding-bottom:35px}.hero-art .mascot{position:relative;z-index:2;width:min(100%,590px);filter:drop-shadow(0 22px 16px #5684a055);animation:bob 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid #ffffff9c;border-radius:50%;width:85%;aspect-ratio:1;transform:rotate(-18deg) scaleY(.73)}.orbit-two{width:105%;transform:rotate(28deg) scaleY(.7)}.art-spark{position:absolute;color:white;font-size:48px;z-index:3}.spark-one{left:6%;top:24%;color:#ffc86d}.spark-two{right:5%;bottom:26%}.art-label,.float-pill{position:absolute;z-index:3;background:#fff;border-radius:15px;padding:12px 17px;font-family:Nunito;font-weight:1000;font-size:10px;letter-spacing:.09em;box-shadow:0 5px 0 #bedceb,0 9px 20px #699dc538}.art-label span{color:#efb06d}.label-one{left:3%;top:29%;transform:rotate(-7deg)}.label-two{right:0;bottom:27%;transform:rotate(7deg)}.label-two span{color:#9ad7b9}.art-shadow{position:absolute;width:50%;height:30px;border-radius:50%;background:#8ab4cf;filter:blur(20px);bottom:15%;opacity:.5}.hero-cloud{position:absolute;color:#fff;opacity:.5;font-size:75px}.cloud-one{top:9%;right:40%}.cloud-two{bottom:24%;left:3%;font-size:45px}.hero-bottom{position:absolute;z-index:3;bottom:32px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;letter-spacing:.14em;color:#86a5ba}.hero-bottom span:nth-child(2){font-size:19px}.section-pad{padding:110px 8%}.section-heading{text-align:center;max-width:650px;margin:0 auto 50px}.section-heading h2,.story-copy h2,.cta-section h2,.detail-intro h2{font-size:clamp(43px,4.4vw,66px);line-height:1.04;letter-spacing:-.055em;margin:16px 0}.section-heading h2 em,.story-copy h2 em,.cta-section h2 em,.detail-intro h2 em{color:#3b99d9}.section-heading p,.story-copy p,.cta-section p{font-size:15px;line-height:1.8;color:#6b8193}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:auto}.feature-card{border-radius:28px;padding:27px;min-height:390px;display:flex;flex-direction:column;border:2px solid #fff;box-shadow:0 6px 0 #d3e5ee,0 12px 20px #b4d1df44}.sky{background:#d2edff}.peach{background:#ffe1d5}.butter{background:#ffedb9}.feature-top{display:flex;justify-content:space-between;align-items:flex-start}.feature-illustration{width:110px;height:110px;display:grid;place-items:center;font-family:Nunito;font-size:70px;font-weight:900;line-height:1;color:#328bca;transform:rotate(-12deg);text-shadow:2px 4px #fff}.peach .feature-illustration{color:#ed9478}.butter .feature-illustration{color:#d19d44}.feature-illustration i{font-size:25px;position:absolute;right:-5px;top:4px;color:#fff}.number{font-size:9px;font-weight:900;letter-spacing:.12em;color:#7393a6}.feature-tag{border:1px solid #7899ae;border-radius:20px;align-self:start;padding:6px 11px;font-size:10px;font-weight:700;margin-top:15px}.feature-card h3{font-size:28px;letter-spacing:-.04em;margin:16px 0 8px}.feature-card p{font-size:13px;line-height:1.65;color:#607c8d;max-width:270px}.feature-card>a{font-size:12px;font-weight:900;margin-top:auto;padding-top:25px}.feature-card>a span{float:right;font-size:18px}.story-band{background:#e8f6ff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;overflow:hidden}.story-art{position:relative;display:grid;place-items:center;min-height:470px}.story-circle{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#c8eaff;border:2px solid #fff}.story-art .mascot{width:90%;max-width:490px;position:relative;filter:drop-shadow(0 17px 15px #6597b744)}.float-pill{bottom:15%;right:0;transform:rotate(-6deg);color:#4d91bf}.story-copy p{max-width:440px;margin:20px 0 30px}.cta-section{text-align:center;padding:120px 20px;position:relative;overflow:hidden}.cta-section p{margin-bottom:28px}.cta-stars{position:absolute;bottom:25px;left:0;right:0;color:#f3bd76;font-size:25px}.site-footer{background:#d9effc;padding:65px 8% 25px;display:grid;grid-template-columns:1fr auto;gap:50px}.site-footer p{font-size:13px;line-height:1.7;color:#7391a5;margin-top:16px}.footer-links{display:flex;gap:90px}.footer-links div{display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-links b{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.footer-links button{border:0;background:none;padding:0;text-align:left;color:inherit}.footer-bottom{border-top:1px solid #bad9e9;padding-top:24px;grid-column:1/-1;display:flex;justify-content:space-between;color:#7d9aad;font-size:10px}.detail-hero{background:#e8f7ff;min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 9%;overflow:hidden}.detail-hero h1{font-size:clamp(55px,6vw,84px)}.detail-hero p{margin-bottom:30px}.detail-mascot{position:relative;display:grid;place-items:center}.detail-mascot .mascot{position:relative;max-width:490px;width:90%;filter:drop-shadow(0 16px 15px #76a6c244)}.detail-orb{position:absolute;border-radius:50%;width:75%;aspect-ratio:1;background:#ccecff;border:2px solid #fff}.detail-content{padding:110px 9%;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-cards article{background:#e7f6ff;border:2px solid #fff;border-radius:24px;padding:27px;box-shadow:0 5px 0 #d1e8f3}.detail-cards article:nth-child(2){background:#ffeadf}.detail-cards article:nth-child(3){background:#fff0c7}.detail-cards article:nth-child(4){background:#e8e8fb}.detail-cards article span{font-size:11px;font-weight:900;color:#5d9ac0}.detail-cards h3{font-size:22px;letter-spacing:-.03em;margin:35px 0 10px}.detail-cards p{font-size:13px;line-height:1.65;color:#70899a}.detail-banner{margin:0 9% 100px;background:#ccecff;border-radius:30px;padding:35px 45px;display:flex;align-items:center;gap:25px}.detail-banner>span{font-size:45px;color:#f5ad64}.detail-banner h2{font-size:27px}.detail-banner p{color:#6c8ba0;font-size:13px;margin-top:5px}.detail-banner a{margin-left:auto}dialog{border:0;border-radius:28px;padding:0;color:var(--ink);box-shadow:0 18px 70px #1a466a55}dialog::backdrop{background:#17385f77}.dialog-inner{text-align:center;max-width:360px;padding:40px;position:relative}.dialog-close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:27px;color:var(--ink)}.dialog-star{font-size:40px;color:#f7b65d}.dialog-inner h2{margin:10px}.dialog-inner p{color:#71889b;line-height:1.6;font-size:14px;margin-bottom:20px}
/* Dashboard */
body:has(.dash-shell){background:#d3ebf9;padding:22px;color:#173b60}.dash-shell{max-width:1500px;min-height:calc(100vh - 44px);margin:auto;border-radius:32px;background:linear-gradient(135deg,#f7fcff,#eaf6fd);border:3px solid #fff;box-shadow:0 8px 24px #81b0cc77;display:grid;grid-template-columns:210px 1fr;overflow:hidden}.dash-sidebar{background:linear-gradient(135deg,#c0e4f3,#d9eff7);border-right:3px solid #fff;border-radius:27px;box-shadow:4px 0 10px #a5c9da66;padding:26px 13px 18px;display:flex;align-items:center;flex-direction:column}.dash-avatar{width:130px;height:130px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#f8fdff,#b4dcf3);border:4px solid #fff;box-shadow:0 5px 9px #7ba8bd88;overflow:hidden}.dash-avatar img{width:145%;height:145%;object-fit:contain}.dash-hello{font:900 19px Nunito;margin:15px 0 25px}.dash-hello span{color:#eaa75b}.dash-sidebar nav{width:100%;display:grid;gap:9px}.dash-nav{display:flex;align-items:center;gap:17px;width:100%;height:52px;text-align:left;border:0;background:transparent;color:#31546c;border-radius:15px;padding:0 16px;font-size:13px;font-weight:700}.dash-nav svg{width:23px;height:23px;stroke-width:2.4;filter:drop-shadow(0 2px 2px #6fa1b5)}.dash-nav:hover{background:#ffffff66}.dash-nav.selected{background:#f6fcff;border:2px solid #fff;box-shadow:0 4px 0 #afd1df,0 5px 9px #79a2b344}.sidebar-card{margin-top:auto;width:100%;background:#ffdccb;border:2px solid #fff;border-radius:23px;box-shadow:0 5px 0 #d9ad9d,0 7px 12px #9b8d8177;text-align:center;padding:20px 10px 16px}.sidebar-star{font-size:51px;color:#f5bd55;text-shadow:0 4px 1px #d99b42;line-height:1}.sidebar-card b{display:block;font:900 15px Nunito;margin:12px 0 5px}.sidebar-card p{font-size:11px;line-height:1.5;margin-bottom:13px}.sidebar-card a,.dash-button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;background:#f8a789;color:white;padding:10px 14px;box-shadow:0 4px 0 #d4866d;font-size:11px;font-weight:800}.back-site{font-size:11px;font-weight:700;margin-top:19px;color:#588198}.dash-main{padding:29px 32px 24px;min-width:0}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dash-top h1{font-size:33px;letter-spacing:-.045em;line-height:1}.dash-overline{font-size:9px;font-weight:900;letter-spacing:.15em;color:#8daabd}.dash-tools{display:flex;align-items:center;gap:16px}.dash-search{display:flex;align-items:center;background:#f8fdff;border:2px solid #fff;box-shadow:0 4px 0 #c3dfe9,0 5px 9px #8eafbd55;border-radius:18px;padding:10px 13px;width:235px}.dash-search svg{width:19px;color:#87aaba}.dash-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:#345c72;padding-left:9px}.round-icon{width:42px;height:42px;border-radius:50%;border:2px solid #fff;background:#eaf8fb;color:#5d9aab;box-shadow:0 4px 0 #bedbe2,0 5px 8px #8eafbd55;display:grid;place-items:center;position:relative}.round-icon svg{width:21px}.round-icon.notice span{width:9px;height:9px;background:#f49b7c;position:absolute;border:1px solid white;border-radius:50%;top:1px;right:1px}.round-icon.profile{background:#93c7d3;color:white;font-size:24px}.dash-notice{font-size:10px;color:#7794a4;margin:-7px 0 13px}.dash-welcome{height:220px;border-radius:25px;background:linear-gradient(110deg,#cbeafa,#e1f5ff 70%,#c7ebff);border:2px solid #fff;box-shadow:0 6px 0 #bfd9e8,0 8px 14px #96b5c744;position:relative;overflow:hidden;display:flex;align-items:center}.dash-welcome-mascot{height:100%;width:37%;position:relative}.dash-welcome-mascot img{position:absolute;width:115%;height:140%;object-fit:contain;bottom:-19%;left:-7%;filter:drop-shadow(0 5px 5px #80acc4)}.welcome-copy{z-index:1}.welcome-copy>span{font-size:9px;letter-spacing:.13em;font-weight:900;color:#67a5ca}.welcome-copy h2{font-size:25px;font-weight:1000;letter-spacing:-.035em;margin:9px 0}.welcome-copy p{font-size:14px;line-height:1.6;color:#62859a;margin-bottom:16px}.dash-button{font-size:12px;padding:11px 17px}.welcome-orb{position:absolute;right:5%;font-size:90px;color:#fff4c9;text-shadow:0 6px 0 #e9c481,0 10px 10px #8caeb4;transform:rotate(12deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card{border:2px solid #fff;border-radius:22px;padding:15px 17px;min-height:155px;box-shadow:0 5px 0 #c8dce5,0 8px 12px #97b0bb44;display:flex;flex-direction:column}.stat-blue{background:#d1eaf8}.stat-peach{background:#ffe0d2}.stat-yellow{background:#ffedbd}.stat-lavender{background:#dfe8fa}.stat-icon{width:45px;height:45px;border-radius:14px;background:#86c6dc;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:inset 1px 2px 3px #ffffffaa,0 4px 0 #68a7be,0 5px 8px #819ba777;margin-bottom:11px}.stat-peach .stat-icon{background:#f5a58c;box-shadow:0 4px 0 #d88970,0 5px 8px #819ba777}.stat-yellow .stat-icon{background:#f3c364;box-shadow:0 4px 0 #d4a047,0 5px 8px #819ba777}.stat-lavender .stat-icon{background:#9bb9d9;box-shadow:0 4px 0 #7d9fbd,0 5px 8px #819ba777}.stat-card>span{font-size:11px;font-weight:800}.stat-card strong{font:1000 27px Nunito;line-height:1.2;margin-top:4px}.stat-card small{font-size:10px;margin-top:5px;color:#618194}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-panel{background:#f6fcff;border:2px solid #fff;border-radius:22px;padding:16px;box-shadow:0 5px 0 #d3e4ea,0 7px 12px #9ab7c544;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h3{font:900 14px Nunito}.panel-head button,.panel-head a,.panel-head select,.tiny-pill{border:1px solid #e4eff3;border-radius:20px;background:#fff;color:#345d74;font-size:10px;font-weight:700;padding:5px 10px;box-shadow:0 2px 3px #b6cdd555}.empty-chart{height:112px;position:relative;margin:17px 10px 0}.chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-lines span{height:1px;background:#e3eff3}.bars{position:absolute;inset:10px 0 0;display:flex;align-items:end;justify-content:space-around}.bars i{width:8%;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#80c8e2,#b8e3ef);height:55%;box-shadow:0 3px 4px #95bcca}.bars i:nth-child(2){height:80%;background:#f9c879}.bars i:nth-child(3){height:63%;background:#a9d8c5}.bars i:nth-child(4){height:90%;background:#f5aa90}.bars i:nth-child(5){height:65%;background:#a6cce8}.bars i:nth-child(6){height:82%;background:#9ed6d8}.bars i:nth-child(7){height:64%;background:#d4bce6}.chart-caption{font-size:9px;text-align:center;color:#8ca7b4;margin-top:9px}.donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:16px 0 5px}.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#84c6e4 0 34%,#f5af96 34% 61%,#f2ce80 61% 82%,#bed9cc 82%);display:grid;place-items:center;box-shadow:0 4px 5px #afcbd0}.donut>div{width:65px;height:65px;background:#f6fcff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:1000 22px Nunito;box-shadow:inset 0 2px 5px #b9d0d7}.donut small{font:700 9px DM Sans}.legend{display:grid;gap:12px;font-size:10px;font-weight:700}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:50%;background:#84c6e4}.legend span:nth-child(2) i{background:#f5af96}.legend span:nth-child(3) i{background:#f2ce80}.legend span:nth-child(4) i{background:#bed9cc}.market-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e4f0f4}.market-row:last-child{border:0}.coin{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#f6cf88;color:#fff;font-weight:900;font-size:22px;box-shadow:0 3px 4px #bfd4db}.coin.eth{background:#a9c8e1}.coin.sol{background:#b5d9ce}.market-row div{display:grid;gap:3px}.market-row b{font-size:11px}.market-row small{font-size:10px;color:#91aab7}.row-status{margin-left:auto;font-size:10px;color:#89a6b4}.spotlight{height:150px;margin-top:12px;border-radius:16px;background:linear-gradient(115deg,#a6d8f2,#d7effb);display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding-left:17px}.spotlight>div{z-index:1}.spotlight span{font-size:9px;font-weight:900;letter-spacing:.1em;color:#568ba7}.spotlight h3{font-size:23px;line-height:1.05;margin:8px 0}.spotlight p{font-size:10px}.spotlight img{width:54%;height:140%;object-fit:contain;margin-right:-8%}.dash-bottom{margin-top:18px;border-radius:18px;background:#c8e8f3;border:2px solid #fff;box-shadow:0 5px 0 #b5d7e2,0 7px 10px #a2beca55;padding:10px 20px;display:flex;align-items:center;gap:20px}.bottom-star{font-size:37px;color:#f6c66f;text-shadow:0 3px #d7a34b}.dash-bottom div{display:grid;gap:3px}.dash-bottom b{font-size:13px}.dash-bottom small{font-size:11px;color:#61889b}.dash-bottom a{margin-left:auto;background:#81bed1;color:white;border-radius:30px;padding:10px 16px;font-size:11px;font-weight:800;box-shadow:0 3px 0 #69a5b7}.view-banner{background:#d6effb;border:2px solid #fff;border-radius:24px;padding:45px;margin:20px 0;box-shadow:0 5px 0 #c1e1ee}.view-banner h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}.view-banner p{color:#6d8c9d;line-height:1.6;font-size:14px;max-width:600px}.view-panel{padding:25px;min-height:250px}.view-panel .market-row{padding:15px 0}.empty-state{text-align:center;display:grid;justify-items:center;align-content:center;gap:12px}.empty-state>span{font-size:50px;color:#8ac4dd}.empty-state p,.view-panel>p{font-size:13px;color:#7d98a7}.setting-row{display:flex;justify-content:space-between;margin-top:30px;font-size:14px}.setting-row input{accent-color:#3299d6}.reduced *{animation:none!important;transition:none!important}@keyframes bob{50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:900px){.desktop-nav{margin-left:0}.hero{padding:0 6%;min-height:620px}.hero h1{font-size:65px}.hero-copy>p{font-size:14px}.section-pad{padding:80px 6%}.feature-card{padding:21px;min-height:360px}.feature-card h3{font-size:23px}.feature-illustration{height:90px;width:90px;font-size:58px}.story-art{min-height:350px}.dash-shell{grid-template-columns:170px 1fr}.dash-sidebar{padding:22px 9px}.dash-avatar{width:105px;height:105px}.dash-main{padding:25px 20px}.stats-grid{gap:10px}.stat-card{padding:12px;min-height:145px}.dash-welcome{height:195px}.welcome-copy h2{font-size:20px}.welcome-orb{font-size:60px}.dash-search{width:190px}.dashboard-grid{gap:10px}.donut{width:95px;height:95px}.donut>div{width:53px;height:53px}}
@media(max-width:650px){.site-header{height:70px;padding:0 5%}.brand{font-size:25px}.brand-icon{width:37px;height:37px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;width:42px;height:42px;border:2px solid #fff;background:#d8effc;border-radius:50%;color:var(--ink);font-size:22px}.mobile-nav{position:absolute;top:62px;left:4%;right:4%;background:#fff;border-radius:22px;padding:12px;box-shadow:0 10px 25px #6293ad55}.mobile-nav.open{display:grid}.mobile-nav a{padding:14px;border-radius:12px;font-weight:800;font-size:14px}.mobile-nav a:hover{background:#e7f6ff}.hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:55px 6% 60px;text-align:center}.hero:after{bottom:-190px}.hero-copy{padding:0}.hero h1{font-size:clamp(53px,13vw,75px);margin:22px 0}.hero-copy>p{font-size:14px;line-height:1.7}.hero-actions{justify-content:center;gap:15px;flex-wrap:wrap}.hero-note{margin-top:26px}.hero-art{height:350px;width:100%;padding:0}.hero-art .mascot{height:100%;width:auto;max-width:100%;object-fit:contain}.orbit{width:85%;max-width:350px}.orbit-two{max-width:420px}.label-one{left:0}.label-two{right:0}.hero-bottom{bottom:20px;left:6%;right:6%;font-size:8px}.section-pad{padding:75px 6%}.section-heading h2,.story-copy h2,.cta-section h2,.detail-intro h2{font-size:45px}.section-heading{margin-bottom:30px}.feature-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 4px 14px}.feature-card{flex:0 0 83%;min-height:345px;scroll-snap-align:center}.feature-card h3{font-size:27px}.story-band{grid-template-columns:1fr;gap:25px}.story-art{min-height:290px;max-width:400px;width:100%;margin:auto}.story-art .mascot{max-width:330px}.story-copy{text-align:center}.story-copy p{margin:18px auto 25px}.cta-section{padding:85px 6%}.site-footer{padding:50px 6% 25px;grid-template-columns:1fr}.footer-links{gap:65px}.footer-bottom{gap:20px}.detail-hero{grid-template-columns:1fr;padding:60px 7% 35px;text-align:center}.detail-hero h1{font-size:55px}.detail-hero p{margin:0 auto 25px;font-size:14px}.detail-mascot{height:300px}.detail-mascot .mascot{height:100%;width:auto}.detail-orb{width:250px}.detail-content{padding:70px 6%;grid-template-columns:1fr;gap:25px}.detail-cards{gap:10px}.detail-cards article{padding:20px}.detail-cards h3{font-size:19px;margin-top:22px}.detail-cards p{font-size:12px}.detail-banner{margin:0 6% 70px;padding:25px;flex-wrap:wrap}.detail-banner a{margin-left:0}.detail-banner h2{font-size:22px}body:has(.dash-shell){padding:8px}.dash-shell{display:block;border-radius:23px;min-height:calc(100vh - 16px)}.dash-sidebar{border-radius:20px 20px 0 0;border-right:0;border-bottom:2px solid #fff;display:flex;flex-direction:row;align-items:center;padding:10px;gap:8px;overflow-x:auto}.dash-avatar{width:46px;height:46px;flex:none;border-width:2px}.dash-hello,.sidebar-card,.back-site{display:none}.dash-sidebar nav{display:flex;gap:5px;width:auto}.dash-nav{width:auto;min-width:44px;height:44px;padding:0 11px;gap:6px;justify-content:center}.dash-nav svg{width:21px;flex:none}.dash-nav span{display:none}.dash-nav.selected span{display:inline;font-size:11px;white-space:nowrap}.dash-main{padding:20px 12px}.dash-top{align-items:flex-start;gap:10px}.dash-top h1{font-size:28px}.dash-tools{gap:7px}.dash-search{width:130px;padding:9px}.dash-search input{font-size:10px}.round-icon{width:37px;height:37px}.dash-tools .profile{display:none}.dash-welcome{height:190px}.dash-welcome-mascot{width:36%}.dash-welcome-mascot img{width:150%;left:-30%}.welcome-copy h2{font-size:18px}.welcome-copy p{font-size:12px}.welcome-orb{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stat-card{min-height:135px}.stat-icon{width:37px;height:37px;font-size:21px;margin-bottom:8px}.stat-card strong{font-size:24px}.dashboard-grid{grid-template-columns:1fr}.dash-bottom{gap:10px;padding:10px}.bottom-star{font-size:29px}.dash-bottom b{font-size:11px}.dash-bottom small{font-size:10px}.dash-bottom a{font-size:10px;white-space:nowrap;padding:9px}.view-banner{padding:25px}.view-banner h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.social-row{display:flex!important;flex-direction:row!important;gap:10px!important}.social-row .social{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4fbff;color:#356481;box-shadow:0 3px 0 #b9d9e9}.social-row svg{width:16px;height:16px}.brand-banner{padding:65px 9% 0;background:#f7fbff}.brand-banner img{display:block;width:100%;border-radius:28px;border:3px solid #fff;box-shadow:0 7px 0 #cbe3f0}
[hidden]{display:none!important}
/* A grounded dashboard mascot responds to a tap or keyboard activation. */
.dash-mascot-action{border:0;background:transparent;padding:0;cursor:pointer;align-self:stretch;overflow:visible}
.dash-mascot-action .cap-rig{position:absolute;width:115%;height:140%;left:-7%;bottom:-19%;filter:drop-shadow(0 5px 5px #80acc4)}
.dash-mascot-action .cap-breathe,.dash-mascot-action .cap-arm,.dash-mascot-action .cap-eye{animation:none}
.dash-mascot-action .cap-prop{animation:none}.dash-mascot-action:focus-visible{outline:3px solid #248bd4;outline-offset:-6px;border-radius:18px}
.dash-mascot-speech{position:absolute;top:12%;right:0;background:white;color:#17385f;padding:7px 12px;border-radius:14px;font-size:13px;font-weight:800;box-shadow:0 3px 0 #9fcce3;opacity:0;transform:translateY(6px);pointer-events:none}
.dash-mascot-action.is-waving{animation:dash-hello-wave 1.8s ease both}.dash-mascot-action.is-waving .cap-arm-right{animation:dash-hand-wave .25s ease-in-out 6 alternate}.dash-mascot-action.is-waving .dash-mascot-speech{animation:dash-speech 1.8s ease both}
@keyframes dash-hello-wave{0%,100%{transform:rotate(0)}25%,70%{transform:rotate(-2deg)}}@keyframes dash-hand-wave{from{transform:rotate(-35deg)}to{transform:rotate(20deg)}}@keyframes dash-speech{12%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-3px)}}
@media(max-width:650px){.dash-mascot-action .cap-rig{width:150%;left:-30%}.dash-mascot-speech{right:-10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.dash-mascot-action.is-waving,.dash-mascot-action.is-waving .cap-arm-right,.dash-mascot-action.is-waving .dash-mascot-speech{animation:none}.dash-mascot-action.is-waving .dash-mascot-speech{opacity:1;transform:none}}