:root{color-scheme:light;--paper:#faf9fc;--ink:#242039;--muted:#686579;--purple:#6551d6;--deep:#4a37b4;--line:#e7e3ef;--lavender:#eee9fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(3.7rem,6.6vw,6.1rem);font-weight:650;letter-spacing:-.065em}h2{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:620}h3{font-size:1.22rem;letter-spacing:-.025em;font-weight:650}p{color:var(--muted)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #7d60e4;outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.section-shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:105px}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--deep);margin-bottom:20px}.eyebrow-line{display:inline-block;width:23px;height:1px;background:var(--purple);vertical-align:middle;margin-right:9px}.skip-link{position:fixed;z-index:100;left:16px;top:-70px;background:white;padding:12px;border:1px solid var(--purple)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(250,249,252,.95);border-bottom:1px solid rgba(231,227,239,.8);backdrop-filter:blur(14px)}.nav-shell{width:min(1352px,calc(100% - 72px));min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-weight:750;font-size:1.3rem;letter-spacing:-.055em}.brand-ai{color:var(--purple);font-weight:450}.brand-mark{font-size:29px;line-height:1;color:var(--purple)}.desktop-nav{display:flex;gap:30px;font-size:.84rem;font-weight:550}.desktop-nav a:hover,.sign-in:hover,.site-footer a:hover{color:var(--purple)}.nav-actions{display:flex;align-items:center;gap:24px}.sign-in{font-size:.84rem;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:56px;padding:14px 25px;border:1px solid var(--purple);border-radius:12px;background:var(--purple);color:white;font-size:.91rem;font-weight:600;box-shadow:0 4px 8px #5140ad12;transition:background .18s,transform .18s}.button:hover{background:var(--deep);transform:translateY(-2px)}.button-small{min-height:43px;padding:10px 17px;gap:15px;font-size:.8rem;border-radius:9px}.button svg{width:18px;height:18px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.87rem;font-weight:600;line-height:1.5}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:30px;min-height:660px;padding-block:74px 80px}.hero-copy{padding-bottom:6px}.hero .eyebrow{font-size:.67rem;letter-spacing:.12em;margin-bottom:24px;white-space:nowrap}.hero-description{font-size:1.1rem;line-height:1.85;max-width:430px;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px;flex-wrap:wrap}.hero-actions .text-link{font-size:.83rem}.hero-footnote{font-size:.73rem;margin-top:17px;color:#787486}.hero-art{position:relative;overflow:clip;height:474px;background:radial-gradient(ellipse at 53% 37%,#e4daf5 0%,#eee8f8 48%,#f4f0fa 70%,#faf9fc 100%);border-radius:48% 48% 22px 22px;isolation:isolate;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #fff9;width:91%;height:78%;border-radius:50%;z-index:-1;transform:rotate(-28deg)}.orbit-two{width:74%;height:98%;transform:rotate(28deg)}.art-label{position:absolute;top:22px;font-size:.71rem;letter-spacing:.015em;color:#63567e;display:flex;align-items:center;gap:8px}.tiny-star{font-size:21px}.character-pair{display:flex;align-items:end;justify-content:center;gap:25px;margin-top:-26px}.hero-character{display:flex;flex-direction:column;align-items:center}.hero-character .home-pet{transform:scale(1.16);transform-origin:center bottom;margin-bottom:6px}.eve-character{transform:rotate(-3deg) translateY(-5px)}.marin-character{transform:rotate(3deg) translateY(7px)}.character-label{display:flex;align-items:center;justify-content:center;gap:9px;min-width:82px;padding:4px 12px;border-radius:20px;background:#ffffffc9;font-size:.74rem;font-weight:650;box-shadow:0 2px 10px #57458309}.name-dot{width:5px;height:5px;background:#8e7ad3;border-radius:50%}.marin-character .name-dot{background:#50939f}.hello-note{position:absolute;bottom:40px;left:16px;right:16px;display:flex;align-items:center;gap:15px;border:1px solid #fffd;background:#ffffffeb;padding:18px 22px;border-radius:15px;box-shadow:0 12px 28px #57458312;transform:rotate(-2deg)}.hello-note strong{display:block;font-size:.88rem;font-weight:650}.hello-note div>span{font-size:.72rem;color:var(--muted)}.hello-note>svg{margin-left:auto;width:18px;color:#79638f}.note-icon{display:grid;place-items:center;background:var(--lavender);border-radius:12px;color:var(--purple);height:38px;width:38px;font-size:23px}.art-caption{position:absolute;bottom:9px;font-size:.61rem;letter-spacing:.03em;color:#82748f}.art-spark{position:absolute;color:#a18acb;line-height:1}.spark-one{left:30px;top:110px;font-size:34px;transform:rotate(10deg)}.spark-two{right:30px;top:160px;font-size:22px;transform:rotate(-10deg)}.capability-strip{display:flex;justify-content:space-between;gap:15px;padding:26px 12px;border-block:1px solid var(--line);font-size:.82rem;color:#696077}.capability-strip span{display:flex;align-items:center;gap:12px}.capability-strip svg{width:21px;height:21px;color:#8c79ae}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:45px}.section-heading>p{max-width:350px;font-size:.96rem;line-height:1.8;padding-bottom:4px}.section-heading>.text-link{margin-bottom:9px;white-space:nowrap}.demo-layout{display:grid;grid-template-columns:.84fr 1.25fr;gap:65px;align-items:center}.demo-tabs{display:flex;flex-direction:column;gap:3px}.demo-tab{padding:24px 12px 24px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;color:var(--muted);display:flex;gap:17px;width:100%;position:relative;align-items:start}.demo-tab:first-child{border-top:1px solid var(--line)}.demo-tab>span:nth-child(2){flex:1}.tab-number{color:#aaa2b9;font-size:.68rem;line-height:24px;font-weight:650}.demo-tab strong{display:block;font-size:1.03rem;font-weight:650;letter-spacing:-.025em;color:var(--ink);margin-bottom:7px}.demo-tab>span>span{display:block;font-size:.83rem;line-height:1.7;max-width:270px}.demo-tab>svg{width:17px;height:17px;margin-top:4px;opacity:0;transition:transform .2s}.demo-tab[aria-selected=true]{color:#665f79}.demo-tab[aria-selected=true] .tab-number,.demo-tab[aria-selected=true] strong,.demo-tab[aria-selected=true]>svg{color:var(--purple);opacity:1}.demo-tab[aria-selected=true]::before{content:"";position:absolute;left:-15px;top:22px;bottom:22px;width:3px;background:var(--purple);border-radius:4px}.demo-tab:hover>svg{opacity:1;transform:translateX(3px)}.workflow-preview{border:1px solid #ded8e9;border-radius:19px;overflow:hidden;background:white;box-shadow:0 15px 45px #30204f08;transform:rotate(.7deg)}.preview-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 22px;background:#f9f7fd}.preview-brand{display:flex;align-items:center;gap:8px;font-size:.83rem;font-weight:650}.preview-brand>span{color:var(--purple);font-size:20px}.preview-label{font-size:.61rem;border:1px solid #e4ddef;padding:3px 8px;border-radius:5px;color:#82738f;letter-spacing:.03em}.preview-body{padding:28px 28px 20px}.preview-user{max-width:85%;width:fit-content;margin-left:auto;background:#292239;color:#faf8ff;padding:13px 19px;border-radius:14px 14px 4px 14px;font-size:.81rem;line-height:1.7;min-height:68px;display:flex;align-items:center}.preview-reply{display:flex;gap:13px;margin-top:25px;min-height:112px}.reply-star{color:var(--purple);font-size:22px;flex:none;line-height:1.3}.preview-reply strong{font-size:.78rem;font-weight:650}.preview-reply p{font-size:.82rem;line-height:1.8;margin-top:7px;color:#5c566d}.preview-activity{font-size:.65rem;color:#92879d;display:flex;align-items:center;gap:7px;margin:10px 0 13px 33px;min-height:20px}.activity-dot{width:5px;height:5px;background:#a694c4;border-radius:50%;flex:none}.preview-result{display:flex;align-items:center;gap:14px;margin-left:33px;background:#f7f4fc;border:1px solid #e9e2f3;border-radius:12px;padding:17px 15px;min-height:95px}.result-icon{width:42px;height:46px;display:grid;place-items:center;background:white;border:1px solid #e5def0;border-radius:8px;color:#8a71b8;flex:none}.preview-result>div:nth-child(2){min-width:0}.result-kicker{display:block;font-size:.56rem;letter-spacing:.11em;text-transform:uppercase;color:#9984b3}.preview-result strong{display:block;font-size:.8rem;font-weight:600;line-height:1.45;margin-block:4px}.preview-result span:last-child{display:block;font-size:.65rem;color:#8e819b}.preview-composer{display:flex;align-items:center;gap:13px;margin-top:30px;border:1px solid #e9e3ef;border-radius:20px;padding:8px 9px 8px 16px;color:#aaa0b5;font-size:.68rem}.preview-composer>span:first-child{font-size:19px;line-height:1}.composer-arrow{margin-left:auto;border-radius:50%;background:#7660db;color:white;font-size:19px;width:27px;height:27px;display:grid;place-items:center}.demo-disclosure{font-size:.57rem;text-align:center;border-top:1px solid #f0ecf4;padding:9px;color:#93869e}
.companions-band{background:#eeebf6;border-block:1px solid #e8e3f1;overflow:hidden}.companions-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center;padding-block:80px}.companions-copy>p:not(.eyebrow){font-size:.92rem;line-height:1.9;max-width:410px;margin-top:24px}.companions-copy>p+p{margin-top:15px!important}.companions-copy .text-link{margin-top:28px;color:var(--deep)}.companion-portraits{display:grid;grid-template-columns:1fr 1fr;gap:18px}.companion-portrait{position:relative;padding:30px 10px 22px;text-align:center;background:#e2d9f1;border:1px solid #fff6;border-radius:120px 120px 20px 20px}.marin-portrait{background:#dce9eb;transform:translateY(22px)}.portrait-figure{height:258px;display:flex;justify-content:center;align-items:end}.portrait-figure .home-pet{transform:scale(1.04);transform-origin:bottom}.companion-portrait h3{font-size:1.6rem;margin-top:15px}.companion-portrait p{font-size:.65rem;margin-top:8px;color:#716482}.marin-portrait p{color:#5f7a7b}.portrait-star{position:absolute;right:22px;top:80px;color:#aa93c7;font-size:28px}.marin-portrait .portrait-star{color:#8db5b9;left:19px;right:auto;top:60px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 55px}.feature-grid article{border-top:1px solid var(--line);padding:30px 0 35px}.feature-icon{color:#8c72b5;margin-bottom:20px}.feature-icon svg{width:26px;height:26px}.feature-grid h3{font-size:1.14rem;margin-bottom:14px}.feature-grid p{font-size:.86rem;line-height:1.9}.business-note{margin-top:28px;border:1px solid var(--line);border-radius:15px;padding:27px 30px;display:flex;align-items:center;gap:23px;background:#f3f0f8}.business-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e8e1f4;color:#8268af;flex:none}.business-note h3{font-size:1.08rem;margin-bottom:8px}.business-note p{font-size:.8rem;max-width:540px}.business-note .text-link{margin-left:auto;white-space:nowrap;font-size:.78rem;color:var(--deep)}
.plans-band{background:#f1eef7;border-block:1px solid var(--line)}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan-card{padding:28px 23px;background:#fcfbfe;border:1px solid #e1dbea;border-radius:15px;display:flex;flex-direction:column}.plan-card[data-plan=ULTRA]{background:#e9e2f7;border-color:#cabbdf}.plan-card h3{font-size:1.07rem}.plan-tagline{font-size:.75rem;margin-top:10px;min-height:45px}.plan-price{display:flex;align-items:baseline;gap:5px;margin:25px 0 27px;color:var(--ink)}.plan-price strong{font-size:2.7rem;letter-spacing:-.065em;line-height:1;font-weight:550}.plan-price span{font-size:.73rem;color:#8a7e99}.plan-card .plan-button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #dcd3e9;border-radius:9px;padding:10px 13px;font-size:.77rem;font-weight:600;margin-top:auto}.plan-card .plan-button:hover{border-color:var(--purple);color:var(--deep)}.plan-card[data-plan=ULTRA] .plan-button{background:var(--purple);color:white;border-color:var(--purple)}.plan-card svg{width:17px;height:17px}.plan-note{font-size:.73rem;line-height:1.8;max-width:790px;margin-top:24px}.plans-fallback{grid-column:1/-1;padding:25px;background:white;border:1px solid var(--line);border-radius:12px;font-size:.9rem}.plans-fallback a{color:var(--deep);text-decoration:underline;display:block;margin-top:8px}.registration-note{font-size:.8rem;color:var(--deep);margin-top:14px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout .text-link{margin-top:30px;color:var(--deep)}.faq-list{padding-top:3px}.faq-list details{border-top:1px solid var(--line);padding:0 0 2px}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:25px;justify-content:space-between;padding:22px 0;font-size:.93rem;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400;color:#a08cba;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:.85rem;line-height:1.85;padding:0 30px 24px 0}.closing{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#ece7f7;border-radius:24px;padding:60px 24px 55px;margin-bottom:70px;overflow:hidden}.closing-star{font-size:37px;color:#ad96d4;margin-bottom:14px;line-height:1}.closing .eyebrow{font-size:.64rem;margin-bottom:15px}.closing h2{font-size:clamp(2.1rem,4.2vw,3.7rem)}.closing .button{margin-top:28px}.closing>p:last-child{font-size:.73rem;margin-top:16px;color:#847491}.site-footer{display:flex;gap:32px;align-items:center;border-top:1px solid var(--line);padding-block:32px 42px}.site-footer p{font-size:.7rem}.site-footer .brand{font-size:1.1rem}.site-footer .brand-mark{font-size:24px}.site-footer nav{margin-left:auto;display:flex;gap:25px;font-size:.76rem;color:#746b83}
@media(min-width:1600px){.hero{min-height:735px}.hero-art{height:510px}.character-pair{gap:55px}.hero-character .home-pet{transform:scale(1.3);margin-top:35px}}
@media(max-width:1050px){.section-shell{width:calc(100% - 64px)}.nav-shell{width:calc(100% - 48px)}.desktop-nav{gap:20px}.hero{gap:20px;min-height:610px}.hero h1{font-size:clamp(3.4rem,7vw,5rem)}.hero .eyebrow{font-size:.57rem;white-space:normal}.hero-art{height:430px}.character-pair{gap:0;margin-top:-15px}.hero-character .home-pet{transform:scale(1)}.hello-note{left:8px;right:8px;padding:16px 14px;gap:10px}.hello-note strong{font-size:.76rem}.hello-note div>span{font-size:.64rem}.hello-note svg{display:none}.hero-actions{gap:20px}.hero-description{font-size:1rem;max-width:350px}.demo-layout{gap:40px;grid-template-columns:.85fr 1.15fr}.preview-body{padding:24px 20px 20px}.companions-layout{gap:45px}.companion-portrait p{font-size:.57rem}.feature-grid{gap:0 35px}.business-note{flex-wrap:wrap}.business-note .text-link{margin-left:71px}.plan-card{padding:25px 17px}.plan-price strong{font-size:2.4rem}.plans-grid{gap:10px}.section-space{padding-block:80px}.section-heading{gap:35px}.section-heading>p{max-width:300px}.faq-layout{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:90px}.section-shell{width:calc(100% - 42px)}.nav-shell{width:calc(100% - 40px);min-height:74px;gap:10px}.brand{font-size:1.18rem;gap:7px}.brand-mark{font-size:26px}.desktop-nav{display:none}.nav-actions{gap:16px}.button-small{padding:9px 12px;min-height:39px;gap:9px;font-size:.73rem}.button-small svg{width:15px}.sign-in{font-size:.77rem}.hero{grid-template-columns:1fr;gap:45px;padding-block:47px 35px;min-height:0}.hero-copy{text-align:center}.hero h1{font-size:clamp(3.5rem,11vw,5.2rem)}.hero .eyebrow{font-size:.56rem;letter-spacing:.1em;margin-bottom:22px}.hero-description{margin:22px auto 0;max-width:380px;font-size:1rem;line-height:1.8}.hero-actions{justify-content:center;gap:22px;margin-top:26px}.hero-actions .button{font-size:.85rem;min-height:52px;padding:13px 20px;gap:15px}.hero-footnote{font-size:.65rem;margin-top:15px}.hero-art{width:min(440px,100%);height:428px;justify-self:center}.character-pair{gap:20px;margin-top:-13px}.hero-character .home-pet{transform:scale(1.08);margin-top:10px}.hello-note{left:15px;right:15px;bottom:36px;padding:17px}.hello-note strong{font-size:.84rem}.hello-note div>span{font-size:.68rem}.art-label{top:15px;font-size:.66rem}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 5px;font-size:.69rem}.capability-strip span{gap:9px}.capability-strip svg{width:19px;height:19px}.section-space{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:440px;font-size:.86rem;margin-top:22px}.section-heading>.text-link{margin-top:20px;margin-bottom:0;font-size:.8rem}.eyebrow{font-size:.64rem;margin-bottom:16px}.demo-layout{grid-template-columns:1fr;gap:30px}.demo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-tab{border:1px solid var(--line)!important;border-radius:11px;padding:16px 13px;gap:8px;min-height:100px}.demo-tab[aria-selected=true]{background:#eee8f8;border-color:#cbbbe5!important}.demo-tab[aria-selected=true]::before{display:none}.tab-number{font-size:.56rem;line-height:19px}.demo-tab strong{font-size:.85rem;line-height:1.35;margin-bottom:6px}.demo-tab>span>span{font-size:.68rem;line-height:1.6}.demo-tab>svg{display:none}.workflow-preview{transform:none;border-radius:15px}.preview-body{padding:22px 21px 17px}.preview-user{font-size:.8rem;max-width:87%;min-height:65px}.preview-reply{min-height:108px}.preview-reply p{font-size:.8rem}.preview-result{min-height:90px;margin-left:30px}.preview-activity{margin-left:30px;font-size:.58rem}.preview-topbar{padding:13px 18px}.companions-layout{grid-template-columns:1fr;gap:35px;padding-block:55px 74px}.companions-copy>p:not(.eyebrow){max-width:490px;font-size:.88rem}.companions-copy .text-link{margin-top:24px;font-size:.82rem}.companion-portraits{max-width:460px;width:100%;margin:auto;gap:18px}.companion-portrait{padding:23px 10px}.companion-portrait p{font-size:.62rem}.portrait-figure{height:249px}.portrait-figure .home-pet{transform:scale(1)}.companion-portrait h3{margin-top:10px;font-size:1.45rem}.marin-portrait{transform:translateY(14px)}.feature-grid{grid-template-columns:1fr 1fr;gap:0 25px}.feature-grid article{padding:24px 0 28px}.feature-icon{margin-bottom:17px}.feature-icon svg{width:24px}.feature-grid h3{font-size:1rem;line-height:1.3;margin-bottom:12px}.feature-grid p{font-size:.79rem;line-height:1.85}.business-note{padding:23px;gap:15px;align-items:start;margin-top:15px}.business-icon{width:38px;height:38px;border-radius:10px}.business-icon svg{width:20px}.business-note>div{flex:1;min-width:180px}.business-note h3{font-size:1rem;line-height:1.4}.business-note p{font-size:.78rem}.business-note .text-link{margin-left:53px;white-space:normal;line-height:1.5}.plans-grid{grid-template-columns:1fr 1fr;gap:12px}.plan-card{padding:22px 17px}.plan-tagline{font-size:.69rem;min-height:40px}.plan-price{margin-block:20px}.plan-price strong{font-size:2.2rem}.plan-card .plan-button{font-size:.71rem;padding:10px;gap:5px}.plan-note{font-size:.66rem}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout .text-link{font-size:.8rem;margin-top:20px}.faq-list summary{font-size:.88rem;padding-block:20px}.faq-list details p{font-size:.8rem}.closing{padding:44px 20px;margin-bottom:45px;border-radius:17px}.closing .eyebrow{font-size:.55rem;letter-spacing:.1em}.closing .button{font-size:.84rem;min-height:51px;margin-top:24px}.site-footer{flex-wrap:wrap;gap:14px 23px;padding-block:25px 33px}.site-footer p{font-size:.61rem;margin-left:auto}.site-footer nav{width:100%;margin-left:0;gap:23px;font-size:.73rem}}
@media(max-width:360px){.section-shell{width:calc(100% - 32px)}.nav-shell{width:calc(100% - 28px)}.brand{font-size:1.02rem}.nav-actions{gap:10px}.button-small{font-size:.67rem;padding:8px 10px;gap:5px}.sign-in{font-size:.71rem}.hero h1{font-size:3.2rem}.hero-actions{gap:17px}.hero-art{height:390px}.character-pair{gap:0}.hero-character .home-pet{transform:scale(.91);margin-top:-2px;margin-bottom:-16px}.hello-note{left:6px;right:6px;gap:10px;padding:13px}.hello-note strong{font-size:.75rem}.hello-note div>span{font-size:.61rem}.spark-one{left:15px}.spark-two{right:15px}.portrait-figure{height:220px}.portrait-figure .home-pet{transform:scale(.85)}.companion-portraits{gap:12px}.companion-portrait{padding-inline:4px}.companion-portrait p{font-size:.53rem}.feature-grid{gap:0 19px}.preview-body{padding:18px 14px}.preview-result{margin-left:0}.preview-activity{margin-left:0}.plan-card{padding:19px 13px}.plan-price strong{font-size:2rem}.site-footer p{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}/* Keep decorative art contained and character names clear of the note. */
.hero>*,.companions-layout>*,.companion-portraits>*{min-width:0}
.companion-portraits{grid-template-columns:repeat(2,minmax(0,1fr))}
.character-pair{width:100%;max-width:420px}.hero-character{width:154px;flex:0 1 154px;min-width:0}
.hello-note{bottom:8px;transform:none;padding-block:15px}.art-caption{display:none}
@media(max-width:760px){.hero h1{font-size:clamp(2.4rem,10vw,4.5rem)}.hello-note{bottom:8px;padding-block:13px}.character-pair{margin-top:-31px}}
@media(max-width:360px){.hero h1{font-size:2.2rem}.hero-art{min-width:0}.character-pair{max-width:288px;margin-top:-22px}}
/* Keep small walkthrough labels readable against their light surfaces. */
.preview-label,.demo-disclosure,.preview-activity,.result-kicker,.preview-result span:last-child{color:#756580}.preview-composer{color:#776b83}.tab-number{color:#7d738e}

@media(max-width:1050px){.hero-character .character-label{transform:translateY(-24px)}}

@media(max-width:360px){.hero-art{height:440px}.hero-character .home-pet{margin-bottom:16px}}
/* Square portrait frames preserve the realistic Eve and Marin artwork. */
.hero-art{height:474px;border-radius:36px;background:radial-gradient(ellipse at 50% 35%,#e3daf4 0%,#f0ebf8 70%,#faf9fc 100%)}
.character-pair{width:calc(100% - 44px);max-width:450px;gap:18px;margin-top:-22px;align-items:center}
.hero-character{width:calc(50% - 9px);flex:1 1 0;min-width:0}
.hero-character .home-pet{transform:none;margin:0 0 15px}
.eve-character{transform:rotate(-4deg) translateY(-7px)}.marin-character{transform:rotate(4deg) translateY(9px)}
.hero-character .character-label{transform:none;font-size:.8rem;padding:5px 16px;background:#fffe}
.hello-note{bottom:16px;left:16px;right:16px;padding:16px 18px;transform:none}
.art-label{top:26px;white-space:normal;text-align:center;padding-inline:20px;line-height:1.5}
.spark-one{left:16px;top:89px;font-size:24px}.spark-two{right:17px;top:85px;font-size:20px}
.companion-portrait{border-radius:24px;padding:13px 13px 24px;background:#e2d9f1}
.marin-portrait{background:#dce9eb}.portrait-figure{height:auto;display:block}
.portrait-figure .home-pet{transform:none;border-width:2px;border-radius:16px;box-shadow:0 8px 18px #30214214}
.companion-portrait h3{margin-top:21px}.companion-portrait p{font-size:.69rem;line-height:1.7}
.portrait-star{display:none}
@media(min-width:1600px){.hero-art{height:510px}.character-pair{gap:22px}.hero-character .home-pet{transform:none;margin:0 0 15px}}
@media(max-width:1050px){.hero-art{height:420px}.character-pair{width:calc(100% - 28px);gap:12px;margin-top:-18px}.hero-character .home-pet{margin:0 0 13px}.hero-character .character-label{transform:none}.companion-portrait{padding:10px 10px 21px}.companion-portrait p{font-size:.6rem}}
@media(max-width:760px){.hero-art{height:400px}.character-pair{width:calc(100% - 30px);gap:14px;margin-top:-28px}.hero-character .home-pet{margin:0 0 14px;transform:none}.hello-note{bottom:13px;padding:14px;left:12px;right:12px}.art-label{top:22px;font-size:.66rem}.portrait-figure{height:auto}.portrait-figure .home-pet{transform:none}.companion-portrait{padding:10px 10px 21px}.companion-portrait h3{margin-top:18px}.companion-portrait p{font-size:.63rem}.home-pet{border-radius:22px}}
@media(max-width:360px){.hero-art{height:355px}.character-pair{max-width:none;width:calc(100% - 26px);gap:11px;margin-top:-25px}.hero-character .home-pet{margin:0 0 13px;transform:none;border-width:2px;border-radius:18px}.hero-character .character-label{font-size:.73rem;min-width:72px;padding:4px 12px}.hello-note{left:8px;right:8px;padding:12px;bottom:10px}.art-label{top:20px;font-size:.61rem;gap:5px;padding-inline:10px}.tiny-star{font-size:18px}.spark-one,.spark-two{display:none}.companion-portrait{padding:7px 7px 18px}.companion-portrait p{font-size:.58rem}.portrait-figure{height:auto}.portrait-figure .home-pet{transform:none;border-radius:13px}}