@font-face{font-family:Outfit;src:url('/assets/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#29352d;--muted:#59635a;--cream:#fbf9f2;--paper:#fffef9;--line:#dddfd3;--coral:#a83d26;--peach:#f4d9c7;--sage:#e8ecdf;--yellow:#f6e7af;--font:Outfit,'Trebuchet MS',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{max-width:100%;height:auto}svg{display:inline-block;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6vw,86px)}h2{font-size:clamp(34px,4.1vw,54px)}h3{font-size:25px;letter-spacing:-.035em}p{color:var(--muted)}p+p{margin-top:18px}em{font-style:normal;color:var(--coral)}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7943ab;outline-offset:5px}::selection{background:var(--peach);color:var(--ink)}[hidden]{display:none!important}.icon{width:24px;height:24px;flex:none}.skip-link{position:fixed;z-index:100;left:16px;top:-80px;padding:12px 20px;background:var(--ink);color:white}.skip-link:focus{top:12px}.small{font-size:14px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:650;color:var(--ink);margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:14px 23px;border:1px solid var(--coral);border-radius:9px;background:var(--coral);color:#fff;text-decoration:none;font-size:15px;font-weight:550;letter-spacing:.005em;transition:background .18s,transform .18s}.button:hover{background:#88311d;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.button-light{background:transparent;border-color:#a5ad9e;color:var(--ink)}.button-light:hover{background:var(--sage)}.text-link{display:inline-block;text-decoration:none;font-weight:550;font-size:16px;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link:hover{color:var(--coral);border-color:var(--coral)}.announcement{position:relative;background:#e8ecdf;text-align:center;padding:12px 50px;font-size:13px;line-height:1.5;border-bottom:1px solid #d8decc}.announcement>div{display:flex;align-items:center;justify-content:center;gap:18px}.announcement a{font-weight:650;white-space:nowrap}.dismiss{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:none;width:32px;height:32px;font-size:24px}.site-header{max-width:1376px;padding:25px 48px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{font-size:25px;display:inline-flex;align-items:center;gap:0;text-decoration:none;font-weight:500;letter-spacing:-1.25px;white-space:nowrap;color:var(--ink)}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:750}.brand-dot{color:var(--coral);font-weight:750}.brand-icon{background:var(--ink);color:var(--cream);width:31px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;transform:rotate(-9deg)}.brand-icon svg{width:21px}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav>a:not(.button){font-size:13px;text-decoration:none;font-weight:500;white-space:nowrap;position:relative}.site-header nav>a:not(.button):hover,.site-header nav>a[aria-current]{color:var(--coral)}.site-header .button{min-height:43px;font-size:13px;padding:9px 16px;gap:16px}.menu-toggle{display:none}.hero{max-width:1376px;margin:auto;padding:56px 64px 84px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;overflow:hidden}.hero h1{font-size:clamp(68px,6.65vw,96px);line-height:.99;letter-spacing:-.06em;font-weight:550}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.tiny-line{width:24px;height:1px;background:var(--ink)}.hero-description{font-size:18px;line-height:1.7;max-width:420px;margin-top:28px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.hero-secondary{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:550}.play-icon{border:1px solid #b8bbae;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px}.hero-footnote{font-size:12px;margin-top:23px;color:#677160}.hero-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.hero-circle{position:relative;width:430px;height:440px;border-radius:50%;background:#eee2c8;display:flex;align-items:center;justify-content:center}.hero-trixie{width:315px;height:375px;object-fit:contain;position:relative;z-index:1;margin-top:22px;filter:drop-shadow(0 18px 12px #392d2420)}.orbit{position:absolute;border:1px solid #d9cbae;width:472px;height:472px;border-radius:50%;transform:rotate(-25deg)}.orbit-two{height:370px;width:508px;transform:rotate(-30deg);border-color:#e6dbbf}.hand-note{position:absolute;top:-15px;left:5px;font-size:17px;line-height:1.4;transform:rotate(-10deg);z-index:2;letter-spacing:-.04em}.hand-note span{position:absolute;right:-47px;bottom:-26px;font-size:60px;color:#7a856b;transform:rotate(-30deg)}.floating-label{position:absolute;background:var(--paper);box-shadow:0 7px 22px #2a382912;border:1px solid #fff;border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:9px;z-index:3}.label-top{right:0;top:86px;transform:rotate(6deg);font-size:13px}.label-top svg{width:17px;height:17px;color:var(--coral)}.label-bottom{left:18px;bottom:20px;transform:rotate(-5deg);gap:12px;padding:14px 19px;min-width:276px}.label-bottom strong{display:block;font-size:16px;line-height:1.4}.label-bottom div>span{font-size:12px;color:var(--muted)}.label-bottom>a{margin-left:15px;text-decoration:none;font-size:25px;padding:5px}.avatar-dot{display:flex;align-items:center;justify-content:center;border-radius:50%;width:42px;height:42px;background:var(--sage)}.art-star{position:absolute;z-index:2;color:var(--coral)}.star-one{font-size:65px;left:4px;bottom:108px;transform:rotate(15deg)}.star-two{font-size:34px;right:37px;bottom:54px}.art-dot{width:9px;height:9px;border-radius:50%;background:#d49d6e;position:absolute;right:27px;top:16px}.platform-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 50px;display:flex;align-items:center;justify-content:center;gap:80px}.platform-strip p{font-size:13px}.platform-strip>div{display:flex;gap:50px}.platform-strip span{font-size:21px;font-weight:550;letter-spacing:-.035em}.platform-strip small{font-size:10px;letter-spacing:.02em;display:block;color:var(--muted);font-weight:400}.platform-strip .future{font-size:17px;color:#68745f}.section{max-width:1250px;margin:0 auto;padding:90px 40px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:46px;gap:40px}.section-heading>p{max-width:290px;font-size:16px}.center-heading{text-align:center;max-width:760px;margin:0 auto 50px}.center-heading>p:not(.eyebrow){max-width:630px;margin:22px auto 0}.center-heading .button{margin-top:30px}.center{text-align:center;margin-top:38px}.demo-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}.demo-card{background:#f2f1e9;border-radius:16px;padding:20px 26px 29px}.demo-card:nth-child(2){background:#edeede}.demo-card:nth-child(3){background:#f4e4d8}.demo-card h3{font-size:23px;line-height:1.2;margin:10px 0 12px}.demo-card p{font-size:15px}.demo-number{font-size:10px;letter-spacing:.12em;font-weight:600;color:#677061}.demo-photo-stack{height:230px;display:flex;align-items:center;justify-content:center;position:relative}.demo-photo-stack>div{width:130px;height:159px;background:var(--paper);border:1px solid #dfdace;padding:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;box-shadow:0 6px 12px #3138310a;position:absolute;transform:rotate(-13deg);left:20px;top:22px}.demo-photo-stack>div:last-child{transform:rotate(10deg);left:100px;top:54px;background:#f7e6d8}.demo-photo-stack svg{width:48px;height:48px;color:#867e62}.demo-photo-stack span{font-size:10px}.demo-pet{height:230px}.demo-pet .pet-stage{height:188px}.demo-pet .pet-frame{height:175px;width:auto}.demo-pet .pause-control{font-size:11px}.mini-window{height:185px;margin:20px 0 25px;border-radius:10px;background:#fffdf9;position:relative;border:1px solid #decdbd;overflow:hidden;padding:14px}.window-bar{display:flex;gap:4px;border-bottom:1px solid #e8e5dc;padding-bottom:10px;margin-bottom:20px}.window-bar span{width:4px;height:4px;border-radius:50%;background:#b8baad}.fake-line{height:7px;width:63%;border-radius:4px;background:#e9eae2;margin:9px 0}.fake-line.short{width:45%}.mini-status{font-size:10px;position:absolute;bottom:37px}.mini-window img{position:absolute;right:4px;bottom:8px;width:90px;height:auto}.demo-label{position:absolute;font-size:9px;color:#697263;bottom:7px;left:13px}.trixie-spotlight{background:var(--peach);padding:76px max(40px,calc((100vw - 1170px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.trixie-copy p:not(.eyebrow){margin-top:23px;max-width:465px;color:#515849}.trixie-copy .text-link{margin-top:25px}.trixie-copy h2{line-height:1.1}.trixie-playground{position:relative;padding:22px;border-radius:24px;background:#fbf6ee91}.playground-note{display:block;text-align:center;font-size:13px;font-weight:500}.pet-player{text-align:center}.pet-stage{height:285px;display:flex;align-items:center;justify-content:center}.pet-frame{width:250px;height:auto;object-fit:contain}.state-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:6px 0 15px}.state-controls button{font-size:12px;padding:8px 11px;border:1px solid #a99d8a;background:transparent;border-radius:20px;min-height:36px}.state-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.state-controls button:hover{border-color:var(--ink)}.pet-caption{font-size:13px;min-height:42px}.pause-control{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:8px 14px;min-height:36px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 45px}.feature-card h3{font-size:23px;margin:22px 0 14px}.feature-card p{font-size:15px;line-height:1.8}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;background:var(--sage);border-radius:12px;color:var(--ink)}.icon-tile.tone-1{background:#f3e3d4}.icon-tile.tone-2{background:#e6e9f0}.privacy-band{max-width:1170px;margin:0 auto 30px;background:#e8ecdf;border-radius:22px;padding:60px 95px;display:grid;grid-template-columns:150px 1fr;gap:60px;align-items:center}.privacy-band p:not(.eyebrow){max-width:600px;margin:22px 0}.privacy-symbol{display:flex;align-items:center;justify-content:center;background:#d9e0cc;width:130px;height:150px;border-radius:60% 60% 45% 45%;transform:rotate(-8deg)}.privacy-symbol svg{width:70px;height:70px;transform:rotate(8deg)}.free-home{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px}.free-home p:not(.eyebrow){margin-top:24px;max-width:540px}.free-home .button{margin-top:30px}.free-pet-card{display:flex;align-items:center;border:1px solid var(--line);border-radius:20px;background:#f1f0e4;padding:25px;transform:rotate(3deg);gap:15px}.free-pet-card img{width:160px}.free-pet-card h3{font-size:35px;margin-top:12px}.free-pet-card p{font-size:13px;margin-top:8px!important}.badge{display:inline-block;font-size:10px;line-height:1.4;font-weight:550;padding:6px 10px;border:1px solid #aaa897;color:#4c5947;border-radius:20px;letter-spacing:.02em}.badge.validated{background:#e2e8d7;border-color:#c8d3b9}.faq-home{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line)}.faq-home .text-link{margin-top:30px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:17px;font-weight:500;padding:22px 0;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:25px;font-weight:300;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:16px;padding-bottom:24px;max-width:700px}.closing-cta{text-align:center;padding:70px 24px 85px;background:#f3e5d6;position:relative;overflow:hidden}.closing-cta h2{font-size:clamp(40px,5.1vw,66px)}.closing-cta>p:not(.eyebrow){margin:22px auto;max-width:450px}.little-paw{width:55px;height:55px;background:#e2c8af;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-13deg);margin:0 auto 24px}.site-footer{max-width:1290px;padding:65px 50px 25px;margin:auto}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:55px}.site-footer .brand>.icon{margin-right:10px;width:25px;height:25px}.footer-top p{font-size:15px;margin:21px 0 15px}.footer-top .small{font-size:11px}.footer-top nav{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-top strong{font-size:13px;margin-bottom:8px}.footer-top nav a{text-decoration:none;color:var(--muted)}.footer-top nav a:hover{color:var(--coral)}.footer-note>.icon{width:19px;color:var(--coral)}.footer-note h3{font-size:25px;line-height:1.2;margin:15px 0}.footer-note a{font-size:13px}.footer-bottom{margin-top:50px;padding-top:23px;border-top:1px solid var(--line);display:flex;gap:70px}.footer-bottom>span{font-size:10px;white-space:nowrap;color:var(--muted)}.footer-bottom>p{font-size:10px;line-height:1.7;max-width:700px}.page-intro{text-align:center;max-width:1000px;padding:65px 40px 45px;margin:auto}.page-intro h1{font-size:clamp(46px,5.7vw,78px)}.page-intro>p:not(.eyebrow){max-width:660px;font-size:18px;margin:26px auto 0}.page-intro .small{display:block;margin-top:25px}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px}.step{position:relative;border:1px solid var(--line);border-radius:18px;padding:32px;background:var(--paper)}.step-number{position:absolute;right:25px;top:22px;color:#919885;font-size:13px}.step h3{margin:24px 0 16px}.step p{font-size:16px}.tips-panel{max-width:1170px;background:var(--sage);border-radius:22px;padding:50px;margin:0 auto 80px}.tips-panel>h2{font-size:35px;margin-bottom:30px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.three-col h3{font-size:22px;margin-bottom:15px}.three-col p{font-size:15px}.tips-panel>.small{margin-top:30px}.split-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:45px;max-width:1100px;margin:0 auto;background:var(--peach);border-radius:20px;align-items:center}.split-feature p:not(.eyebrow){margin-top:20px}.split-feature .text-link{margin-top:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.soft-card{padding:40px;border-radius:20px;background:#f3e7d8}.soft-card h2{font-size:35px;margin-bottom:20px}.sage{background:var(--sage)!important}.platform-section{padding-top:25px}.platform-section>h2{font-size:34px}.section-note{max-width:760px;margin:16px 0 30px}.platform-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;flex-direction:column}.platform-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.platform-initial{display:flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:12px;font-size:24px;font-weight:550}.peach{background:var(--peach)}.blue{background:#e1e6f0}.cream{background:#f1eadb}.platform-card h3{margin-bottom:15px}.platform-card p{font-size:15px;margin-bottom:20px;flex:1}.platform-card .small{font-size:12px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.section-subtitle{margin-top:70px!important}.disclaimer{font-size:13px;margin-top:30px}.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:30px}.species-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.species-symbol{font-size:48px;display:block;margin-bottom:22px}.species-card h3{margin-top:24px}.species-card p{font-size:15px;margin:14px 0 22px}.species-card .text-link{font-size:13px}.mascot-card{background:#eeeede;border-radius:20px;padding:35px;text-align:center}.mascot-card h2{font-size:34px;margin:20px 0}.mascot-card>p{max-width:420px;margin:0 auto 25px}.shiba-card{background:#f2e7db}.future-mascot{height:321px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#637156}.future-mascot .icon{width:100px;height:100px;background:#e5d9c5;padding:30px;border-radius:50%}.future-mascot>span{font-size:15px}.trixie-profile{max-width:1100px;margin:25px auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:35px}.profile-facts h2{margin:25px 0}.profile-facts>p{max-width:420px}.profile-facts dl{margin-top:35px;font-size:14px}.profile-facts dl>div{padding:14px 0;border-top:1px solid var(--line)}.profile-facts dt{font-weight:550}.profile-facts dd{margin:0;color:var(--muted)}.trixie-profile .trixie-playground{background:var(--peach);align-self:start}.trixie-profile .pet-stage{height:350px}.trixie-profile .pet-frame{width:300px}.privacy-main{display:grid;grid-template-columns:150px 1fr;gap:70px;align-items:center;max-width:1000px;padding:50px;margin:auto}.privacy-main h2{font-size:38px;margin-bottom:25px}.legal-grid{max-width:1150px;margin:35px auto 90px;display:grid;grid-template-columns:260px 1fr;gap:70px;padding:0 40px}.legal-grid>nav{align-self:start;position:sticky;top:25px;display:flex;flex-direction:column;font-size:12px;gap:12px;border-right:1px solid var(--line);padding-right:30px}.legal-grid>nav a{text-decoration:none;color:var(--muted)}.legal-copy section{margin-bottom:35px;scroll-margin-top:30px}.legal-copy h2{font-size:27px;margin-bottom:18px;letter-spacing:-.03em}.legal-copy p{font-size:15px;line-height:1.9}.faq-page{max-width:860px;padding-top:20px}.contact-nudge{text-align:center;padding:40px 25px 100px}.contact-nudge h2{font-size:36px}.contact-nudge p{margin:15px 0 25px}.signup-layout{max-width:1160px;margin:auto;padding:60px 40px 90px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.signup-layout h1{font-size:65px}.signup-layout>div>p:not(.eyebrow){max-width:480px;margin-top:25px;font-size:17px}.check-list{list-style:none;padding:0;margin-top:28px}.check-list li{font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.check-list .icon{width:17px;height:17px}.signup-pet .pet-stage{height:230px;justify-content:flex-start}.signup-pet .pet-frame{width:220px}.signup-pet .pause-control{display:block;margin-left:45px}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:35px}.form-card h2{font-size:31px}.form-card>p{font-size:14px!important;margin-top:10px!important}.signup-form{display:flex;flex-direction:column;gap:9px;margin-top:20px}.signup-form label{font-weight:550;font-size:13px}.signup-form label>span:not(.checkbox-label span){font-weight:400;color:var(--muted);font-size:12px}.signup-form input:not([type=checkbox]),.signup-form select,.signup-form textarea{width:100%;background:#fffef9;border:1px solid #aeb5a7;border-radius:7px;padding:12px 13px;font-size:15px;color:var(--ink);min-height:48px;margin-bottom:9px}.signup-form input::placeholder,.signup-form textarea::placeholder{color:#6e7568;font-size:14px}.signup-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row label{display:block;margin-bottom:9px}.checkbox-label{display:flex;align-items:start;gap:10px;font-size:12px!important;font-weight:400!important;line-height:1.6;margin:5px 0 14px}.checkbox-label input{width:17px;height:17px;margin-top:3px;accent-color:var(--coral);flex:none}.form-fine{font-size:11px!important;line-height:1.7;margin-top:8px!important}.form-status:not(:empty){padding:12px;border-radius:6px;background:#f9e8d9;color:#70371e;font-size:14px;margin-bottom:12px}.contact-help{margin-top:42px}.contact-help h2{font-size:25px;margin-top:25px}.contact-help p{font-size:15px;margin-top:15px}.story-copy{max-width:790px;padding:20px 40px 90px;margin:auto}.story-copy h2{font-size:32px;margin:25px 0 20px}.story-copy p{margin-bottom:20px}.story-copy .button{margin-top:20px}.story-copy li{margin-bottom:15px;color:var(--muted)}.motion-preference{padding:25px;border-radius:15px;background:var(--sage);margin:35px 0}.motion-preference h2{margin-top:0}.motion-preference p{font-size:14px;margin-top:15px}.thank-you{text-align:center;max-width:600px;margin:auto;padding:0 30px 100px}.thank-you>.button{margin-top:25px}.breadcrumb{max-width:1170px;margin:auto;padding:0 25px;font-size:11px;color:var(--muted)}.breadcrumb a{text-decoration:none}.noscript{background:var(--yellow);padding:12px;text-align:center;font-size:14px}
.demo-number{color:#59634f}
@media(min-width:1600px){.hero{padding-top:75px;padding-bottom:100px}.hero-art{height:540px}}
@media(max-width:1100px){.site-header{padding:22px 30px}.site-header nav{gap:15px}.site-header nav>a:not(.button){font-size:12px}.brand{font-size:23px}.hero{padding:40px 38px 65px;gap:15px}.hero h1{font-size:78px}.hero-art{height:460px}.hero-circle{width:360px;height:380px}.hero-trixie{width:280px;height:340px}.orbit{width:395px;height:395px}.orbit-two{width:420px;height:325px}.label-top{right:-5px;font-size:11px;padding:10px}.label-bottom{left:0;bottom:2px;min-width:250px}.hero-actions{gap:15px}.hero-secondary{font-size:12px}.hero .button{gap:13px;padding:13px 17px}.hero-footnote{font-size:11px}.platform-strip{gap:40px}.platform-strip>div{gap:30px}.demo-photo-stack>div{left:5px}.demo-photo-stack>div:last-child{left:65px}.trixie-spotlight{gap:40px}.privacy-band{margin-left:35px;margin-right:35px;padding:45px 55px}.free-home{gap:40px}.free-pet-card{padding:18px}.free-pet-card img{width:130px}.footer-top{gap:25px}.signup-layout{gap:40px}.signup-layout h1{font-size:56px}.form-card{padding:26px}.legal-grid{gap:40px}}
@media(max-width:900px){.site-header{flex-wrap:wrap;position:relative}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid #abb2a2;background:transparent;border-radius:6px;font-size:14px;padding:8px 13px;min-height:42px}.site-header nav{width:100%;display:none;flex-direction:column;align-items:stretch;padding:18px 0 8px;gap:0;border-top:1px solid var(--line)}.site-header nav.is-open{display:flex}.site-header nav>a:not(.button){font-size:16px;padding:11px 0}.site-header nav>.button{margin-top:12px;align-self:start}.hero h1{font-size:65px}.hero-art{height:410px}.hero-circle{width:300px;height:320px}.hero-trixie{width:240px;height:290px}.orbit{width:337px;height:337px}.orbit-two{width:352px;height:280px}.hand-note{font-size:14px;top:-5px}.label-top{top:65px;font-size:10px}.label-bottom{min-width:220px;padding:10px;left:0}.label-bottom strong{font-size:14px}.label-bottom div>span{font-size:10px}.avatar-dot{width:34px;height:34px}.hero-actions{flex-direction:column;align-items:start}.platform-strip{padding:20px 30px}.platform-strip>p{max-width:150px}.feature-grid{gap:35px}.demo-card{padding:15px 18px 24px}.demo-photo-stack>div{width:100px;height:140px;left:0}.demo-photo-stack>div:last-child{left:50px}.demo-photo-stack span{font-size:8px}.demo-card h3{font-size:21px}.trixie-spotlight{padding:60px 35px;gap:30px}.trixie-copy h2{font-size:38px}.pet-frame{width:210px}.pet-stage{height:240px}.faq-home{gap:35px}.footer-top{grid-template-columns:1.2fr 1fr 1fr}.footer-note{display:none}.platform-grid,.species-grid{grid-template-columns:repeat(2,1fr)}.signup-layout{gap:25px;padding:40px 30px 70px}.signup-layout h1{font-size:48px}.form-row{grid-template-columns:1fr}.signup-layout .form-card{padding:23px}.step-list{grid-template-columns:1fr 1fr}.trixie-profile{gap:30px}.trixie-profile .pet-stage{height:310px}.trixie-profile .pet-frame{width:265px}.legal-grid{grid-template-columns:200px 1fr;gap:30px}.legal-grid>nav{font-size:11px}.privacy-main{gap:35px}}
@media(max-width:650px){body{font-size:16px}.announcement{padding:10px 40px 10px 18px;font-size:11px;text-align:left}.announcement>div{display:block;line-height:1.5}.announcement a{display:inline-block;margin-top:3px;font-size:11px}.announcement .dismiss{right:3px}.site-header{padding:18px 22px;gap:18px}.brand{font-size:23px}.hero{display:flex;flex-direction:column;padding:30px 25px 50px;gap:28px;align-items:stretch}.hero-copy{max-width:500px}.hero h1{font-size:clamp(60px,14vw,82px);line-height:1.015}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:22px}.hero-description{font-size:16px;max-width:410px;margin-top:24px;line-height:1.65}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.hero .button{padding:13px 16px;font-size:13px;gap:12px;min-height:50px}.hero-secondary{font-size:12px;gap:7px}.hero-footnote{font-size:10px;max-width:300px;margin-top:18px}.hero-art{max-width:390px;width:100%;height:390px;margin:28px auto 0}.hero-circle{width:300px;height:318px}.hero-trixie{width:244px;height:290px}.hand-note{left:0;top:-20px;font-size:14px}.label-top{right:0;top:58px;font-size:10px}.label-bottom{bottom:-3px;left:22px;padding:11px 15px}.star-one{left:3px;bottom:80px;font-size:50px}.star-two{right:14px;bottom:45px;font-size:24px}.platform-strip{display:block;text-align:center;padding:23px 15px}.platform-strip>p{max-width:none;font-size:11px;margin-bottom:18px}.platform-strip>div{justify-content:center;gap:23px}.platform-strip span{font-size:18px}.platform-strip .future{font-size:14px}.platform-strip small{font-size:9px}.section{padding:60px 24px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:350px;margin-top:20px;font-size:15px}.eyebrow{font-size:10px;margin-bottom:17px}h2{font-size:36px}.demo-flow{display:flex;flex-direction:column;gap:20px}.demo-card{padding:22px 25px 28px}.demo-card h3{font-size:25px}.demo-photo-stack{height:225px;max-width:250px;margin:auto}.demo-photo-stack>div{width:135px;height:160px;left:5px;top:10px}.demo-photo-stack>div:last-child{left:100px;top:38px}.demo-photo-stack span{font-size:10px}.mini-window{height:190px;margin:10px 0 25px}.mini-window img{width:110px}.fake-line{width:56%}.mini-status{font-size:12px}.trixie-spotlight{display:flex;flex-direction:column;padding:55px 24px;gap:32px}.trixie-copy h2{font-size:36px}.trixie-copy>p:not(.eyebrow){font-size:16px}.trixie-playground{width:100%;max-width:420px;padding:20px 14px}.pet-stage{height:260px}.pet-frame{width:230px}.state-controls{gap:7px}.state-controls button{font-size:11px;min-height:37px;padding:8px 11px}.pet-caption{font-size:12px;min-height:38px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-card{padding-bottom:27px;border-bottom:1px solid var(--line)}.feature-card:last-child{border:0}.feature-card h3{margin-top:18px;font-size:25px}.feature-card p{font-size:16px}.center-heading{margin-bottom:33px}.center-heading>p:not(.eyebrow){font-size:16px}.privacy-band{display:block;margin:0 20px;padding:32px 26px}.privacy-symbol{width:83px;height:95px;margin-bottom:30px}.privacy-symbol svg{width:43px;height:43px}.privacy-band h2{font-size:35px}.free-home{grid-template-columns:1fr;gap:35px}.free-pet-card{max-width:420px;width:94%;margin:auto;padding:24px;gap:17px}.free-pet-card img{width:140px}.free-pet-card h3{font-size:34px}.faq-home{grid-template-columns:1fr;gap:27px}.faq-home .text-link{margin-top:22px}.faq-list summary{font-size:16px;padding:21px 0}.faq-list details p{font-size:15px}.closing-cta{padding:55px 24px 65px}.closing-cta h2{font-size:41px}.closing-cta>p:not(.eyebrow){font-size:15px}.site-footer{padding:45px 25px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:32px 25px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:first-child p{margin:15px 0 9px}.footer-top nav{font-size:12px}.footer-bottom{display:block;margin-top:35px}.footer-bottom>p{margin-top:15px;font-size:10px}.page-intro{padding:37px 24px 30px}.page-intro h1{font-size:46px}.page-intro>p:not(.eyebrow){font-size:16px;margin-top:24px}.step-list{grid-template-columns:1fr;padding-top:10px}.step{padding:28px}.tips-panel{margin:0 20px 55px;padding:28px}.tips-panel h2{font-size:29px}.three-col,.two-col{grid-template-columns:1fr}.three-col{gap:28px}.split-feature{grid-template-columns:1fr;gap:25px;margin:0 20px;padding:26px}.soft-card{padding:28px}.soft-card h2{font-size:31px}.platform-grid,.species-grid{grid-template-columns:1fr}.platform-card{padding:27px}.platform-card h3{font-size:29px}.platform-top{margin-bottom:24px}.platform-section{padding-top:10px}.platform-section>h2{font-size:30px}.section-subtitle{margin-top:45px!important}.section-note{font-size:15px}.mascot-card{padding:28px}.mascot-card h2{font-size:31px}.future-mascot{height:240px}.trixie-profile{grid-template-columns:1fr;margin:0 auto 30px;padding:20px 24px 0;gap:30px}.trixie-profile .trixie-playground{margin:auto}.profile-facts h2{font-size:43px}.profile-facts dl{font-size:13px}.privacy-main{display:block;padding:20px 26px}.privacy-main h2{font-size:33px}.legal-grid{grid-template-columns:1fr;padding:0 25px;gap:30px;margin-top:5px}.legal-grid>nav{position:static;display:none}.legal-copy h2{font-size:26px}.legal-copy p{font-size:15px}.signup-layout{grid-template-columns:1fr;padding:30px 23px 60px;gap:34px}.signup-layout h1{font-size:55px}.signup-layout>div>p:not(.eyebrow){font-size:16px}.signup-pet{display:none}.signup-layout .form-card{padding:25px 20px}.signup-form input:not([type=checkbox]),.signup-form select,.signup-form textarea{font-size:16px}.form-row{grid-template-columns:1fr}.form-card h2{font-size:29px}.story-copy{padding:0 25px 65px}.story-copy h2{font-size:30px}.story-copy ul{padding-left:22px}.breadcrumb{font-size:10px;padding:0 24px}.thank-you{padding-bottom:65px}.hero-art .orbit-two{width:340px}.hero-art .orbit-one{width:333px;height:333px}}
@media(max-width:360px){.hero-actions{gap:10px}.hero-secondary{font-size:11px}.hero-art{transform:scale(.93);transform-origin:center}.hero .button{font-size:12px;padding:12px}.state-controls button{padding:7px 9px}.platform-strip>div{gap:17px}.free-pet-card{padding:18px}.free-pet-card img{width:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* V1 marketing pages */
.v1-story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(32px,6vw,82px);align-items:center}
.v1-story h2,.v1-phone h2{margin-bottom:20px}
.v1-story p:not(.eyebrow),.v1-phone>div:first-child p:not(.eyebrow){max-width:620px}
.v1-story-art{min-height:330px;display:grid;place-items:center;border-radius:30px;background:radial-gradient(ellipse,#f5e7d4 0%,#f5e7d4 45%,transparent 70%)}
.v1-story-art .pet-stage{height:330px}
.v1-desktop-shot{max-width:290px;margin:0 auto;text-align:center}
.v1-desktop-shot img{display:block;width:100%;max-height:450px;object-fit:contain;border-radius:22px;box-shadow:0 20px 50px #29352d16}
.v1-desktop-shot figcaption{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.5}
.v1-phone{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:clamp(32px,6vw,85px);align-items:center}
.v1-phone-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:390px;width:100%;margin:auto;padding:30px 24px 26px;border:1px solid #dfe1d5;border-radius:32px;background:linear-gradient(180deg,#e4f1eb 0%,#e6efd9 62%,#d6e2c7 100%);box-shadow:0 22px 55px #29352d12}
.v1-phone-card:before{content:"";position:absolute;z-index:-1;top:23%;left:-20%;width:140%;height:70%;border-radius:50%;background:#c5d9b4}
.phone-state{padding:7px 11px;border-radius:999px;background:#fffdf5;color:#536353;font-size:9px;font-weight:700;letter-spacing:.12em}
.v1-phone-pet{width:100%;min-height:190px;display:grid;place-items:center}
.v1-phone-pet .pet-stage{height:185px}
.v1-phone-pet .pet-frame{width:165px}
.v1-phone-card>strong{font-size:18px}
.v1-phone-card>p{margin-top:4px;font-size:13px}
.v1-phone-card>small{margin-top:18px;font-size:10px;color:#66705f}
.v1-android-shot{max-width:290px;margin:0 auto;text-align:center}
.v1-android-shot img{display:block;width:100%;max-height:590px;object-fit:cover;object-position:top;border:7px solid #29352d;border-radius:34px;background:#f7f5ed;box-shadow:0 22px 50px #29352d16}
.v1-android-shot figcaption{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.5}
.v1-more-connections{padding-top:10px}
.v1-more-connections .soft-card{max-width:900px;margin:auto;background:#f2f1e9}
.v1-more-connections h2{font-size:clamp(27px,3.5vw,42px);margin-bottom:14px}
.v1-next{padding-top:35px}
@media(max-width:760px){.v1-story,.v1-phone{grid-template-columns:1fr;gap:30px}.v1-story-art{order:1;min-height:280px}.v1-story-art .pet-stage{height:280px}.v1-phone-card{max-width:340px}.v1-phone .v1-phone-card{grid-row:1}.v1-android-shot{max-width:245px}.v1-desktop-shot{max-width:250px}}

/* Private companion studio: scoped independently from the marketing pages. */
.studio-intro{max-width:1200px;margin:auto;padding:40px 28px 28px;text-align:left}
.studio-intro .eyebrow{margin-bottom:12px}
.studio-intro h1{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.04em}
.studio-intro>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:760px;margin:16px 0 0}
.studio{max-width:1200px;margin:0 auto;padding:0 28px 64px;font-size:15px;line-height:1.6}
.studio [hidden]{display:none!important}
.studio h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px}
.studio h3{font-size:25px;line-height:1.2;margin:0 0 10px}
.studio p{margin:0 0 16px;overflow-wrap:anywhere}
.studio .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:10px}
.studio-account{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;margin-bottom:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.studio-connected{font-size:14px;font-weight:600}
.studio-connected:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#427155;margin-right:8px}
.studio-account p{margin:3px 0 0;font-size:13px;color:#59635a}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.studio-new{grid-column:2;grid-row:1;background:#f1eee5;border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}
.studio-projects{grid-column:1;grid-row:1;min-width:0}
.studio-section-heading{padding:4px 0 2px}
#pilot-projects{display:grid;gap:22px}
#pilot-projects:empty{min-height:100px}
#pilot-projects>article{background:#fffefb;border:1px solid var(--line);border-radius:18px;padding:26px;min-width:0;overflow-wrap:anywhere;box-shadow:0 5px 22px #29352d06}
#pilot-projects>article>p{font-size:14px;color:#59635a}
#pilot-projects>article>img{border-radius:12px;max-width:100%;margin:0 8px 16px 0;vertical-align:top}
#pilot-projects>article>img[width="120"]{width:76px;height:76px}
#pilot-projects>article>img[width="320"]{display:block;width:min(100%,320px);height:auto;background:#f5f3ed;margin:20px auto}
.studio label{display:block;font-size:14px;font-weight:500}
.studio input:not([type=checkbox]),.studio select{display:block;width:100%;min-width:0;min-height:46px;margin-top:7px;padding:10px 12px;border:1px solid #b7bdb2;border-radius:9px;background:#fffefb;color:#29352d;font:inherit;font-size:16px}
.studio input[type=file]{padding:12px;font-size:13px;border-style:dashed;white-space:normal}
.studio input[type=file]::file-selector-button{padding:7px 9px;margin:0 8px 8px 0;border:0;border-radius:5px;background:#e7ebdf;color:#29352d;font:inherit;font-weight:600}
.studio label:has(input[type=checkbox]){display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.6}
.studio input[type=checkbox]{flex:0 0 auto;width:17px;height:17px;margin-top:3px;accent-color:#29352d}
.studio input:focus-visible,.studio select:focus-visible{outline:3px solid #9caa82;outline-offset:3px}
.studio-new form>p{font-size:13px;color:#59635a;margin-bottom:20px}
.studio .button{font-size:14px;min-height:44px;padding:11px 16px;white-space:normal;line-height:1.4;text-align:center}
.studio-new .button{width:100%}
#pilot-projects article>.button{margin:0 8px 12px 0}
#pilot-projects article>ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
#pilot-projects article>ul>li{border:1px solid var(--line);border-radius:10px;padding:12px;font-size:13px;min-width:0;background:#faf9f4}
#pilot-projects li img{display:block;margin:10px auto;max-width:100%;object-fit:contain}
#pilot-projects li p{font-size:12px;margin:8px 0}
#pilot-projects li .button{font-size:12px;padding:8px 10px;width:100%}
#pilot-status{margin:24px 0;padding:14px 18px;border-left:3px solid #899d75;background:#eef1e8;border-radius:0 8px 8px 0;font-size:14px}
#pilot-login{max-width:580px;background:#fffefb;padding:28px;border:1px solid var(--line);border-radius:18px}
#pilot-login .button{margin-bottom:16px}
.studio-footer{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--line);padding-top:28px;margin-top:32px;color:#59635a}
.studio-footer h2{font-size:18px;color:#29352d;margin-bottom:12px}
.studio-footer p{font-size:13px}
@media(max-width:900px){.studio-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.studio-new{padding:20px}#pilot-projects>article{padding:20px}}
@media(max-width:720px){.studio-intro{padding:28px 20px 22px}.studio{padding:0 20px 40px}.studio-layout{display:flex;flex-direction:column}.studio-projects,.studio-new{width:100%}.studio-projects{order:0}.studio-new{order:1}.studio-account{gap:12px}.studio-account p{font-size:12px}.studio-footer{grid-template-columns:1fr;gap:24px}#pilot-projects article>ul{grid-template-columns:1fr 1fr}}
@media(max-width:380px){#pilot-projects article>ul{grid-template-columns:1fr}}

.studio-account>.button{flex-shrink:0;white-space:nowrap}

 .analytics-choice{position:fixed;bottom:16px;left:16px;z-index:1000;width:min(480px,calc(100% - 32px));padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fffefb;box-shadow:0 5px 24px #29352d18;font-size:14px}
.analytics-choice[hidden]{display:none}.analytics-choice p{margin:0 0 12px;line-height:1.5}.analytics-choice .button{font-size:13px;padding:9px 16px;min-height:44px;margin-right:8px}.analytics-choice a{display:inline-block;font-size:12px;text-decoration:underline;padding:12px 0}
.analytics-settings{font:inherit;text-decoration:underline;border:0;background:none;cursor:pointer;color:inherit;margin-top:12px}

.browser-preview{max-width:1100px;margin:0 auto 2rem}.browser-preview h2{font-size:clamp(1.6rem,3vw,2.4rem)}.browser-preview details{margin-top:1rem;border-top:1px solid #cdd5cc;padding-top:1rem}.browser-preview summary{cursor:pointer;font-weight:600}.browser-preview li{margin:.65rem 0}.browser-preview code{overflow-wrap:anywhere}.browser-preview .button{white-space:normal;text-align:center}

/* Pet collection: shared motion controls with an honest original-photo comparison. */
.pets-intro{padding-bottom:36px}.pet-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:0}.pet-profile-card{background:#f2eee3;border:1px solid var(--line);border-radius:28px;overflow:hidden;padding:32px;display:flex;flex-direction:column}.pet-card-heading h2{font-size:clamp(36px,4vw,52px);margin:12px 0 4px}.pet-card-heading p{margin:0}.pet-card-details{margin-top:auto;padding-top:24px}.pet-card-details .text-link,.pet-card-details>.small{display:block;margin-top:16px}.pet-comparison{position:relative;text-align:center;min-width:0}.pet-comparison .pet-stage,.comparison-photo{height:310px;margin:16px 0;display:flex;align-items:center;justify-content:center}.pet-comparison .pet-stage[hidden],.comparison-photo[hidden],.pause-control[hidden]{display:none}.comparison-photo{position:relative;flex-direction:column;gap:8px}.comparison-photo img{height:275px;width:auto;max-width:100%;object-fit:contain;border-radius:18px}.comparison-photo figcaption{font-size:12px;color:#59635a}.pet-comparison .pet-frame{object-fit:contain;max-height:300px}.photo-toggle{border:1px solid #a9b1a3;border-radius:999px;padding:10px 18px;min-height:44px;color:#29352d;background:#fffdf6;font:inherit;font-size:14px;cursor:pointer;margin-top:8px}.photo-toggle:hover{background:#e3e8d9}.pet-comparison .state-controls{min-height:96px;align-content:center}.pet-comparison .pet-caption{min-height:48px}.pets-next{text-align:center;max-width:800px;margin:auto}.pets-next p{max-width:650px;margin-left:auto;margin-right:auto}@media(max-width:700px){.pet-collection{grid-template-columns:1fr;gap:20px}.pet-profile-card{padding:24px 18px}.pet-comparison .pet-stage,.comparison-photo{height:280px}.comparison-photo img{height:245px}.pet-comparison .pet-frame{max-height:270px}.pet-card-heading h2{font-size:40px}}

.pet-collection{grid-template-columns:minmax(0,680px);justify-content:center}
.pocket-checksum { overflow-wrap: anywhere; }
.companion-story{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;margin:56px 0 80px}.companion-story-copy h3{font-size:clamp(30px,3.3vw,48px);line-height:1.12;margin:18px 0}.companion-story-copy li{margin:12px 0}.companion-story-copy ul{padding-left:20px}.companion-story figure{margin:0;min-width:0}.companion-story figcaption{font-size:12px;color:#526257;padding:14px 18px;line-height:1.5}.desktop-scene{background:#e5e9dd;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #24362b12}.scene-toolbar{padding:14px 20px;background:#30473c;color:#fff;font-size:12px;display:flex;justify-content:space-between;gap:15px}.scene-workspace{position:relative;min-height:370px;padding:28px 24px;background:linear-gradient(145deg,#e8eddf,#bdd2c4)}.scene-document{background:#fffcf5;width:66%;padding:24px;border-radius:10px;min-height:210px}.scene-document small,.scene-activity small{font-size:9px;letter-spacing:1px}.scene-document strong{display:block;font-size:22px;line-height:1.2;margin:20px 0}.scene-document i{display:block;background:#d9ded3;height:5px;margin:10px 0;width:85%}.scene-document i:last-child{width:55%}.scene-activity{position:absolute;right:16px;top:88px;background:#fffef8;border:1px solid #d6dfd2;border-radius:12px;padding:18px;width:185px;box-shadow:0 8px 25px #24362b15}.scene-activity p{display:flex;flex-direction:column;font-size:13px;margin:12px 0}.scene-activity p span{font-size:12px;color:#40634b}.scene-desktop-pet{position:absolute;bottom:5px;left:26px;display:flex;align-items:center;flex-direction:column}.scene-desktop-pet img{width:120px;height:130px;object-fit:contain}.scene-desktop-pet>span{background:#fffef8;border-radius:12px;padding:7px 12px;font-size:12px}.pocket-story{grid-template-columns:1.2fr 1fr}.pocket-scene{text-align:center;background:radial-gradient(ellipse,#efe5cd,#f7f5ed 70%);border-radius:32px;padding:30px 16px 0}.phone-shell{width:260px;margin:auto;border:7px solid #28362e;border-radius:36px;background:#fcf8ee;overflow:hidden;box-shadow:0 24px 45px #2d3e3822;text-align:left}.phone-top{padding:12px 18px;font-size:10px;display:flex;justify-content:space-between}.phone-heading{padding:14px 18px}.phone-heading small{font-size:8px;letter-spacing:2px}.phone-heading strong{display:block;font-size:25px;margin:6px 0}.phone-heading>span{font-size:10px}.phone-meadow{height:236px;position:relative;background:linear-gradient(#dceddf 55%,#b4c89b 55%);overflow:hidden}.meadow-sun{position:absolute;right:30px;top:20px;width:36px;height:36px;background:#f9da89;border-radius:50%}.meadow-hill{position:absolute;top:85px;left:-40px;width:320px;height:190px;border-radius:50%;background:#bfd3aa}.phone-meadow img{position:absolute;bottom:15px;left:39px;width:170px;height:184px}.meadow-ball{position:absolute;bottom:25px;right:24px;width:22px;height:22px;border-radius:50%;background:#d18d64;box-shadow:0 4px 0 #769267}.phone-dock{display:flex;justify-content:space-around;padding:16px;color:#315540;text-align:center;font-size:21px}.phone-dock small{display:block;font-size:10px}.phone-home{height:4px;width:65px;margin:0 auto 9px;border-radius:5px;background:#344239}.companion-horizon{background:#e7ecdf;border-radius:24px;padding:40px;text-align:center}.companion-horizon h3{font-size:32px;margin:12px}.companion-horizon>p{max-width:730px;margin:15px auto}.companion-horizon>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:25px}.companion-horizon>div span{background:#fffaf0;border-radius:30px;padding:8px 16px;font-size:14px}@media(max-width:760px){.companion-story,.pocket-story{grid-template-columns:1fr;gap:25px;margin:35px 0 55px}.pocket-story .companion-story-copy{grid-row:1}.scene-workspace{min-height:360px;padding:20px 15px}.scene-document strong{font-size:19px}.scene-activity{width:155px;right:12px;top:105px}.companion-horizon{padding:25px 20px}.scene-toolbar span{font-size:10px}}
.companion-story-copy .small a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0}
.phone-shell .pocket-app-screenshot{display:block;width:100%;height:auto}

/* Cycle 14 desktop story and qualification page. */
.connected-work{padding-bottom:55px}.signal-story{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.45fr);gap:34px;align-items:center;background:#e7ecdf;border-radius:28px;padding:34px 38px}.signal-pet{text-align:center}.signal-pet img{display:block;width:190px;margin:auto}.signal-pet>span{display:inline-block;background:#fffdf7;border:1px solid #d4ddce;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.signal-list{background:#fffdf8;border:1px solid #d6ddd1;border-radius:20px;padding:23px;box-shadow:0 18px 45px #273b2f12}.signal-label{font-size:10px;letter-spacing:.14em;font-weight:700;margin-bottom:9px}.signal-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 4px;border-top:1px solid var(--line)}.source-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--sage);font-weight:650}.source-mark.rust{background:#efd3c3}.source-mark.forest{background:#d9e3d4}.source-mark.cream{background:#efe4cf}.signal-list article div{min-width:0}.signal-list article strong,.signal-list article span{display:block}.signal-list article strong{font-size:15px}.signal-list article div span{font-size:13px;color:var(--muted)}.signal-list article b{font-size:11px;color:#48604f}.signal-list .attention-dot{color:#9a3924}.evidence-caption{font-size:12px;margin:12px 3px 0}.connected-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.connected-principles div{border-top:1px solid var(--line);padding:18px 10px 0}.connected-principles strong,.connected-principles span{display:block}.connected-principles span{font-size:14px;color:var(--muted);margin-top:7px}.connected-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.desktop-screenshot{border-radius:20px;overflow:hidden;background:#e5e9dd;box-shadow:0 24px 60px #24362b12}.desktop-screenshot img{display:block;width:100%;height:auto}.desktop-screenshot figcaption,.beta-feedback-shot figcaption{display:flex;flex-direction:column;gap:3px;background:#fffdf8}.desktop-screenshot figcaption strong,.beta-feedback-shot figcaption strong{color:var(--ink);font-size:13px}.feedback-ribbon{max-width:1170px;margin:25px auto 80px;padding:42px 54px;border-radius:24px;background:#30473c;color:#fff;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:30px;align-items:center}.feedback-ribbon .privacy-symbol{width:70px;height:80px;margin:0;background:#496356;color:#fff;font-size:34px}.feedback-ribbon .eyebrow,.feedback-ribbon h2,.feedback-ribbon p{color:#fff}.feedback-ribbon .eyebrow{margin-bottom:10px}.feedback-ribbon h2{font-size:clamp(27px,3vw,39px)}.feedback-ribbon p{font-size:14px;margin-top:9px;color:#e5ece5}.feedback-ribbon .button-light{border-color:#d2dbd3;color:#fff}.feedback-ribbon .button-light:hover{background:#496356}.connection-steps{padding-top:45px}.connection-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.connection-step-grid article{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}.connection-step-grid article>span{font-size:12px;color:var(--coral);font-weight:700;letter-spacing:.12em}.connection-step-grid h3{font-size:22px;margin:28px 0 12px}.connection-step-grid p{font-size:14px}.step-list>.section-heading{grid-column:1/-1}.platform-section>.center{margin:34px 0 10px}
.beta-intro{padding-bottom:55px}.beta-intro-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:32px}.beta-status{max-width:1170px;margin:0 auto 35px;padding:46px 52px;border-radius:24px;background:#f2ddcf;border:1px solid #dfc6b6;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:48px;align-items:center}.beta-status h2{font-size:clamp(32px,4vw,48px);margin-bottom:19px}.beta-status p{font-size:15px}.beta-downloads{display:grid;gap:10px}.beta-downloads button{width:100%;border:1px solid #9e7c6a;border-radius:9px;background:#fffaf3;padding:13px 16px;text-align:center;font-weight:600}.beta-downloads button:disabled{cursor:not-allowed;opacity:.72}.beta-downloads p{font-size:12px;margin-top:5px}.beta-sources{padding-top:60px}.beta-source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.beta-source-card{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:25px;display:flex;flex-direction:column}.beta-source-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.beta-source-card h3{margin:26px 0 12px}.beta-source-card p{font-size:14px;flex:1}.beta-source-card .small{display:block;margin-top:20px}.beta-setup{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:48px;align-items:start}.beta-setup h2{margin-bottom:30px}.beta-setup ol{list-style:none;padding:0;margin:0;counter-reset:setup}.beta-setup li{counter-increment:setup;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:15px;padding:18px 0;border-top:1px solid var(--line)}.beta-setup li:before{content:counter(setup,decimal-leading-zero);grid-row:1/3;color:var(--coral);font-size:12px;font-weight:700;letter-spacing:.1em}.beta-setup li strong,.beta-setup li span{display:block}.beta-setup li span{font-size:14px;color:var(--muted);margin-top:3px}.beta-privacy-card{background:var(--sage);border-radius:22px;padding:31px}.beta-privacy-card .privacy-symbol{width:68px;height:78px;margin-bottom:24px;font-size:30px}.beta-privacy-card h3{font-size:28px;margin-bottom:16px}.beta-privacy-card p:not(.eyebrow){font-size:14px}.beta-privacy-card .text-link{margin-top:24px}.beta-proof{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:45px;padding-top:45px}.beta-proof>div>p:not(.eyebrow){margin:21px 0 28px}.beta-technical{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.beta-technical summary{cursor:pointer;font-weight:650}.beta-proof dl{margin:12px 0 0}.beta-proof dl>div{padding:13px 0;border-top:1px solid var(--line)}.beta-proof dt{font-size:13px;font-weight:650}.beta-proof dd{margin:4px 0 0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.beta-proof code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.beta-proof>aside{background:#f3e5d6;border-radius:22px;padding:27px;align-self:start}.beta-proof>aside>h3{font-size:27px;margin-top:25px}.beta-proof>aside>p{font-size:14px;margin:12px 0 22px}.beta-feedback-shot{margin:0}.beta-feedback-shot img{display:block;width:100%;max-height:380px;object-fit:cover;object-position:top;border-radius:14px 14px 0 0}.beta-feedback-shot figcaption{padding:12px;border-radius:0 0 14px 14px}.beta-feedback-shot figcaption span{font-size:11px;color:var(--muted)}
@media(max-width:950px){.beta-source-grid,.connection-step-grid{grid-template-columns:repeat(2,1fr)}.signal-story{grid-template-columns:220px minmax(0,1fr)}.feedback-ribbon{margin-left:24px;margin-right:24px}.beta-status{margin-left:24px;margin-right:24px}.beta-setup,.beta-proof{gap:28px}.connected-principles{gap:12px}}
@media(max-width:700px){.signal-story{grid-template-columns:1fr;padding:25px 17px}.signal-pet img{width:145px}.signal-list{padding:17px 14px}.signal-list article{grid-template-columns:38px minmax(0,1fr);gap:10px}.signal-list article>b{grid-column:2}.connected-principles{grid-template-columns:1fr}.connected-actions,.beta-intro-actions{align-items:flex-start;flex-direction:column}.desktop-screenshot figcaption{padding:13px}.feedback-ribbon{grid-template-columns:1fr;margin:15px 20px 55px;padding:30px 25px}.feedback-ribbon .privacy-symbol{display:none}.feedback-ribbon .button{justify-self:start}.connection-step-grid,.beta-source-grid{grid-template-columns:1fr}.connection-step-grid article{padding:23px}.beta-status{grid-template-columns:1fr;margin:0 20px 20px;padding:30px 25px;gap:28px}.beta-sources{padding-top:45px}.beta-setup,.beta-proof{grid-template-columns:1fr}.beta-privacy-card{padding:26px}.beta-proof{padding-top:25px}.beta-proof>aside{padding:22px}.beta-feedback-shot img{max-height:330px}.hero .label-top{max-width:155px}.hero .label-bottom{min-width:240px}.platform-strip>div{flex-wrap:wrap}.platform-strip span{min-width:90px}}

/* Keep the full brand promise balanced with the companion artwork. */
.hero h1.hero-brand-heading{font-size:clamp(40px,4.5vw,65px);line-height:1.06}

/* Five discrete Studio styles; keyboard and touch targets share the same control. */
.pet-style-control{min-width:0;border:1px solid #d9d8cc;border-radius:16px;padding:20px;margin:20px 0}
.pet-style-control legend{font-weight:700}
.pet-style-control input[type=range]{min-height:48px;accent-color:#aa583c}
.pet-style-examples figcaption{max-width:180px}
/* Universal Pets 0.3: what's new, notifications showcase, cozy animations */
.whats-new-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;background:var(--sage);border-radius:28px;padding:40px 44px}
.whats-new-player{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px 18px 16px;text-align:center}
.whats-new-list{list-style:none;display:grid;gap:18px;margin:0;padding:0}.whats-new-list li{border-top:1px solid #cfd7c7;padding-top:16px}.whats-new-list li:first-child{border-top:0;padding-top:0}
.whats-new-list strong,.whats-new-list span{display:block}.whats-new-list strong{font-size:19px}.whats-new-list span{color:var(--muted);font-size:15px;margin-top:5px}
.whats-new>.center{margin-top:30px;display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center}
.notifications-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;margin-bottom:38px}
.notifications-pet{text-align:center;background:radial-gradient(circle at 50% 40%,#f6ecdb 0,#eef1e7 70%);border-radius:28px;padding:18px 18px 14px}
.notifications-player .pet-stage{height:auto;min-height:0}.notifications-player .pet-frame{width:min(340px,100%);height:auto}
.source-callouts{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:4px}
.source-callouts li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:center;padding:13px 4px;border-top:1px solid var(--line)}.source-callouts li:first-child{border-top:0}
.source-callouts div strong,.source-callouts div span{display:block}.source-callouts strong{font-size:15px}.source-callouts div span{font-size:13px;color:var(--muted)}
.notifications-copy>p{margin-bottom:22px}
.activity-030{max-width:980px;margin:0 auto}.activity-030 figcaption{padding:14px 18px}.activity-030 figcaption span{font-size:12px;color:var(--muted)}
.soft-card .activity-030{box-shadow:none;border-radius:14px}
.cozy-player .state-controls{max-width:560px;margin-left:auto;margin-right:auto}
.cozy-tricks .cozy-player{max-width:720px;margin:0 auto;background:var(--peach);border-radius:24px;padding:26px 22px 18px;text-align:center}
.connected-principles.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:950px){.whats-new-grid,.notifications-grid{grid-template-columns:1fr;gap:28px}.whats-new-grid{padding:30px 26px}.connected-principles.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.whats-new-grid{padding:24px 18px;border-radius:22px}.connected-principles.four{grid-template-columns:1fr}.notifications-player .pet-frame{width:min(280px,100%)}}
/* Universal Pets Pocket: phone frames and page layouts */
.phone-shot{margin:0;width:100%;max-width:280px;border-radius:34px;border:7px solid #29352d;background:#fbf9f2;overflow:hidden;box-shadow:0 26px 60px #24362b26}
.phone-shot img{display:block;width:100%;height:auto}
.phone-shot figcaption{background:#29352d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;text-align:center;padding:7px 0 4px;text-transform:uppercase}
.pocket-hero-phones,.pocket-teaser-phones{display:flex;gap:22px;justify-content:center;align-items:flex-start}
.pocket-hero-phones .phone-shot:nth-child(2),.pocket-teaser-phones .phone-shot:nth-child(2){margin-top:46px}
.pocket-hero{align-items:center}
.pocket-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;background:var(--sage);border-radius:28px;padding:56px 50px;margin-top:20px;margin-bottom:20px}
.pocket-teaser .hero-actions{margin-top:22px}
.pocket-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pocket-steps article{display:flex;flex-direction:column;align-items:center;text-align:center}
.pocket-steps .phone-shot{max-width:250px;margin-bottom:22px}
.pocket-steps h3{font-size:22px;margin-bottom:8px}.pocket-steps p{font-size:15px;color:var(--muted);max-width:320px}
.pocket-meadow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,250px)) minmax(0,1fr);gap:28px;align-items:center}
.pocket-meadow-copy .check-list{display:grid;gap:14px}
@media(max-width:950px){.pocket-teaser{grid-template-columns:1fr;padding:40px 28px;margin-left:24px;margin-right:24px}.pocket-steps{grid-template-columns:1fr;gap:42px}.pocket-meadow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pocket-meadow-copy{grid-column:1/-1}}
@media(max-width:700px){.pocket-hero-phones .phone-shot,.pocket-teaser-phones .phone-shot{max-width:46%}.pocket-hero-phones,.pocket-teaser-phones{gap:12px}.pocket-hero-phones .phone-shot:nth-child(2),.pocket-teaser-phones .phone-shot:nth-child(2){margin-top:28px}.phone-shot{border-width:5px;border-radius:24px}.pocket-teaser{margin-left:16px;margin-right:16px;padding:32px 20px}}
/* Unsigned-beta guidance directly under direct Windows download buttons. */
.download-note{font-size:13px;line-height:1.5;color:#4d574e;max-width:520px;margin:12px 0 0}.download-note a{color:inherit;font-weight:600}.center>.download-note,p.center+.center>.download-note{margin-left:auto;margin-right:auto}.hero .download-note{margin-top:16px}.beta-downloads .download-note{margin-top:2px}
.install-steps{counter-reset:none}.install-steps ol{padding-left:22px}.install-steps li{margin:6px 0}.install-steps code{overflow-wrap:anywhere;font-size:13px}
.brand>span{color:#668064}.brand .brand-icon,.site-footer .brand .brand-icon{width:36px;height:36px;border-radius:10px;margin-right:9px;transform:none;background:#e3ead7;padding:0;flex:none;object-fit:cover}
:root .release-update { margin: 1.5rem auto; max-width: 1120px; }
.release-update p { max-width: 80ch; }
.candidate-screenshot { margin: 0; align-self: start; }
.candidate-screenshot img { display: block; width: 100%; height: auto; border: 1px solid #d8ddd3; border-radius: 18px; }
.candidate-screenshot figcaption { font-size: .9rem; line-height: 1.6; margin-top: .8rem; color: #47584b; }
.candidate-phone { max-width: 390px; justify-self: center; }
.release-table-wrap { overflow-x: auto; }
.release-table { border-collapse: collapse; width: 100%; text-align: left; line-height: 1.6; }
.release-table th, .release-table td { padding: 1rem; vertical-align: top; border-bottom: 1px solid #d8ddd3; }
.release-table th { min-width: 10rem; }
.release-builds { margin: 1.5rem 0; padding: 1rem; border: 1px solid #d8ddd3; border-radius: 12px; }
.release-builds code { overflow-wrap: anywhere; word-break: break-word; }
.release-builds dd { margin: .4rem 0 1rem; }
.release-builds summary { cursor: pointer; font-weight: 600; }
.release-contents { display: flex; flex-wrap: wrap; gap: .8rem 1.4rem; margin-top: 1.5rem; font-size: .95rem; }

.brand-ai{font-weight:750}

.demo-photo-stack{max-width:300px;margin:0 auto}
.demo-photo-stack figure{width:112px;height:168px;margin:0;padding:6px 6px 22px;background:var(--paper);border:1px solid #dfdace;box-shadow:0 8px 18px #31383118;position:absolute;left:8px;top:33px;transform:rotate(-11deg);overflow:hidden}
.demo-photo-stack figure:nth-child(2){left:92px;top:14px;transform:rotate(3deg);z-index:2;background:#fffdf9}
.demo-photo-stack figure:nth-child(3){left:170px;top:42px;transform:rotate(11deg);z-index:3;background:#f7e6d8}
.demo-photo-stack figure img{display:block;width:100%;height:100%;object-fit:cover}
.demo-photo-stack figcaption{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}

.step-list{grid-template-columns:repeat(6,minmax(0,1fr))}
.step{grid-column:span 2;overflow:hidden}
.step-1,.step-2{grid-column:span 3}
.step-number{color:#59635a}
.step-visual{height:250px;margin:-8px 0 26px;border-radius:14px;background:#f4ecdf;position:relative;overflow:hidden}
.source-proof{isolation:isolate}
.source-proof:after{content:"Real source photos";position:absolute;left:18px;bottom:14px;z-index:5;padding:6px 10px;border-radius:999px;background:var(--paper);box-shadow:0 3px 10px #29352d1f;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.source-proof figure{position:absolute;width:132px;height:196px;margin:0;padding:6px 6px 24px;background:var(--paper);border:1px solid #ded7ca;box-shadow:0 10px 24px #29352d20;left:16px;top:31px;transform:rotate(-9deg);overflow:hidden}
.source-proof figure:nth-child(2){left:50%;top:13px;transform:translateX(-50%) rotate(2deg);z-index:2}
.source-proof figure:nth-child(3){left:auto;right:16px;top:32px;transform:rotate(9deg);z-index:3}
.source-proof img{display:block;width:100%;height:100%;object-fit:cover}
.source-proof figcaption{position:absolute;left:0;right:0;bottom:3px;text-align:center;color:var(--ink);font-size:9px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
.approved-likeness{display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 68%,#f6cdbf 0 33%,#efe4cd 34% 62%,#e7ecdf 63%)}
.approved-likeness:before,.approved-likeness:after{content:"✦";position:absolute;color:var(--coral);font-size:28px;left:45px;top:62px}
.approved-likeness:after{content:"✧";left:auto;right:43px;top:98px;color:var(--ink);font-size:35px}
.approved-likeness span{position:absolute;left:18px;top:16px;z-index:2;padding:7px 11px;border-radius:999px;background:var(--ink);color:#fff;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.approved-likeness img{position:relative;z-index:1;width:auto;height:235px;object-fit:contain;filter:drop-shadow(0 10px 8px #29352d1c)}

@media(max-width:900px){
  .step-list{grid-template-columns:1fr 1fr}
  .step,.step-1,.step-2{grid-column:auto}
  .source-proof figure{width:112px;height:178px}
}

@media(max-width:650px){
  .step-list{grid-template-columns:1fr}
  .step-visual{height:240px}
  .source-proof figure{width:120px;height:184px}
  .demo-photo-stack figure{width:112px;height:168px;left:3px}
  .demo-photo-stack figure:nth-child(2){left:88px}
  .demo-photo-stack figure:nth-child(3){left:166px}
}

.feedback-page .signup-form fieldset {
  min-inline-size: 0;
  margin: 2px 0 10px;
  padding: 0;
  border: 0;
  display: grid;
  gap: 7px;
}

.feedback-page .signup-form legend {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 550;
}

.feedback-page .signup-form fieldset label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffef9;
  cursor: pointer;
}

.feedback-page .signup-form input[type="radio"] {
  flex: none;
  width: 18px;
  height: 18px;
  min-height: 0;
  margin: 0;
  padding: 0;
  accent-color: var(--coral);
}

.feedback-page .signup-form fieldset label:focus-within {
  outline: 3px solid #7943ab;
  outline-offset: 2px;
}

.feedback-page .signup-form input[type="radio"]:focus-visible {
  outline: 0;
}

.feedback-page .signup-form details {
  margin: 3px 0 10px;
  padding: 4px 0 2px;
  border-block: 1px solid var(--line);
}

.feedback-page .signup-form summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: 13px;
  font-weight: 550;
  cursor: pointer;
}

.feedback-page .signup-form details > .form-fine {
  margin-bottom: 9px;
}

.feedback-page .signup-form textarea,
.feedback-page .signup-form select,
.feedback-page .signup-form input:not([type="checkbox"]):not([type="radio"]) {
  max-width: 100%;
}

@media (max-width: 650px) {
  .feedback-page .signup-form fieldset label {
    min-height: 44px;
  }
}

/* Live Trixie blocks (src/live-pet.ts): the Pocket app's motion Director, right on the page. */
.live-pet{position:relative;min-width:0}
.live-stage{position:relative;overflow:hidden;isolation:isolate;background:#e6efdc}
.live-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.live-pet-poster{transition:opacity .45s ease}
.live-pet[data-ready=true] .live-pet-poster{opacity:0}
.live-stage canvas{position:absolute;left:0;bottom:0;image-rendering:pixelated;image-rendering:crisp-edges;z-index:2}
/* The meadow: an interactive scene card. */
.live-meadow{width:100%;max-width:400px;margin:0 auto;background:#fffcf5;border:1px solid #e2e1d3;border-radius:32px;padding:10px;box-shadow:0 30px 70px #24362b26}
.live-meadow .live-stage{aspect-ratio:537/786;border-radius:24px}
.live-pet-controls{padding:12px 6px 6px;text-align:center}
.live-pet-status{margin:0 0 10px;min-height:20px;font-size:14px;color:#27392d}
.live-pet-dock{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.live-pet-dock button{min-height:44px;border:1px solid #d9dccd;border-radius:14px;background:#f7f5ec;color:#35573e;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .15s}
.live-pet-dock button:hover:not(:disabled){background:#e6ecdb}
.live-pet-dock button:disabled{opacity:.5;cursor:default}
/* The workday: Trixie with a source-labeled status chip (example agents). */
.live-desk .live-stage{aspect-ratio:1/1;border-radius:24px;background:radial-gradient(ellipse at 50% 80%,#eef2e4,#f7f5ed 70%)}
.live-pet-chip{position:absolute;z-index:3;left:50%;top:14px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 14px 7px 8px;border-radius:999px;background:#fffcf5;border:1px solid #e2e1d3;box-shadow:0 8px 22px #24362b18;font-size:13px;font-weight:650;color:#27392d;white-space:nowrap;transition:background .3s,border-color .3s}
.live-pet-badge{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:10.5px;font-weight:800;background:#e9e3d6;color:#4b4a3e}
.live-pet-badge:empty{display:none}
.live-pet-chip[data-app=claude-code] .live-pet-badge{background:#f3dccd;color:#8a4a24}
.live-pet-chip[data-app=grok-build] .live-pet-badge{background:#dfe3ea;color:#2c3440}
.live-pet-chip[data-app=codex] .live-pet-badge{background:#dde8e2;color:#24483a}
.live-pet-chip[data-state=waiting]{background:#fff2dc;border-color:#e39a2d;color:#6b3a05}
.live-pet-note{margin:10px 0 0;text-align:center;font-size:12px;color:#5d6d5f}
@media (prefers-reduced-motion:reduce){.live-pet-poster{transition:none}}
/* Pocket page: animated meadow loops and the attention story. */
.scene-loop{margin:0;border-radius:26px;overflow:hidden;background:#fffcf5;border:1px solid #e2e1d3;box-shadow:0 22px 50px #24362b1f}
.scene-loop img{display:block;width:100%;height:auto}
.scene-loop .pet-stage{margin:0;padding:0;background:none;min-height:0;height:auto;display:block}
.scene-loop .pause-control{display:block;margin:0 auto 8px}
.scene-loop figcaption{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:9px 10px;color:#35573e}
.pocket-interrupt-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:center;background:#fff6e6;border-radius:28px;padding:40px}
.pocket-interrupt-grid h2{margin-top:6px}
.pocket-interrupt-grid .check-list{display:grid;gap:12px;margin-top:18px}
.pocket-hero .live-meadow{justify-self:center}
@media(max-width:900px){.pocket-interrupt-grid{grid-template-columns:1fr;gap:28px;padding:28px 22px}.pocket-interrupt-grid .scene-loop{max-width:340px;margin:0 auto}}
/* Blog: a portrait capture sits narrower than the column. */
.blog-prose figure.narrow img{display:block;width:100%;max-width:320px;height:auto;margin:0 auto;border-radius:24px}

/* ---- Launch polish (fresh-eyes review, 2026-09-30) ---- */
/* Phones get Pocket first: a 190 MB Windows installer is not a phone's next step. */
.hero-pocket-cta{display:none}
@media(max-width:650px){
  .hero-pocket-cta{display:inline-flex}
  .hero-windows-cta{background:transparent;border-color:#a5ad9e;color:var(--ink)}
  .hero .hero-actions{flex-direction:column;align-items:stretch;gap:14px}
  .hero .hero-actions .button{width:100%;justify-content:space-between}
  .hero .hero-actions .hero-secondary{align-self:flex-start}
  .announcement,.announcement a{font-size:12px}
  .hero-footnote,.breadcrumb{font-size:12px}
}
.announcement a{margin-left:.35em}
/* Room to breathe between headings, text and buttons. */
.pocket-teaser-copy h2,.pocket-interrupt-grid h2,.pocket-teaser-copy p{margin-bottom:18px}
.pocket-teaser-copy p.small{margin-top:18px}
.pocket-try .soft-card .button{margin-top:24px}
.pocket-try .soft-card .small{margin-top:14px}
.pocket-try .soft-card h2{margin-bottom:12px}
.section-subtitle{margin-bottom:24px}
.soft-card h3{margin-bottom:10px}
/* Pocket steps: readable phones, three across until a phone screen. */
.pocket-steps .phone-shot{max-width:280px}
@media(max-width:950px){.pocket-steps{grid-template-columns:repeat(3,1fr);gap:18px}}
@media(max-width:640px){.pocket-steps{grid-template-columns:1fr;gap:42px}}
/* Labels read as labels; emphasis in running text is not a link colour. */
.eyebrow{text-transform:uppercase}
.blog-prose em,.whats-new-list em,.soft-card em{color:inherit;font-weight:600}
/* The latest articles sit three across on wide screens. */
@media(min-width:1100px){.blog-latest .blog-grid{grid-template-columns:repeat(3,1fr)}}
/* Small text and tap targets. */
.platform-strip span{white-space:nowrap}
.platform-strip small{font-size:12px}
.state-controls button,.pause-control{min-height:44px}
