/*
Theme Name: Tracker Trapper
Description: The cobalt, liquid-glass home of Tracker Trapper. Custom responsive landing page.
Version: 1.0.0
Text Domain: tracker-trapper
*/
@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#fffefb;--ink:#0b0c10;--muted:#5e6270;--blue:#0753ee;--yellow:#f0ff58;--line:#dfdfe2}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:5px}img{max-width:100%;height:auto}svg{flex-shrink:0}.wrap{max-width:1280px;width:calc(100% - 80px);margin-inline:auto}.icon{display:inline-block;vertical-align:middle}.skip-link{position:absolute;left:20px;top:-100px;background:var(--yellow);padding:15px;z-index:100}.skip-link:focus{top:10px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:24px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:25px;font-weight:800;letter-spacing:-1px}.brand img{width:58px;height:58px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav>a:not(.button):hover,.site-footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:62px;padding:16px 29px;background:#101112;color:white;border:1px solid #26272a;border-radius:100px;font-size:19px;font-weight:650;letter-spacing:-.4px;box-shadow:inset 0 1px 1px #ffffff25;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{background:#094ddd;transform:translateY(-3px);box-shadow:0 8px 24px #0753ee22}.button.small{font-size:14px;min-height:44px;padding:10px 23px}.button.small .icon{width:18px;height:18px}.hero{position:relative;padding-top:40px;padding-bottom:62px}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(64px,7.8vw,108px);font-weight:880;line-height:.99;letter-spacing:-.075em;margin:0}.hero-description{font-size:clamp(20px,2.3vw,30px);letter-spacing:-1px;margin:23px 0 31px}.hero-action{display:inline-flex;flex-direction:column;gap:13px;align-items:center}.compatibility{font-size:14px;color:var(--muted)}.hero-notes{position:absolute;right:20px;top:56px;display:flex;align-items:flex-start;gap:32px}.hand{font-family:'Marker Felt','Chalkboard SE','Comic Sans MS',cursive;font-weight:600;line-height:1.18;letter-spacing:.2px;text-transform:uppercase}.good-ideas{color:#2949ed;font-size:23px;transform:rotate(-13deg)}.hand-arrow{display:block;font-size:50px;text-align:right;line-height:1}.sticky{font-size:20px;background:var(--yellow);padding:25px 20px;transform:rotate(8deg);border-radius:3px;margin-top:22px;box-shadow:2px 3px 0 #d3e73612}.sticky b{font-size:26px;display:block;margin-top:12px}
.showcase{position:relative;padding:40px 30px 24px;isolation:isolate;margin-top:7px}.showcase-surface{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#034edd url(assets/cobalt-background.webp) center / cover;border-radius:34px 28px 40px 32px;box-shadow:inset 0 0 50px #0032a050}.showcase-surface:before,.showcase-surface:after{content:none;position:absolute;width:150%;height:72%;border-radius:50%;border:3px solid #65d6ff70;box-shadow:0 -9px 25px #76efff55,inset 0 13px 22px #55cfff44,0 30px 45px #0521b288;transform:rotate(-24deg);left:-25%;top:10%}.showcase-surface:after{transform:rotate(25deg);top:52%;left:-20%;border-color:#40aeff80}.hero-bird{position:absolute;width:225px;height:225px;object-fit:contain;right:110px;top:-191px;z-index:3;filter:drop-shadow(0 12px 10px #00278828)}.seal{position:absolute;top:-38px;right:18px;z-index:4;width:151px;height:151px;background:var(--yellow);clip-path:polygon(50% 0%,61% 5%,73% 3%,81% 13%,93% 18%,95% 30%,100% 41%,96% 53%,99% 65%,89% 74%,84% 86%,72% 89%,61% 98%,49% 94%,37% 100%,27% 92%,15% 88%,11% 76%,2% 66%,5% 53%,0% 41%,6% 30%,8% 17%,20% 12%,29% 3%,41% 5%);display:grid;place-items:center;transform:rotate(8deg)}.seal span{text-align:center;font-size:23px;font-weight:850;line-height:1.03;letter-spacing:-1px}.showcase-intro{height:93px;display:flex;align-items:flex-start;color:white;padding-left:2px;gap:155px}.showcase-intro>.hand{font-size:22px;transform:rotate(-9deg);position:relative}.intro-arrow{font-family:Arial,sans-serif;font-size:58px;position:absolute;left:120px;top:-5px;transform:rotate(-10deg)}.showcase-intro>.same-thread{transform:rotate(-7deg);font-size:23px;margin-top:-4px}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;position:relative}.screen{margin:0;min-width:0}.screen figcaption{text-align:center;color:white;font-size:16px;font-weight:650;margin:0 0 17px;letter-spacing:-.6px}.screen figcaption span{opacity:.8}.menubar{height:34px;display:flex;align-items:center;justify-content:center;gap:18px;padding:5px 12px;margin-bottom:11px;border-radius:12px;background:linear-gradient(120deg,#effbffb8,#d3e7ffac);border:1px solid #ffffffc9;box-shadow:inset 1px 2px 4px white,inset -1px -2px 4px #fff8,0 3px 12px #00308330;backdrop-filter:blur(12px);font-size:11px;white-space:nowrap}.menubar>.icon{width:17px;height:17px}.menu-mark{display:grid;place-items:center;width:22px;height:22px;background:#202c43;border-radius:5px;color:white;box-shadow:0 1px 3px #0019}.menu-mark .icon{width:17px;height:17px}.battery{width:20px;height:10px;border:1px solid #24334b;border-radius:3px;position:relative}.battery:before{content:"";position:absolute;inset:1px 3px 1px 1px;background:#24334b;border-radius:1px}.battery:after{content:"";position:absolute;right:-3px;width:2px;height:4px;top:2px;background:#24334b}.glass-panel{position:relative;min-height:414px;padding:14px 12px 0;border:1px solid #ffffffd9;border-radius:22px;background:linear-gradient(125deg,#ffffffea,#e4eaffd9 55%,#eef5ffdb);box-shadow:inset 2px 2px 3px white,inset -2px -2px 5px #fff,0 10px 28px #00246735;backdrop-filter:blur(22px);display:flex;flex-direction:column}.glass-panel:before{content:"";position:absolute;width:12px;height:12px;background:#ecf2ff;transform:rotate(45deg);top:-6px;left:calc(50% - 6px);border-left:1px solid white;border-top:1px solid white}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 1px 14px;font-size:13px;letter-spacing:-.6px}.panel-header strong{font-weight:750}.panel-tools{display:flex;align-items:center;gap:10px;font-size:10px;color:#253553}.panel-tools .icon{width:14px;height:14px}.bell{position:relative}.bell i{font-style:normal;position:absolute;right:-7px;top:-6px;background:#ea9900;color:white;border-radius:10px;padding:1px 4px;font-size:9px}.issue-card{border:1px solid #fff;border-radius:13px;background:#ffffff52;padding:17px 13px 14px;box-shadow:0 0 0 1px #173f8110;flex:1}.repo-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.repo{font-size:11px;color:#576384}.repo-row .icon{width:14px;height:14px}.issue-card h3{font-size:15px;line-height:1.25;letter-spacing:-.6px;margin:7px 0 17px;font-weight:750}.progress-label{display:flex;justify-content:space-between;font-size:12px}.progress-track{height:8px;margin:8px 0 19px;background:#bdcdeb70;border-radius:10px;overflow:hidden}.progress-track>span{display:block;background:linear-gradient(90deg,#0871ff,#26a6ff);width:40%;height:100%;border-radius:inherit}.task-list,.done-list{list-style:none;padding:18px 0;margin:0;border-top:1px solid #7787b325}.task-list li{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:-.4px;min-height:33px}.status{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex-shrink:0;border-radius:50%;font-size:12px;font-weight:750}.spinner{border:2px solid #b4d2ff;border-left-color:#007aff;border-top-color:#007aff}.status.next{background:#087bff;width:15px;height:15px;margin:1px}.status.empty{border:1.5px solid #7383a2;border-radius:4px}.orange{background:#efa208;color:white}.agent{display:flex;gap:7px;align-items:center;font-size:11px;letter-spacing:-.2px;border-top:1px solid #7787b325;padding-top:14px}.dot{width:7px;height:7px;border-radius:50%;background:#1ec63c;flex-shrink:0}.dot.amber{background:#e49900}.activity{display:block;font-size:10px;color:#61708c;margin-top:6px}.panel-footer{font-size:10px;color:#576384;padding:13px 2px}.notification{display:flex;align-items:center;gap:8px;background:#fff5e6e6;border:1px solid #ffd38c;border-radius:10px;padding:10px 9px;margin-bottom:10px;color:#593507}.notification strong{font-size:11px;letter-spacing:-.3px;display:block}.notification div>span{display:block;font-size:9px;margin-top:3px}.screen-waiting .issue-card{padding-top:12px}.screen-waiting .task-list{padding-block:10px}.screen-waiting .issue-card h3{margin-bottom:12px}.screen-waiting .progress-track{margin-bottom:10px}.screen-waiting .task-list li{min-height:27px}.screen-waiting .agent{padding-top:9px}.celebration{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:25px}.party{font-size:62px;line-height:1.2;display:block;margin-bottom:7px}.celebration h3{font-size:25px;margin:9px 0}.celebration p{font-size:12px;margin:7px 0 16px}.done-list{border:0;padding:0}.done-list li{display:flex;align-items:center;gap:9px;font-size:11px;color:#66728c;margin:12px 0}.done-list .icon{background:#24ca61;color:white;width:15px;height:15px;padding:2px;border-radius:50%}.confetti i{position:absolute;width:5px;height:11px;background:#ff68bd;left:10%;top:28%;border-radius:3px;transform:rotate(30deg)}.confetti i:nth-child(2){left:85%;top:35%;background:#ffe371;transform:rotate(-25deg)}.confetti i:nth-child(3){left:79%;top:12%;background:#3484ff;transform:rotate(45deg)}.confetti i:nth-child(4){left:26%;top:12%;background:#ffe371;transform:rotate(-35deg)}.confetti i:nth-child(5){left:18%;top:65%;background:#57d3a0}.confetti i:nth-child(6){left:83%;top:70%;background:#398aff}.confetti i:nth-child(7){left:45%;top:6%;background:#ff76cd}.confetti i:nth-child(8){left:68%;top:57%;background:#ffbc69}.showcase-bottom{position:relative;display:flex;justify-content:center;align-items:center;min-height:69px;color:white}.showcase-bottom p{font-size:11px;color:#e4edff;margin:25px 0 0}.showcase-bottom .hand{position:absolute;right:8px;top:18px;transform:rotate(-9deg);font-size:19px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-block:59px;gap:23px}.benefits article{display:flex;gap:17px;align-items:flex-start;padding:5px 20px 5px 0;border-right:1px solid var(--line)}.benefits article:last-child{border:0;padding-right:0}.benefit-icon{width:72px;height:72px;border-radius:50%;background:#f3ff89;display:grid;place-items:center;flex-shrink:0}.benefit-icon.blue{background:#e4eaff}.benefit-icon .icon{width:35px;height:35px;stroke-width:1.7}.benefits h2{font-size:20px;letter-spacing:-.8px;margin:9px 0 7px;font-weight:800}.benefits p{font-size:14px;color:var(--muted);line-height:1.6;margin:0;letter-spacing:-.3px}.download{position:relative;text-align:center;padding:31px 0 48px;min-height:345px}.download h2{font-size:clamp(42px,5.3vw,68px);letter-spacing:-.065em;line-height:1.05;margin:0 0 19px;font-weight:850}.download-copy{max-width:750px;margin:auto;position:relative;z-index:1}.download-copy>p:not(.release-note){color:var(--muted);font-size:15px;margin:0 0 23px}.download .button{font-size:18px;min-height:58px}.guide-link{display:flex;width:fit-content;margin:17px auto 0;align-items:center;gap:7px;font-size:13px;font-weight:650;color:#1248b8}.guide-link:hover{text-decoration:underline}.guide-link .icon{width:16px;height:16px}.release-note{font-size:11px;color:var(--muted);line-height:1.5;margin:14px auto 0;max-width:390px}.bird-friends{position:absolute;bottom:35px;left:-18px;width:270px;z-index:2;pointer-events:none}.bird-friends img{display:block;width:100%;height:auto}.speech{position:relative;display:block;width:112px;height:110px;background:var(--yellow);border-radius:50%;margin-bottom:-20px;margin-left:5px;padding:17px 10px;font-size:19px;transform:rotate(-12deg)}.speech:after{content:"";position:absolute;bottom:-9px;left:70px;border-top:20px solid var(--yellow);border-left:15px solid transparent;transform:rotate(-12deg)}.help{border-top:1px solid var(--line);padding-block:42px 50px;display:grid;grid-template-columns:1fr 1.45fr;gap:60px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#555c6a}.help h2{font-size:31px;letter-spacing:-1.5px;line-height:1.15;margin:12px 0}.questions details{border-bottom:1px solid var(--line)}.questions summary{padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:14px;font-weight:650;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:23px;font-weight:400;color:#1354d9}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 24px 20px 0}.questions a{color:#174dba;text-decoration:underline;text-underline-offset:3px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;padding-block:23px 31px;font-size:12px;color:var(--muted)}.site-footer .brand{font-size:17px;letter-spacing:-.6px;color:var(--ink);gap:10px}.site-footer .brand img{width:42px;height:42px}.footer-note{border-left:1px solid var(--line);padding-left:20px}.site-footer nav{display:flex;gap:24px;margin-left:auto}.made-for{margin-left:24px}.document{min-height:60vh;padding-block:60px}.document h1{font-size:50px}
@media(min-width:1450px){.hero-notes{right:10px}.hero{padding-bottom:75px}.glass-panel{min-height:442px}.panel-header{font-size:15px}.panel-tools{font-size:11px}.task-list li{font-size:14px;min-height:36px}.issue-card h3{font-size:17px}.repo,.agent{font-size:12px}.screen-waiting .task-list li{min-height:32px}}
@media(max-width:1120px){.wrap{width:calc(100% - 56px)}.hero-notes{gap:24px;right:0}.good-ideas{font-size:18px}.sticky{font-size:17px;padding:20px 14px}.sticky b{font-size:22px}.hero-bird{right:91px;width:200px;height:200px;top:-168px}.screens{gap:13px}.showcase{padding-inline:24px}.panel-tools{gap:6px}.panel-tools>.icon{display:none}.panel-header{font-size:12px}.menubar{gap:13px}.glass-panel{padding:12px 9px 0}.issue-card{padding:14px 10px}.task-list li{font-size:11px;gap:7px}.celebration h3{font-size:21px}.benefits{gap:19px}.benefit-icon{width:57px;height:57px}.benefit-icon .icon{width:29px;height:29px}.benefits article{gap:12px;padding-right:15px}.benefits h2{font-size:17px;margin-top:4px}.benefits p{font-size:13px}.bird-friends{width:225px;left:-22px;bottom:25px}.speech{width:98px;height:98px;font-size:17px}.download-copy{max-width:650px}.download-copy>p:not(.release-note){font-size:13px}}
@media(max-width:900px){.hero-notes .good-ideas{display:none}.hero-notes{top:49px;right:3px}.sticky{font-size:15px;padding:17px 12px}.sticky b{font-size:19px}.hero h1{font-size:clamp(58px,8.4vw,75px)}.hero-description{font-size:22px}.hero-bird{width:170px;height:170px;top:-140px;right:50px}.seal{width:120px;height:120px;right:8px;top:-15px}.seal span{font-size:19px}.showcase-intro{gap:135px}.showcase-intro>.hand{font-size:18px}.screens{gap:11px}.showcase{padding-inline:16px}.panel-tools{display:none}.panel-header{justify-content:center;font-size:13px}.menubar{gap:9px;font-size:9px}.menubar>.icon{width:13px;height:13px}.menubar .battery{display:none}.issue-card h3{font-size:13px}.repo{font-size:9px}.task-list li{font-size:10px;letter-spacing:-.5px}.status{width:14px;height:14px}.status.next{width:12px;height:12px}.agent{font-size:9px}.activity{font-size:9px}.panel-footer{font-size:8px}.glass-panel{min-height:396px}.notification{padding:8px 5px;gap:5px}.notification strong{font-size:10px}.notification div>span{font-size:8px;line-height:1.4}.celebration h3{font-size:18px}.celebration p{font-size:10px;text-align:center}.done-list li{font-size:9px;gap:5px}.showcase-bottom .hand{font-size:15px}.benefits{gap:14px}.benefits article{display:block}.benefit-icon{margin-bottom:12px}.benefits h2{font-size:17px}.bird-friends{width:190px;bottom:22px}.download{padding-bottom:75px}.download-copy{max-width:570px}.download-copy>p:not(.release-note){max-width:300px;line-height:1.5;margin-inline:auto}.release-note{max-width:270px}.help{gap:35px}.made-for{display:none}.footer-note{font-size:11px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:17px}.brand{font-size:19px;gap:7px;letter-spacing:-.8px}.brand img{width:44px;height:44px}.site-header nav{gap:0}.site-header nav>a:not(.button){display:none}.button.small{padding:10px 15px;min-height:40px;font-size:12px;gap:5px}.button.small .icon{display:none}.hero{padding-top:32px;padding-bottom:90px}.hero h1{font-size:clamp(42px,10.7vw,66px);letter-spacing:-.07em;line-height:1.04}.hero-description{font-size:17px;letter-spacing:-.5px;margin:19px 0 23px;max-width:290px;line-height:1.45}.hero-notes{display:none}.hero-action{align-items:flex-start;gap:12px}.hero-action .button{min-height:53px;padding:14px 20px;font-size:15px;gap:9px}.hero-action .button .icon{width:19px;height:19px}.compatibility{font-size:11px;margin-left:12px}.hero-bird{width:137px;height:137px;right:12px;top:-107px}.seal{width:94px;height:94px;right:15px;top:41px}.seal span{font-size:15px;letter-spacing:-.5px}.showcase{padding:27px 16px 18px;margin-top:0}.showcase-surface{border-radius:25px}.showcase-intro{height:113px;padding-left:4px;display:block}.showcase-intro>.hand{font-size:18px;display:inline-block}.showcase-intro>.same-thread{display:none}.intro-arrow{font-size:46px;left:111px}.screens{display:grid;grid-template-columns:1fr;gap:28px;max-width:365px;margin:auto}.screen figcaption{font-size:17px;margin-bottom:13px}.menubar{height:34px;gap:25px;font-size:11px}.menubar .battery{display:block}.menubar>.icon{width:17px;height:17px}.panel-header{font-size:14px;justify-content:space-between;padding-bottom:15px}.panel-tools{display:flex;font-size:11px;gap:10px}.panel-tools>.icon{display:block}.glass-panel{padding:17px 12px 0;min-height:0;border-radius:19px}.issue-card{padding:17px 13px}.issue-card h3{font-size:16px;margin-bottom:17px}.repo{font-size:11px}.task-list li{font-size:13px;letter-spacing:-.3px;min-height:35px;gap:9px}.task-list{padding-block:15px}.status{width:17px;height:17px}.status.next{width:15px;height:15px}.agent{font-size:12px}.activity{font-size:10px}.panel-footer{font-size:10px;padding-block:14px}.notification{padding:12px 10px;gap:9px}.notification strong{font-size:12px}.notification div>span{font-size:10px}.screen-waiting .task-list li{min-height:33px}.celebration{min-height:320px}.celebration h3{font-size:27px}.celebration p{font-size:13px}.done-list li{font-size:12px;margin-block:14px}.showcase-bottom{min-height:47px}.showcase-bottom p{font-size:10px;margin-top:22px}.showcase-bottom .hand{display:none}.benefits{display:flex;flex-direction:column;gap:0;padding-block:31px 16px}.benefits article{display:flex;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:22px 0;gap:18px}.benefits article:last-child{padding:22px 0}.benefit-icon{margin:0;width:62px;height:62px}.benefits h2{font-size:20px;margin-top:0}.benefits p{font-size:14px}.desktop-break{display:none}.download{padding:29px 0 22px;display:flex;flex-direction:column;min-height:0}.download-copy{order:0}.download h2{font-size:clamp(36px,9.7vw,54px);letter-spacing:-.065em}.download-copy>p:not(.release-note){font-size:14px;max-width:290px;margin-bottom:23px}.download .button{font-size:16px;min-height:55px;padding-inline:23px}.release-note{max-width:290px;font-size:11px}.bird-friends{position:relative;order:1;width:220px;left:auto;bottom:auto;margin:26px auto 0}.speech{position:absolute;width:94px;height:94px;font-size:16px;right:-25px;top:5px;margin:0}.bird-friends img{margin-left:-34px;margin-top:15px}.help{display:block;padding-block:31px}.help h2{font-size:29px;margin-bottom:22px}.help h2 br{display:none}.questions summary{font-size:13px;min-height:58px}.questions details p{font-size:13px}.site-footer{flex-wrap:wrap;gap:12px;padding-block:22px}.site-footer .brand{font-size:16px}.site-footer .brand img{width:36px;height:36px}.footer-note{margin-left:auto;border:0;padding:0;font-size:10px}.site-footer nav{width:100%;margin:0 0 0 45px;gap:22px;font-size:11px}.document h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Woven frame: a warm little home for the two checkmark birds. */
.bird-friends{height:290px;bottom:20px}
.bird-friends .woven-frame{position:absolute;width:100%;height:auto;left:0;bottom:0;margin:0;z-index:0}
.bird-friends .perched-friends{position:absolute;width:90%;height:auto;left:5%;bottom:5%;margin:0;z-index:1}
.bird-friends .speech{position:absolute;left:0;top:-8px;z-index:2;margin:0}
@media(max-width:1120px){.bird-friends{height:255px}.bird-friends .speech{top:0}}
@media(max-width:900px){.bird-friends{height:230px}}
@media(max-width:640px){.bird-friends{width:250px;height:280px;bottom:auto;margin-top:32px}.bird-friends .speech{left:auto;right:-12px;top:0}}

/* Checkmark bird lands in its checkbox; one flight on entry, then rest. */
.download{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1.15fr);align-items:center;gap:30px}
.nest-animation{min-width:0;margin:0;align-self:center}.nest-animation canvas{display:block;width:100%;height:auto}.nest-animation figcaption{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:-12px}.nest-animation .hand{font-size:17px;color:#456438;text-transform:none}.nest-animation button{font:inherit;font-size:12px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:8px 14px;cursor:pointer}.nest-animation button:hover{color:var(--blue);border-color:var(--blue)}.nest-animation button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.nest-animation button[hidden]{display:none}
@media(max-width:900px){.download{gap:12px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.nest-animation .hand{font-size:14px}}
@media(max-width:640px){.download{display:flex;gap:0}.nest-animation{order:1;width:min(100%,380px);margin:18px auto 10px}.nest-animation figcaption{margin-top:-18px}.nest-animation .hand{font-size:17px}}

/* Fixed viewport flight layer never captures clicks or creates page overflow. */
.checkmark-flock{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:50;contain:strict}
.checkmark-flock[hidden]{display:none}.checkmark-flock img{position:absolute;left:0;top:0;max-width:none;will-change:transform;user-select:none}
@media(prefers-reduced-motion:reduce){.checkmark-flock{display:none!important}}

/* Site themes and a full-width black footer. */
:root{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark;--paper:#111318;--ink:#f4f5f7;--muted:#b5bdca;--line:#343944;--blue:#82adff}
.footer-band{background:#050505;color:#b9bec8}.footer-band .site-footer{border-top:0;color:#b9bec8;padding-block:30px}.footer-band .brand{color:#fff}.footer-band .footer-note{border-color:#3c4048}.footer-band a:hover{color:#94baff}
.theme-toggle{border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);padding:10px 14px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.theme-toggle[hidden]{display:none}.theme-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
[data-theme="dark"] .button{background:#f0ff58;color:#111318;border-color:#f0ff58}[data-theme="dark"] .button:hover{background:#e2f33f}
[data-theme="dark"] .sticky,[data-theme="dark"] .seal,[data-theme="dark"] .benefit-icon{color:#111318}
[data-theme="dark"] .good-ideas,[data-theme="dark"] .guide-link,[data-theme="dark"] .questions a,[data-theme="dark"] .questions summary span{color:#94baff}
[data-theme="dark"] .showcase{color:#0b0c10}
[data-theme="dark"] .nest-animation{background:#fffefb;border-radius:28px;padding:0 12px 20px;color:#244037}
[data-theme="dark"] .nest-animation button{color:#525a64;border-color:#bfc5cd}[data-theme="dark"] .nest-animation button:hover{color:#1248b8;border-color:#1248b8}
@media(max-width:640px){.site-header nav{gap:7px}.theme-toggle{font-size:10px;padding:8px 9px}.site-header .brand{font-size:16px;gap:4px}.site-header .brand img{width:34px;height:34px}.site-header .button.small{font-size:11px;padding:9px 11px}.site-header{gap:8px}}
@media(max-width:370px){.site-header{flex-wrap:wrap}.site-header nav{margin-left:auto}}

/* Small companions share the top edge with the hero bird. */
.perch-friends{position:absolute;inset:0;pointer-events:none;z-index:3}
.perch-bird{position:absolute;width:100px;height:100px;object-fit:contain;top:-85px;filter:drop-shadow(0 8px 7px #00278820)}
.perch-bird-0{right:355px;width:105px;height:105px;top:-89px;filter:hue-rotate(105deg)}
.perch-bird-1{right:447px;width:78px;height:78px;top:-66px}
.perch-bird-2{right:517px;width:90px;height:90px;top:-76px;filter:hue-rotate(95deg)}
.perch-bird-3{right:600px;width:68px;height:68px;top:-58px}
.perch-bird-4{right:666px;width:82px;height:82px;top:-70px;filter:hue-rotate(115deg)}
@media(max-width:1120px){.perch-bird-3,.perch-bird-4{display:none}.perch-bird-0{right:300px}.perch-bird-1{right:390px}.perch-bird-2{right:460px}}
@media(max-width:900px){.perch-bird-0{right:220px}.perch-bird-1{right:310px}.perch-bird-2{right:375px}}
@media(max-width:640px){.perch-bird-0{left:0;right:auto;width:62px;height:62px;top:-53px}.perch-bird-1{left:52px;right:auto;width:50px;height:50px;top:-43px}.perch-bird-2{left:94px;right:auto;width:55px;height:55px;top:-47px}}
@media(max-width:370px){.perch-bird-2{display:none}}
/* Keep flights in their original container; clip only at the page's sides. */
body{overflow-x:clip}
.perch-bird-0{filter:hue-rotate(105deg)}
.perch-bird-1{filter:hue-rotate(-16deg)}
.perch-bird-2{filter:hue-rotate(87deg)}
.perch-bird-3{filter:hue-rotate(18deg)}
.perch-bird-4{filter:hue-rotate(122deg)}

/* A checkmark lands in the header nest as the theme changes. */
.site-header .theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;height:48px;padding:0;border:0;border-radius:12px;background:transparent;flex-shrink:0;overflow:visible}
.site-header .theme-toggle[hidden]{display:none}
.theme-nest{position:relative;display:block;width:48px;height:48px;pointer-events:none}
.theme-nest img{position:absolute;object-fit:contain}
.theme-nest-frame{width:45px;height:45px;left:2px;top:5px}
.theme-nest-bird{width:34px;height:34px;left:8px;top:0;z-index:1;transform-origin:50% 85%}
.theme-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.theme-toggle:hover .theme-nest-frame{filter:brightness(1.12)}
@media(prefers-reduced-motion:no-preference){body,.site-header,.button,.questions details,.nest-animation{transition:background-color .76s ease,color .76s ease,border-color .76s ease}}


.theme-nest::before{content:"";position:absolute;left:8px;right:7px;top:12px;bottom:5px;background:#080808;border-radius:2px;transition:background-color .7s ease}
[data-theme="dark"] .theme-nest::before{background:#fff}
.theme-nest-frame{z-index:1}.theme-nest-bird{z-index:2}
.theme-toggle.is-landing .theme-nest::before{animation:theme-square-flip .7s ease}
@keyframes theme-square-flip{0%{transform:perspective(100px) rotateY(0)}50%{transform:perspective(100px) rotateY(90deg)}100%{transform:perspective(100px) rotateY(180deg)}}
.theme-flight-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:100;contain:strict}
.theme-flight-layer img{position:absolute;left:0;top:0;max-width:none;object-fit:contain;will-change:transform}
@media(prefers-reduced-motion:reduce){.theme-nest::before{transition:none;animation:none!important}}

/* A small speech bubble points back to the nest switch. */
.theme-hint{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%) rotate(-5deg);padding:5px 9px;border-radius:10px;background:#f0ff58;color:#111318;font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap;box-shadow:0 2px 5px #00000012;z-index:4}
.theme-hint::before{content:"";position:absolute;top:-4px;left:calc(50% - 4px);width:8px;height:8px;background:inherit;transform:rotate(45deg)}

/* Early preview download notice. */
.preview-section{padding-block:16px 52px}.preview-notice{position:relative;border:1px solid var(--line);border-left:4px solid #d94040;border-radius:24px;padding:32px 160px 32px 32px;background:var(--paper);color:var(--ink)}.preview-notice h3{font-size:clamp(22px,3vw,30px);letter-spacing:-.04em;margin:12px 0 18px}.preview-notice p{font-size:15px;line-height:1.7;max-width:780px;color:var(--muted)}.preview-notice strong{color:var(--ink)}.preview-bird{position:absolute;width:150px;right:12px;top:16px;filter:none;transform:rotate(-9deg);pointer-events:none}.preview-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;font-size:14px;font-weight:650}.preview-links a{text-decoration:underline;text-underline-offset:4px}.preview-notice .eyebrow{font-size:12px}@media(max-width:640px){.preview-notice{padding:25px 22px}.preview-bird{width:80px;right:12px;top:-36px}.preview-notice p{font-size:14px}.preview-links{gap:16px}.preview-section{padding-top:35px}}

/* Both original-color birds hop inside their own part of the notice. */
.preview-notice{padding-right:260px;min-height:390px}
.preview-bird{position:absolute;width:230px;height:340px;right:12px;top:24px;overflow:hidden;filter:none;transform:none;animation:none;pointer-events:none}
.preview-bird img{position:absolute;width:170px;height:170px;object-fit:contain;filter:none;opacity:1;transform-origin:50% 90%;animation:preview-pair-hop 9s ease-in-out infinite}
.preview-bird .preview-bird-check{inset:28px auto auto 12px}
.preview-bird .preview-bird-x{inset:170px auto auto 38px;animation-delay:-4.5s;animation-duration:11s}
@keyframes preview-pair-hop{0%,12%,100%{transform:translate(0,0) rotate(-4deg)}20%{transform:translate(9px,-24px) rotate(5deg)}28%,40%{transform:translate(18px,0) rotate(3deg)}48%{transform:translate(6px,-19px) rotate(-6deg)}56%,72%{transform:translate(-12px,0) rotate(-3deg)}80%{transform:translate(-6px,-26px) rotate(4deg)}88%{transform:translate(0,0) rotate(-4deg)}}
@media(max-width:640px){.preview-notice{padding:185px 22px 25px;min-height:0}.preview-bird{top:12px;left:50%;right:auto;transform:translateX(-50%);width:270px;height:160px}.preview-bird img{width:130px;height:130px}.preview-bird .preview-bird-check{inset:26px auto auto 8px}.preview-bird .preview-bird-x{inset:26px auto auto 128px}}
@media(prefers-reduced-motion:reduce){.preview-bird img{animation:none!important;transform:none;opacity:1}}

/* Torn silhouette, not a colored accent border. */
.preview-notice{border:0;border-radius:0;background:transparent;isolation:isolate;padding-top:38px;padding-bottom:38px}
.preview-notice::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--paper) 92%,var(--ink) 8%);-webkit-mask:url('assets/rough-paper-mask.svg') center/100% 100% no-repeat;mask:url('assets/rough-paper-mask.svg') center/100% 100% no-repeat;pointer-events:none}
.preview-bird img{animation:preview-visible-hop 2.8s linear infinite;will-change:transform}
.preview-bird .preview-bird-x{animation-name:preview-visible-hop;animation-duration:3.3s;animation-delay:-1.1s}
@keyframes preview-visible-hop{0%,100%{transform:translate(0,0) rotate(-4deg)}8%{transform:translate(0,3px) scale(1.06,.94)}18%{transform:translate(14px,-32px) rotate(6deg)}28%{transform:translate(28px,0) rotate(3deg)}32%{transform:translate(28px,3px) scale(1.06,.94)}45%{transform:translate(10px,-38px) rotate(-7deg)}58%{transform:translate(-8px,0) rotate(-3deg)}70%{transform:translate(-8px,0)}82%{transform:translate(-4px,-28px) rotate(5deg)}94%{transform:translate(0,0)}}
@media(max-width:640px){.preview-notice{padding-top:195px}.preview-bird{height:172px}.preview-bird .preview-bird-check,.preview-bird .preview-bird-x{top:40px}}
@media(prefers-reduced-motion:reduce){.preview-bird img{animation:none!important;will-change:auto}}

/* Equal columns give the birds a bounded playground beside the copy. */
.preview-notice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:38px;align-items:stretch}
.preview-copy{grid-column:1;grid-row:1;min-width:0}
.preview-notice .preview-bird{grid-column:2;grid-row:1;position:relative;inset:auto;transform:none;width:100%;height:100%;min-height:340px;overflow:hidden;align-self:stretch}
.preview-notice .preview-bird img{inset:auto;left:0;top:0;width:clamp(115px,14vw,180px);height:auto;aspect-ratio:1;animation:none!important;transition:none!important;filter:none;opacity:1;will-change:transform}
@media(max-width:640px){.preview-notice{grid-template-columns:1fr;padding:28px 24px;gap:12px}.preview-copy{grid-row:1}.preview-notice .preview-bird{grid-column:1;grid-row:2;height:290px;min-height:290px}.preview-notice .preview-bird img{width:130px}}

/* White crumpled paper, lit from upper left and lifted off the page. */
.preview-notice{--ink:#17191d;--muted:#50545b;color:var(--ink);filter:drop-shadow(1px 2px 1px #15192324) drop-shadow(9px 16px 12px #15192324)}
.preview-notice::before{background:linear-gradient(130deg,#ffffff30 0%,#ffffff00 55%,#b7bdc51a 100%),url('assets/crumpled-white-paper.webp') center/cover no-repeat #fff;-webkit-mask-image:url('assets/rough-paper-mask.svg?v=major-tears-3');mask-image:url('assets/rough-paper-mask.svg?v=major-tears-3')}
.preview-notice::after{content:"";position:absolute;z-index:-2;pointer-events:none;left:8%;right:3%;bottom:-14px;height:22px;border-radius:50%;background:#171c2630;filter:blur(15px);transform:rotate(-1deg)}
.preview-notice .eyebrow,.preview-notice h3,.preview-notice strong,.preview-notice a{color:#17191d}.preview-notice p{color:#50545b}
@media(max-width:640px){.preview-notice{filter:drop-shadow(1px 2px 1px #15192320) drop-shadow(5px 10px 8px #15192326)}}

/* The scene stays in the viewport while the reader closes in on the work. */
.capture-journey{position:relative}
.capture-story{min-height:85vh;display:flex;align-items:center;padding-block:100px}
.capture-story-copy{width:48%;margin-left:auto;position:relative;z-index:1}
.capture-story h2{font-size:clamp(34px,4.2vw,62px);line-height:1.06;letter-spacing:-.05em;margin:18px 0 28px}
.capture-story p{font-size:18px;line-height:1.7;color:var(--muted);max-width:480px}
.capture-hint{display:block;margin-top:32px;font-size:13px;color:var(--muted)}
.nest-animation.capture-active canvas{position:fixed;z-index:3;pointer-events:none}
.capture-journey .nest-animation{min-height:380px}
.capture-journey .nest-animation canvas{margin-inline:auto}
.capture-journey .nest-animation figcaption{display:none}
@media(max-width:640px){
.capture-story{min-height:105vh;padding-top:310px;padding-bottom:70px;align-items:flex-start}
.capture-story-copy{width:100%;margin:0}
.capture-story h2{font-size:36px}
.capture-story p{font-size:16px}
.capture-journey .nest-animation canvas{width:240px;max-width:100%}
.capture-journey .nest-animation{min-height:260px}
.nest-animation.capture-active canvas{background:var(--paper);border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
.capture-story{min-height:0;padding-block:55px}
.capture-story-copy{width:100%;max-width:620px;margin-inline:auto}
.capture-hint{display:none}
}

@media(max-width:640px){
.capture-story{padding-top:220px}
.capture-journey .nest-animation canvas{width:180px}
.nest-animation.capture-active::before{content:"";position:fixed;inset:var(--capture-top,0px) 0 auto;height:190px;background:var(--paper);z-index:2;pointer-events:none;border-bottom:1px solid var(--line)}
.nest-animation.capture-active canvas{background:transparent;border-radius:0}
}

.nest-animation.capture-active::before{opacity:var(--capture-entrance,1)}

/* Three scroll marks: scattered work, the waiting perch, and capture. */
.capture-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;min-height:100vh}
.capture-story-copy{width:100%;margin:0}
.story-mark{position:relative;height:460px;min-width:0}
.todo-field{position:absolute;inset:45% 0 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.scattered-todo{display:block;width:230px;padding:12px 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:14px;box-shadow:0 8px 20px #0000000c;will-change:transform}
.scattered-todo.attention{background:#fff2c9;border-color:#dfa629;color:#795000}
.scattered-todo.blocked{background:#ffe3df;border-color:#dd675c;color:#a12720}
.waiting-perch{position:absolute;width:160px;height:10px;border-radius:10px;background:linear-gradient(#d9aa64,#946032);left:50%;top:calc(50% + 52px);transform:translateX(-50%)}
.waiting-perch::after{content:"";position:absolute;width:8px;height:70px;left:76px;top:8px;background:#aa7b45}
.capture-journey .download{grid-template-columns:1fr 1fr}
.capture-journey .download-copy{grid-column:1;grid-row:1}
.capture-journey .nest-animation{grid-column:2;grid-row:1}
.nest-animation.capture-active::before{display:none}
@media(max-width:640px){
.capture-story{display:flex;flex-direction:column;gap:20px;padding-top:65px;padding-bottom:65px;min-height:110vh}
.story-mark{width:100%;height:300px;flex:none;order:0}
.capture-story-copy{order:1}
.capture-story h2{font-size:34px}
.capture-journey .download{display:flex}
.capture-journey .nest-animation{order:0}
.capture-journey .download-copy{order:1}
.scattered-todo{width:190px;font-size:12px;padding:9px 12px}
.waiting-perch{width:120px;top:calc(50% + 35px)}
.waiting-perch::after{left:56px}
}
@media(prefers-reduced-motion:reduce){.capture-story{min-height:0}.scattered-todo{will-change:auto}}

@media(max-width:640px){.nest-animation.capture-active.capture-landed::before{display:block;inset:var(--capture-top) 0 auto;height:270px;opacity:1;background:var(--paper);border:0}}

main{position:relative}.bird-track-trail{position:absolute;top:0;left:0;width:100%;overflow:hidden;pointer-events:none;z-index:0;color:var(--muted)}.bird-track-trail path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.22}.bird-track-trail path:first-child{stroke:none}.showcase{z-index:1}.capture-story-copy,.download-copy{position:relative;z-index:1;background:var(--paper)}

.story-pigeon-flock{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:4}
.capture-journey::before{content:"";position:absolute;inset:0;pointer-events:none;background:url('assets/pigeon-tracks-pattern.svg') repeat;opacity:.11;mask-image:linear-gradient(90deg,#000,transparent 47%,#000);z-index:0}
@media(prefers-reduced-motion:reduce){.story-pigeon-flock{display:none}}

.capture-journey::before{display:none}.block-track-trail{color:var(--muted)}.block-track-trail path{fill:currentColor;stroke:none;opacity:.23}.block-track-trail path:first-child{fill:none}.story-pigeon-flock[hidden]{display:none}

/* Blue against black on the perch; green against white at capture. */
.capture-perch{--paper:#101216;--ink:#fffefb;--muted:#c3c7cf;background:var(--paper);color:var(--ink);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax);position:relative}
.capture-perch .capture-story-copy{background:transparent;color:var(--ink)}
.capture-perch h2,.capture-perch .eyebrow{color:var(--ink)}
.capture-perch .capture-hint,.capture-perch p{color:var(--muted)}
.capture-journey #download{--paper:#fffefb;--ink:#0b0c10;--muted:#555d6a;background:var(--paper);color:var(--ink);box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}
.capture-journey #download .download-copy{background:var(--paper);color:var(--ink)}
.waiting-perch::after{height:160px}
.waiting-perch::before{content:"";position:absolute;left:20px;top:162px;width:120px;height:12px;border-radius:4px;background:#b68448;box-shadow:0 8px 12px #0002}
@media(max-width:640px){.waiting-perch::after{height:90px}.waiting-perch::before{top:92px;left:10px;width:100px}}
.capture-journey #download{box-shadow:none;clip-path:none;position:relative;isolation:isolate}
.capture-journey #download::before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:var(--paper);z-index:-1;pointer-events:none}

.falling-cage{position:fixed;top:0;height:auto;max-width:none;pointer-events:none;will-change:transform}.falling-cage[hidden]{display:none}.falling-cage-0{z-index:3}.capture-journey .nest-animation canvas{position:relative;z-index:4}.capture-journey .nest-animation.capture-active canvas{position:fixed}.falling-cage-1{z-index:5}
/* Keep the travelling bird and its cage above earlier section copy. */
.capture-journey #download{z-index:3}

.hero h1 .hero-vibe{display:block;font-size:.72em;letter-spacing:-.045em;margin-bottom:.12em;min-height:1.1em}.hero-work{display:block}.hero-work-word{display:inline-block}.hero-vibe.is-typing::after{content:"▌";font-size:.65em;vertical-align:.12em;margin-left:3px}.hero-bird{filter:drop-shadow(0 12px 10px #00278828)}

.hero h1 .hero-vibe{width:max-content;max-width:100%}

/* One white stand stays attached as the bird travels into the capture. */
.waiting-perch,.waiting-perch::before,.waiting-perch::after{background:#fff}

/* Let the footprint trail continue behind the feature copy. */
.benefits,.benefits article,.benefits article>div{background:transparent}

/* Carry the decorative trail over section backgrounds, including the black perch. */
.block-track-trail{z-index:4;pointer-events:none}

/* Nine titled todos, arranged as a three-by-three grid. */
.capture-scatter .todo-field{inset:28% 10px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.capture-scatter .scattered-todo{width:100%;min-width:0;min-height:64px;display:flex;align-items:center;padding:10px;border-radius:7px;font-size:13px;line-height:1.35;box-sizing:border-box}
@media(max-width:640px){.capture-scatter .todo-field{gap:8px;inset-inline:8px}.capture-scatter .scattered-todo{min-height:60px;padding:7px;font-size:11px;border-radius:5px}}