:root{--ink:#0b1937;--ink-soft:#15284f;--cream:#fff8e9;--gold:#ffc63d;--orange:#ff8541;--mint:#b7f0d4;--blue:#94d9eb;--muted:#7890ad;--line:rgba(255,248,233,.16);--display:'Nunito',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.5}.site-shell{overflow:hidden;background:radial-gradient(circle at 82% 13%,rgba(90,186,176,.12),transparent 25rem),var(--ink)}.wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--cream);font-family:var(--display);font-weight:900;text-decoration:none;font-size:20px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;background:var(--gold);color:var(--ink);width:25px;height:25px;border-radius:50%;font-size:14px}.nav-links{display:flex;gap:34px;margin-left:70px}.nav-links a,.footer a{color:var(--muted);text-decoration:none;font-size:13px}.nav-links a:hover,.footer a:hover,.text-link:hover,.arrow-link:hover{color:var(--cream)}.nav-cta{color:var(--cream);font-family:var(--mono);font-size:12px;letter-spacing:.02em;text-decoration:none;border:1px solid rgba(255,248,233,.3);padding:10px 15px;border-radius:40px}.nav-cta span{color:var(--gold);font-size:16px;margin-left:7px}.hero{min-height:695px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:73px 0 84px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.13em;color:var(--gold);margin:0 0 22px}.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint);margin-right:9px;box-shadow:0 0 16px var(--mint)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:.98;letter-spacing:-.06em}h1{font-size:clamp(52px,6.3vw,85px);font-weight:900;margin-bottom:28px}h1 em,h2 span{font-style:normal;color:var(--gold)}.hero-lede{color:#b7c4d5;max-width:415px;font-size:17px;line-height:1.65;margin-bottom:32px}.hero-actions{display:flex;gap:26px;align-items:center}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;padding:15px 19px 15px 22px;border-radius:40px;text-decoration:none;font-weight:700;font-size:14px;min-width:175px;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--gold);color:var(--ink);box-shadow:0 12px 30px rgba(255,198,61,.2)}.button span{font-size:21px;line-height:0}.text-link{color:var(--cream);font-size:13px;text-decoration:none}.text-link span{color:var(--gold);margin-left:7px;font-size:18px}.hero-note{display:flex;align-items:center;gap:11px;color:var(--muted);font-family:var(--mono);font-size:10px;margin-top:40px}.note-icon{color:var(--mint);font-size:19px}.hero-puzzle{position:relative;min-height:520px;display:grid;place-items:center}.puzzle-orbit{position:absolute;border:1px solid rgba(183,240,212,.17);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:580px;height:360px}.orbit-two{width:470px;height:300px;transform:rotate(32deg);border-color:rgba(255,198,61,.19)}.puzzle-card{position:relative;width:min(100%,430px);background:#13274e;border:1px solid rgba(255,248,233,.15);border-radius:24px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.28);transform:rotate(2.5deg);z-index:1}.puzzle-topline,.puzzle-footer{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:#8195b2}.puzzle-status{color:var(--mint);font-size:8px}.puzzle-status i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:4px}.puzzle-heading{display:flex;justify-content:space-between;align-items:end;font-family:var(--display);font-size:28px;font-weight:900;letter-spacing:-.05em;margin:24px 0 16px}.progress{color:var(--gold);font-family:var(--mono);font-size:20px;letter-spacing:0}.progress small{font-size:11px;color:#869ab9}.rule-pills{display:flex;gap:5px;margin-bottom:16px}.rule-pills span{font-size:9px;color:#a9bbd1;border:1px solid rgba(169,187,209,.22);padding:6px 7px;border-radius:20px}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;background:#0c1e40;padding:8px;border-radius:13px}.cell{aspect-ratio:1;border-radius:7px;display:grid;place-items:center;cursor:pointer;transition:filter .2s,transform .2s}.cell:hover{filter:brightness(1.17);transform:scale(1.04)}.cell.paw:before{content:'✦';font-size:18px;color:rgba(255,248,233,.85)}.cell.rabbit:before{content:'●';font-size:18px;color:var(--cream);text-shadow:0 0 8px var(--cream)}.puzzle-footer{margin-top:17px}.paw{color:var(--gold);font-size:16px}.live-label{color:var(--gold)}.trail-tag{position:absolute;right:-7px;bottom:25px;background:var(--cream);color:var(--ink);font-size:11px;font-weight:700;padding:11px 15px;border-radius:20px;transform:rotate(-8deg);box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:2}.trail-tag span{color:var(--orange);margin-right:5px}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 2fr;padding:24px 0;align-items:center}.proof-strip div:not(.proof-quote){display:flex;align-items:baseline;gap:10px;border-right:1px solid var(--line);padding-left:14px}.proof-strip strong{font-family:var(--display);font-size:26px;color:var(--gold);letter-spacing:-.05em}.proof-strip span{font-family:var(--mono);font-size:10px;color:var(--muted)}.proof-quote{font-family:var(--display);font-size:16px;font-weight:700;padding-left:35px}.proof-quote span{font-family:var(--body);font-weight:400;margin-left:5px}.section{padding-top:145px;padding-bottom:70px}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-heading h2,.pace-copy h2,.download-copy h2{font-size:clamp(48px,5vw,70px);margin:0}.section-heading h2 span,.pace-copy h2 span,.download-copy h2 span{color:var(--mint)}.section-body{align-self:end;max-width:380px;color:#aebed1;font-size:17px;line-height:1.7}.arrow-link{display:inline-flex;gap:15px;color:var(--cream);font-family:var(--mono);font-size:11px;text-decoration:none;border-bottom:1px solid rgba(255,248,233,.3);padding-bottom:10px;margin-top:18px}.arrow-link span{color:var(--gold);font-size:16px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:145px}.rule-card{min-height:380px;padding:26px 28px 30px;border-radius:20px;position:relative;overflow:hidden}.rule-card-gold{background:linear-gradient(150deg,#dcaa2e,#f2c148);color:var(--ink)}.rule-card-blue{background:linear-gradient(150deg,#294c88,#416aaa)}.rule-card-mint{background:linear-gradient(150deg,#a0ddc4,#d3f3d4);color:var(--ink)}.rule-number{font-family:var(--mono);font-size:11px;opacity:.65}.rule-card h3{font-size:37px;margin:80px 0 12px}.rule-card p{font-size:13px;line-height:1.5;max-width:220px;opacity:.72}.rule-visual{position:absolute;right:28px;top:27px}.visual-colors{display:flex;gap:4px}.visual-colors i{display:block;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%}.visual-colors i:nth-child(1){background:#ff8541}.visual-colors i:nth-child(2){background:#b7f0d4}.visual-colors i:nth-child(3){background:#94d9eb}.mini-grid{display:grid;grid-template-columns:repeat(3,9px);gap:4px}.mini-grid i{width:9px;height:9px;background:var(--blue);border-radius:3px}.mini-grid i:nth-child(2),.mini-grid i:nth-child(5),.mini-grid i:nth-child(9){background:var(--gold)}.visual-distance{display:flex;align-items:center;gap:13px;font-size:17px}.visual-distance b{font-family:var(--mono);font-weight:400;opacity:.45}.pace-section{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center;padding-bottom:150px}.phone-wrap{height:530px;position:relative;display:flex;justify-content:center;align-items:center}.phone{position:absolute;width:190px;border:7px solid #263a61;border-radius:27px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.35)}.phone img{display:block;width:100%;height:auto}.phone-left{transform:rotate(-10deg) translateX(-45px);z-index:1}.phone-right{transform:rotate(9deg) translateX(68px) translateY(28px);z-index:0}.orbit-label{position:absolute;z-index:2;left:0;bottom:46px;background:var(--gold);color:var(--ink);padding:14px 18px 13px;border-radius:4px 20px 20px 20px;font-family:var(--display);font-size:17px;font-weight:900;line-height:1.05;transform:rotate(-5deg);box-shadow:0 9px 25px rgba(0,0,0,.18)}.orbit-label em{font-style:normal;color:#6e4f0b}.pace-copy>p:not(.eyebrow){color:#aebed1;max-width:400px;line-height:1.7;margin:28px 0}.feature-list{border-top:1px solid var(--line)}.feature-list>div{display:flex;gap:17px;padding:17px 0;border-bottom:1px solid var(--line)}.feature-list>div>span{color:var(--gold);font-size:23px}.feature-list p{margin:0}.feature-list b,.feature-list small{display:block}.feature-list b{font-family:var(--display);font-size:15px}.feature-list small{color:var(--muted);font-size:12px;margin-top:3px}.screens-section{background:#10244a;padding:95px 0 120px}.screens-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.screens-heading h2{font-size:52px}.screens-row{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:35px;align-items:end}.screens-row figure{margin:0}.screens-row img{width:100%;display:block;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.2);transition:transform .25s}.screens-row figure:hover img{transform:translateY(-8px)}.screens-row .screen-featured img{border:4px solid var(--gold)}figcaption{font-family:var(--mono);font-size:10px;color:#8ea3bf;margin-top:18px}figcaption span{color:var(--gold);margin-right:12px}.download-section{min-height:435px;background:var(--gold);color:var(--ink);border-radius:25px;margin-top:120px;margin-bottom:80px;position:relative;overflow:hidden;padding:68px 80px}.download-copy{position:relative;z-index:1}.download-copy .eyebrow{color:#6f4e07}.download-copy h2{font-size:57px}.download-copy p:not(.eyebrow){font-size:15px;max-width:300px;margin:22px 0 26px}.button-light{background:var(--ink);color:var(--cream);width:220px}.download-rabbit{position:absolute;right:95px;bottom:-45px;width:300px;height:360px}.sun-glow{position:absolute;width:380px;height:380px;top:15px;left:-35px;background:rgba(255,248,233,.4);border-radius:50%}.download-rabbit img{position:absolute;width:260px;bottom:0;left:28px;filter:drop-shadow(0 20px 10px rgba(110,78,8,.2))}.download-star{position:absolute;right:50px;top:46px;color:#fff6d8;font-size:35px}.footer{border-top:1px solid var(--line);padding:25px 0 32px;display:flex;align-items:center;justify-content:space-between}.footer .brand{font-size:16px}.footer .brand-mark{width:21px;height:21px;font-size:11px}.footer>span{color:var(--muted);font-family:var(--mono);font-size:10px}@media(max-width:850px){.wrap{width:min(100% - 40px,620px)}.nav-links{display:none}.nav{height:72px}.hero{grid-template-columns:1fr;gap:25px;padding-top:72px}.hero-puzzle{min-height:450px}.hero-copy{max-width:600px}.proof-strip{grid-template-columns:repeat(3,1fr);gap:15px}.proof-quote{display:none}.intro-section,.pace-section{grid-template-columns:1fr;gap:50px}.section{padding-top:100px}.rules-grid{grid-template-columns:1fr;gap:14px;padding-bottom:100px}.rule-card{min-height:300px}.rule-card h3{margin-top:65px}.pace-section{gap:10px}.phone-wrap{height:450px;max-width:500px}.screens-heading{display:block}.screens-heading h2{margin-top:20px}.screens-row{gap:14px}.screens-row figure:not(.screen-featured){transform:translateY(25px)}.download-section{padding:55px 35px;margin-top:80px}.download-rabbit{right:-45px;opacity:.65}.download-star{right:25px}.footer{flex-wrap:wrap;gap:20px}}@media(max-width:520px){h1{font-size:54px}.hero-lede{font-size:15px}.hero-actions{gap:17px;flex-wrap:wrap}.puzzle-card{padding:16px}.puzzle-heading{font-size:23px}.rule-pills span{font-size:8px;padding:5px}.cell.paw:before,.cell.rabbit:before{font-size:13px}.proof-strip strong{font-size:21px}.proof-strip span{font-size:8px}.section-heading h2,.pace-copy h2{font-size:50px}.screens-section{padding:75px 0 90px}.screens-row{display:flex;gap:10px;align-items:flex-start}.screens-row figure{min-width:27%}.screens-row .screen-featured{min-width:42%}.screens-row figure:not(.screen-featured){transform:translateY(20px)}.screens-row img{border-radius:10px}.screens-row .screen-featured img{border-width:3px}.download-section{min-height:500px;padding:48px 28px}.download-copy h2{font-size:47px}.download-rabbit{right:-85px;bottom:-45px;opacity:.7}.download-copy p:not(.eyebrow){max-width:240px}.footer>span{order:3;width:100%}}
