@font-face{font-family:system-fallback;src:local("Arial");font-display:swap}
:root{color-scheme:light;--paper:#faf8f2;--ink:#243632;--muted:#59635d;--line:#dcded3;--accent:#a94625;--peach:#f2d6bf;--green:#e6ebdf;--white:#fffefb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:4px}button,input{font:inherit}img,svg{max-width:100%;display:block}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.07;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(3.2rem,7vw,6.8rem);margin-bottom:1.5rem}h2{font-size:clamp(2.2rem,4vw,3.6rem);margin-bottom:1.2rem}h3{font-size:1.4rem;letter-spacing:-.025em}p{margin-bottom:1.2rem}.wrap{max-width:1200px;width:calc(100% - 112px);margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--ink);color:white;z-index:5}.skip:focus{top:10px}.nav{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.04em}.brand img{width:43px;height:43px}.nav-links{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:550}.nav-links a{text-decoration:none;min-height:44px;display:flex;align-items:center}.nav-links a[aria-current=page]{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:750;display:flex;gap:10px;align-items:center;margin-bottom:25px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;padding:76px 0 80px}.hero .intro{max-width:410px;font-size:18px;color:var(--muted);margin-bottom:28px}.hero h1 em{font-style:normal;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);border:1px solid var(--ink);color:var(--white);padding:14px 22px;border-radius:8px;min-height:50px;text-decoration:none;font-weight:600;font-size:14px;transition:background .2s}.button:hover{background:#3c5149;color:#fff}.button.light{background:transparent;color:var(--ink);border-color:#a6afa4}.button.light:hover{background:var(--green)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 22px;border-top:1px solid var(--line)}.section-top .eyebrow{margin:0}.section-top span:last-child{font-size:12px;color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:420px;border-radius:18px;overflow:hidden;background:var(--green)}.feature-copy{padding:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.app-icon{width:58px;height:58px;border-radius:14px;margin-bottom:24px}.feature-copy h2{font-size:44px}.feature-copy p{max-width:370px;color:var(--muted)}.text-link{font-size:14px;font-weight:650;display:inline-flex;gap:25px;align-items:center;min-height:44px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 22px}.tag{border:1px solid #bac5b4;border-radius:50px;padding:4px 10px;font-size:11px;letter-spacing:.03em}.bubble-art{min-height:400px;position:relative;overflow:hidden;background:#182439;color:#e7ebff;isolation:isolate;display:grid;place-items:center}.bubble-art:before,.bubble-art:after{content:"";position:absolute;border:1px solid #b6c5ff1c;border-radius:50%;width:440px;height:440px;transform:rotate(-30deg) scaleY(.7)}.bubble-art:after{width:600px;height:600px;transform:rotate(40deg) scaleY(.7)}.bubble{position:absolute;border-radius:50%;display:grid;place-items:center;font-size:64px;font-weight:750;color:#f5f4ff;border:1px solid #ffffff66;box-shadow:inset 0 2px 20px #ffffff13,0 0 40px #b2a1ff17;background:radial-gradient(circle at 25% 20%,#a3b7f54d,#7e75be14 65%);line-height:1}.bubble.a{width:128px;height:128px;left:14%;top:14%;transform:rotate(-12deg)}.bubble.b{width:99px;height:99px;right:12%;top:31%;color:#ffd9e8;background:#e285ab20;transform:rotate(12deg);font-size:48px}.bubble.c{width:151px;height:151px;left:31%;bottom:12%;color:#c5efe8;background:#72c6b61a;transform:rotate(8deg)}.spark{position:absolute;font-size:24px;color:#c4cce8}.spark.s1{top:15%;right:23%}.spark.s2{bottom:25%;left:13%}.art-caption{position:absolute;bottom:19px;right:23px;font-size:10px;letter-spacing:.18em;color:#c5cce0;text-transform:uppercase}.values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:42px;padding:65px 0 72px}.value-number{font-size:11px;color:var(--accent);font-weight:650;display:block;margin-bottom:18px}.values h3{font-size:22px;line-height:1.2}.values p{font-size:14px;color:var(--muted);max-width:310px}.about-strip{border-top:1px solid var(--line);padding:56px 0;display:flex;gap:60px;align-items:flex-start;justify-content:space-between}.about-strip h2{max-width:420px;font-size:36px}.about-strip p{max-width:440px;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;color:var(--muted);font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.product-hero{padding:65px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.product-hero h1{font-size:clamp(3rem,6vw,5.2rem)}.product-hero .bubble-art{border-radius:22px;min-height:480px}.product-hero .lead{font-size:20px;color:var(--muted);max-width:480px}.product-hero .app-icon{width:72px;height:72px;border-radius:17px}.release-note{font-size:13px;color:var(--muted);margin:18px 0 0}.page-heading{padding:60px 0 36px;max-width:800px}.page-heading h1{font-size:clamp(2.8rem,5vw,4.7rem)}.page-heading .lead{font-size:19px;color:var(--muted);max-width:620px}.breadcrumb{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:30px;min-height:44px}.document{max-width:760px;padding-bottom:70px}.document h2{font-size:25px;letter-spacing:-.025em;margin-top:34px;line-height:1.25}.document p,.document li{color:var(--muted)}.document li{margin:9px 0}.notice{border:1px solid #c7d1c0;border-radius:12px;padding:24px;background:var(--green);margin:0 0 32px}.notice p:last-child{margin-bottom:0}.notice h2{margin-top:0}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:18px;font-weight:600;cursor:pointer;line-height:1.5;padding:6px 30px 6px 0}.faq details p{margin:18px 0 4px}.contact-card{margin-top:38px;padding:30px;background:var(--green);border-radius:14px}.contact-card h2{margin-top:0}.contact-card a{overflow-wrap:anywhere}.updated{font-size:13px;color:var(--muted)}.not-found{padding:100px 0 130px;max-width:650px}
@media(min-width:1500px){.hero{padding-block:90px}}
@media(max-width:900px){.wrap{width:calc(100% - 64px)}.hero{gap:10px;padding-block:55px}.hero h1{font-size:clamp(3rem,7vw,5rem)}.feature-copy{padding:34px}.values{gap:24px}.product-hero{gap:30px}.product-hero .bubble-art{min-height:420px}.about-strip{gap:35px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.nav{min-height:88px;gap:12px}.brand{font-size:15px;gap:9px}.brand img{width:36px;height:36px}.nav-links{gap:18px;font-size:13px}.nav-links .about-nav{display:none}.hero{grid-template-columns:1fr;padding:46px 0 38px;gap:16px}.hero h1{font-size:clamp(3.25rem,12vw,4.5rem)}.hero .intro{font-size:17px;max-width:350px}.feature{grid-template-columns:1fr}.feature-copy{padding:32px 26px}.feature-copy h2{font-size:36px}.bubble-art{min-height:350px}.values{grid-template-columns:1fr;gap:22px;padding:42px 0}.values p{max-width:none}.value-number{margin-bottom:10px}.values h3{margin-bottom:12px}.about-strip{display:block;padding-block:38px}.about-strip h2{font-size:31px}.footer{display:block;padding-block:22px}.footer-links{gap:22px}.section-top span:last-child{max-width:105px;text-align:right;font-size:11px}.product-hero{grid-template-columns:1fr;gap:35px;padding-block:42px}.product-hero .bubble-art{min-height:390px}.product-hero .lead{font-size:18px}.page-heading{padding-top:35px}.page-heading h1{overflow-wrap:break-word}.document h2{font-size:23px}.contact-card{padding:24px}.not-found{padding-block:65px}}
@media(max-width:640px){.nav{flex-wrap:wrap;padding-block:16px}}
.hero-visual{min-width:0;position:relative;overflow:clip}.hero-art{position:relative;aspect-ratio:1;isolation:isolate}.storybook-corgi{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;mask-image:radial-gradient(ellipse 67% 65% at center,#000 61%,transparent 77%)}
.star{position:absolute;color:#b88f52;font-family:Georgia,serif;font-size:23px;line-height:1;z-index:3}.star.one{top:24%;left:16%;font-size:19px}.star.two{top:26%;right:14%}.star.three{bottom:16%;right:18%;font-size:15px}.star.four{bottom:27%;left:13%;font-size:10px;color:#7a8c80}
.orbit-plane{position:absolute;inset:0;transform:rotate(-17deg);z-index:2;pointer-events:none}.planet{position:absolute;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#bad0c2,#6c8b7b 70%,#557061);box-shadow:inset -2px -2px 4px #314d4722;offset-path:ellipse(46% 36% at 50% 50%);offset-distance:18%;offset-rotate:0deg}.planet:after{content:"";position:absolute;inset:6px -6px;border:1.5px solid #9caa88;border-radius:50%;transform:rotate(-25deg)}
.orbit-control{display:none;position:absolute;top:4px;right:4px;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--muted);cursor:pointer}.orbit-control:hover{background:var(--green);color:var(--ink)}.orbit-toggle{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.orbit-control:has(.orbit-toggle:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.orbit-pause-icon{width:10px;height:12px;border-inline:3px solid currentColor}.orbit-play-icon{display:none;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.orbit-toggle:checked~.orbit-pause-icon{display:none}.orbit-toggle:checked~.orbit-play-icon{display:block}.hero-visual:has(.orbit-toggle:checked) .hero-art,.hero-visual:has(.orbit-toggle:checked) .star,.hero-visual:has(.orbit-toggle:checked) .planet{animation-play-state:paused}
@keyframes planet-orbit{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes corgi-drift{0%,100%{transform:translateY(4px) rotate(-.7deg)}50%{transform:translateY(-8px) rotate(.7deg)}}
@keyframes star-shimmer{0%,100%{opacity:.45;transform:scale(.88)}50%{opacity:.9;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:corgi-drift 7s ease-in-out infinite}.planet{animation:planet-orbit 23s linear -4s infinite}.star{animation:star-shimmer 5s ease-in-out infinite}.star.two{animation-delay:-2s}.star.three{animation-delay:-3s}.orbit-control{display:flex}}
@media(max-width:640px){.hero-visual{width:100%;max-width:350px;justify-self:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}