/* A monochrome product entrance, with content-first motion and no third-party runtime. */
.home-page{position:relative;--home-white:#f3f3f3;--home-muted:#8e8e8e;color:var(--home-white);background:#050505;font-family:var(--font-ui);overflow:hidden;line-height:1.5;isolation:isolate}
.home-page a{text-decoration:none;color:inherit}.home-page button{font:inherit}.home-page a:focus-visible,.home-page button:focus-visible{outline:2px solid #fff;outline-offset:6px}.home-page button{box-shadow:none}.home-skip{position:absolute;left:24px;top:-70px;z-index:100;background:white;color:#000!important;padding:13px 18px;border-radius:10px}.home-skip:focus{top:20px}
.home-header{height:112px;padding:0 5.4%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:absolute;inset:0 0 auto;z-index:20}.home-brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.8px;white-space:nowrap}.home-brand-os{color:#949494;font-weight:400;margin-left:1px}
.home-brand-get{color:#949494;font-weight:400;margin-right:1px}.home-logomark{height:33px;width:33px;display:flex;align-items:center;justify-content:center;border:1px solid #555;border-radius:9px;background:linear-gradient(145deg,#2b2b2b,#101010);box-shadow:inset 0 1px 0 #fff2;color:#efefef}.home-nav{display:flex;align-items:center;gap:3px;background:linear-gradient(170deg,#252525c2,#131313a6);border:1px solid #ffffff17;border-top-color:#ffffff26;box-shadow:0 12px 35px #0005,inset 0 1px 0 #ffffff08;backdrop-filter:blur(20px);border-radius:50px;padding:6px;position:absolute;left:50%;transform:translateX(-50%)}.home-nav a,.home-nav button{font-size:11px;font-weight:500;white-space:nowrap;padding:9px 16px;border:0;background:none;border-radius:30px;color:#9e9e9e}.home-nav a.current{background:#ffffff0e;color:#f0f0f0}.home-nav a:hover,.home-nav button:hover{background:#ffffff13;color:#fff}.home-open{display:flex;align-items:center;gap:12px;font-size:11px;color:#c7c7c7!important}.home-open>span{padding:8px;border:1px solid #ffffff26;border-radius:50%;background:#ffffff04;transition:background .2s}.home-open:hover>span{background:#fff;color:#000}
.home-hero{min-height:850px;height:100svh;max-height:1150px;position:relative;display:flex;justify-content:center;align-items:center;perspective:1000px;--pointer-x:0px;--pointer-y:0px;--pointer-rot:0deg}.hero-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#ffffff06 0,transparent 48%),radial-gradient(ellipse at 50% 83%,#ffffff03 0,transparent 33%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:110px 110px;mask-image:radial-gradient(ellipse,black,transparent 72%);pointer-events:none}.hero-object{position:absolute;width:min(790px,67vw);left:50%;top:45%;transform:translate(calc(-50% + var(--pointer-x)),calc(-50% + var(--pointer-y))) rotate(var(--pointer-rot));transition:transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none;opacity:.93}.hero-object img{width:100%;height:auto;display:block;filter:contrast(1.1);animation:sculpture-arrive 1.7s cubic-bezier(.22,.68,.21,1) both}
.hero-center{position:relative;z-index:3;text-align:center;padding:110px 20px 58px;pointer-events:none;animation:center-arrive 1s ease-out both}.hero-kicker{font-size:9px;letter-spacing:3px;color:#aaa;font-weight:550;margin-bottom:19px;display:flex;gap:8px;align-items:center;justify-content:center}.hero-kicker>span{width:4px;height:4px;border-radius:50%;background:#ccc;box-shadow:0 0 10px #fff6}.hero-center h1{font-family:var(--font-ui);font-size:clamp(60px,9.4vw,140px);font-weight:650;letter-spacing:-.085em;line-height:1.05;margin:0;position:relative;color:#f8f8f8;text-shadow:0 10px 50px #0006}.hero-center h1>span{font-weight:400;letter-spacing:-.075em;background:linear-gradient(150deg,#fff 20%,#929292 95%);background-clip:text;-webkit-background-clip:text;color:transparent;margin-left:.05em}
.hero-center h1>span.is-get{margin-left:0;margin-right:.05em}.hero-center h1>sup{font-size:10px;font-weight:500;position:absolute;top:15px;right:-20px;letter-spacing:1px;color:#8d8d8d}.hero-tagline{font-size:clamp(22px,2.4vw,32px);font-weight:450;letter-spacing:-1px;color:#eee;margin:18px 0 12px}.hero-description{font-size:13px;font-weight:400;line-height:1.65;color:#a2a2a2;margin-bottom:25px}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:23px;pointer-events:auto}.hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 21px;background:#f1f1f1;color:#151515!important;border:1px solid #fff8;border-radius:40px;font-size:12px;font-weight:550;box-shadow:inset 0 1px 0 #fff,0 6px 20px #0006;transition:transform .2s,background .2s}.hero-primary:hover{background:white;transform:translateY(-2px)}
.orbit-option{position:absolute;width:216px;z-index:5;padding:17px 18px 15px;border-radius:15px;border:1px solid #ffffff19;border-top-color:#ffffff35;background:linear-gradient(150deg,#242424b5,#0c0c0cbd);backdrop-filter:blur(14px);box-shadow:0 20px 55px #0007,inset 0 1px 0 #ffffff0b;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s;animation:option-arrive 1.1s ease-out both;transform:translate(var(--option-x,0),var(--option-y,0)) rotate(var(--option-angle,0deg))}.orbit-option:hover,.orbit-option:focus-visible{transform:translate(var(--option-x,0),calc(var(--option-y,0px) - 7px)) rotate(0);border-color:#ffffff4d;background:linear-gradient(150deg,#333333d8,#151515d8)}.orbit-top{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:11px;color:#bbb}.orbit-icon{padding:6px;background:#ffffff07;border:1px solid #ffffff0d;border-radius:7px;color:#c9c9c9}.orbit-label{font-weight:500}.orbit-arrow{margin-left:auto;color:#686868;transition:color .2s,transform .2s}.orbit-option:hover .orbit-arrow{color:#fff;transform:translateX(2px)}.orbit-value{font-size:26px;letter-spacing:-1.1px;line-height:1.15;font-weight:500;font-variant-numeric:tabular-nums}.orbit-value>span{font-size:10px;margin-left:9px;color:#979797;letter-spacing:0;font-weight:400}.orbit-caption{font-size:10px;color:#858585;margin-top:8px}.orbit-subcaption{font-size:9px;color:#737373;margin-top:13px}.orbit-accounts{left:6.4%;top:25%;--option-angle:-5deg;animation-delay:.18s}.orbit-risk{right:6.2%;top:23%;--option-angle:5deg;animation-delay:.28s}.orbit-payout{left:10.2%;bottom:19%;--option-angle:4deg;animation-delay:.38s;width:244px}.orbit-rules{right:9.6%;bottom:19%;--option-angle:-4deg;animation-delay:.48s;width:220px}.orbit-bars{height:32px;display:flex;align-items:flex-end;gap:7px;margin:16px 0 4px}.orbit-bars>i{display:block;width:14px;border-radius:2px 2px 0 0;background:linear-gradient(#cfcfcf,#444)}.orbit-meter{height:3px;background:#ffffff12;border-radius:3px;margin-top:18px;overflow:hidden}.orbit-meter>span{display:block;height:100%;background:linear-gradient(90deg,#606060,#dedede);border-radius:3px}.orbit-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#d9d9d9}.orbit-pulse{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ddd;box-shadow:0 0 11px #fff6}.orbit-tags{display:flex;gap:5px}.orbit-tags>span{font-size:9px;line-height:1;padding:7px;border:1px solid #ffffff15;border-radius:5px;background:#ffffff04;color:#aaa}
.hero-bottom{position:absolute;bottom:40px;left:5.4%;right:5.4%;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#676767;font-size:9px;letter-spacing:1.4px}.hero-edition{font-size:9px;letter-spacing:1.5px}.hero-edition>span{display:inline-block;margin-left:15px;color:#ccc}.hero-data-label{display:flex;align-items:center;gap:6px;letter-spacing:0;font-size:10px}.hero-scroll{background:transparent!important;border:0!important;display:flex;align-items:center;gap:10px;color:#8a8a8a!important;font-size:8px!important;letter-spacing:2px!important}.hero-scroll svg{transform:rotate(-90deg);color:#c6c6c6}.hero-scroll:hover{color:#fff!important}
.home-manifesto{padding:128px 25px 110px;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 20%,#1717173d,transparent 60%)}.section-kicker{font-size:9px;font-weight:500;letter-spacing:2.6px;color:#858585;text-transform:uppercase}.home-manifesto h2{font-size:clamp(32px,4.7vw,62px);font-weight:550;letter-spacing:-2.9px;line-height:1.16;margin:23px 0 23px}.home-manifesto h2 span{color:#777}.home-manifesto p{font-size:14px;color:#909090;line-height:1.75}.manifesto-line{width:1px;height:58px;background:linear-gradient(#aaa7,transparent);margin:48px auto 0}
.home-section{max-width:1160px;margin:0 auto;padding:50px 35px 110px;scroll-margin-top:65px}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:42px}.home-section-heading h2{font-size:clamp(30px,3.5vw,47px);letter-spacing:-2px;line-height:1.15;font-weight:500;margin:16px 0 0}.home-section-heading p{color:#858585;font-size:12px;line-height:1.75;margin:0 0 3px}.workspace-display{position:relative}.display-frame{border:1px solid #434343;border-radius:17px;overflow:hidden;background:#0f0f0f;box-shadow:0 -1px 0 #ffffff19,0 1px 0 #000,0 50px 100px #000;position:relative;z-index:1;padding:5px;transform:perspective(1800px) rotateX(2deg);transform-origin:center bottom}.display-titlebar{height:38px;background:linear-gradient(#191919,#121212);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;color:#777;border-bottom:1px solid #ffffff08}.display-titlebar>span:nth-child(2){display:flex;align-items:center;gap:7px}.display-titlebar>a{display:flex;align-items:center;gap:7px}.display-dots{display:flex;gap:5px}.display-dots>i{width:5px;height:5px;border:1px solid #616161;border-radius:50%;background:#2a2a2a}.display-app{display:grid;grid-template-columns:142px 1fr;min-height:492px;border-radius:0 0 11px 11px;overflow:hidden}.display-sidebar{padding:24px 13px;background:#101010;border-right:1px solid #252525;display:flex;flex-direction:column;gap:9px}.display-mini-brand{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:650;color:#e1e1e1;margin:0 8px 16px}.display-sidebar>div:not(.display-mini-brand){display:flex;gap:9px;align-items:center;font-size:9px;color:#777;padding:9px;border-radius:6px}.display-sidebar>.selected{background:#242424;color:#ddd!important}.display-sidebar .display-private{margin-top:auto;font-size:8px!important;color:#636363!important}.display-main{padding:25px 27px;background:linear-gradient(110deg,#171717,#111)}.display-heading{display:flex;justify-content:space-between;align-items:center}.display-heading>div>span{font-size:7px;color:#848484;letter-spacing:1.8px}.display-heading h3{font-size:22px;font-weight:500;letter-spacing:-.8px;margin:6px 0 0}.display-action{display:flex;align-items:center;gap:7px;font-size:8px;border:1px solid #454545;background:#f0f0f0;color:#222!important;padding:8px 11px;border-radius:6px}.display-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 18px}.display-stats>div{border:1px solid #2e2e2e;border-radius:8px;background:#181818;padding:15px}.display-stats span{display:block;font-size:8px;color:#929292}.display-stats strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.9px;margin:8px 0 5px}.display-stats small{font-size:7px;color:#727272}.display-chart{border:1px solid #303030;border-radius:9px;padding:15px 18px 7px;background:#151515}.display-chart>div{display:flex;justify-content:space-between;align-items:center}.display-chart strong{font-size:10px;font-weight:500}.display-chart span{font-size:8px;color:#777}.display-chart .chart{height:161px;stroke-width:1.5}.display-chart .chart text{font-size:8px}.display-account-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.display-account-strip>a{display:flex;align-items:center;gap:5px;font-size:7px;color:#999;min-width:0}.display-account-strip span{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.display-account-strip b{font-weight:500;color:#d4d4d4;margin-left:auto;font-size:8px}.display-underlight{position:absolute;left:15%;right:15%;bottom:-40px;height:100px;background:#ddd1;filter:blur(55px);border-radius:50%;pointer-events:none}.workspace-caption{text-align:center;font-size:10px;color:#696969;margin-top:27px}.home-section-footer{margin-top:32px;display:flex;justify-content:space-between;align-items:center;color:#696969;font-size:10px}.home-text-link{display:flex;align-items:center;gap:11px;font-size:12px;color:#ddd!important}.home-text-link:hover{color:white!important}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.capability-card{border:1px solid #ffffff13;border-radius:22px;min-height:355px;padding:30px;background:radial-gradient(ellipse at 30% 0%,#202020,#101010 80%);position:relative;overflow:hidden;transition:border-color .3s,transform .3s;display:block}.capability-card:hover{border-color:#ffffff35;transform:translateY(-4px)}.capability-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:340px;padding:37px 43px;background:radial-gradient(ellipse at 80% 60%,#24242466,transparent 65%),#101010}.capability-index{display:flex;align-items:center;gap:12px;color:#7e7e7e;font-size:10px;letter-spacing:1px;margin-bottom:23px}.capability-index svg{color:#bbb}.capability-card h3{font-size:31px;font-weight:500;letter-spacing:-1.2px;line-height:1.2;margin-bottom:13px}.capability-card p{font-size:12px;color:#929292;line-height:1.75;max-width:330px;margin-bottom:24px}.capability-link{display:flex;align-items:center;gap:12px;font-size:10px;color:#c4c4c4}.capability-link svg{transition:transform .3s}.capability-card:hover .capability-link svg{transform:translateX(5px)}.capability-content{position:relative;z-index:3}.account-art{height:255px;position:relative;perspective:800px;pointer-events:none}.account-art-card{position:absolute;width:270px;height:170px;border:1px solid #ffffff24;border-top-color:#ffffff4d;border-radius:16px;background:linear-gradient(120deg,#41414180,#1c1c1ce0 65%);box-shadow:0 18px 60px #0009,inset 0 1px 0 #ffffff12;padding:24px;transform:rotateY(-15deg) rotateX(12deg) rotate(-9deg);transition:transform .5s;backdrop-filter:blur(8px)}.account-art-card>span{font-size:8px;letter-spacing:2px;color:#aaa}.account-art-card>b{display:block;font-size:28px;font-weight:450;letter-spacing:-1px;margin-top:23px}.account-art-card>i{display:block;height:3px;width:130px;background:linear-gradient(90deg,#a4a4a4,#343434);margin-top:22px}.art-back{left:30px;top:0;opacity:.45}.art-middle{left:70px;top:42px;opacity:.75}.art-front{left:110px;top:86px;background:linear-gradient(120deg,#494949d8,#171717f0 70%)}.art-front>div{display:flex;gap:6px;margin-top:20px}.art-front>div>i{display:block;height:3px;flex:1;background:#fff6}.art-front>div>i:nth-child(2){opacity:.5}.art-front>div>i:nth-child(3){opacity:.2}.capability-card:hover .account-art-card{transform:rotateY(-10deg) rotateX(8deg) rotate(-6deg) translateY(-4px)}.risk-art{margin:-7px 0 22px;height:118px}.risk-art>svg{height:100%;width:100%;opacity:.75}.payout-art{height:118px;margin:-7px 0 22px;display:flex;align-items:center;justify-content:center;gap:25px;position:relative}.payout-art>div{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#7778,transparent);width:80%;top:50%;left:10%;z-index:0}.payout-art>span,.payout-art>b{width:28px;height:28px;border:1px solid #ffffff2d;border-radius:50%;background:#222;box-shadow:inset 0 1px 0 #fff2,0 7px 13px #0008;position:relative;z-index:1}.payout-art>span:nth-child(2){width:34px;height:34px;background:#333}.payout-art>span:nth-child(3){width:40px;height:40px;background:#444}.payout-art>b{width:54px;height:54px;background:linear-gradient(#dcdcdc,#8c8c8c);color:#171717;display:flex;align-items:center;justify-content:center;border:1px solid #fff5}.rules-art{display:flex;gap:13px;align-items:center;justify-content:center;perspective:600px}.rules-art>div{width:114px;height:170px;background:linear-gradient(#2a2a2a,#151515);border:1px solid #ffffff25;border-radius:11px;padding:15px 13px;transform:rotateY(-8deg);box-shadow:0 17px 40px #0007;display:flex;flex-direction:column}.rules-art>div:nth-child(2){height:190px;background:linear-gradient(#3a3a3a,#191919)}.rules-art span{font-size:8px;letter-spacing:1.7px;color:#bfbfbf}.rules-art b{font-size:9px;font-weight:400;color:#9f9f9f;margin-top:auto}.rules-art i{height:53px;width:100%;display:block;margin-top:24px;position:relative;background:linear-gradient(transparent 47%,#ababab 47%,#ababab 50%,transparent 50%)}.rules-art>div:nth-child(2)>i{clip-path:polygon(0 60%,20% 60%,20% 45%,48% 45%,48% 30%,74% 30%,74% 10%,100% 10%,100% 14%,78% 14%,78% 34%,52% 34%,52% 49%,24% 49%,24% 64%,0 64%);background:#aaa}.rules-art>div:nth-child(3)>i{clip-path:polygon(0 80%,20% 42%,40% 65%,60% 20%,80% 36%,100% 0,100% 8%,80% 44%,60% 28%,40% 73%,20% 50%,0 88%);background:#aaa}
.home-how{padding-top:40px}.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.home-steps>article{border-top:1px solid #ffffff1f;padding-top:20px}.home-steps>article>span{font-size:10px;color:#666;font-variant-numeric:tabular-nums;letter-spacing:1px}.home-steps h3{font-size:19px;font-weight:500;letter-spacing:-.7px;margin:30px 0 12px}.home-steps p{font-size:12px;color:#858585;line-height:1.8;margin-bottom:24px}.home-steps a{display:flex;align-items:center;gap:10px;font-size:10px;color:#c0c0c0}.home-finale{padding:110px 20px 125px;text-align:center;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#2222225c,transparent 64%)}.home-finale h2{font-size:clamp(45px,6.5vw,86px);font-weight:500;letter-spacing:-4px;line-height:1.02;margin:30px 0 34px;position:relative;z-index:2}.home-finale>.hero-primary{position:relative;z-index:2}.finale-lines{position:absolute;left:10%;right:10%;bottom:-130px;height:220px;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 -28px 0 -1px #050505,0 -29px 0 #ffffff0c,0 -57px 0 -1px #050505,0 -58px 0 #ffffff08;transform:rotate(-8deg);pointer-events:none}
.home-footer{max-width:1300px;margin:auto;padding:38px 5.4% 28px}.home-footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.home-footer-top .home-brand{font-size:16px}.home-footer-top .home-logomark{width:29px;height:29px;border-radius:7px}.home-footer-top>div{display:flex;gap:29px;color:#929292;font-size:10px}.home-footer-top>span{display:flex;gap:7px;align-items:center;font-size:9px;color:#707070}.home-footer-bottom{margin-top:30px;border-top:1px solid #ffffff11;padding-top:22px;display:flex;justify-content:space-between;gap:30px;align-items:flex-start;font-size:8px;color:#616161}.home-footer-bottom p{line-height:1.7;margin:0}.home-footer-bottom>span:last-child{font-size:7px;letter-spacing:1.5px}.home-storage-warning{position:fixed;bottom:20px;left:20px;right:20px;padding:14px;background:#222;z-index:40;font-size:12px;border:1px solid #ccc;border-radius:10px}
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}
@keyframes sculpture-arrive{from{opacity:0;transform:scale(.91) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes center-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes option-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.home-hero{max-height:1050px}.orbit-accounts{left:calc(50% - 670px)}.orbit-risk{right:calc(50% - 670px)}.orbit-payout{left:calc(50% - 620px)}.orbit-rules{right:calc(50% - 620px)}.hero-object{width:860px}.hero-center h1{font-size:146px}}
@media(max-width:1150px){.home-hero{min-height:800px}.hero-center h1{font-size:9.5vw}.hero-kicker{font-size:8px;letter-spacing:2.3px}.orbit-option{width:181px;padding:14px}.orbit-accounts{left:4%;top:22%}.orbit-risk{right:4%;top:22%}.orbit-payout{left:6%;bottom:18%;width:222px}.orbit-rules{right:6%;bottom:18%;width:193px}.orbit-value{font-size:23px}.orbit-value>span{font-size:8px;margin-left:6px}.hero-center{padding-top:125px}.hero-object{width:700px}.orbit-caption{font-size:9px}.orbit-subcaption{font-size:8px}.home-nav a,.home-nav button{padding:8px 11px;font-size:10px}.home-brand{font-size:18px}.home-open{font-size:10px}.home-section{padding-left:38px;padding-right:38px}.display-main{padding:21px}.account-art-card{width:225px}.art-back{left:0}.art-middle{left:35px}.art-front{left:70px}.rules-art>div{width:100px}.home-section-heading h2{font-size:39px}.capability-card h3{font-size:29px}}
@media(max-width:850px){.home-header{height:94px;padding:0 25px}.home-nav{position:relative;left:auto;transform:none}.home-brand{font-size:16px;gap:7px}.home-logomark{width:29px;height:29px}.home-open{font-size:0;gap:0}.home-open>span{font-size:12px}.home-hero{min-height:830px;height:100svh}.hero-center{padding-top:85px;padding-bottom:60px}.hero-center h1{font-size:11.4vw}.hero-center h1>sup{top:7px;right:-15px;font-size:8px}.hero-kicker{font-size:7px;letter-spacing:1.8px}.hero-object{width:650px;max-width:95vw;top:43%}.hero-tagline{font-size:27px}.hero-description{font-size:12px}.orbit-accounts{top:16%;left:5%}.orbit-risk{top:16%;right:5%}.orbit-payout{bottom:14%;left:5%;width:220px}.orbit-rules{bottom:14%;right:5%;width:190px}.orbit-accounts .orbit-bars{height:22px}.orbit-option .orbit-top{margin-bottom:9px}.orbit-option .orbit-subcaption{display:none}.hero-bottom{bottom:26px}.hero-edition{font-size:7px}.hero-data-label{font-size:8px}.hero-scroll{font-size:7px!important;letter-spacing:1px!important}.home-manifesto{padding-top:110px;padding-bottom:70px}.home-section{padding-bottom:85px}.home-section-heading h2{font-size:34px}.home-section-heading p{font-size:10px}.display-app{grid-template-columns:110px 1fr;min-height:410px}.display-sidebar{padding:20px 7px}.display-sidebar>div:not(.display-mini-brand){font-size:8px;gap:7px}.display-heading h3{font-size:18px}.display-stats>div{padding:12px}.display-stats strong{font-size:20px}.display-main{padding:18px}.display-account-strip{grid-template-columns:1fr}.display-account-strip>a{font-size:8px}.display-account-strip a:nth-child(n+2){display:none}.display-chart .chart{height:150px}.capability-wide{padding:32px;min-height:325px}.capability-card{padding:27px}.account-art-card{width:195px;height:146px;padding:20px}.art-back{left:0}.art-middle{left:22px}.art-front{left:43px}.account-art-card>b{font-size:25px}.capability-card p{font-size:11px}.rules-art{gap:8px}.rules-art>div{width:86px;height:153px;padding:14px 10px}.rules-art>div:nth-child(2){height:176px}.home-steps{gap:25px}.home-steps h3{font-size:17px}.home-steps p{font-size:11px}.home-footer-bottom>span:last-child{display:none}}
@media(max-width:600px){.home-header{height:82px;padding:0 20px}.home-brand{font-size:17px}.home-nav{position:absolute;top:87px;left:50%;transform:translateX(-50%);padding:4px;width:max-content}.home-nav a,.home-nav button{font-size:10px;padding:8px 15px}.home-open{font-size:10px;gap:8px;white-space:nowrap}.home-open>span{padding:6px}.home-hero{height:auto;min-height:900px;padding:185px 20px 290px;align-items:flex-start}.hero-center{padding:70px 0 0;width:100%}.hero-kicker{font-size:6.5px;letter-spacing:1.4px;margin-bottom:18px}.hero-center h1{font-size:13.8vw;letter-spacing:-.075em;white-space:nowrap}.hero-center h1>sup{right:0;top:-10px;font-size:7px}.hero-tagline{font-size:24px;letter-spacing:-.8px;margin-top:17px}.hero-description{font-size:11px;margin-top:15px;margin-bottom:23px}.hero-ctas{gap:15px;flex-direction:column}.hero-primary{padding:12px 18px;font-size:11px}.hero-object{width:650px;max-width:145vw;top:350px;opacity:.77}.orbit-option{width:calc(50% - 28px);padding:12px;border-radius:11px;--option-angle:0deg;animation-delay:.3s}.orbit-accounts{left:20px;top:auto;bottom:187px}.orbit-risk{right:20px;top:auto;bottom:187px}.orbit-payout{left:20px;bottom:70px;width:calc(50% - 28px);min-height:99px}.orbit-rules{right:20px;bottom:70px;width:calc(50% - 28px);min-height:99px}.orbit-accounts .orbit-bars{display:none}.orbit-top{font-size:9px;gap:6px}.orbit-icon{padding:4px}.orbit-icon svg{width:14px;height:14px}.orbit-arrow svg{width:12px;height:12px}.orbit-value{font-size:22px}.orbit-value>span{display:block;font-size:8px;margin:4px 0 0;letter-spacing:0}.orbit-caption{font-size:8px;margin-top:7px}.orbit-risk .orbit-meter{margin-top:15px}.orbit-risk .orbit-value{margin-top:15px}.orbit-status{font-size:8px;gap:5px;line-height:1.5}.orbit-tags{gap:3px;flex-wrap:wrap}.orbit-tags>span{font-size:7px;padding:5px}.hero-bottom{left:20px;right:20px;bottom:23px}.hero-scroll{display:none!important}.hero-data-label{font-size:7px}.hero-edition{font-size:7px;letter-spacing:.8px}.hero-edition>span{margin-left:8px}.home-manifesto{padding:87px 20px 58px}.home-manifesto h2{font-size:34px;letter-spacing:-1.7px;margin:22px 0}.home-manifesto p{font-size:11px}.section-kicker{font-size:8px;letter-spacing:1.9px}.manifesto-line{margin-top:30px;height:40px}.home-section{padding:30px 20px 68px;scroll-margin-top:25px}.home-section-heading{display:block;margin-bottom:29px}.home-section-heading h2{font-size:31px;letter-spacing:-1.4px}.home-section-heading p{font-size:11px;margin-top:16px}.display-frame{padding:4px;border-radius:11px;transform:none}.display-titlebar{height:29px;font-size:7px;padding:0 10px;border-radius:8px 8px 0 0}.display-titlebar>span:nth-child(2){font-size:6px;gap:4px}.display-titlebar .display-dots>i{width:4px;height:4px}.display-app{grid-template-columns:1fr;min-height:0}.display-sidebar{display:none}.display-main{padding:18px 13px 15px}.display-heading>div>span{font-size:6px;letter-spacing:1.1px}.display-heading h3{font-size:18px}.display-action{font-size:7px;padding:6px 8px}.display-stats{gap:6px;margin:18px 0 12px}.display-stats>div{padding:10px 7px}.display-stats span{font-size:6px}.display-stats strong{font-size:19px;margin:7px 0 3px}.display-stats small{font-size:5.5px}.display-chart{padding:12px 10px 3px}.display-chart strong{font-size:8px}.display-chart span{font-size:6px}.display-chart .chart{height:128px}.display-chart .chart text{font-size:9px}.display-account-strip{gap:6px;margin-top:12px}.display-account-strip>a{font-size:7px}.workspace-caption{font-size:8px;line-height:1.7;margin:20px 10px 0}.home-section-footer{margin-top:22px;display:block}.home-section-footer>span{display:block;font-size:8px;margin-top:13px}.home-text-link{font-size:11px}.capability-grid{grid-template-columns:1fr;gap:13px}.capability-card{padding:27px;border-radius:17px;min-height:320px}.capability-wide{grid-column:span 1;grid-template-columns:1fr;min-height:470px;padding-bottom:12px}.capability-index{margin-bottom:21px;font-size:9px}.capability-card h3{font-size:28px;letter-spacing:-1px}.capability-card p{font-size:11px;max-width:290px}.capability-link{font-size:10px}.account-art{height:210px;margin-top:20px;width:280px;max-width:100%;justify-self:center}.account-art-card{width:207px;height:146px}.art-back{top:0;left:5px}.art-middle{top:28px;left:37px}.art-front{top:55px;left:69px}.risk-art,.payout-art{height:100px;margin-bottom:25px}.rules-feature{min-height:455px;padding-bottom:26px}.rules-art{margin-top:17px;gap:11px}.rules-art>div{width:88px;height:137px}.rules-art>div:nth-child(2){height:157px}.rules-art span{font-size:7px;letter-spacing:1.1px}.rules-art b{font-size:8px}.rules-art i{margin-top:17px}.home-steps{grid-template-columns:1fr;gap:31px;margin-top:36px}.home-steps>article{padding-top:17px}.home-steps h3{font-size:20px;margin-top:20px}.home-steps p{font-size:12px;max-width:300px;margin-bottom:16px}.home-finale{padding:80px 20px 92px}.home-finale h2{font-size:57px;letter-spacing:-2.8px;margin-top:25px}.home-footer{padding:30px 20px 24px}.home-footer-top{flex-wrap:wrap;gap:21px}.home-footer-top>div{order:3;width:100%;gap:25px;font-size:10px}.home-footer-top>span{font-size:8px}.home-footer-bottom{margin-top:24px;display:block;padding-top:20px;font-size:8px}.home-footer-bottom p{margin-top:13px;font-size:8px}.reveal-ready{transform:translateY(14px)}}
@media(max-width:370px){.home-open{font-size:9px}.home-brand{font-size:16px}.hero-center h1{font-size:13.4vw}.hero-tagline{font-size:22px}.hero-kicker{letter-spacing:.8px}.orbit-option{padding:10px}.orbit-value{font-size:20px}.orbit-tags>span{font-size:6px;padding:4px}.orbit-status{font-size:7px}.display-stats strong{font-size:16px}.account-art{width:245px}.art-front{left:45px}.art-middle{left:23px}.art-back{left:0}.rules-art{gap:6px}.rules-art>div{width:80px}}
@media(prefers-reduced-motion:reduce){.home-page *, .home-page *::before,.home-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.hero-object{transform:translate(-50%,-50%)!important}}

/* Shared orbital material and motion. */
.fos-orbits{pointer-events:none;transform:translate(calc(var(--pointer-x,0px) * .3),calc(var(--pointer-y,0px) * .3));transition:transform 1s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.fos-orbit{position:absolute;inset:14% -2%;border:1px solid #ffffff18;border-radius:50%;transform:rotate(-18deg) rotateX(12deg);pointer-events:none}
.fos-orbit-inner{inset:5% 16%;transform:rotate(20deg) rotateY(-14deg);border-color:#ffffff0b}
.home-orbit-anchor{position:absolute;width:min(790px,67vw);height:370px;left:50%;top:45%;transform:translate(-50%,-50%);perspective:900px;pointer-events:none}
.home-orbit-anchor .fos-orbits{position:absolute;inset:8% 0}
@media(max-width:600px){.home-orbit-anchor{width:650px;max-width:145vw;height:340px;top:350px}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.fos-orbits{transform:none!important;transition:none!important}}

/* Shared brand: only the gap between the ring and the complete wordmark. */
.home-brand{font-family:var(--font-ui);gap:4px}
.home-wordmark{display:inline-block;white-space:nowrap}
.home-logomark.ring-logomark{width:38px;height:38px;border:0;background:none;box-shadow:none}
.ring-logomark img{display:block;width:100%;height:100%}

/* Homepage interaction finish. (.home-page.home-page keeps the specificity these rules always had.) */
.home-page.home-page .home-spotlight{position:absolute;left:var(--spot-x,50%);top:var(--spot-y,50%);width:100%;height:100%;translate:-50% -50%;pointer-events:none;background:radial-gradient(ellipse 500px 380px at center,#ffffff07,transparent 75%);transition:left .85s cubic-bezier(.2,.8,.2,1),top .85s cubic-bezier(.2,.8,.2,1)}
.home-page.home-page .hero-object{transform:translate(calc(-50% + var(--pointer-x)),calc(-50% + var(--pointer-y))) rotateX(var(--ring-x,0deg)) rotateY(var(--ring-y,0deg)) rotate(var(--pointer-rot));transition:transform .85s cubic-bezier(.2,.8,.2,1)}
.home-page.home-page .hero-object img{filter:contrast(var(--reflection,1.06));transition:filter .85s}

.home-page.home-page .capability-card:hover,.home-page.home-page .capability-card:hover .account-art-card{transform:none}
.home-page.home-page .hero-primary:hover{transform:none}
.home-carousel{outline-offset:8px}
.carousel-viewport{overflow:hidden;border:1px solid #ffffff26;border-radius:17px;background:#0f0f0f}
.carousel-track{display:flex;align-items:stretch;transition:transform .75s cubic-bezier(.2,.8,.2,1);touch-action:pan-y}
.carousel-slide{flex:0 0 100%;min-width:0;opacity:1;transition:opacity .75s}
.carousel-slide[aria-hidden=true]{opacity:.4}
.home-carousel .display-frame{transform:none;box-shadow:none;border:0}
.home-carousel .display-underlight{display:none}
.capture-pending{height:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:32px;text-align:center;background:linear-gradient(140deg,#1b1b1b,#0e0e0e)}
.capture-pending h3{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:0}
.capture-pending p{color:#aaa;font-size:12px;margin:0}
.capture-pending a{font-size:12px;color:#ddd}
.carousel-controls{display:flex;align-items:center;gap:16px;padding:16px 0}
.carousel-controls button{min-width:44px;min-height:44px;background:#161616;border-color:#ffffff24}
.carousel-controls [data-carousel-status]{font-size:11px;color:#aaa;margin-right:auto}
.carousel-dots{display:flex;gap:4px}
.carousel-dots button{min-width:28px;min-height:44px;background:none;border:0;padding:0}
.carousel-dots button::after{content:'';width:5px;height:5px;border-radius:50%;background:#555}
.carousel-dots button[aria-current=true]::after{background:#eee}
@media(max-width:850px){.home-page.home-page{overflow-x:clip;overflow-y:visible}.home-carousel{min-width:0}.carousel-controls{gap:8px;flex-wrap:wrap}.carousel-controls [data-carousel-status]{order:3;flex-basis:100%}.capture-pending{padding:24px}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.home-page.home-page .home-spotlight{display:none}.home-page.home-page .hero-object{transform:translate(-50%,-50%)!important}}
@media(prefers-reduced-motion:reduce){.carousel-track,.carousel-slide{transition:none}}

/* Gradient-clipped text needs room for the final glyph's ink overhang.
   Preserve the negative tracking and metallic finish without clipping the S. */
.home-page.home-page .hero-center h1{overflow:visible}
.home-page.home-page .hero-center h1>span{display:inline-block;padding-right:.1em;margin-right:-.1em}
.home-page.home-page .home-nav a,.home-page.home-page .home-nav button{text-transform:none}
@media(max-width:600px){.home-page.home-page .hero-center{min-width:0}.home-page.home-page .hero-center h1{font-size:13.4vw}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.home-page.home-page .orbit-option,.home-page.home-page .orbit-option:hover,.home-page.home-page .orbit-option:focus-visible{transform:none}}
/* Presentation-only entrances; never change chart coordinates or stored values. */
.risk-feature.motion-enabled.revealed .risk-grid{animation:feature-fade .65s ease-out both}
.risk-feature.motion-enabled.revealed .risk-line{stroke-dasharray:1;animation:risk-draw .9s cubic-bezier(.2,.8,.2,1) both}
.risk-feature.motion-enabled.revealed .risk-area{animation:feature-fade .8s .25s ease-out both}
.risk-feature.motion-enabled.revealed .risk-floor{animation:feature-fade .65s .75s ease-out both}
.payout-feature.motion-enabled.revealed h3{animation:feature-settle .8s cubic-bezier(.2,.8,.2,1) both}
.payout-feature.motion-enabled.revealed p{animation:feature-settle .8s .12s cubic-bezier(.2,.8,.2,1) both}
.payout-feature.motion-enabled.revealed .payout-art>span{animation:feature-settle .8s cubic-bezier(.2,.8,.2,1) both}
.payout-feature.motion-enabled.revealed .payout-art>span:nth-child(2){animation-delay:.12s}
.payout-feature.motion-enabled.revealed .payout-art>span:nth-child(3){animation-delay:.24s}
.payout-feature.motion-enabled.revealed .payout-art>b,.payout-feature.motion-enabled.revealed .payout-art>div{animation:feature-fade .7s .4s ease-out both}
.rules-feature .rules-art{perspective:800px}
.rules-feature.motion-enabled.revealed .rules-art>div{--card-start:6deg;animation:rule-align .85s cubic-bezier(.2,.8,.2,1) both}
.rules-feature.motion-enabled.revealed .rules-art>div:nth-child(2){--card-start:-6deg;animation-delay:.12s}
.rules-feature.motion-enabled.revealed .rules-art>div:nth-child(3){--card-start:5deg;animation-delay:.24s}
@keyframes risk-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes feature-fade{from{opacity:0}to{opacity:1}}
@keyframes feature-settle{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes rule-align{from{opacity:.5;transform:translateY(7px) rotateY(var(--card-start))}to{opacity:1;transform:translateY(0) rotateY(0)}}
@media(prefers-reduced-motion:reduce){.risk-feature .risk-line{stroke-dashoffset:0}.payout-feature *,.rules-feature .rules-art>div{animation:none!important;transform:none}}

.risk-highlight{opacity:0;pointer-events:none}
.risk-feature.motion-enabled.revealed .risk-highlight{stroke-dasharray:.1 .9;animation:risk-highlight-pass 1s .12s cubic-bezier(.2,.8,.2,1) both}
@keyframes risk-highlight-pass{0%{stroke-dashoffset:1;opacity:0}15%{opacity:.65}90%{opacity:.65}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.risk-highlight{display:none}}

.capability-wide.motion-enabled.revealed .capability-content h3{animation:feature-title-align .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes feature-title-align{from{opacity:.6;transform:translateY(7px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}

/* Card light: 220x150 silver ellipse, #ffffff0a, #ffffff28 rim. */
.home-carousel .carousel-viewport{position:relative}
.panel-glow{isolation:isolate}
.panel-glow-surface{position:absolute;inset:0;border:1px solid #ffffff28;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s cubic-bezier(.2,.8,.2,1)}
.panel-glow-light{position:absolute;left:50%;top:0;width:440px;height:300px;translate:-50% -50%;background:radial-gradient(ellipse 220px 150px at center,#ffffff0a,transparent 75%);pointer-events:none;transition:left .18s cubic-bezier(.2,.8,.2,1),top .18s cubic-bezier(.2,.8,.2,1)}
[data-glow-active=true]>.panel-glow-surface{opacity:1}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.panel-glow-surface{display:none}}
/* Hero slogan: a soft silver sheen with a gentle glow, arriving after the title */
.hero-slogan{margin:30px 0 0;pointer-events:none;animation:slogan-arrive 1.1s .55s ease-out both}
.hero-slogan-text{position:relative;display:inline-block;font-size:clamp(13px,1.1vw,16px);font-weight:600;letter-spacing:.22em;color:transparent;background:linear-gradient(100deg,#a6a6a6 0%,#f4f4f4 30%,#ffffff 44%,#cfe1ff 50%,#ffffff 56%,#f4f4f4 70%,#a6a6a6 100%);background-size:200% 100%;background-repeat:repeat-x;background-position:0 0;-webkit-background-clip:text;background-clip:text;animation:slogan-shine 7s linear 1.6s infinite;filter:drop-shadow(0 0 10px #ffffff40)}
.hero-slogan-text::after{content:attr(data-text);position:absolute;inset:0;color:#fff;opacity:.35;filter:blur(10px);z-index:-1;animation:slogan-glow 4.5s ease-in-out infinite}
.hero-slogan::before,.hero-slogan::after{content:"";display:inline-block;width:42px;height:1px;vertical-align:middle;margin:0 16px;background:linear-gradient(90deg,transparent,#ffffff66)}
.hero-slogan::after{background:linear-gradient(90deg,#ffffff66,transparent)}
@keyframes slogan-arrive{from{opacity:0;transform:translateY(8px);letter-spacing:.4em}to{opacity:1;transform:none}}
/* Seamless: the gradient tile is twice the text width and starts and ends on the same colour, so moving it by exactly one tile (200%) lands where it began. */
@keyframes slogan-shine{from{background-position:200% 0}to{background-position:0% 0}}
@keyframes slogan-glow{0%,100%{opacity:.22}50%{opacity:.5}}
@media(max-width:680px){.hero-slogan{margin-top:22px}.hero-slogan-text{font-size:11px;letter-spacing:.16em}.hero-slogan::before,.hero-slogan::after{width:18px;margin:0 8px}}
/* Workspace slideshow: real screenshots in the device frame */
.showcase-display .display-frame{background:#0f0f0f}
.display-sample{font-size:9px;letter-spacing:.4px;color:#9a9a9a;border:1px solid #ffffff1f;border-radius:999px;padding:2px 8px}
.display-shot{display:block;width:100%;height:auto;border-radius:0 0 12px 12px;background:#0c0c0c;user-select:none}
.carousel-slide[aria-hidden=false] .display-shot{animation:shot-arrive .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes shot-arrive{from{opacity:.55;transform:scale(1.015);filter:blur(1.5px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:680px){.display-sample{font-size:7px;padding:1px 6px}.display-shot{border-radius:0 0 8px 8px}}
/* Calls to action: light, not movement */
.hero-primary{transition:background .25s,box-shadow .35s,color .25s}
.hero-primary:hover,.hero-primary:focus-visible{box-shadow:0 0 0 1px #ffffff40,0 0 28px #ffffff2e,0 10px 30px #0008}

@media(prefers-reduced-motion:reduce){.hero-slogan,.hero-slogan-text,.hero-slogan-text::after,.carousel-slide .display-shot{animation:none!important}.hero-slogan-text{background-position:30% 0}}
/* Slogan glow, a touch stronger so it stands out */
.hero-slogan-text{filter:drop-shadow(0 0 12px #ffffff66) drop-shadow(0 0 30px #b9d4ff3d)}
@keyframes slogan-glow{0%,100%{opacity:.32}50%{opacity:.7}}
@media(max-width:600px){.home-page.home-page .home-hero{padding-bottom:410px;min-height:1010px}}

/* Hover glint: a soft diagonal light sweeps across a card once per hover */
.card-glint{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:2}
.card-glint::before{content:"";position:absolute;top:-60%;left:0;width:42%;height:220%;background:linear-gradient(90deg,transparent,#ffffff0f 38%,#ffffff2b 50%,#ffffff0f 62%,transparent);transform:translateX(-170%) rotate(24deg);opacity:0}
:is(.orbit-option,.capability-card,.home-steps article,.price-card,.tax-ledger,.review-card):hover>.card-glint::before,:is(.orbit-option,.capability-card,.home-steps article,.price-card,.tax-ledger,.review-card):focus-visible>.card-glint::before{animation:card-glint .95s cubic-bezier(.3,.6,.3,1) forwards}
@keyframes card-glint{0%{opacity:0;transform:translateX(-170%) rotate(24deg)}18%{opacity:1}100%{opacity:0;transform:translateX(340%) rotate(24deg)}}
/* The hero ring drifts gently on its own (pointer tilt still applies on top) */
.hero-object img{animation:sculpture-arrive 1.7s cubic-bezier(.22,.68,.21,1) both,ring-drift 12s ease-in-out 1.7s infinite}
@keyframes ring-drift{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(7px,-9px) rotate(.9deg)}50%{transform:translate(0,-13px) rotate(0)}75%{transform:translate(-7px,-7px) rotate(-.9deg)}}
/* Header Enter Your Workspace: the hover highlight wraps the label and the arrow as one pill */
.home-page .home-header button.home-open{padding:5px 5px 5px 16px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;transition:background .25s,border-color .25s,box-shadow .35s}
.home-page .home-header button.home-open:hover,.home-page .home-header button.home-open:focus-visible{background:#ffffff0a;border-color:#ffffff26;box-shadow:0 0 18px #ffffff14;color:#fff!important}
@media(max-width:850px){.home-page .home-header button.home-open{padding:4px}}
@media(max-width:600px){.home-page .home-header button.home-open{padding:4px 4px 4px 12px}}
@media(prefers-reduced-motion:reduce){.card-glint::before{animation:none!important}.hero-object img{animation:none!important}}

/* A place for every decision: a slower glint on these larger cards */
.capability-card:hover>.card-glint::before,.capability-card:focus-visible>.card-glint::before{animation-duration:2s}
/* Understand the Cushion: draw the line. A crosshair cursor, a status tag, red when the floor is touched */
.risk-feature .risk-art svg{cursor:crosshair;touch-action:pan-y}
.risk-tag{font:600 9px var(--font-ui);letter-spacing:.6px;fill:#d8d8d8;opacity:0;transition:opacity .25s}
.risk-feature.is-drawing .risk-tag{opacity:1}
.risk-feature.is-breached .risk-line,.risk-feature.is-breached .risk-highlight{stroke:#e89b9b}.risk-feature.is-breached .risk-tag{fill:#f0a8a8}.risk-feature.is-breached .risk-floor{stroke:#e89b9b}
.risk-feature.is-drawing .risk-area{opacity:.9}
/* See What Comes Next: hover a step to see what it checks; earlier steps light up with it */
.payout-feature .payout-art>span,.payout-feature .payout-art>b{transition:scale .3s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .3s,border-color .3s}
.payout-feature .payout-art>span:hover,.payout-feature .payout-art>b:hover{scale:1.18;border-color:#ffffff80;box-shadow:inset 0 1px 0 #fff3,0 8px 20px #000a,0 0 22px #ffffff33;z-index:3}
.payout-feature .payout-art>span:hover{background:#5a5a5a}
.payout-art:has(>span:nth-child(2):hover)>span:nth-child(1),.payout-art:has(>span:nth-child(3):hover)>span:nth-child(-n+2),.payout-art:has(>b:hover)>span{background:#4d4d4d;border-color:#ffffff55}
.payout-art [data-tip]::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);translate:-50% 4px;white-space:nowrap;padding:5px 9px;border-radius:7px;background:#0d0d0de6;border:1px solid #ffffff2b;color:#eee;font:500 10px var(--font-ui);letter-spacing:.2px;opacity:0;pointer-events:none;transition:opacity .2s,translate .2s;box-shadow:0 8px 20px #0009}
.payout-art [data-tip]:hover::after{opacity:1;translate:-50% 0}
/* The details make the difference: the hovered rule card comes forward, the other two step back */
.rules-feature .rules-art>div{transition:scale .4s cubic-bezier(.2,.8,.2,1),translate .4s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s,box-shadow .4s;position:relative}
.rules-feature .rules-art:hover>div{scale:.93;filter:brightness(.5) saturate(.7)}
.rules-feature .rules-art>div:hover{scale:1.1;translate:0 -8px;filter:brightness(1.12);z-index:2;box-shadow:0 28px 56px #000b,0 0 0 1px #ffffff45,0 0 30px #ffffff1a}
@media(prefers-reduced-motion:reduce){.rules-feature .rules-art:hover>div,.rules-feature .rules-art>div:hover{scale:none;translate:none}}
/* Risk Lab card clears the title's "01": past it on wide screens, above it where there is no room beside it */
@media(min-width:1280px){.home-page.home-page .orbit-risk{right:auto;left:calc(50% + min(29.5vw,456px) + 34px)}}
@media(min-width:851px) and (max-width:1279px){.home-page.home-page .orbit-risk{top:100px;right:3%}}

/* ---- Pricing (homepage) and sign-up pages (Choose Your Plan, Checkout, Welcome) ---- */
.pricing-section{position:relative;padding:110px 7vw 90px;scroll-margin-top:40px}
.pricing-head{max-width:640px;margin:0 auto 42px;text-align:center;display:grid;justify-items:center;gap:14px}
.pricing-head h2{margin:0;font-size:clamp(30px,4vw,46px);letter-spacing:-1.4px;line-height:1.05}
.pricing-head p{margin:0;color:#9d9d9d;line-height:1.6}
.price-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid #ffffff17;border-radius:20px;background:linear-gradient(160deg,#171717,#0d0d0d);box-shadow:0 24px 60px #000a;transition:border-color .45s cubic-bezier(.22,.8,.24,1),translate .45s cubic-bezier(.22,.8,.24,1)}
.price-card:hover{border-color:#ffffff33}
.price-card.is-lead{border-color:#ffffff38;background:radial-gradient(120% 80% at 50% 0%,#ffffff12,transparent 60%),linear-gradient(160deg,#1a1a1a,#0d0d0d)}
.price-tier{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:650;color:#f2f2f2}
.price-head p{margin:6px 0 0;font-size:12.5px;color:#8f8f8f}
.trial-chip{font-style:normal;padding:3px 8px;border-radius:999px;border:1px solid #ffffff40;background:#ffffff10;color:#e8e8e8;font-size:10.5px;font-weight:600;letter-spacing:.3px}
.price-figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px}
.price-amount{font-size:48px;font-weight:650;letter-spacing:-2px;color:#fff;font-variant-numeric:tabular-nums}
.price-period{color:#9a9a9a;font-size:14px}
.price-figure s{color:#6f6f6f;font-size:16px}
.price-figure small{flex-basis:100%;color:#8a8a8a;font-size:12px}
.price-features{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.price-features li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13px;color:#c9c9c9;line-height:1.45}
.price-features svg{margin-top:2px;color:#d8d8d8}
.price-cta{margin-top:auto;justify-content:center;padding:13px 18px;border-radius:999px;border:1px solid #ffffff26;background:#151515;color:#eee;font-weight:600;cursor:pointer;transition:background-color .26s,border-color .26s,translate .26s}
.price-cta:hover{background:#1e1e1e;border-color:#ffffff45}
.price-cta.is-primary{background:linear-gradient(#f4f4f4,#d6d6d6);color:#121212;border-color:#fff}
.price-cta.is-primary:hover{background:#fff}
.pricing-fine{margin:26px auto 0;text-align:center;color:#707070;font-size:12px}
/* Sign-up pages */
.plans-page{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;background:#050505;--intro-delay:0s}
.plans-page.has-intro{--intro-delay:2.3s}
.plans-page .hero-halo{opacity:.55}
.plans-header{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 6vw;animation:plans-in .6s var(--intro-delay) cubic-bezier(.22,.8,.24,1) both}
.plans-steps{display:flex;gap:6px;font-size:11.5px;color:#6f6f6f}
.plans-steps span{padding:6px 11px;border-radius:999px;border:1px solid #ffffff12}
.plans-steps .is-current{color:#f1f1f1;border-color:#ffffff40;background:#ffffff0d}.plans-steps .is-done{color:#9fd0b3;border-color:#6d9e8755}
.plans-main{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:104px 20px 64px;outline:none}
.plans-card{position:relative;width:min(560px,100%);display:grid;gap:18px;padding:34px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(165deg,#161616f2,#0b0b0bf2);backdrop-filter:blur(12px);box-shadow:0 30px 80px #000c;animation:plans-in .6s var(--intro-delay) cubic-bezier(.22,.8,.24,1) both;transition:border-color .45s cubic-bezier(.22,.8,.24,1),box-shadow .45s cubic-bezier(.22,.8,.24,1)}
.plans-card:hover{border-color:#ffffff30;box-shadow:0 30px 80px #000c,0 0 48px #ffffff12}
.plans-card>*{animation:plans-in .6s var(--intro-delay) cubic-bezier(.22,.8,.24,1) both}.plans-card>.panel-glow-surface{animation:none}
.plans-card>*:nth-child(2){animation-delay:calc(var(--intro-delay) + .05s)}.plans-card>*:nth-child(3){animation-delay:calc(var(--intro-delay) + .1s)}.plans-card>*:nth-child(4){animation-delay:calc(var(--intro-delay) + .15s)}.plans-card>*:nth-child(5){animation-delay:calc(var(--intro-delay) + .2s)}.plans-card>*:nth-child(n+6){animation-delay:calc(var(--intro-delay) + .25s)}
@keyframes plans-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.plans-card h1{margin:0;font-size:clamp(26px,3.4vw,36px);letter-spacing:-1px;line-height:1.1}
.plans-sub{margin:0;color:#9a9a9a;line-height:1.55;font-size:14px}
.plans-card .eyebrow{margin:0}
.plans-offer{display:grid;gap:16px;padding:20px;border:1px solid #ffffff14;border-radius:16px;background:#0e0e0e}
.plans-price{display:grid;gap:8px}
.plans-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.plans-actions-center{justify-content:center}
.plans-primary{padding:13px 20px;border-radius:999px}
.plans-back{color:#9a9a9a;text-decoration:none;font-size:13px}.plans-back:hover{color:#fff}
.checkout-lines{margin:0;display:grid;gap:10px;padding:16px 18px;border:1px solid #ffffff14;border-radius:14px;background:#0e0e0e}
.checkout-lines div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:#c9c9c9}
.checkout-lines dt,.checkout-lines dd{margin:0}
.checkout-total{padding-top:10px;border-top:1px solid #ffffff14;font-weight:650;color:#fff!important}
.checkout-note{margin:0;font-size:12.5px;color:#d8d8d8}
.checkout-test{padding:14px 16px;border:1px dashed #ffffff26;border-radius:14px;background:#ffffff06}
.checkout-test strong{font-size:12.5px;letter-spacing:.3px}.checkout-test p{margin:6px 0 0;color:#8f8f8f;font-size:12.5px;line-height:1.5}
.plans-done{justify-items:center;text-align:center}
.plans-mark{width:84px;height:84px}
.plans-mark svg{width:100%;height:100%;fill:none;stroke:#9fd0b3;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.plans-mark circle{stroke-dasharray:176;stroke-dashoffset:176;animation:plans-draw .8s .15s cubic-bezier(.6,0,.2,1) forwards}
.plans-mark path{stroke:#f2f2f2;stroke-width:3;stroke-dasharray:40;stroke-dashoffset:40;animation:plans-draw .45s .75s cubic-bezier(.6,0,.2,1) forwards}
@keyframes plans-draw{to{stroke-dashoffset:0}}
@media(max-width:600px){.plans-steps{display:none}.plans-card{padding:24px}.price-amount{font-size:40px}}
@media(prefers-reduced-motion:reduce){.plans-card,.plans-card>*,.plans-header,.plans-mark circle,.plans-mark path,.price-card{animation:none;transition:none}.plans-mark circle,.plans-mark path{stroke-dashoffset:0}.plans-intro{display:none}}

/* One pricing card: the free trial first; it stays still and glows on hover */
.pricing-section .price-card{width:min(480px,100%);margin:0 auto}
.price-card:hover{border-color:#ffffff42;box-shadow:0 24px 60px #000a,0 0 0 1px #ffffff10,0 0 56px #ffffff1a,0 0 140px #ffffff0c}
.price-card{transition:border-color .45s cubic-bezier(.22,.8,.24,1),translate .45s cubic-bezier(.22,.8,.24,1),box-shadow .45s cubic-bezier(.22,.8,.24,1)}
/* Membership intro: a single chrome arc draws, then fades into Choose Your Plan */
.plans-intro{position:fixed;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:22px;background:radial-gradient(circle at 50% 46%,#141414,#050505 60%);pointer-events:none;animation:plans-intro-out .45s 1.95s cubic-bezier(.4,0,.2,1) forwards}
.plans-intro-ring{width:118px;height:118px;fill:none;filter:drop-shadow(0 0 18px #ffffff24);animation:plans-intro-turn 2s cubic-bezier(.3,0,.2,1) both}
.plans-intro-track{stroke:#ffffff12;stroke-width:2.5}
.plans-intro-arc{stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform-origin:60px 60px;rotate:-90deg;animation:plans-intro-draw 1.05s .1s cubic-bezier(.65,0,.25,1) forwards}
.plans-intro-text{margin:0;font:600 11.5px var(--font-ui);letter-spacing:2.4px;text-transform:uppercase;color:#c4c4c4;opacity:0;animation:plans-intro-text .6s .4s ease forwards}
@keyframes plans-intro-draw{to{stroke-dashoffset:0}}
/* Finished state: once the ring has filled (1.15s) a check draws inside it and the ring brightens; it holds about half a
   second (to 1.95s) before the scene fades into Choose Your Plan. */
.plans-intro-check{fill:none;stroke:#f2f2f2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:plans-intro-draw .4s 1.18s cubic-bezier(.65,0,.25,1) forwards}
.plans-intro-ring{animation:plans-intro-turn 1.2s cubic-bezier(.3,0,.2,1) both,plans-intro-done .5s 1.15s ease-out both}
@keyframes plans-intro-done{from{filter:drop-shadow(0 0 18px #ffffff24)}50%{filter:drop-shadow(0 0 30px #ffffff55)}to{filter:drop-shadow(0 0 22px #ffffff38)}}
@keyframes plans-intro-turn{from{rotate:-40deg;scale:.92}to{rotate:0deg;scale:1}}
@keyframes plans-intro-text{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes plans-intro-out{to{opacity:0;scale:1.05;visibility:hidden}}/* Choose Your Plan fits a laptop screen: wider card, features in two columns */
.plans-card{width:min(640px,100%);gap:16px;padding:30px 32px}
.plans-main{padding:84px 20px 56px}
@media(min-width:700px){.plans-offer .price-features{grid-template-columns:1fr 1fr;column-gap:20px}}
/* Perks in one column; Return as a quiet pill with an arrow; steps turn green as they complete */
@media(min-width:700px){.plans-offer .price-features{grid-template-columns:1fr}}
.plans-back{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid #ffffff1f;border-radius:999px;background:#ffffff08;color:#cfcfcf;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s}
.plans-back:hover{background:#ffffff12;border-color:#ffffff3a;color:#fff}
.plans-back svg{transition:translate .25s cubic-bezier(.22,.8,.24,1)}.plans-back:hover svg{translate:-3px 0}
.plans-back:focus-visible{outline:2px solid #fff;outline-offset:3px}
.plans-steps span{transition:color .4s,border-color .4s,background-color .4s}
.plans-main{padding:84px 20px 56px}
/* Brand mark sized to the wordmark */
.home-brand .home-logomark.ring-logomark{width:1.4em;height:1.4em}
/* Socials: icons only, centred between the slogan and Scroll to Explore (home.js places them) */
.hero-socials{position:absolute;left:50%;bottom:118px;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:18px;width:min(440px,calc(100% - 40px));translate:-50% 0}
.hero-social{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff14;border-radius:50%;background:#ffffff05;color:#8f8f8f;text-decoration:none;transition:color .3s,border-color .3s,background-color .3s,translate .3s cubic-bezier(.22,.8,.24,1)}
.hero-social svg{width:17px;height:17px}
.hero-social:hover{color:#f2f2f2;border-color:#ffffff3a;background:#ffffff0d;translate:0 -2px}
.hero-social.is-pending{cursor:default}
a.hero-social:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero-social{transition:none}.hero-social:hover{translate:none}}

/* Socials appear once, already in place */
/* The socials arrive with the hero cards and the slogan (same rise and timing). */
/* Same rise as the cards, but keeping the row centred (it is centred with translate:-50%). */
.hero-socials{opacity:0}.hero-socials.is-placed{animation:socials-arrive 1.1s .45s ease-out both}
@keyframes socials-arrive{from{opacity:0;translate:-50% 16px}to{opacity:1;translate:-50% 0}}
@media(prefers-reduced-motion:reduce){.hero-socials.is-placed{animation:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-socials{transition:none}}
@media(max-width:600px){.hero-social{width:34px;height:34px}.hero-social svg{width:15px;height:15px}.hero-socials{width:min(300px,calc(100% - 40px))}}

/* Pricing: the page background, a faint full-width line above (the finale's line closes it below), more room */
.pricing-section{isolation:isolate;padding-top:120px;padding-bottom:110px}
.pricing-section::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:1px;background:#ffffff0d;translate:-50% 0;pointer-events:none}
@media(max-width:820px){.pricing-section{padding-top:84px;padding-bottom:72px}}
/* The pricing card floats: a soft circular glow on the surface beneath it, brighter on hover */
.price-stage{position:relative;width:min(480px,100%);margin:0 auto;isolation:isolate}
.price-stage .price-card{position:relative;z-index:1;width:100%}
.price-floor{position:absolute;z-index:0;left:4%;right:4%;bottom:-58px;height:104px;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#ffffff52 0,#ffffff24 32%,#ffffff0a 55%,transparent 72%);filter:blur(14px);opacity:.85;pointer-events:none;transition:opacity .45s cubic-bezier(.22,.8,.24,1),transform .45s cubic-bezier(.22,.8,.24,1)}
.price-stage:hover .price-floor{opacity:1;transform:scaleX(1.06)}
.price-stage+.pricing-fine{margin-top:58px}
@media(prefers-reduced-motion:reduce){.price-floor{transition:none}.price-stage:hover .price-floor{transform:none}}
/* A link styled as the primary button (Payments Open Soon → Return to Homepage) keeps the button's dark text. */
.plans-actions a.plans-primary,.plans-actions a.plans-primary:hover,.plans-actions a.plans-primary:visited{display:inline-flex;align-items:center;justify-content:center;color:#141414;font-weight:600;text-decoration:none}
/* Choose Your Plan: download or delete saved data without a plan. */
.plans-data{margin:14px auto 0;text-align:center;color:#707070;font-size:12px}.plans-data button{background:none;border:0;padding:0;color:#9a9a9a;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.plans-data button:hover{color:#fff}.plans-data button:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}
/* Footer legal links (Privacy, Terms, Refunds). */
.home-footer-top .home-legal{display:flex;flex-wrap:wrap;gap:22px;font-size:11px}.home-footer-top .home-legal a{color:#929292;text-decoration:none}.home-footer-top .home-legal a:hover,.home-footer-top .home-legal a:focus-visible{color:#fff}
.pricing-fine a{color:#9a9a9a;text-underline-offset:3px}.pricing-fine a:hover{color:#fff}
/* Footer: both rows share one three-column layout, so the middle items (legal links above, disclaimer below)
   line up on the page's centre whatever the side items' widths. Phones keep the stacked layout. */
@media(min-width:851px){
  .home-footer-top,.home-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:30px}
  .home-footer-top>:first-child,.home-footer-bottom>:first-child{justify-self:start}
  .home-footer-top>:last-child,.home-footer-bottom>:last-child{justify-self:end}
  .home-footer-top .home-legal,.home-footer-bottom .home-disclaimer{justify-self:center;text-align:center}
}
/* Hero bottom row: Scroll to Explore sits on the page's centre whatever the side labels' widths (same three-column
   layout as the footer). Phones keep their own layout. */
@media(min-width:851px){
  .hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:24px}
  .hero-bottom>.hero-edition{justify-self:start}
  .hero-bottom>.hero-scroll{justify-self:center}
  .hero-bottom>.hero-data-label{justify-self:end}
}

/* Phones: keep the longer GetFundedOS logo and Enter Your Workspace on one header line */
@media(max-width:420px){.home-page .home-header button.home-open{font-size:11px;gap:6px}}

/* Free trial on the pricing card and Choose Your Plan; Sign In beside Start Free Trial in the header (Oct 18, 2026). */
.price-head .trial-chip{display:inline-block;margin-bottom:10px}
.price-trial-title{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.6px;font-weight:650;color:#fff}
.price-head .price-trial-line{margin-top:8px;font-size:14px;color:#cfcfcf}
.plans-alt{margin:12px 0 0;text-align:center}.plans-alt button{background:none;border:0;padding:0;color:#9a9a9a;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.plans-alt button:hover{color:#fff}.plans-alt button:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}
.home-header-actions{display:flex;align-items:center;gap:4px}
/* Sign In matches Start Free Trial: same text size and colour, and the same outlined pill on hover. */
.home-page .home-header button.home-signin{padding:9px 16px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;color:#c7c7c7;font:inherit;font-size:14px;cursor:pointer;transition:color .25s,background .25s,border-color .25s,box-shadow .35s}
.home-page .home-header button.home-signin:hover,.home-page .home-header button.home-signin:focus-visible{background:#ffffff0a;border-color:#ffffff26;box-shadow:0 0 18px #ffffff14;color:#fff}
/* The header arrow sits exactly in the middle of its circle. */
.home-open>span{display:grid;place-items:center}.home-open>span svg{display:block}
@media(max-width:850px){.home-page .home-header button.home-signin{display:none}}

/* After Taxes (homepage): an example ledger from payouts to true net profit. Payouts green, costs red, net blue,
   as in the Cash Flow chart. */
.tax-ledger{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);padding:clamp(22px,3vw,36px);border:1px solid #ffffff17;border-radius:20px;background:radial-gradient(120% 80% at 0% 0%,#ffffff0d,transparent 60%),linear-gradient(160deg,#171717,#0d0d0d);box-shadow:0 24px 60px #0008}
.tax-rows{display:grid;align-content:start}
.tax-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:16px 2px;border-bottom:1px solid #ffffff10}
.tax-row>span:first-child{display:grid;gap:3px}.tax-row b{font-size:14px;font-weight:600;color:#ececec}.tax-row small{font-size:12px;color:#8a8a8a}
.tax-row strong{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.tax-row.is-payout strong{color:#8cc3a8}.tax-row.is-cost strong{color:#d39a9e}.tax-row.is-tax strong{color:#d6d6d6}
.tax-row.is-net{border-bottom:0;border-top:1px solid #ffffff2e;margin-top:6px;padding-top:20px}.tax-row.is-net b{font-size:16px;color:#fff}.tax-row.is-net strong{font-size:30px;letter-spacing:-.8px;color:#9fbdd8}
.tax-points{display:grid;align-content:center;gap:16px}
.tax-points p{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:0;font-size:14px;line-height:1.55;color:#c9c9c9}.tax-points svg{margin-top:3px;color:#9fbdd8}
.tax-points .tax-fine{display:block;font-size:12px;color:#7a7a7a}
@media(max-width:900px){.tax-ledger{grid-template-columns:1fr}}
@media(max-width:480px){.tax-row strong{font-size:16px}.tax-row.is-net strong{font-size:24px}}

/* After Taxes calculator: glint and glow like the pricing card; the boxes look like the ledger until focused. */
.tax-ledger{position:relative;transition:border-color .45s cubic-bezier(.22,.8,.24,1),box-shadow .45s cubic-bezier(.22,.8,.24,1)}
.tax-ledger:hover,.tax-ledger:focus-within{border-color:#ffffff42;box-shadow:0 24px 60px #000a,0 0 0 1px #ffffff10,0 0 56px #ffffff1a,0 0 140px #ffffff0c}
.tax-ledger:hover>.card-glint::before{animation-duration:2s}
.tax-calc-hint{margin:0 0 4px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8a8a8a}
label.tax-row{cursor:text}
.tax-field{display:inline-flex;align-items:center;gap:2px;min-width:0;padding:6px 10px;border:1px solid #ffffff14;border-radius:10px;background:#0b0b0b;transition:border-color .2s,background .2s}
.tax-field:hover{border-color:#ffffff2e}.tax-field:focus-within{border-color:#ffffffa0;background:#101010}
.tax-field i{font-style:normal;font-size:15px;color:#8a8a8a}
.tax-field input{width:16ch;padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:17px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}
.tax-field.is-pct input{width:4ch}
.tax-row.is-payout .tax-field{color:#8cc3a8}.tax-row.is-cost .tax-field{color:#d39a9e}.tax-row.is-tax .tax-field{color:#e6e6e6}
.tax-field input[aria-invalid="true"]{color:#ff9a9a}
.tax-pct{display:flex;align-items:center;gap:12px}.tax-pct output{font-size:17px;font-weight:650;color:#d6d6d6;font-variant-numeric:tabular-nums;white-space:nowrap}
.tax-row output[data-tax-out="net"]{font-size:30px;font-weight:650;letter-spacing:-.8px;color:#9fbdd8;font-variant-numeric:tabular-nums;white-space:nowrap}
.tax-row output[data-tax-out="net"].is-negative{color:#d39a9e}
.tax-calc-error{margin:8px 0 0;font-size:12px;color:#ff9a9a}.tax-calc-error[hidden]{display:none}
@media(max-width:480px){.tax-field input{width:14ch;font-size:15px}.tax-pct{flex-direction:column;align-items:flex-end;gap:4px}.tax-row output[data-tax-out="net"]{font-size:24px}}
@media(prefers-reduced-motion:reduce){.tax-ledger,.tax-field{transition:none}}

/* Tax calculator: big numbers fit (up to $1,000,000,000.00); the result moves under the label when it can't fit beside it. */
.tax-row>span:first-child{flex:1 1 150px}.tax-row output[data-tax-out="net"]{margin-left:auto;font-size:clamp(22px,2.4vw,30px)}

/* Reviews (homepage): the average and count, then cards that glint and glow like the other cards. */
.reviews-summary{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 34px}
.reviews-average{font-size:clamp(48px,6vw,64px);font-weight:650;letter-spacing:-2px;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.reviews-summary p{margin:6px 0 0;font-size:13px;color:#9a9a9a}
.review-stars{position:relative;display:inline-block;line-height:0;white-space:nowrap}
.review-stars svg{width:16px;height:16px;margin-right:2px}.review-stars.is-large svg{width:22px;height:22px;margin-right:3px}
.review-stars-base svg{fill:#ffffff1f}.review-stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden}.review-stars-fill svg{fill:#f2f2f2}
.review-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(160deg,#171717,#0d0d0d);transition:border-color .45s cubic-bezier(.22,.8,.24,1),box-shadow .45s cubic-bezier(.22,.8,.24,1)}
.review-card:hover{border-color:#ffffff38;box-shadow:0 20px 50px #0009,0 0 40px #ffffff12}
.review-text{margin:0;flex:1;font-size:14px;line-height:1.6;color:#d2d2d2}
.review-card footer{display:grid;gap:2px}.review-card footer b{font-size:14px;color:#f2f2f2}.review-card footer small{font-size:12px;color:#8a8a8a}
.reviews-sample-chip{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;border:1px solid #ffffff40;background:#ffffff10;color:#e8e8e8;font-size:10.5px;font-weight:600;vertical-align:1px}
.reviews-empty{margin:22px auto 0;max-width:640px;text-align:center;font-size:15px;color:#a9a9a9}
@media(prefers-reduced-motion:reduce){.review-card{transition:none}}

/* Stars sit in one row; wrapped tax boxes stay on the right; five nav items fit small phones. */
.review-stars-base,.review-stars-fill{display:flex}.review-stars svg{flex:none;display:block}
.tax-row>.tax-field,.tax-row>.tax-pct{margin-left:auto}
@media(max-width:600px){.home-page .home-nav{max-width:calc(100% - 16px)}.home-page .home-nav a,.home-page .home-nav button{padding:8px 7px}}

/* Tax calculator boxes grow with their number (width set as you type); a long one moves under its label. */
.tax-field{max-width:100%}.tax-field input{max-width:100%;min-width:0;transition:width .15s ease-out}
.tax-row output{overflow-wrap:anywhere;text-align:right}
@media(prefers-reduced-motion:reduce){.tax-field input{transition:none}}

/* Reviews: two rows that loop sideways (the second the other way), fading out at the edges. Each row holds its cards
   twice, so moving it by half its width loops without a gap. Hover or focus pauses; reduced motion shows a still grid. */
.reviews-marquee{display:grid;gap:16px;margin:0 calc(50% - 50vw);padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.reviews-row{overflow:hidden;padding:4px 0}
.reviews-track{display:flex;width:max-content;animation:reviews-scroll calc(var(--review-count,8) * 7s) linear infinite}
.reviews-row.is-reverse .reviews-track{animation-direction:reverse}
.reviews-group{display:flex;gap:16px;padding-right:16px}
.reviews-group .review-card{flex:none;width:320px}
.reviews-marquee:hover .reviews-track,.reviews-marquee:focus-within .reviews-track{animation-play-state:paused}
@keyframes reviews-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.reviews-group .review-card{width:270px}}
@media(prefers-reduced-motion:reduce){.reviews-marquee{margin:0;-webkit-mask-image:none;mask-image:none}.reviews-track{animation:none;width:auto}.reviews-group{flex-wrap:wrap;justify-content:center;padding:0}.reviews-group[aria-hidden="true"]{display:none}}

/* The intro's label changes to "Membership Ready" as the check draws (both labels share one cell, so nothing moves). */
.plans-intro-text{display:grid;justify-items:center}.plans-intro-text>span{grid-area:1/1}
.plans-intro-text>span:first-child{animation:plans-intro-label-out .25s 1.15s ease forwards}
.plans-intro-text>span:last-child{opacity:0;animation:plans-intro-label-in .3s 1.3s ease forwards}
@keyframes plans-intro-label-out{to{opacity:0}}@keyframes plans-intro-label-in{to{opacity:1}}

/* Floating section list (page-toc.js), on the homepage and the legal pages. Hidden until the page's top menu has
   scrolled away, then it fades in. Tablets and phones: a "Sections" button at the bottom left that opens the list.
   Wide screens: a slim rail on the left, always open, the current section marked. */
.page-toc{position:fixed;left:16px;bottom:16px;z-index:40;font-family:var(--font-ui);opacity:0;visibility:hidden;translate:0 8px;transition:opacity .3s cubic-bezier(.22,.8,.24,1),translate .3s cubic-bezier(.22,.8,.24,1),visibility 0s linear .3s}
.page-toc.is-visible{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}
.page-toc-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #ffffff2a;border-radius:999px;background:#0d0d0dcc;backdrop-filter:blur(12px);color:#e6e6e6;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 12px 30px #0008}
.page-toc-list{position:absolute;left:0;bottom:calc(100% + 10px);width:240px;max-height:min(70vh,560px);overflow:auto;padding:12px;border:1px solid #ffffff1f;border-radius:16px;background:#0d0d0df2;backdrop-filter:blur(14px);box-shadow:0 24px 60px #000a;opacity:0;visibility:hidden;translate:0 8px;transition:opacity .2s cubic-bezier(.22,.8,.24,1),translate .2s cubic-bezier(.22,.8,.24,1),visibility 0s linear .2s;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}
.page-toc.is-open .page-toc-list{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}
.page-toc-group+.page-toc-group{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff12}
.page-toc-label{margin:0 0 6px 12px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6f6f6f}
.page-toc ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.page-toc a{display:block;padding:7px 12px;border-left:1px solid #ffffff14;border-radius:0 8px 8px 0;color:#9a9a9a;font-size:12.5px;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s}
.page-toc a:hover,.page-toc a:focus-visible{color:#fff;background:#ffffff0a}
.page-toc a.is-active,.page-toc a[aria-current="page"]{color:#fff;border-left-color:#f2f2f2;background:#ffffff0d}
.page-toc a:focus-visible,.page-toc-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* Wide screens: a rail on the left, vertically centred, no button. */
@media(min-width:1440px){
 .page-toc{left:14px;top:50%;bottom:auto;translate:-8px -50%}
 .page-toc.is-visible{translate:0 -50%}
 .page-toc-toggle{display:none}
 .page-toc-list{position:static;width:136px;padding:10px 8px;max-height:calc(100vh - 160px);opacity:1;visibility:visible;translate:none;background:#0b0b0bb3}
 .page-toc a{font-size:12px;padding:6px 10px}
}
/* Very wide screens have room for a roomier rail. */
@media(min-width:1700px){.page-toc{left:24px}.page-toc-list{width:176px;padding:12px}.page-toc a{font-size:12.5px;padding:7px 12px}}
/* The legal pages' text column is narrower, so their rail fits on smaller laptops too. */
@media(min-width:1180px){
 .legal-page .page-toc{left:16px;top:50%;bottom:auto;translate:-8px -50%}
 .legal-page .page-toc.is-visible{translate:0 -50%}
 .legal-page .page-toc-toggle{display:none}
 .legal-page .page-toc-list{position:static;width:170px;max-height:calc(100vh - 160px);opacity:1;visibility:visible;translate:none;background:#0b0b0bb3}
}
@media(prefers-reduced-motion:reduce){.page-toc,.page-toc-list,.page-toc a{transition:none}}

/* Checkout: the billing terms in plain words, with the Refunds & Cancellation link. */
.checkout-terms{margin:14px 0 0;padding:0 0 0 18px;display:grid;gap:6px;font-size:12.5px;line-height:1.5;color:#9a9a9a}.checkout-terms a{color:#e6e6e6;text-underline-offset:3px}

/* "Built by Traders. For Traders." opens the certificate showcase. It keeps its left-to-right shine; a pointer, a soft
   glow and a faint underline say it can be clicked. */
.hero-slogan{pointer-events:none}
button.hero-slogan-text{pointer-events:auto;border:0;border-radius:4px;padding:2px 0;margin:0;font-family:inherit;line-height:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px;text-decoration-thickness:1px;transition:text-decoration-color .25s cubic-bezier(.22,.8,.24,1),filter .25s cubic-bezier(.22,.8,.24,1)}
button.hero-slogan-text:hover,button.hero-slogan-text:focus-visible{text-decoration-color:#ffffff73;filter:drop-shadow(0 0 10px #ffffff59) drop-shadow(0 0 26px #b9d4ff40)}
button.hero-slogan-text:focus-visible{outline:1px solid #ffffff66;outline-offset:8px;border-radius:8px}

/* Certificate showcase window: centred over a dimmed, blurred backdrop; fades and scales in (and out, motion.js). */
.cert-dialog{width:min(1080px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffff1f;border-radius:22px;background:radial-gradient(120% 70% at 50% 0%,#ffffff0d,transparent 60%),linear-gradient(160deg,#151515,#0a0a0a);color:#f0f0f0;font-family:var(--font-ui);box-shadow:0 40px 120px #000c,0 0 0 1px #ffffff08;overflow:hidden}
.cert-dialog::backdrop{background:#000000b3;backdrop-filter:blur(6px)}
.cert-dialog[open]{animation:cert-in .36s cubic-bezier(.22,.8,.24,1) both}.cert-dialog[open]::backdrop{animation:cert-backdrop-in .3s cubic-bezier(.22,.8,.24,1) both}
@keyframes cert-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes cert-backdrop-in{from{opacity:0}to{opacity:1}}
.cert-panel{position:relative;display:grid;gap:14px;padding:24px 26px 20px;max-height:calc(100dvh - 34px);overflow:auto}
.cert-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cert-head .eyebrow{margin:0 0 6px}.cert-head h2{margin:0;font-size:clamp(24px,3vw,32px);letter-spacing:-.6px;line-height:1.1}
.cert-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cert-tab{padding:8px 14px;border:1px solid #ffffff1f;border-radius:999px;background:transparent;color:#a9a9a9;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}
.cert-tab:hover{color:#fff;border-color:#ffffff40}.cert-tab.is-selected{background:#f2f2f2;color:#111;border-color:#f2f2f2}.cert-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* The ring: cards placed by transform (and faded by opacity) every frame; depth zones add a soft blur. */
.cert-stage{position:relative;height:clamp(330px,46vh,430px);perspective:1400px;touch-action:pan-y;user-select:none;outline:none;border-radius:16px}
.cert-stage:focus-visible{box-shadow:0 0 0 2px #ffffff80}
.cert-ring{position:absolute;inset:0;transform-style:preserve-3d}
.cert-card{position:absolute;left:50%;top:46%;display:grid;gap:10px;width:min(380px,70vw);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;will-change:transform,opacity;transform:translate(-50%,-50%)}
.cert-frame{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid #ffffff1f;background:#0d0d0d;box-shadow:0 20px 50px #000a;transition:border-color .3s,box-shadow .3s}
.cert-frame img{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain}
.cert-card[data-zone="side"] .cert-frame{filter:blur(1.2px)}.cert-card[data-zone="back"] .cert-frame{filter:blur(2.4px)}
.cert-card.is-front .cert-frame{border-color:#ffffff45;box-shadow:0 26px 70px #000c,0 0 40px #ffffff14}
.cert-card.is-front:hover .cert-frame,.cert-card.is-front:focus-visible .cert-frame{border-color:#ffffff70}
.cert-card:focus-visible{outline:none}.cert-card:focus-visible .cert-frame{outline:2px solid #fff;outline-offset:3px}
/* The diagonal glint sweeps the front card when it arrives and on hover (the pricing card's glint). */
.cert-card.is-front .card-glint::before{animation:card-glint 1.6s .15s cubic-bezier(.3,.6,.3,1) both}
.cert-card.is-front:hover .card-glint::before{animation:card-glint 1.2s cubic-bezier(.3,.6,.3,1) both}
.cert-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;padding:0 4px;font-size:12px;color:#9a9a9a;opacity:0;transition:opacity .3s}
.cert-card.is-front .cert-meta{opacity:1}.cert-meta i{font-style:normal;color:#555}
.cert-kind{padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.04em}.cert-kind.is-payout{background:#6d9e8726;color:#8cc3a8}.cert-kind.is-eval{background:#7b99b426;color:#9fbdd8}
/* Slideshow (phones and reduced motion): one card at a time, fading. */
.cert-ring.is-single .cert-card{left:50%;top:46%;transform:translate(-50%,-50%);opacity:0;transition:opacity .45s cubic-bezier(.22,.8,.24,1);pointer-events:none}
.cert-ring.is-single .cert-card.is-front{opacity:1;pointer-events:auto}
.cert-ring.is-single .cert-frame{filter:none}
.cert-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#8a8a8a;font-size:14px}.cert-empty[hidden]{display:none}
.cert-controls{display:flex;align-items:center;justify-content:center;gap:14px}
.cert-step{width:44px;height:44px;padding:0;border-radius:999px;display:grid;place-items:center}
.cert-status{min-width:220px;margin:0;text-align:center;font-size:12.5px;color:#9a9a9a;font-variant-numeric:tabular-nums}
/* Enlarged certificate, with a way back. */
.cert-detail{display:grid;gap:12px}.cert-detail[hidden]{display:none}
.cert-dialog.is-detail .cert-tabs,.cert-dialog.is-detail .cert-stage,.cert-dialog.is-detail .cert-controls{display:none}
.cert-back{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px}
.cert-detail figure{margin:0;display:grid;gap:10px;animation:cert-in .3s cubic-bezier(.22,.8,.24,1) both}
.cert-detail img{display:block;width:100%;max-height:calc(100dvh - 240px);object-fit:contain;border-radius:14px;border:1px solid #ffffff24;background:#0b0b0b}
.cert-detail figcaption{font-size:13px;color:#a9a9a9;text-align:center}
@media(max-width:699px){.cert-panel{padding:18px 16px 16px}.cert-stage{height:clamp(300px,52vh,380px)}.cert-card{width:min(340px,82vw)}.cert-status{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){.cert-dialog[open],.cert-dialog[open]::backdrop,.cert-detail figure{animation:none}.cert-ring.is-single .cert-card{transition:opacity .3s linear}.cert-card .card-glint::before{animation:none!important}button.hero-slogan-text{transition:none}}
/* The site-wide button hover (a grey fill) must not replace the slogan's gradient text. */
button.hero-slogan-text,button.hero-slogan-text:hover,button.hero-slogan-text:focus-visible,button.hero-slogan-text:active{color:transparent;background:linear-gradient(100deg,#a6a6a6 0%,#f4f4f4 30%,#ffffff 44%,#cfe1ff 50%,#ffffff 56%,#f4f4f4 70%,#a6a6a6 100%);background-size:200% 100%;background-repeat:repeat-x;-webkit-background-clip:text;background-clip:text}
/* Side cards reach past the window's edges: clip them instead of scrolling sideways. */
.cert-panel{overflow-x:hidden}.cert-stage{overflow:hidden}
/* Monthly / Yearly switch (owner, Oct 20, 2026: yearly at 20% off). Both prices are in the page; the container's
   data-billing shows one. */
[data-billing=monthly] .by-yearly,[data-billing=yearly] .by-monthly{display:none}
.billing-switch{display:inline-flex;align-self:flex-start;justify-self:start;width:fit-content;gap:2px;padding:3px;border:1px solid #ffffff1f;border-radius:999px;background:#0d0d0d}
.billing-switch button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 14px;border:0;border-radius:999px;background:transparent;color:#a9a9a9;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color var(--dur,.2s) ease,color var(--dur,.2s) ease}
.billing-switch button:hover{color:#f0f0f0}
.billing-switch button:focus-visible{outline:2px solid #e6e6e6;outline-offset:2px}
.billing-switch button[aria-checked=true]{background:#efefef;color:#0b0b0b}
.billing-switch i{font-style:normal;font-size:10.5px;font-weight:650;padding:2px 7px;border-radius:999px;background:#6d9e8729;color:#8cc3a8}
.billing-switch button[aria-checked=true] i{background:#2e5d47;color:#e9f6ef}
.plans-checkout .billing-switch{margin:4px 0 2px}
@media(prefers-reduced-motion:reduce){.billing-switch button{transition:none}}