:root{--ink:#302443;--purple:#8060b5;--lav:#dfd2f3;--paper:#f8f4fc;--pink:#f5bfd8;--mint:#c5f1de;--line:#c5b4d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Trebuchet MS,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #644197;outline-offset:5px}.skip{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:30}.skip:focus{top:12px}.nav{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f7f2fcec;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:10px;font:bold 26px Arial;letter-spacing:-1px}.logo>span{display:grid;place-items:center;background:var(--ink);color:#dfccfc;font:bold italic 29px Arial;width:36px;height:35px;position:relative}.logo>span>span{position:absolute;right:-8px;top:-11px;color:var(--purple);font-size:20px}.logo small{font:7px/1.6 monospace;letter-spacing:1px;border-left:1px solid var(--line);padding-left:13px;margin-left:8px}.nav nav{display:flex;gap:30px;font-size:12px}.nav nav a{padding:10px 0}.nav nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-actions{display:flex;gap:18px;align-items:center}#motion{border:0;background:none;font:12px monospace;padding:9px}.small-cta{background:var(--ink);color:var(--paper);padding:13px 18px;font:bold 12px Arial}.small-cta>span{margin-left:15px}.hero{max-width:1400px;min-height:690px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;padding:73px 5% 84px}.eyebrow{display:flex;gap:10px;align-items:center;font:9px monospace;letter-spacing:1.4px;color:#816996}.eyebrow i{width:6px;height:6px;background:var(--purple);box-shadow:3px 3px #d5c1ed}h1{position:relative;font:bold clamp(54px,5.4vw,80px)/1.08 Arial;letter-spacing:-4.5px;margin:26px 0 25px}.play-word{color:var(--purple);position:relative;display:inline-block}.play-word svg{position:absolute;bottom:-16px;left:0;width:100%;height:23px;fill:none;stroke:#ab8ad4;stroke-width:3;stroke-linecap:round}.h-star{position:absolute;right:0;top:-36px;font:53px Arial;color:#bc9cdb;animation:turn 28s linear infinite}.hero-copy>p{font-size:15px;line-height:1.9;color:#887592;margin:31px 0}.hero-buttons{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:27px;padding:18px 21px;font:bold 13px Arial;border:2px solid var(--ink);box-shadow:4px 4px var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px var(--ink)}.button:active{transform:translate(2px,2px);box-shadow:2px 2px var(--ink)}.primary{background:#ab89d8;color:#251933}.button span{font-size:22px}.text-link{font-size:11px;border-bottom:1px solid #a68abd;padding:8px 0}.text-link span{margin-left:12px}.hero-checks{display:flex;flex-wrap:wrap;gap:19px;font:9px monospace;color:#8a779c;margin-top:23px}.handnote{font:italic 13px Georgia;color:#a28cb0;margin:38px 0 0 15px;transform:rotate(-3deg)}.handnote span{font-size:28px;margin-left:9px}.hero-art{position:relative;padding:15px 12px 20px}.demo-window{position:relative;background:#d8c6ed;border:2px solid var(--ink);box-shadow:9px 9px #c1a8db;transform:rotate(3deg);transition:transform .3s}.hero-art:hover .demo-window{transform:rotate(1deg)}.window-bar{height:34px;border-bottom:2px solid var(--ink);background:#ece3f7;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font:9px monospace}.window-bar>span:first-child{display:flex;align-items:center;gap:8px}.window-bar i{width:9px;height:9px;background:var(--purple);border-radius:2px}.demo-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;position:absolute;left:0;right:0;top:34px;z-index:1;pointer-events:none}.demo-title>span{font:900 47px/.88 Arial;letter-spacing:-3px;color:#eee3ff;text-shadow:2px 2px #6c518c;-webkit-text-stroke:1px #6c518c;transform:rotate(-7deg)}.demo-title b{color:#be9de9}.demo-title>div{font:7px/1.7 monospace;color:#9680b0;text-align:right;letter-spacing:1px}.demo-title>div>span{display:block;font-size:30px;color:#ac86d4;margin-top:8px}.demo-stage{position:relative;background:#30263f;line-height:0;margin:11px;border:1px solid #75568f;overflow:hidden}.demo-stage canvas{display:block;width:100%;height:auto;touch-action:pan-y}.stage-label{position:absolute;bottom:12px;left:15px;right:15px;font:6px monospace;letter-spacing:1.3px;color:#c5b2d5}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 11px}.demo-bottom>span{font:7px monospace;display:flex;align-items:center;gap:6px}.demo-bottom i{width:5px;height:5px;background:#8260a4}.demo-bottom button{background:#eee7f6;border:1px solid var(--ink);box-shadow:2px 2px #765a95;padding:9px 12px;font:bold 10px Arial}.demo-bottom button b{margin-left:12px}.floating-tag{position:absolute;z-index:2;top:-7px;right:12px;background:var(--mint);border:1.5px solid var(--ink);padding:9px 12px;transform:rotate(8deg);font:bold 9px monospace;box-shadow:3px 3px var(--ink);animation:bob 5s ease-in-out infinite}.floating-tag span{margin-left:12px;font-size:19px}.hello-sticker{position:absolute;z-index:2;bottom:1px;left:-26px;border:1.5px solid #735183;box-shadow:3px 3px #a78cb7;background:var(--pink);padding:12px 22px;font:12px/1.5 monospace;transform:rotate(-9deg)}.hello-sticker>span{float:left;font-size:35px;margin-right:10px}.hello-sticker b{font-size:19px}.pixel-cross{position:absolute;bottom:1px;right:-13px;color:#ae8bd0;font:53px monospace}.art-caption{display:block;text-align:right;font:7px monospace;letter-spacing:1.4px;color:#a38ab6;margin:33px 28px 0 0}.orbit-square{position:absolute;width:37px;height:37px;border:8px solid #d3bce9;top:75px;left:-34px;transform:rotate(-12deg)}.orbit-square.two{left:auto;right:-20px;top:60%;width:20px;height:20px;border-width:0;background:#bda3d5}.ticker{overflow:hidden;background:#e5d9f3;border-top:1px solid #b49acb;border-bottom:1px solid #b49acb;transform:rotate(-1deg);padding:20px 0}.ticker>div{display:flex;gap:43px;width:max-content;align-items:center;animation:marquee 38s linear infinite;font:bold 15px monospace;letter-spacing:2px;color:#75558f}.ticker b{font-size:25px;color:#a080bd}.section{max-width:1240px;padding:88px 40px 0;margin:auto}.section-top{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:35px}h2{font:bold 39px/1.2 Arial;letter-spacing:-1.7px;margin:15px 0 0}h2 em{font-style:normal;color:var(--purple)}.section-top>p{font-size:12px;line-height:1.8;color:#937e9f;margin:0 0 3px}.featured{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);box-shadow:7px 7px #d6c4e6;background:#f2eaf9}.feature-art{min-height:395px;position:relative;overflow:hidden;background:#c7b1e2;background-image:linear-gradient(#9e7ec326 1px,transparent 1px),linear-gradient(90deg,#9e7ec326 1px,transparent 1px);background-size:22px 22px;border-right:2px solid var(--ink)}.feature-stamp{position:absolute;top:20px;left:22px;font:8px monospace;letter-spacing:1px;background:#eadcf6;border:1px solid #a082bd;padding:7px 10px}.feature-title{position:absolute;left:35px;top:82px;font:900 84px/.86 Arial;letter-spacing:-6px;transform:rotate(-9deg);color:#f7efff;-webkit-text-stroke:1.5px #5f4283;text-shadow:4px 4px #74548e}.feature-title>span{color:#a381d0}.big-jelly{position:absolute;width:110px;height:98px;border:2px solid #6a4e89;border-radius:31px 35px 25px 29px;background:linear-gradient(140deg,#f8edff,#b799e0);box-shadow:inset 5px 6px #ffffff79,inset -6px -7px #8d68b442,5px 8px #71548044}.big-jelly i{position:absolute;width:7px;height:12px;border-radius:5px;background:#604671;top:39px;left:29px}.big-jelly i:nth-child(2){left:72px}.big-jelly b{position:absolute;left:44px;top:40px;font:26px Arial;color:#604671}.jelly-a{right:80px;top:80px;transform:rotate(12deg);animation:floatA 5s ease-in-out infinite}.jelly-b{right:24px;bottom:70px;width:145px;height:86px;transform:rotate(-13deg);background:linear-gradient(130deg,#e9fff4,#9bd8c5);animation:floatB 6s ease-in-out infinite}.jelly-b i{top:33px;left:43px}.jelly-b i:nth-child(2){left:88px}.jelly-b b{top:35px;left:57px}.jelly-c{left:45%;bottom:48px;width:86px;height:76px;transform:rotate(18deg);background:linear-gradient(140deg,#ffebf8,#e3a5cd)}.jelly-c i{top:27px;left:22px;width:5px;height:9px}.jelly-c i:nth-child(2){left:54px}.jelly-c b{top:28px;left:32px;font-size:20px}.feature-spark{position:absolute;top:45px;right:18px;font-size:65px;color:#8a65af}.feature-pixels{position:absolute;left:24px;bottom:50px;width:18px;height:18px;background:#8e6caf;box-shadow:18px -18px #8e6caf,36px 0 #e9dbf5,18px 18px #a88bc2}.feature-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 20px;border-top:1px solid #9976b7;background:#e4d4f1;font:8px monospace;letter-spacing:1px}.feature-copy{padding:32px 37px}.feature-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font:7px monospace;color:#9980aa}.live-badge{background:#d3edde;color:#4b6d5d;border:1px solid #a6c8b4;padding:6px 8px;display:flex;align-items:center;gap:6px}.live-badge i{width:5px;height:5px;background:#6c9b7e}.feature-copy h3{font:bold 32px Arial;letter-spacing:-1.3px;margin:26px 0 17px}.feature-copy p{font-size:12px;line-height:1.85;color:#8a7399}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.tags>span{font:7px monospace;border:1px solid #c8b6d7;background:#eadef2;padding:6px 8px;color:#8b6b9e}.feature-copy .button{font-size:12px;min-width:205px;padding:13px 16px}.feature-note{display:block;font:6px monospace;letter-spacing:1px;color:#9f85ae;margin-top:16px}.next-note{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid var(--line);margin-top:14px}.pixel-flower{font-size:33px;color:#aa89c7}.next-note p{font-size:10px;line-height:1.8;color:#97819e;flex:1}.next-note strong{color:#6e527e}.next-note>span:last-child{font:7px monospace;letter-spacing:1px;color:#a087b1}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:43px}.benefit{position:relative;border-top:1px solid var(--line);padding:23px 23px 28px;background:#efe7f6}.benefit:nth-child(2){background:#e9f1ec}.benefit:nth-child(3){background:#f6e8ef}.benefit-art{height:105px;position:relative;max-width:210px;margin:0 auto 20px}.card-number{font:8px monospace;color:#aa94b6}.benefit h3{font:bold 24px/1.2 Arial;letter-spacing:-.7px;margin:13px 0}.benefit p{font-size:12px;line-height:1.85;color:#927c9b;margin:0}.mini-button{position:absolute;top:20px;left:25px;border:2px solid var(--ink);box-shadow:4px 4px #a187b5;background:#c3a6e7;padding:12px 22px;font:bold 14px monospace;transform:rotate(-7deg)}.mini-button span{margin-left:12px}.cursor-art{position:absolute;z-index:1;left:100px;top:40px;font:bold 62px Arial;color:#fff8ff;text-shadow:2px 2px #5b3d72;transform:rotate(15deg);animation:bob 4s ease-in-out infinite}.device{position:absolute;border:2px solid #6c7d76;background:#c7e2d6;box-shadow:3px 3px #a2b9ae}.desktop-device{width:111px;height:74px;left:27px;top:10px;padding:6px;transform:rotate(-6deg)}.desktop-device:after{content:'';position:absolute;width:45px;height:7px;background:#93ad9f;bottom:-14px;left:30px}.device span{display:grid;place-items:center;background:#ecfaf3;height:100%;font:28px Arial;color:#85aa97}.phone-device{width:42px;height:70px;right:22px;top:31px;padding:4px;transform:rotate(9deg);border-radius:7px}.device-spark{position:absolute;right:6px;top:-3px;font-size:37px;color:#9bbcaa}.heart-art{position:absolute;top:-9px;left:38px;font-size:93px;color:#d797bd;text-shadow:4px 4px #a26f91;transform:rotate(-10deg)}.smile-art{position:absolute;font-size:43px;right:22px;top:51px;color:#a77899;transform:rotate(12deg)}.small-spark{position:absolute;left:18px;top:12px;color:#c69bb8;font:32px monospace}.steps{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.steps ol{list-style:none;padding:0;margin:0}.steps li{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>b{font:12px monospace;color:#ab8abf}.steps h3{font-size:16px;margin:0 0 8px}.steps p{font-size:11px;color:#97819f;margin:0}.steps li>span{margin-left:auto;font-size:23px;color:#a27cbc}.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px}.question-art{margin:33px 0 0 45px;position:relative;font:bold 80px Arial;color:#c8b1de;text-shadow:3px 3px #a27bbd;transform:rotate(-12deg);width:90px}.question-art span{position:absolute;right:-28px;top:0;font-size:44px;color:#b999cc;text-shadow:none}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font:bold 13px Arial;padding:21px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font:20px monospace;color:#9574af;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:#927c9c;line-height:1.85;margin:0 26px 23px 0}.last-call{position:relative;overflow:hidden;text-align:center;margin:90px auto 0;background:#e1d3ef;padding:65px 25px 60px;border-top:1px solid #c1a8d6;border-bottom:1px solid #c1a8d6;background-image:linear-gradient(#9a78b916 1px,transparent 1px),linear-gradient(90deg,#9a78b916 1px,transparent 1px);background-size:28px 28px}.last-call .eyebrow{justify-content:center;font-size:8px}.last-call h2{font-size:52px;letter-spacing:-2px;margin:21px 0 26px}.last-call p{font-size:10px;color:#947ca6;margin-top:25px}.last-call .button{background:#f6f0fb}.last-spark{position:absolute;left:12%;top:65px;font-size:82px;color:#b59ace;animation:turn 35s linear infinite}.last-heart{position:absolute;right:13%;bottom:65px;font:100px Arial;color:#b698ce;transform:rotate(17deg)}footer{max-width:1240px;margin:auto;padding:43px 40px 27px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer .logo{font-size:22px}footer .logo>span{width:30px;height:29px;font-size:25px}footer p{font-size:10px;color:#a48bb0}footer>div{margin-left:auto;display:flex;gap:25px;font-size:10px;color:#8d719d}.footer-note{flex-basis:100%;font:7px monospace;letter-spacing:1px;border-top:1px solid #e1d4e9;padding-top:22px;color:#ab94b7;margin-top:5px}.reveal{transition:opacity .65s,transform .65s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}.motion-off *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;transform:none!important;transition:none!important}@keyframes bob{50%{translate:0 -8px}}@keyframes turn{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes floatA{50%{translate:0 -10px;rotate:-4deg}}@keyframes floatB{50%{translate:0 9px;rotate:5deg}}
@media(max-width:1100px){.nav nav{gap:20px}.logo small{display:none}.hero{gap:35px;padding:60px 5% 65px;min-height:auto}h1{font-size:62px;letter-spacing:-3.5px}.h-star{font-size:39px;right:0;top:-32px}.hero-copy>p{font-size:13px}.hero-buttons{gap:20px}.hero-buttons .button{font-size:11px;padding:15px}.hero-checks{gap:12px;font-size:8px}.handnote{font-size:11px}.hero-art{padding-left:0;padding-right:0}.demo-title>span{font-size:36px}.floating-tag{font-size:7px;padding:6px 10px}.hello-sticker{font-size:10px;padding:8px 14px}.hello-sticker b{font-size:15px}.section{padding-left:35px;padding-right:35px}.feature-copy{padding:27px}.feature-title{font-size:73px;left:20px}.jelly-a{right:42px;top:100px}.jelly-b{right:12px}.jelly-c{left:35%}.feature-copy h3{font-size:28px}.feature-meta{font-size:6px}.hero-checks{line-height:1.7}.section-top h2{font-size:34px}.benefit{padding:20px}.benefit h3{font-size:22px}.last-spark{left:6%}.last-heart{right:6%}}
@media(max-width:800px){.nav{height:73px;padding:0 5%}.nav nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:52px 7% 65px;max-width:650px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:8px}h1{font-size:66px}.h-star{right:0;top:-25px}.hero-copy>p{font-size:14px}.hero-buttons,.hero-checks{justify-content:center}.hero-buttons .button{font-size:12px}.handnote{display:none}.hero-art{max-width:420px;width:100%;margin:10px auto 0}.demo-title>span{font-size:43px}.hero-art .hello-sticker{left:-12px}.ticker{padding:15px 0}.ticker>div{font-size:12px;gap:30px}.section{padding:60px 25px 0}.section-top{display:block}.section-top .eyebrow,.steps .eyebrow,.faq .eyebrow{justify-content:flex-start}.section-top>p{margin-top:20px}.featured{grid-template-columns:1fr}.feature-art{min-height:340px;border-right:0;border-bottom:2px solid var(--ink)}.feature-title{left:40px;top:90px;font-size:85px}.jelly-a{right:100px;top:65px}.jelly-b{right:35px}.jelly-c{left:49%}.feature-copy{padding:30px}.feature-meta{font-size:8px}.feature-copy h3{font-size:32px}.feature-copy p{font-size:13px}.next-note>span:last-child{display:none}.benefits{grid-template-columns:1fr;gap:20px;margin-top:25px}.benefit{padding:25px 25px 25px 180px;min-height:218px}.benefit-art{position:absolute;left:10px;top:45px;width:150px;transform:scale(.8)}.benefit h3{font-size:24px}.benefit p{font-size:12px}.steps,.faq{grid-template-columns:1fr;gap:32px}.steps ol{margin-top:5px}.question-art{display:none}.last-call{margin-top:65px}.last-spark{font-size:45px;left:5%;top:25px}.last-heart{font-size:55px;right:5%;bottom:40px}.last-call h2{font-size:44px}footer{padding:30px 25px;gap:20px}footer p{margin-left:auto}footer>div{margin-left:0;width:100%;justify-content:space-between}}
@media(max-width:450px){.logo{font-size:22px}.logo>span{width:30px;height:29px;font-size:25px}.nav-actions{gap:10px}#motion{font-size:12px;padding:8px}#motion>span{display:none}.small-cta{font-size:11px;padding:11px 12px}.small-cta>span{margin-left:8px}.hero{padding:43px 23px 55px;gap:35px}h1{font-size:49px;letter-spacing:-2.7px;margin:23px 0}.h-star{font-size:27px;right:-3px;top:-19px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px}.hero-copy>p{font-size:12px;line-height:1.9;margin:29px 0 23px}.hero-copy>p br{display:none}.hero-buttons{gap:19px}.hero-buttons .button{width:100%;max-width:290px;font-size:12px;padding:15px 18px}.hero-checks{gap:12px;font-size:6.5px;margin-top:20px}.hero-art{width:calc(100% - 14px);max-width:330px}.window-bar{font-size:7px;height:29px;padding:0 9px}.demo-title{padding:15px 19px;top:26px}.demo-title>span{font-size:32px}.demo-title>div{font-size:5px}.demo-title>div>span{font-size:22px;margin-top:2px}.demo-stage{margin:8px}.floating-tag{right:4px;top:-11px;font-size:6px}.floating-tag span{font-size:15px}.demo-bottom>span{font-size:5px}.demo-bottom button{font-size:9px;padding:8px}.demo-bottom{padding:0 8px 8px}.hello-sticker{bottom:9px;font-size:8px!important;padding:7px 11px!important}.hello-sticker>span{font-size:26px}.hello-sticker b{font-size:13px}.art-caption{font-size:5px;letter-spacing:.7px;margin-right:0}.pixel-cross{font-size:37px}.orbit-square{width:25px;height:25px;border-width:5px;left:-17px}.orbit-square.two{right:-15px}.stage-label{font-size:4.5px;letter-spacing:.8px}.section{padding:48px 20px 0}h2,.section-top h2{font-size:31px;letter-spacing:-1.3px}.section-top>p{font-size:11px}.feature-art{min-height:295px}.feature-title{font-size:68px;left:21px;top:85px}.big-jelly{width:85px;height:78px}.big-jelly i{top:29px;left:21px;width:5px;height:9px}.big-jelly i:nth-child(2){left:57px}.big-jelly b{top:31px;left:33px;font-size:21px}.jelly-a{right:33px;top:66px}.jelly-b{width:105px;height:69px;bottom:58px;right:15px}.jelly-b i{top:24px;left:27px}.jelly-b i:nth-child(2){left:69px}.jelly-b b{top:25px;left:43px}.jelly-c{width:63px;height:61px;bottom:44px;left:46%;border-radius:19px}.jelly-c i{top:20px;left:15px;width:4px;height:7px}.jelly-c i:nth-child(2){left:41px}.jelly-c b{top:22px;left:24px;font-size:16px}.feature-spark{font-size:38px;right:14px;top:18px}.feature-stamp{font-size:6px;left:18px}.feature-copy{padding:23px}.feature-meta{font-size:6px}.feature-copy h3{font-size:27px;margin-top:23px}.feature-copy p{font-size:12px}.feature-copy .button{width:100%}.feature-note{font-size:5px}.next-note{gap:11px}.next-note p{font-size:9px}.benefit{padding:22px;min-height:0}.benefit-art{position:relative;left:auto;top:auto;transform:none;width:210px;height:100px}.benefit h3 br{display:none}.benefit h3{font-size:23px}.last-call{padding:58px 22px 46px}.last-call .eyebrow{font-size:5.5px;letter-spacing:1px}.last-call h2{font-size:40px}.last-call .button{font-size:11px;gap:18px}.last-call p{font-size:8px}.last-spark{font-size:34px;top:12px}.last-heart{font-size:33px;bottom:17px}.question-art{display:none}footer p{font-size:8px}footer>div{font-size:9px}.footer-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:450px){.benefit h3 br{display:revert}}
.language-picker{position:relative;font:11px monospace}.language-picker summary{cursor:pointer;list-style:none;border:1px solid #b39bc9;padding:9px 10px;background:#eee5f7;min-width:58px;white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.language-picker>div{position:absolute;right:0;top:calc(100% + 9px);min-width:175px;padding:6px;border:1px solid #7b6196;background:#f8f1ff;box-shadow:4px 4px #a98dbf;z-index:20}.language-picker a{display:block;padding:12px;font:12px Arial,sans-serif}.language-picker a:hover,.language-picker a[aria-current]{background:#e1d0f1}.language-picker summary:focus-visible{outline:3px solid #644197;outline-offset:4px}.language-home{min-height:100svh;background-color:#e7dbf4;background-image:linear-gradient(#ae91c31a 1px,transparent 1px),linear-gradient(90deg,#ae91c31a 1px,transparent 1px);background-size:28px 28px;display:grid;place-items:center}.language-welcome{max-width:760px;width:100%;padding:45px 28px}.language-welcome .logo{margin-bottom:38px}.language-welcome h1{font-size:clamp(35px,6vw,65px);letter-spacing:-2px}.language-welcome>p{font-size:13px;color:#806690;line-height:1.8}.language-welcome nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.language-choice{display:flex;align-items:center;justify-content:space-between;padding:22px;background:#f6effd;border:2px solid #614978;box-shadow:4px 4px #b49bcb;transition:transform .2s}.language-choice:hover{transform:translateY(-3px);background:#dcc8ef}.language-note{font:10px monospace!important;letter-spacing:1px}html:lang(ja),html:lang(ko){font-family:Arial,'Yu Gothic','Malgun Gothic',sans-serif}html:lang(ja) h1,html:lang(ko) h1{letter-spacing:-1px;font-size:clamp(40px,4.4vw,68px);line-height:1.3}html:lang(ja) h2,html:lang(ko) h2{letter-spacing:0;font-size:33px}html:lang(ja) .hero-copy,html:lang(ko) .hero-copy{min-width:0}html:lang(ja) .benefit h3,html:lang(ko) .benefit h3{letter-spacing:0;font-size:22px;line-height:1.5}html:lang(ja) .nav nav,html:lang(ko) .nav nav{gap:18px}html:lang(ja) .feature-copy h3,html:lang(ko) .feature-copy h3{font-size:27px;line-height:1.4;letter-spacing:0}html:lang(id) .nav nav{gap:18px}.nav-actions{gap:12px}@media(max-width:1100px){.logo small{display:none}.nav nav{gap:16px;font-size:11px}.nav-actions{gap:9px}.small-cta{padding:11px 12px}}@media(max-width:800px){html:lang(ja) h1,html:lang(ko) h1{font-size:49px}}@media(max-width:450px){.nav{padding:0 14px}.nav-actions{gap:7px}.language-picker summary{font-size:10px;min-width:46px;padding:8px}.nav-actions #motion{display:none}.small-cta{font-size:10px;padding:10px}.small-cta>span{margin-left:5px}html:lang(ja) h1,html:lang(ko) h1{font-size:36px;line-height:1.35}html:lang(ja) h2,html:lang(ko) h2{font-size:27px;line-height:1.5}.language-welcome nav{grid-template-columns:1fr}.language-choice{padding:18px}}
body{overflow-x:clip}html:lang(ja) .hello-sticker,html:lang(ko) .hello-sticker{white-space:nowrap}html:lang(ja) .hello-sticker b,html:lang(ko) .hello-sticker b{font-size:16px}@media(max-width:450px){html:lang(ja) .hello-sticker b,html:lang(ko) .hello-sticker b{font-size:12px}}

/* Shared character artwork and the global player guide. */
.brand-banner{max-width:1180px;margin:32px auto 0;padding:0 26px}.brand-banner img{display:block;width:100%;height:auto;border:2px solid #49335f;border-radius:18px;box-shadow:7px 8px 0 #b69bd3}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{padding:28px;background:#f8f2ff;border:2px solid #c6b2dc;border-radius:18px;box-shadow:4px 5px #dbc9eb}.guide-card h3{font-size:23px;line-height:1.2;color:#39264e}.guide-card p{font-size:15px;line-height:1.8;color:#645373}.guide-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}@media(max-width:800px){.guide-grid{grid-template-columns:1fr}.brand-banner{margin-top:20px;padding:0 20px}.guide-card{padding:22px}}@media(prefers-reduced-motion:no-preference){.brand-banner img{animation:banner-arrive .7s ease-out both}@keyframes banner-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.motion-off .brand-banner img{animation:none}