:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:#384052;background:#fffaf7;scroll-behavior:smooth;scroll-padding-top:90px}
*{box-sizing:border-box}body{margin:0;line-height:1.75}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #5273b8;outline-offset:4px}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;top:-80px;left:16px;z-index:20;padding:10px 16px;background:#fff;border-radius:12px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;background:#fffaf7ed;border-bottom:1px solid #f2e5e5;backdrop-filter:blur(18px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;line-height:1.2;color:#4d5284}.brand img{border-radius:14px}.brand small{display:block;font-size:10px;letter-spacing:.08em;color:#927f96}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.site-header nav a:hover,footer a:hover{color:#d6568e}.nav-support{padding:8px 16px;border:1px solid #e7b8ce;border-radius:30px}
.hero{overflow:hidden;background:radial-gradient(circle at 72% 23%,#dff7f7 0,transparent 38%),radial-gradient(circle at 8% 20%,#ffedf5 0,transparent 35%),linear-gradient(140deg,#fff8f6,#fff8dc 68%,#e7faf7)}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px}.hero-copy{position:relative;z-index:2;padding:70px 0}.eyebrow,.kicker{font-size:13px;font-weight:900;letter-spacing:.1em;color:#d65591}.eyebrow{display:inline-block;background:#fff;border:1px solid #f4cfdd;padding:6px 17px;border-radius:50px;box-shadow:0 10px 30px #e89ab32a}.hero h1,h2{line-height:1.3;letter-spacing:-.05em}.hero h1{font-size:clamp(42px,5vw,72px);color:#6a5a9f;margin:22px 0}.hero h1 em{font-style:normal;color:#e15d99}.hero-lead{font-size:clamp(20px,2.4vw,28px);font-weight:800;color:#485986}.hero-body{max-width:550px;color:#636777}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 21px;border-radius:50px;font-size:14px;font-weight:800}.primary{color:white;background:#bd568c;box-shadow:0 10px 22px #bc568a38}.primary:hover{background:#9c3d73}.secondary{color:#745b85;background:#fff;border:1px solid #ead7e2}.secondary:hover{background:#fff1f7}.hero-note{margin-top:24px;color:#7f7b85;font-size:12px;font-weight:700}.hero-art{height:640px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;border-radius:50%}.orbit-one{width:540px;height:540px;background:#fff7f5aa}.orbit-two{width:430px;height:430px;border:2px dashed #eac8d5;transform:rotate(18deg)}.hero-shot{z-index:1;width:min(330px,72%);height:auto;max-height:575px;object-fit:contain;filter:drop-shadow(0 20px 30px #6c567b35);transform:rotate(-5deg);border-radius:22px}.hero-character{position:absolute;z-index:2;width:210px;right:0;bottom:22px;filter:drop-shadow(0 12px 16px #ae60833b)}
section:not(.hero){padding:96px 0}.section-title{max-width:720px}.section-title h2,.details-copy h2,.privacy-panel h2,.closing h2{font-size:clamp(30px,3.6vw,48px);margin:8px 0 18px;color:#56537f}.section-title h2 span,.details-copy h2 span,.privacy-panel h2 span{color:#d75892}.section-title>p:last-child{color:#6b6c78}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.flow-grid article{position:relative;background:#fff;border:1px solid #f3e6e9;border-radius:28px;padding:30px;box-shadow:0 18px 45px #9f708214}.flow-grid article:nth-child(2){background:#f3faff}.flow-grid article:nth-child(3){background:#f1fcf6}.flow-grid b{color:#dd94b9;font-size:12px}.flow-symbol{display:block;font-size:36px;color:#db6b9e;margin-top:10px}.flow-grid h3{font-size:21px;margin:8px 0}.flow-grid p{margin:0;color:#6b6c78}
.screens-section{background:#fff1f6}.screens-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.device-picker{display:flex;gap:5px;padding:5px;background:#fff;border:1px solid #ecdce5;border-radius:50px;white-space:nowrap}.device-picker button{border:0;background:transparent;border-radius:40px;padding:9px 18px;cursor:pointer;font-weight:800;color:#736e7d}.device-picker button.selected{background:#655e9d;color:#fff}.screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;margin-top:38px}.screen-grid figure{margin:0;min-width:0}.screen-grid img{width:100%;height:auto;border-radius:16px;box-shadow:0 16px 36px #7c5c7d2b}.screen-grid figcaption{display:flex;gap:11px;align-items:baseline;margin-top:13px;color:#474258;font-weight:800;line-height:1.4}.screen-grid figcaption b{color:#d45e94;font-size:13px}.screen-grid small{display:block;font-size:11px;font-weight:500;color:#807787;margin-top:4px}.screen-grid[data-device=ipad]{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-grid[data-device=ipad] img{border-radius:12px}
.details-section{background:#fffefa}.details-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.details-copy p{max-width:630px}.fine-print{font-size:13px;color:#777787}.details-cards{display:grid;gap:14px}.details-cards article{display:grid;grid-template-columns:50px 1fr;column-gap:15px;align-items:center;background:#fff;border:1px solid #ece8ee;border-radius:22px;padding:18px 23px;box-shadow:0 12px 34px #816a8710}.details-cards article>span{grid-row:span 2;color:#d75f99;font-size:35px}.details-cards h3{margin:0;font-size:17px}.details-cards p{margin:0;color:#737482;font-size:13px}
.privacy-section{background:#f5f7ff}.privacy-panel{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:20px;background:white;border-radius:36px;padding:42px 65px;box-shadow:0 20px 55px #64639a12}.privacy-panel p{max-width:670px}.privacy-panel img{width:100%;height:auto}.closing{text-align:center;background:linear-gradient(130deg,#fff0f6,#e9f8ff)}.closing p{margin-inline:auto}.closing .actions{justify-content:center}footer{background:#464666;color:#fff;padding:42px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{line-height:1.35}.footer-inner strong{font-size:20px}.footer-inner nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}footer small{color:#d2cede}
@media(max-width:850px){.site-header nav{gap:12px;font-size:12px}.hero-grid{grid-template-columns:1fr .8fr}.hero-art{height:540px}.hero-character{width:155px}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.details-grid{gap:30px}.privacy-panel{grid-template-columns:1fr 190px;padding:36px}}
@media(max-width:650px){.container{width:min(100% - 32px,500px)}.header-inner{min-height:64px}.brand{font-size:17px}.brand img{width:38px;height:38px}.site-header nav a:not(.nav-support){display:none}.nav-support{padding:6px 10px}.hero-grid{display:block}.hero-copy{padding:45px 0 0}.hero h1{font-size:clamp(39px,11vw,58px)}.hero-lead{font-size:20px}.hero-art{height:450px;margin-top:-10px}.hero-shot{width:230px;max-height:410px}.hero-character{right:0;bottom:5px;width:145px}.orbit-one{width:360px;height:360px}.orbit-two{width:300px;height:300px}section:not(.hero){padding:66px 0}.flow-grid{grid-template-columns:1fr;gap:12px;margin-top:26px}.flow-grid article{padding:18px 23px}.flow-symbol{display:inline-block;margin:0 12px 0 0;font-size:29px}.flow-grid h3{display:inline-block}.screens-head{display:block}.device-picker{width:max-content;margin-top:20px}.screen-grid,.screen-grid[data-device=ipad]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:-16px;padding:0 16px 30px}.screen-grid figure{flex:0 0 min(70vw,290px);scroll-snap-align:start}.screen-grid[data-device=ipad] figure{flex-basis:min(83vw,350px)}.details-grid,.privacy-panel{display:block}.details-cards{margin-top:28px}.privacy-panel{padding:30px}.privacy-panel img{width:160px;margin:16px auto 0}.footer-inner{display:block}.footer-inner nav{margin:24px 0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

/* Show the complete artboard at its natural aspect ratio. */
.hero-grid{min-height:790px}.hero-art{height:760px}
.hero-preview{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,560px);height:760px}
.preview-aura{position:absolute;width:540px;height:540px;border-radius:50%;background:#fff7f5a8}
.preview-backplate,.preview-card{width:min(340px,86%);aspect-ratio:1284/2778}
.preview-backplate{position:absolute;border:2px solid #ffffffb8;border-radius:28px;background:linear-gradient(145deg,#e5e3ff,#d4f3f6);transform:translate(20px,12px) rotate(5deg);box-shadow:0 25px 60px #69608a22}
.preview-card{position:relative;z-index:1;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 30px 64px #54487436}
.preview-card img{width:100%;height:auto;max-width:none}
.preview-mascot{position:absolute;z-index:2;right:-12px;bottom:28px;width:150px;height:auto;filter:drop-shadow(0 12px 16px #71517843)}
.preview-star{position:absolute;z-index:2;color:#ffce63;text-shadow:0 2px 10px #fff;font-size:48px}.star-one{left:6px;top:53px}.star-two{right:10px;top:100px}
@media(max-width:850px){.hero-grid{min-height:700px}.hero-art,.hero-preview{height:680px}.preview-aura{width:440px;height:440px}.preview-backplate,.preview-card{width:min(305px,86%)}.preview-mascot{right:-35px;bottom:20px;width:110px}}
@media(max-width:650px){.hero-art{height:680px;margin-top:0}.hero-preview{height:680px;width:min(100%,390px);margin:auto}.preview-aura{width:350px;height:350px}.preview-backplate,.preview-card{width:min(305px,86%);border-radius:24px}.preview-mascot{right:-18px;bottom:20px;width:105px}.preview-star{font-size:34px}.star-one{top:35px;left:10px}.star-two{top:60px;right:15px}}