/* Dimensional homepage: CSS artwork with no video or rendering library. */
.site-header{background:#091e1bea;color:#edf5e9;border-color:#d5f5a31c}
.desktop-links,.sign-in{color:#c3d5c9}.menu-toggle{border-color:#d5f5a340}.menu-toggle span{background:#d5f5a3}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 25%,#265444 0,transparent 50%),linear-gradient(135deg,#091c1a,#102e27 65%,#193b2c);color:#f3f8ed}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#c9ef9b06 1px,transparent 1px),linear-gradient(90deg,#c9ef9b06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000,transparent)}
.hero:after{content:'';position:absolute;z-index:-1;top:10%;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#a9f58419,transparent 67%);animation:cmh-ambient 9s ease-in-out infinite alternate;pointer-events:none}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;padding-top:90px;padding-bottom:65px;min-height:730px}
.hero-copy,.hero-art{min-width:0}.hero-copy h1{font-size:clamp(52px,5.8vw,80px);letter-spacing:-.065em;line-height:1.06}.hero-copy h1 .serif{display:inline-block;color:#d5f5a3;font-family:inherit;font-style:normal;font-weight:550;letter-spacing:-.065em}
.hero-copy .eyebrow{color:#cae4b7;font-size:10px;letter-spacing:.17em}.status-dot{background:#bbed83;box-shadow:0 0 0 5px #bbed8315}.hero-description{color:#b5c9be}.hero-note p{color:#a9bfb0}.hero-note strong{color:#e5f4d5}.mini-mark{color:#c7ec98;border-color:#d5f5a32b}.text-link{color:#d8e9cd;border-color:#d5f5a33a}
.hero-actions .button{background:linear-gradient(125deg,#d5f5a3,#8fd477)!important;color:#10291e!important;box-shadow:0 8px 32px #a6e38425!important}.hero-actions .button:hover{box-shadow:0 12px 40px #a6e38445!important}
.hero-art{perspective:1000px;padding:145px 8px 0;--tilt-x:0deg;--tilt-y:0deg}.art-caption{color:#bdd7ab;writing-mode:initial;top:78px;font-size:8px;letter-spacing:.2em}.art-grid{opacity:.3}.orbit{border-color:#bee99c20}.orbit-two{border-color:#bee99c35}
.hero-sculpture{top:-24px;right:15px;width:235px;height:235px;animation:cmh-float 6s ease-in-out infinite;transform-style:preserve-3d}
.sculpture-coin{inset:25px;border:7px solid #caefa1;transform:rotate(-18deg) rotateY(-22deg);padding:0;background:linear-gradient(140deg,#f0ffcc,#b2db80 52%,#608d43);box-shadow:inset 0 0 0 3px #71924c,inset 7px 9px 12px #ffffff75,5px 6px 0 #769e50,10px 12px 0 #527e37,16px 20px 30px #0006;overflow:hidden}
.sculpture-coin img{width:66%;height:66%;border-radius:24%;filter:drop-shadow(2px 5px 2px #30562755)}
.sculpture-coin:after{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 42%,#fff8 49%,transparent 56%);transform:translateX(-65%);animation:cmh-shine 7s ease-in-out infinite}
.sculpture-ring{inset:50px -17px;border-color:#d8f7ae66;transform:rotate(-32deg);box-shadow:0 0 12px #c9ef9b12}.sculpture-spark{color:#d5f5a3;font-size:32px;left:-20px;top:38px}
.crypto-block{position:absolute;width:26px;height:26px;background:linear-gradient(135deg,#e1fbc0,#88b967);border:1px solid #d6efa8;box-shadow:5px 5px 0 #4a7144;transform:rotate(-20deg);border-radius:5px}.block-one{left:-35px;bottom:35px}.block-two{right:-5px;top:10px;width:17px;height:17px;transform:rotate(20deg)}
.overview-card{background:linear-gradient(145deg,#345a48eb,#112f28fa);border:1px solid #c9ef9b45;box-shadow:0 35px 65px #0005,6px 8px 0 #203f32,7px 9px 0 #6e95644d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-3deg);transition:transform .3s ease;backdrop-filter:blur(12px)}
.hero-art:hover .overview-card{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate(-1deg)}
.floating-note{background:linear-gradient(120deg,#eef9dd,#d1e8b6);border-color:#dcf1c2;box-shadow:0 15px 35px #0003;animation:cmh-note 7s ease-in-out infinite}.illustration-note{color:#9cb69f;font-size:10px}.terms-strip{border-color:#b7da9e25}.terms-strip strong{color:#e9f7de}.terms-strip p,.strip-copy p{color:#a9bea7}.terms-strip strong>span,.tiny-cross{color:#aada80}
.step{box-shadow:0 5px 0 #dae5d2,0 16px 32px #193b3008}.step:hover{transform:translateY(-6px);box-shadow:0 9px 0 #dae5d2,0 22px 40px #193b3012}.calculator-card{box-shadow:0 8px 0 #71906738,0 28px 65px #0004}
.cmh-reveal{animation:cmh-reveal .7s ease both}
@keyframes cmh-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}
@keyframes cmh-note{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-6px) rotate(0)}}
@keyframes cmh-shine{0%,55%{transform:translateX(-65%)}85%,100%{transform:translateX(65%)}}
@keyframes cmh-ambient{to{transform:translate(-90px,65px) scale(1.2)}}
@keyframes cmh-reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:760px){
 .nav-actions>.sign-in{color:#d5e8cc}.mobile-nav{background:#102e27;color:#edf5e9}.mobile-nav a{color:#edf5e9}
 .hero-grid{grid-template-columns:minmax(0,1fr);gap:35px;padding-top:42px;padding-bottom:30px;min-height:0}.hero-copy h1{font-size:clamp(40px,10.5vw,64px);margin-bottom:0}.hero-description{font-size:15px;line-height:1.8;margin:21px 0 23px}.hero-copy .eyebrow{font-size:8px;margin-bottom:23px;letter-spacing:.12em}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions>.button{padding:13px 23px!important;font-size:13px!important}.hero-note{margin-top:18px}.hero-note p{font-size:11px}
 .hero-art{padding:116px 5px 0;max-width:430px;width:100%;margin:auto}.hero-sculpture{width:185px;height:185px;top:-8px;right:7px}.sculpture-coin{inset:20px;border-width:5px}.art-caption{top:35px;font-size:7px;max-width:110px;line-height:1.9}.overview-card{padding:22px 18px}.principal{font-size:38px}.floating-note{margin-right:0;max-width:calc(100% - 12px);padding:12px}.terms-strip strong{font-size:28px}.terms-strip p{font-size:10px}.terms-strip>div:nth-child(2n){border-color:#b7da9e25!important}.illustration-note{margin-top:18px}
}
/* Compact phone hero: bring the complete overview into the first screen. */
@media(max-width:760px){
 .hero-grid{padding-top:20px;padding-bottom:18px;gap:16px}
 .hero-copy .eyebrow,.hero-note,.art-caption,.floating-note{display:none}
 .hero-copy h1{font-size:clamp(30px,8.2vw,43px);line-height:1.08;margin:0}
 .hero-description{font-size:13px;line-height:1.5;margin:10px 0 13px;max-width:320px}
 .hero-actions{flex-direction:row;align-items:center;gap:14px}
 .hero-actions>.button{padding:10px 18px!important;font-size:12px!important;min-height:40px}
 .hero-actions .text-link{font-size:10px;min-height:40px}
 .hero-art{padding:20px 3px 0;max-width:380px}
 .hero-sculpture{width:88px;height:88px;top:-13px;right:0;z-index:3}
 .sculpture-coin{inset:12px;border-width:3px;box-shadow:inset 0 0 0 1px #71924c,3px 4px 0 #527e37,6px 8px 15px #0005}
 .sculpture-ring{inset:25px -3px}.sculpture-spark,.crypto-block{display:none}
 .overview-card{padding:16px;transform:rotate(-1deg);border-radius:16px}
 .hero-art:hover .overview-card{transform:rotate(-1deg)}
 .card-top{padding-right:58px;font-size:10px;gap:6px;flex-wrap:wrap}
 .example-tag{font-size:8px}.card-symbol{width:24px;height:24px}
 .card-label{margin:9px 0 3px;font-size:10px}.principal{font-size:32px;line-height:1.15}
 .card-meta{margin-top:8px;font-size:9px}.rate-pill{padding:3px 7px}
 .chart-area{margin-top:9px}.growth-chart{height:58px;width:100%}
 .chart-labels{margin-top:3px;font-size:7px}
 .card-bottom{margin-top:9px;padding-top:9px;gap:10px}.card-bottom span{font-size:9px}.card-bottom strong{font-size:19px}
 .illustration-note{font-size:9px;margin:10px 0 0}
}
@media(prefers-reduced-motion:reduce){.hero:after,.hero-sculpture,.sculpture-coin:after,.floating-note,.cmh-reveal{animation:none!important}.overview-card,.hero-art:hover .overview-card{transform:none;transition:none}.step:hover{transform:none}}