@charset "UTF-8";:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17142e;background:#fff;font-synthesis:none;--ink:#17142e;--blue:#3269ef;--violet:#7952dc;--muted:#625f76;--mist:#f5f5fb;--line:#e5e4ef;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%;height:auto}p{color:var(--muted);margin:0 0 1.4rem}h1,h2,h3{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-weight:650;line-height:1.08;letter-spacing:-.045em;color:var(--ink);margin:0 0 1.5rem}h1{font-size:clamp(2.8rem,5.4vw,4.75rem)}h2{font-size:clamp(2rem,3.6vw,3.25rem)}h3{font-size:1.65rem;letter-spacing:-.025em}em{font-style:normal;color:var(--violet)}.wrap{max-width:1184px;width:calc(100% - 64px);margin-inline:auto}.section{padding-block:88px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:750;color:var(--violet);margin-bottom:20px}.lead{font-size:1.16rem;line-height:1.75;max-width:560px}.fine{font-size:.77rem;line-height:1.7}.text-link{display:inline-flex;gap:12px;color:#5940ac;font-weight:650;font-size:.9rem;border-bottom:1px solid #c9bfed;padding-bottom:5px}.text-link:hover{color:var(--blue)}.skip{position:absolute;left:16px;top:-70px;background:#fff;padding:12px;z-index:100}.skip:focus{top:8px}.site-header{position:sticky;top:0;z-index:50;background:#fffffff5;border-bottom:1px solid var(--line)}.navbar{display:flex;justify-content:space-between;align-items:center;min-height:85px;gap:24px;padding:0}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.22rem;font-weight:750;letter-spacing:-.035em;white-space:nowrap}.brand img{border-radius:11px}.nav-links{display:flex;align-items:center;gap:30px;font-size:.84rem;font-weight:600;color:var(--muted)}.nav-links a:hover{color:var(--violet)}.nav-download{padding:10px 18px;background:var(--ink);color:#fff;border-radius:999px;white-space:nowrap;font-size:.8rem;font-weight:650}.hero-section{position:relative;background:linear-gradient(140deg,#fff 20%,#f8f7ff 65%,#edf2ff);overflow:hidden;border-bottom:1px solid var(--line)}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;min-height:780px;padding-block:55px 65px}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:660px}.hero-copy .lead{max-width:490px}.hero-label{display:flex;align-items:center;gap:10px}.live-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #3269ef12}.hero-explore{margin-block:25px 20px}.hero-copy .fine{max-width:380px}.hero-visual{position:relative;height:640px}.hero-orbit{position:absolute;width:570px;height:570px;border:1px solid #d6d2f0;border-radius:50%;top:55px;left:-10px;box-shadow:0 0 0 40px #f0edfb,0 0 0 41px #e0dcf3}.hero-shot{position:absolute;top:12px;width:255px;border-radius:21px;overflow:hidden;box-shadow:0 24px 60px #25204b26}.hero-shot-front{left:10px;transform:rotate(-7deg);z-index:2}.hero-shot-back{right:-5px;top:68px;transform:rotate(8deg);width:250px}.hero-shot .app-shot{width:100%;height:auto}.visual-caption{position:absolute;bottom:0;left:36px;font-size:.72rem;letter-spacing:.04em;color:var(--muted)}.pending-button{display:inline-block;padding:13px 21px;border-radius:11px;background:var(--ink);color:#fff;font-size:.88rem;font-weight:650}.store-pending small{display:block;font-size:.72rem;color:var(--muted);margin-top:8px}.store-button{display:inline-block}.store-button img{width:150px;height:50px}.section-heading{max-width:740px;margin-bottom:40px}.section-heading h2{max-width:710px}.section-heading p{font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{border:1px solid var(--line);border-radius:24px;background:var(--mist);overflow:hidden;display:flex;flex-direction:column;box-shadow:none}.feature-copy{padding:38px 38px 30px}.feature-copy p{max-width:440px}.feature-copy .eyebrow{margin-bottom:15px}.feature-image{height:370px;overflow:hidden;background:#eceaf8;padding:25px 60px 0}.feature-image .app-shot{width:270px;margin:auto;border-radius:16px;box-shadow:0 12px 36px #17142e20}.feature-card:nth-child(2) .feature-image{background:#eef0fb}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.modes article{border-top:1px solid var(--line);padding-top:26px}.mode-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#ece9fa;color:var(--violet);font-size:1.6rem;border-radius:14px;margin-bottom:24px}.modes h3{font-size:1.35rem}.modes p{font-size:.94rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pip-section{background:#f2f0fb;border-block:1px solid var(--line)}.pip-art,.history-art{display:flex;justify-content:center;max-height:480px;overflow:hidden;border-radius:24px;background:#e6e1f8;padding:32px 32px 0}.pip-art .app-shot,.history-art .app-shot{width:260px;align-self:flex-start;border-radius:14px;box-shadow:0 15px 50px #17142e20}.history-art{background:#fff0f7}.format-tags{display:flex;flex-wrap:wrap;gap:8px;margin-block:28px}.format-tags span{font-size:.75rem;padding:6px 13px;background:var(--mist);border:1px solid var(--line);border-radius:7px}.gallery-section{background:var(--mist);border-block:1px solid var(--line)}.screenshot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.screenshot-grid figure{margin:0;min-width:0}.screenshot-grid .app-shot{border-radius:13px;width:100%;box-shadow:0 8px 18px #17142e0d}.screenshot-grid figcaption{font-size:.74rem;font-weight:600;margin-top:16px;color:var(--muted)}.pro-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--ink);border-radius:28px;padding:65px;color:#fff;overflow:hidden;position:relative}.pro-panel h2{color:#fff}.pro-panel p{color:#c7c3db}.pro-panel .eyebrow{color:#bca7ff}.pro-panel .pending-button{background:#fff;color:var(--ink)}.pro-panel .store-pending small{color:#c7c3db}.pro-panel .fine{margin-top:20px;max-width:340px}.pro-list{align-self:center}.pro-list>div{display:flex;align-items:center;gap:16px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.1333333333);font-size:.97rem}.pro-list>div>span:first-child{color:#bca7ff}.pro-tag{font-size:.57rem;letter-spacing:.1em;background:#ffffff12;padding:2px 6px;border-radius:4px;margin-left:auto;color:#d1c5ff}.pro-list p{font-size:.8rem;margin-top:22px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section details{border-bottom:1px solid var(--line);padding:22px 0}.faq-section details:first-child{padding-top:0}.faq-section summary{cursor:pointer;font-size:.98rem;font-weight:650;list-style:none;padding-right:26px;position:relative}.faq-section summary:after{content:"+";position:absolute;right:2px;color:var(--violet);font-size:1.2rem}.faq-section details[open] summary:after{content:"−"}.faq-section details p{margin:18px 22px 0 0;font-size:.92rem}.closing{text-align:center;border-top:1px solid var(--line)}.closing>img{margin:0 auto 28px;border-radius:21px}.closing h2{margin-bottom:20px}.closing .store-pending small{margin-top:12px}.site-footer{background:var(--mist);padding-block:60px 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-top p{margin-top:20px;font-size:.88rem}.footer-top nav{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:22px;font-size:.8rem;max-width:650px}.footer-top nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:22px;margin-top:36px;color:var(--muted);font-size:.7rem}.breadcrumbs{font-size:.76rem;color:var(--muted);padding-top:28px}.breadcrumbs a{text-decoration:underline}.feature-hero{padding-block:65px 80px;gap:70px}.feature-hero h1{font-size:clamp(2.6rem,4.3vw,4.1rem)}.page-shot{display:flex;justify-content:center;max-height:570px;overflow:hidden;border-radius:28px;background:var(--mist);padding:28px 30px 0}.page-shot .app-shot{width:265px;border-radius:16px}.article{max-width:790px;padding-bottom:85px}.article h2{font-size:1.65rem;letter-spacing:-.025em;margin-top:45px;margin-bottom:18px}.article p,.article li{font-size:1rem;line-height:1.85;color:var(--muted)}.article a{color:#5940ac;text-decoration:underline;text-underline-offset:3px}.article ul,.article ol{padding-left:24px;margin-bottom:24px;list-style:revert}.article li{padding-left:7px;margin-bottom:12px}.page-intro{max-width:790px;padding-block:60px 5px}.page-intro h1{font-size:clamp(2.8rem,5vw,4.6rem)}.notice{background:#f3efff;border-left:3px solid var(--violet);padding:20px;font-size:.88rem}.error-page{padding-block:120px 160px}.error-page .text-link{margin-left:30px}.primary-button{display:inline-block;background:var(--ink);color:#fff;border-radius:10px;padding:12px 20px;font-weight:600}@media (min-width: 1400px){.hero-shot-front{left:20px}.hero-shot-back{right:10px}}@media (max-width: 1000px){.wrap{width:calc(100% - 48px)}.nav-links{gap:20px}.hero-layout{gap:20px;min-height:720px}.hero-visual{height:560px}.hero-shot-front{width:210px;left:0;top:20px}.hero-shot-back{width:205px;right:-5px;top:85px}.hero-orbit{width:430px;height:430px}.hero-copy h1{font-size:3.55rem}.visual-caption{left:20px;bottom:5px}.split{gap:45px}.pro-panel{padding:45px;gap:40px}.screenshot-grid{grid-template-columns:repeat(3,1fr);gap:25px}.screenshot-grid .app-shot{max-width:240px;margin:auto}.screenshot-grid figcaption{text-align:center}.faq-section{gap:45px}.feature-image{padding-inline:30px}}@media (max-width: 700px){.wrap{width:calc(100% - 40px)}.section{padding-block:60px}.navbar{min-height:76px;gap:12px;flex-wrap:wrap;padding-block:14px}.brand{font-size:1.1rem}.nav-download{margin-left:auto;font-size:.75rem}.nav-links{order:3;flex-basis:100%;justify-content:space-between;gap:9px;font-size:.72rem;padding-top:9px}.hero-layout{grid-template-columns:1fr;padding-block:45px 35px;min-height:0;gap:20px}.hero-copy h1{font-size:clamp(2.8rem,10vw,4rem);max-width:580px}.hero-copy .lead{font-size:1rem;max-width:500px}.hero-copy .fine{max-width:430px}.hero-label{font-size:.65rem}.hero-visual{height:540px;width:100%;max-width:400px;margin:auto}.hero-shot-front{width:205px;left:12px;top:25px}.hero-shot-back{width:195px;right:10px;top:62px}.hero-orbit{width:340px;height:340px;left:25px;top:95px}.visual-caption{bottom:0;left:25px;font-size:.65rem}.feature-grid,.split,.modes,.pro-panel,.faq-section{grid-template-columns:1fr;gap:30px}.section-heading{margin-bottom:30px}.feature-copy{padding:30px}.feature-image{height:330px}.modes{gap:22px}.modes article{padding-top:22px}.mode-icon{float:left;margin:0 20px 24px 0;width:40px;height:40px}.modes h3{margin-bottom:15px}.modes p{clear:both}.pip-art,.history-art{max-height:440px;order:2}.pip-art .app-shot,.history-art .app-shot{width:245px}.history{gap:22px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.screenshot-grid figcaption{font-size:.68rem}.pro-panel{padding:32px;border-radius:22px}.pro-list>div{font-size:.86rem;gap:10px}.pro-panel h2{font-size:2.7rem}.faq-section{gap:35px}.footer-top{flex-direction:column;gap:16px}.footer-top nav{justify-content:flex-start;gap:15px 22px}.footer-bottom{flex-direction:column;gap:8px;margin-top:28px}.feature-hero{padding-block:40px 55px}.page-shot{max-height:500px}.feature-hero h1{font-size:2.75rem}.page-intro{padding-top:40px}.article h2{font-size:1.5rem}.error-page .text-link{display:table;margin:24px 0 0}.error-page{padding-block:85px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.site-header{transition:background .45s,border-color .45s}.site-header .navbar{transition:width .55s cubic-bezier(.16,1,.3,1),border-radius .55s,box-shadow .55s,background .55s}.site-header.is-scrolled{background:transparent;border-color:transparent}.site-header.is-scrolled .navbar{background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 10px 40px #17142e12}.hero-shot-front{transform:translate3d(calc(var(--hero-progress, 0) * -36px),calc(var(--hero-progress, 0) * -35px),0) rotate(calc(-7deg + var(--hero-progress, 0) * 11deg))}.hero-shot-back{transform:translate3d(calc(var(--hero-progress, 0) * 12px),calc(var(--hero-progress, 0) * -90px),0) rotate(calc(8deg - var(--hero-progress, 0) * 12deg))}.hero-orbit{transform:scale(calc(1 + var(--hero-progress, 0) * .12)) rotate(calc(var(--hero-progress, 0) * 30deg))}@media (prefers-reduced-motion: no-preference){.hero-shot-front{animation:subtitle-float 6s ease-in-out infinite}.hero-shot-back{animation:subtitle-float 7s ease-in-out -2.5s infinite reverse}.hero-orbit{animation:orbit-breathe 8s ease-in-out infinite}.live-dot{animation:listening-pulse 2.8s ease-in-out infinite}.feature-card,.screenshot-grid figure,.modes article{transition:translate .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s}.feature-image .app-shot,.pip-art .app-shot,.history-art .app-shot{transition:transform .7s cubic-bezier(.16,1,.3,1)}.nav-download,.store-button,.primary-button{transition:translate .25s,box-shadow .25s}.text-link{transition:gap .3s,color .3s,border-color .3s}.faq-section summary:after{content:"+";transition:transform .3s}.faq-section details[open] summary:after{content:"+";transform:rotate(45deg)}.section-heading h2{position:relative;padding-bottom:20px}.section-heading h2:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--violet))}}@keyframes subtitle-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes orbit-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes listening-pulse{0%,to{box-shadow:0 0 0 5px #3269ef12}50%{box-shadow:0 0 0 10px #3269ef05}}@media (min-width: 1001px) and (prefers-reduced-motion: no-preference){.site-header.is-scrolled .navbar{width:min(1120px,100% - 128px);padding-inline:22px}.hero-section.motion-story{height:175svh;overflow:clip}.motion-story .hero-layout{position:sticky;top:85px;min-height:calc(100svh - 85px);padding-block:35px}.motion-story .hero-visual{height:min(640px,100svh - 165px);min-height:480px}.motion-story .hero-shot-front{width:clamp(205px,28svh,255px)}.motion-story .hero-shot-back{width:clamp(200px,27.5svh,250px)}}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.feature-card:hover{translate:0 -7px;box-shadow:0 22px 45px #17142e12;border-color:#c7bfeb}.feature-card:hover .app-shot{transform:translateY(-15px) rotate(-2deg)}.screenshot-grid figure:hover{translate:0 -12px}.modes article:hover{translate:0 -5px;border-color:var(--violet)}.pip-art:hover .app-shot,.history-art:hover .app-shot{transform:translateY(-14px)}.nav-download:hover,.store-button:hover,.primary-button:hover{translate:0 -3px;box-shadow:0 8px 18px #17142e20}.text-link:hover{gap:20px}}@media (max-width: 1000px){.site-header.is-scrolled .navbar{padding-inline:14px}}@media (prefers-reduced-motion: reduce){.hero-shot,.hero-orbit{translate:none!important}.site-header .navbar{transition:none}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:1.08rem;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.theme-toggle:hover{background:var(--mist);transform:translateY(-1px)}html[data-color-mode=dark]{--ink:#f4f3ff;--blue:#7fa4ff;--violet:#b9a4ff;--muted:#b6b4c9;--mist:#1a1b2c;--line:#34354a;color-scheme:dark;background:#0d0e18}html[data-color-mode=dark] body{background:#0d0e18;color:var(--ink)}html[data-color-mode=dark] .site-header{background:#0d0e18f5}html[data-color-mode=dark] .site-header.is-scrolled .navbar{background:#161726f0;box-shadow:0 10px 40px #0008}html[data-color-mode=dark] .hero-section{background:linear-gradient(140deg,#0d0e18 20%,#16152a 65%,#111d38)}html[data-color-mode=dark] .hero-orbit{border-color:#4b4772;box-shadow:0 0 0 40px #17162b,0 0 0 41px #302d51}html[data-color-mode=dark] .feature-card,html[data-color-mode=dark] .gallery-section,html[data-color-mode=dark] .site-footer{background:var(--mist)}html[data-color-mode=dark] .feature-image,html[data-color-mode=dark] .pip-art,html[data-color-mode=dark] .page-shot{background:#24243a}html[data-color-mode=dark] .feature-card:nth-child(2) .feature-image{background:#20243b}html[data-color-mode=dark] .pip-section{background:#17162b}html[data-color-mode=dark] .history-art{background:#302137}html[data-color-mode=dark] .pro-panel{background:#090a13}html[data-color-mode=dark] .language-options{background:#1b1c2c;box-shadow:0 14px 35px #0008}html[data-color-mode=dark] .skip{background:#1b1c2c}html[data-color-mode=dark] .notice{background:#26203d}html[data-color-mode=dark] .text-link,html[data-color-mode=dark] .article a{color:#c8b9ff}html[data-color-mode=dark] .nav-download,html[data-color-mode=dark] .pending-button,html[data-color-mode=dark] .primary-button{background:#f4f3ff;color:#131321}html[data-color-mode=dark] .store-pending small{color:#aaa8c0}html[data-color-mode=dark] .theme-toggle{color:var(--ink)}@media (max-width: 700px){.theme-toggle{width:34px;height:34px}.language-label{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.nav-actions{display:flex;align-items:center;gap:12px}.language-menu{position:relative;color:var(--muted);font-size:.78rem}.language-menu summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-weight:650}.language-menu summary::-webkit-details-marker{display:none}.language-globe{font-size:1rem;line-height:1}.language-label{line-height:1}.language-options{position:absolute;right:0;top:calc(100% + 10px);display:grid;gap:2px;min-width:150px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 35px #17142e18}.language-options a{padding:7px 10px;border-radius:8px;white-space:nowrap}.language-options a:hover{background:var(--mist);color:var(--violet)}
