@font-face{font-family:Manrope;src:url('assets/manrope-latin-variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#FFFDFA;--ink:#191919;--yellow:#FFD84D;--coral:#FFA58F;--lilac:#CCC5FF;--white:#fff;--muted:#686761;--line:#E4E1DB;--soft:#F4F2ED;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-120:120px;--radius-16:16px;--radius-24:24px;--radius-32:32px;--radius-40:40px;--radius-999:999px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.container{width:calc(100% - 160px);max-width:1280px;margin-inline:auto}.skip-link{position:absolute;top:-100px;left:24px;z-index:30;padding:16px 24px;background:var(--ink);color:#fff;border-radius:999px}.skip-link:focus{top:16px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;min-height:44px;flex:0 0 auto;width:128px}.brand img{width:100%}.site-header nav,.footer-top nav{display:flex;align-items:center;gap:32px;font-size:.875rem;font-weight:500}.site-header nav a,.footer-top nav a{padding-block:14px}.site-header nav a:hover,.footer-top nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:15px 24px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:1rem;font-weight:600;line-height:1.375;white-space:nowrap;transition:background .16s,transform .16s}.button:hover{background:#363632;transform:translateY(-2px)}.button span{font-size:1.2rem;font-weight:400}.header-cta{min-height:48px;padding:13px 24px;font-size:.875rem}.eyebrow{font-size:.875rem;line-height:1.5;font-weight:600;letter-spacing:.055em}.availability{font-size:.875rem;line-height:1.6;color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:40px;padding-bottom:112px}.hero-copy>.eyebrow{margin-bottom:28px}h1{font-size:clamp(3.25rem,6.12vw,5.5rem);font-weight:600;line-height:1.04;letter-spacing:-.055em}h1 span{display:block}.hero-description{max-width:430px;margin-top:30px;font-size:1.125rem;line-height:1.65;letter-spacing:-.01em;color:var(--muted)}.hero-action{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}.hero-art{height:600px;position:relative;isolation:isolate;background:var(--yellow);border-radius:40px;overflow:hidden}.art-label{position:absolute;left:32px;top:34px;font-size:.875rem;font-weight:600;letter-spacing:-.02em}.art-orbit{position:absolute;width:420px;height:420px;right:-144px;top:-110px;border:1px solid #19191929;border-radius:50%;z-index:-1}.hero-phone{position:absolute;width:280px;right:32px;top:88px;border-radius:30px;box-shadow:0 18px 40px #1919191a;transform:rotate(6deg)}.mascot-tile{position:absolute;width:178px;height:170px;left:28px;top:295px;display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:36px;transform:rotate(-9deg);box-shadow:0 12px 28px #19191910}.mascot-tile img{width:144px}.art-caption{position:absolute;bottom:32px;left:32px;font-size:1.875rem;letter-spacing:-.04em;font-weight:600;line-height:1.1}
.section-intro{text-align:center;max-width:760px;margin:0 auto}.section-intro .eyebrow{margin-bottom:20px}h2{font-size:3.75rem;line-height:1.1;font-weight:600;letter-spacing:-.045em}.section-intro>p:last-child{font-size:1.125rem;line-height:1.65;margin-top:24px;color:var(--muted)}.product-section{padding-bottom:120px}.feature-tabs{display:flex;gap:8px;justify-content:center;margin-top:36px;margin-bottom:32px}.feature-tabs[hidden]{display:none}.feature-tabs button{min-width:120px;min-height:48px;padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.feature-tabs button:hover{background:var(--soft)}.feature-tabs button[aria-selected=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:588px;padding:48px 64px;border-radius:40px;background:var(--yellow)}.feature-panel[hidden]{display:none}.feature-panel+.feature-panel{margin-top:24px}.feature-tabs:not([hidden])+.feature-panels .feature-panel{margin-top:0}.feature-panel.borrow{background:var(--lilac)}.feature-panel.pause{background:var(--coral)}.feature-visual{display:flex;justify-content:center;align-items:center}.feature-visual img{width:260px;border-radius:28px;box-shadow:0 18px 40px #1919191a}.feature-copy{max-width:440px}.feature-copy .eyebrow{margin-bottom:24px}.feature-copy h3{font-size:2.75rem;font-weight:600;letter-spacing:-.045em;line-height:1.15}.feature-copy>p:not(.eyebrow){font-size:1.125rem;line-height:1.65;margin-top:24px;letter-spacing:-.01em}.feature-note{display:block;font-size:.875rem;line-height:1.6;margin-top:32px;padding-top:24px;border-top:1px solid #19191925}.preview-note{font-size:.75rem;text-align:center;color:var(--muted);margin-top:20px;line-height:1.6}
.why-section{display:grid;grid-template-columns:1fr 1fr;gap:120px;padding-bottom:120px}.why-heading .eyebrow{margin-bottom:24px}.why-mascot{width:220px;height:170px;background:var(--coral);border-radius:999px;display:flex;align-items:center;justify-content:center;margin-top:40px;transform:rotate(-7deg)}.why-mascot img{width:155px}.mascot-caption{margin-top:28px;font-size:.875rem;color:var(--muted)}.principles{padding-top:18px}.principles article{display:flex;align-items:flex-start;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:0}.principles article:last-child{border-bottom:0}.principle-number{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;border-radius:50%;font-size:.875rem;font-weight:600}.yellow{background:var(--yellow)}.lilac{background:var(--lilac)}.coral{background:var(--coral)}.principles h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:6px 0 12px}.principles p{font-size:1rem;line-height:1.65;color:var(--muted);max-width:410px}
.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:96px;padding-top:80px;padding-bottom:104px;border-top:1px solid var(--line)}.faq-heading .eyebrow{margin-bottom:20px}.faq-heading h2{font-size:3rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:25px 0;list-style:none;font-size:1.0625rem;font-weight:600;line-height:1.55;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:1.6rem;line-height:1;flex:0 0 24px;text-align:center;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{padding:12px 40px 24px 0;color:var(--muted);font-size:1rem;line-height:1.7}.closing-panel{position:relative;overflow:hidden;isolation:isolate;text-align:center;background:var(--lilac);padding:72px 40px;border-radius:40px}.closing-panel .eyebrow{margin-bottom:24px}.closing-panel h2{font-size:4.5rem;line-height:1.05;letter-spacing:-.05em}.closing-panel .button{margin-top:32px}.closing-panel .availability{margin-top:18px;color:var(--ink)}.closing-mascot{position:absolute;width:280px;bottom:-42px;right:-28px;transform:rotate(-14deg);z-index:-1;opacity:.95}.site-footer{padding-top:64px;padding-bottom:28px}.footer-top{display:flex;gap:32px;align-items:center;padding-bottom:40px}.footer-top>p{font-size:.875rem;color:var(--muted)}.footer-top nav{margin-left:auto;gap:28px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:.75rem;line-height:1.6}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;padding:0 0 8px}.feature-panel.is-entering{animation:appear .3s ease-out}.hero-copy{animation:appear .55s ease-out}.hero-art{animation:appear .7s ease-out}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* The tile keeps its resting rotation; only the original mascot artwork moves. */
.mascot-tile{border:0;padding:0}.mascot-tile:not(:disabled){cursor:pointer}.mascot-breathe,.mascot-react{display:block;transform-origin:50% 50%}.mascot-motion-control{position:absolute;z-index:2;top:20px;right:20px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:142px;padding:10px 12px;border:1px solid #19191924;border-radius:999px;background:#FFFDFABF;color:var(--ink);font-size:.875rem;font-weight:500;line-height:1.35;cursor:pointer;transition:background .16s}.mascot-motion-control[hidden]{display:none}.mascot-motion-control:not(:disabled):hover{background:var(--paper)}.mascot-motion-control:disabled{cursor:default}
.mascot-motion-ready .mascot-breathe{animation:ease-mascot-breathe 4.8s cubic-bezier(.45,0,.55,1) infinite;animation-play-state:paused}.mascot-motion-active .mascot-breathe{animation-play-state:running}.mascot-tile.is-reacting .mascot-breathe{animation-play-state:paused}.mascot-react.is-reacting{animation:ease-mascot-happy .8s ease-out both;animation-play-state:paused}.mascot-motion-active .mascot-react.is-reacting{animation-play-state:running}
@keyframes ease-mascot-breathe{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-.5px) rotate(-.6deg) scale(.9925,1.0125)}50%{transform:translateY(-1px) rotate(0) scale(.985,1.025)}75%{transform:translateY(-.5px) rotate(.6deg) scale(.9925,1.0125)}}
@keyframes ease-mascot-happy{0%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(0) scale(1.04,.96)}50%{transform:translateY(-3px) scale(.99,1.02)}}
@media(max-width:480px){.mascot-motion-control{top:14px;right:14px;min-width:136px;padding-inline:10px}}
@media(min-width:1441px){.hero{gap:80px}}
@media(max-width:1100px){.container{width:calc(100% - 80px)}.site-header nav{gap:22px}.hero{gap:40px}.hero-art{height:540px}.hero-phone{width:240px;right:22px;top:98px}.mascot-tile{width:140px;height:138px;left:20px;top:288px}.mascot-tile img{width:114px}.art-caption{font-size:1.625rem}.feature-panel{gap:40px;padding:48px 40px}.feature-copy h3{font-size:2.4rem}.why-section{gap:64px}.faq-section{gap:48px}.footer-top{flex-wrap:wrap}.footer-top nav{gap:20px}.closing-mascot{width:220px;right:-44px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.site-header{height:88px;gap:20px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:32px;padding-bottom:80px}.hero-copy{max-width:650px}h1{font-size:4.25rem;line-height:1.05}.hero-description{max-width:480px}.hero-art{height:550px;max-width:650px;width:100%}.hero-phone{width:265px;right:12%;top:64px}.mascot-tile{width:176px;height:170px;left:12%;top:290px}.mascot-tile img{width:142px}.art-label{left:32px}.art-caption{font-size:1.875rem}.section-intro h2{font-size:3.25rem}.feature-panel{gap:36px;grid-template-columns:1fr;padding:40px 32px;min-height:0}.feature-copy{max-width:480px;order:-1}.feature-copy h3{font-size:2.25rem}.feature-copy .eyebrow{margin-bottom:16px}.feature-copy>p:not(.eyebrow){font-size:1rem;margin-top:20px}.feature-note{margin-top:24px;padding-top:20px}.feature-visual img{width:250px}.product-section{padding-bottom:80px}.why-section{grid-template-columns:1fr;gap:48px;padding-bottom:80px}.why-heading{position:relative}.why-heading h2{font-size:3.25rem}.why-mascot{width:170px;height:135px;margin-top:32px}.why-mascot img{width:122px}.mascot-caption{margin-top:22px}.principles{padding-top:0}.principles p{max-width:100%}.faq-section{grid-template-columns:1fr;gap:32px;padding-top:64px;padding-bottom:72px}.faq-heading h2{font-size:2.75rem}.closing-panel{padding:56px 24px 68px}.closing-panel h2{font-size:3.5rem}.closing-mascot{width:145px;right:-36px;bottom:-34px}.footer-top nav{margin-left:0;flex-basis:100%;justify-content:space-between}.footer-top{gap:24px;padding-bottom:32px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:480px){.container{width:calc(100% - 40px)}.brand{width:108px}.site-header{height:84px}.header-cta{font-size:.875rem;padding:12px 18px;gap:12px;min-height:44px}.hero{padding-top:24px;gap:36px}.hero-copy>.eyebrow{font-size:.875rem;margin-bottom:24px}h1{font-size:3.25rem;letter-spacing:-.055em;line-height:1.06}.hero-description{font-size:1rem;line-height:1.65;margin-top:24px}.hero-action{align-items:flex-start;gap:14px;flex-direction:column;margin-top:26px}.hero-action .button{min-height:52px}.availability{font-size:.875rem}.hero-art{height:430px;border-radius:28px}.art-label{left:22px;top:24px;font-size:.875rem}.hero-phone{width:202px;right:18px;top:76px;border-radius:22px}.mascot-tile{width:126px;height:122px;left:15px;top:214px;border-radius:28px}.mascot-tile img{width:102px}.art-caption{left:22px;bottom:24px;font-size:1.5rem}.eyebrow{font-size:.875rem}.section-intro .eyebrow{margin-bottom:16px}.section-intro h2{font-size:2.5rem;line-height:1.1}.section-intro>p:last-child{font-size:1rem;margin-top:20px}.feature-tabs{gap:6px;margin-top:28px;margin-bottom:24px}.feature-tabs button{min-width:0;flex:1;padding:12px 16px;font-size:.875rem;min-height:46px}.feature-panel{border-radius:28px;padding:32px 24px;gap:32px}.feature-copy h3{font-size:2rem}.feature-visual img{width:224px;border-radius:24px}.feature-note{font-size:.875rem}.preview-note{font-size:.75rem;padding-inline:8px}.why-heading h2{font-size:2.5rem}.why-heading .eyebrow{margin-bottom:18px}.why-section{gap:32px}.principles article{gap:18px;padding:24px 0}.principles h3{font-size:1.25rem}.principles p{font-size:1rem}.principle-number{height:40px;flex-basis:40px}.faq-heading h2{font-size:2.5rem}.faq-list summary{font-size:1rem;padding:22px 0;gap:20px}.faq-list details p{padding-right:0}.closing-panel{border-radius:28px}.closing-panel h2{font-size:3rem}.closing-panel>.eyebrow{max-width:260px;margin-inline:auto}.footer-top>p{font-size:.875rem}.footer-top{gap:20px}.footer-top nav{font-size:.875rem;gap:12px}.site-footer{padding-top:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
