:root{color-scheme:dark;--bg:#080c16;--panel:#101723;--text:#f2f5ff;--muted:#a1adc2;--line:#ffffff17;--blue:#84cfff;--accent:#a5ddff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-90px;left:16px;z-index:100;padding:12px;background:white;color:black}.skip:focus{top:16px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 80px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:750;letter-spacing:1px}.brand img{border-radius:11px}.brand small{font-size:11px;display:block;letter-spacing:2px;font-weight:400;color:var(--muted);line-height:1.2}.site-header nav{display:flex;gap:32px;font-size:14px;color:#c0c8d8}.site-header a:hover,.footer a:hover{color:var(--blue)}.nav-contact{font-size:13px;border:1px solid #ffffff35;padding:9px 18px;border-radius:30px}.nav-contact span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:690px;padding:85px 0 100px;gap:20px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--blue);margin:0 0 25px}.live-dot{display:inline-block;height:6px;width:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 14px var(--blue);margin:0 10px 2px 0}h1{font-size:clamp(38px,4.4vw,64px);line-height:1.28;letter-spacing:-2px;margin:0 0 28px;font-weight:800}.light-word{color:var(--blue);text-shadow:0 0 35px #389eff55}.hero-description{color:var(--muted);font-size:16px;line-height:1.95}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 23px;border-radius:8px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#c3e9ff}.primary{background:var(--accent);color:#0b2033}.release{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.release svg{width:17px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.hero-note{font-size:11px;color:#8795ad;margin-top:24px;letter-spacing:.5px}.hero-note span{margin:0 10px;color:#3b4b65}.hero-art{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orb{position:absolute;width:105%;height:125%;z-index:-1;background:radial-gradient(ellipse,#1255ac55,transparent 67%)}.hero-art-label{position:absolute;top:14px;right:14px;font-size:9px;letter-spacing:2px;color:#7693b4}.billboard{width:100%;padding:16px 20px;background:linear-gradient(145deg,#172534,#0b131f 50%,#172331);border:1px solid #94bbdc66;border-radius:24px;transform:rotate(-8deg);box-shadow:0 25px 70px #000b,0 0 45px #1981ff20,inset 0 0 0 4px #ffffff06}.billboard-top,.billboard-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#849cb8}.billboard-top{margin-bottom:12px}.billboard-bottom{margin-top:12px}.signal{color:#8eccfb}canvas{width:100%;display:block}.billboard canvas{height:190px;border-radius:9px;background:#02070f}.floating-tag{position:absolute;font-size:12px;letter-spacing:1px;border:1px solid #9dbddd35;background:#111c2aee;padding:9px 16px;border-radius:40px;box-shadow:0 10px 30px #0005}.tag-top{right:5%;top:65px;transform:rotate(5deg);color:#c7e6ff}.tag-bottom{left:10%;bottom:35px;transform:rotate(-4deg);color:#9dafe0}.art-caption{position:absolute;bottom:0;font-size:10px;color:#748399}.scene-strip{border-block:1px solid var(--line);background:#0b111c;padding:23px 0}.scene-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}.scene-strip span{font-size:11px;letter-spacing:2px;color:#6f7f96;white-space:nowrap}.scene-strip p{margin:0;font-size:13px;letter-spacing:1px;color:#b5bfd1}.scene-strip b{color:#5b789c;font-size:10px;margin:0 21px}.section{padding-block:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px;gap:40px}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.4;letter-spacing:-1px;margin:0;font-weight:750}.section-heading p:last-child{font-size:14px;color:var(--muted);line-height:1.9}.demo-shell{background:#101825;border:1px solid #89c6ff26;border-radius:20px;overflow:hidden}.demo-screen{padding:30px;position:relative;background:radial-gradient(ellipse at center,#0d2740,#02060c 70%);height:300px;display:flex;align-items:center}.demo-screen canvas{height:220px}.screen-label{position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-size:10px;color:#8290a6}.demo-controls{display:grid;grid-template-columns:1.1fr 1.1fr auto;align-items:center;gap:35px;padding:28px 32px}.input-group label,legend{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.input-group input{width:100%;color:white;background:#080e17;border:1px solid #39475d;border-radius:7px;padding:10px 13px;font-size:15px}.input-hint{font-size:10px;color:#8d9bb1;display:block;margin-top:7px}fieldset{border:0;margin:0;padding:0}.effect-options{display:flex;gap:6px}.effect-options button{white-space:nowrap;background:#192334;border:1px solid #344257;color:#bbc7da;padding:10px 14px;border-radius:7px;font-size:12px}.effect-options button[aria-pressed=true]{background:#a5ddff;color:#0a273f;border-color:#a5ddff}.pause{padding:10px 0;background:transparent;color:#c0cce0;border:0;white-space:nowrap;font-size:12px}.pause span{margin-left:12px}.features{padding-top:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{position:relative;background:#101722;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:34px;min-height:400px}.feature-number{font-size:11px;letter-spacing:1px;color:var(--blue)}.feature h3{font-size:28px;line-height:1.5;margin:18px 0 13px;letter-spacing:-.5px}.feature p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.feature-template{min-height:535px;background:radial-gradient(ellipse at bottom right,#263152,#101722 75%)}.feature-copy{position:relative;z-index:2}.feature-template .feature-copy{max-width:56%}.phone{position:absolute;right:26px;top:100px;width:215px;border:6px solid #343b4e;border-radius:35px;overflow:hidden;transform:rotate(8deg);box-shadow:0 30px 70px #000a;background:#f0f1f7}.screenshot-label{position:absolute;bottom:22px;left:34px;color:#8093af;font-size:10px}.feature-editor{min-height:535px;background:radial-gradient(ellipse at bottom,#202441,#101722 75%)}.editor-shot{position:absolute;bottom:-225px;left:50%;width:235px;border:6px solid #343b4e;border-radius:30px;overflow:hidden;transform:translateX(-50%) rotate(-5deg);box-shadow:0 20px 50px #0008}.feature-editor .feature-copy{max-width:100%}.feature-clock{min-height:390px;background:#0d141d}.clock-shot{width:75%;margin:20px auto -25px;border-radius:12px;transform:rotate(-4deg);box-shadow:0 20px 35px #0006}.feature-export{display:flex;flex-direction:column;min-height:390px}.export-art{height:170px;position:relative;display:flex;align-items:center;justify-content:center}.export-frame{width:70%;text-align:center;color:#ffaade;font-size:38px;font-weight:800;letter-spacing:4px;border:1px solid #7c526f;background:radial-gradient(ellipse,#411b48,#090d17);border-radius:12px;padding:15px;transform:rotate(-5deg);text-shadow:0 0 20px #fa86db66}.export-frame span{display:block;font-size:9px;letter-spacing:2px;font-weight:400;color:#c493b9}.format-tag{position:absolute;background:#242936;border:1px solid #50596b;border-radius:7px;font-size:10px;letter-spacing:2px;padding:7px 13px}.video{top:28px;right:10px;transform:rotate(8deg)}.gif{bottom:20px;left:20px;transform:rotate(5deg);color:#ffb4dc}.fine-print{font-size:10px;color:#93a0b5;margin-top:16px}.quiet-section{padding:82px 0;background:#0e1520;border-block:1px solid var(--line)}.quiet-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.principles article{display:flex;gap:23px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.principles article:last-child{margin:0;padding:0;border:0}.principles article>span{color:var(--blue);font-size:25px;line-height:1.5}.principles h3{font-size:17px;margin:0 0 7px;font-weight:600}.principles p{font-size:13px;color:var(--muted);margin:0}.contact-section{text-align:center;padding-bottom:110px}.contact-section img{border-radius:20px;margin:0 auto 25px;box-shadow:0 10px 60px #3180fb20}.contact-section .eyebrow{margin-bottom:20px}.contact-section>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:22px 0 27px}.email{display:block;font-size:12px;color:var(--muted);margin-top:15px}.footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:18px}.footer-brand small{font-size:10px}.footer>span{font-size:10px;color:#8c9ab0}.footer nav{display:flex;gap:22px;font-size:11px;color:#a0acc0}.legal{max-width:800px;padding-top:65px;padding-bottom:90px}.legal h1{font-size:42px;margin-bottom:15px}.legal .intro{color:var(--muted);margin-bottom:40px}.legal h2{font-size:22px;letter-spacing:0;margin-top:35px;margin-bottom:13px}.legal p,.legal li{font-size:15px;color:#bdc7d8}.legal a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.legal .mail-card{padding:25px 28px;border:1px solid #496681;border-radius:12px;background:#102035;margin:30px 0}.legal .mail-card p{margin:5px 0}.legal details{border-bottom:1px solid var(--line);padding:18px 0}.legal summary{cursor:pointer;font-size:17px;font-weight:600}.legal details p{margin-bottom:8px}.back-link{font-size:12px;display:inline-block;margin-bottom:30px}
@media(min-width:1450px){.hero{min-height:760px}.hero-art{min-height:460px}.billboard canvas{height:230px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:20px;min-height:600px}.hero-art{min-height:350px}.billboard canvas{height:155px}.hero-actions{align-items:start;flex-direction:column;gap:15px}.scene-strip b{margin:0 12px}.demo-controls{gap:20px;grid-template-columns:1fr 1fr}.pause{grid-column:2;justify-self:end;margin-top:-5px}.phone{width:190px;right:8px;top:185px}.feature-template .feature-copy{max-width:80%}.quiet-layout{gap:40px}.footer{flex-wrap:wrap}.feature{padding:27px}.feature h3{font-size:25px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;width:calc(100% - 40px)}.site-header nav{gap:18px;font-size:12px}.site-header nav a:first-child{display:none}.nav-contact{display:none}.brand{font-size:20px}.brand img{width:36px;height:36px}.hero{grid-template-columns:1fr;padding:50px 0 35px;gap:30px;min-height:auto}.hero h1{font-size:clamp(36px,8.6vw,52px);letter-spacing:-1.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-description{font-size:14px}.hero-actions{flex-direction:row;align-items:center;gap:17px}.button{padding:13px 17px;font-size:13px;gap:17px}.release{font-size:10px}.hero-art{min-height:295px;margin:0 8px}.billboard{padding:14px}.billboard canvas{height:155px}.hero-art-label{top:0;font-size:8px}.tag-top{top:32px}.tag-bottom{bottom:17px;left:6%}.floating-tag{font-size:10px;padding:7px 12px}.art-caption{bottom:-8px}.scene-strip{padding:20px 0}.scene-strip .wrap{display:block}.scene-strip span{font-size:10px}.scene-strip p{font-size:11px;line-height:2.5;margin-top:8px}.scene-strip b{margin:0 8px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:27px}.section-heading .eyebrow{font-size:10px;margin-bottom:17px}.section-heading h2{font-size:30px}.section-heading p:last-child{font-size:12px;margin-top:16px}.demo-screen{height:215px;padding:16px}.demo-screen canvas{height:155px}.screen-label{font-size:9px;bottom:11px}.demo-controls{display:flex;flex-wrap:wrap;padding:20px;gap:18px}.input-group{width:100%}.effect-options button{padding:10px 12px;font-size:11px}.pause{margin-left:auto;margin-top:20px;font-size:11px}.feature-grid{grid-template-columns:1fr;gap:16px}.features{padding-top:0}.feature-template,.feature-editor{min-height:475px}.feature-template .feature-copy{max-width:63%}.feature-template .phone{width:170px;top:145px;right:13px}.feature-editor .editor-shot{bottom:-265px;width:240px}.feature h3{font-size:26px}.feature p{font-size:12px}.feature-clock,.feature-export{min-height:355px}.quiet-section{padding:55px 0}.quiet-layout{grid-template-columns:1fr;gap:35px}.quiet-layout h2{font-size:30px}.principles h3{font-size:16px}.principles p{font-size:12px}.contact-section h2{font-size:32px}.footer{gap:18px;padding-bottom:30px}.footer nav{width:100%;gap:24px}.legal{padding-top:35px}.legal h1{font-size:34px}.legal h2{font-size:21px}.legal p,.legal li{font-size:14px}}
@media(max-width:380px){.hero-actions{flex-direction:column;align-items:start}.demo-controls{gap:12px}.pause{margin-top:0;margin-left:0}.feature-template .phone{width:155px;right:5px;top:210px}.feature-template .feature-copy{max-width:90%}.scene-strip b{margin:0 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Brand showcase, language controls and light theme. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
i18n-text{display:inline}
.site-header{height:72px;gap:25px}.logo-brand{gap:12px;flex-shrink:0}.brand-showcase{display:block;position:relative;width:142px;height:56px}.brand .brand-mascot{position:absolute;left:0;top:2px;width:52px;height:auto;border-radius:0;z-index:2;filter:drop-shadow(0 4px 7px #0002)}.mini-phone{position:absolute;bottom:8px;left:43px;width:99px;height:37px;border:2px solid #b5c4d5;border-radius:10px;background:#02070e;box-shadow:0 4px 15px #0005;z-index:3;padding:3px 8px 7px;transform:rotate(-5deg)}.mini-phone:after{content:"";position:absolute;width:2px;height:9px;border-radius:2px;background:#677182;right:3px;top:15px}.mini-phone canvas{height:20px}.brand-name{font-size:23px}.brand-name small{letter-spacing:1px}.site-preferences{display:flex;align-items:center;gap:10px}.language-control select{min-height:40px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:8px 26px 8px 11px;border-radius:22px;font-size:12px;max-width:118px;cursor:pointer}#theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--text);background:var(--panel);font-size:21px;line-height:1}.site-header .nav-contact{display:none}.download-section{padding-block:85px}.download-panel{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:55px 70px;background:radial-gradient(ellipse at right,#174d7833,transparent 65%),var(--panel);overflow:hidden}.download-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:22px 0}.download-copy .download-note{font-size:11px;max-width:350px;margin-top:16px}.download-art{position:relative;width:300px;max-width:100%;height:315px;justify-self:center}.download-art img{position:absolute;width:235px;height:auto;left:0;top:0;filter:drop-shadow(0 12px 20px #0002)}.download-phone{position:absolute;width:235px;height:98px;border:3px solid #b0c0d2;border-radius:20px;bottom:20px;right:0;background:#030810;padding:9px 18px 17px;transform:rotate(-8deg);box-shadow:0 12px 28px #0006}.download-phone canvas{height:62px}.download-phone>span{display:block;font-size:8px;color:#82c8ff;letter-spacing:5px;text-align:center;margin-top:-3px}.download-art>p{position:absolute;bottom:-12px;width:100%;font-size:10px;text-align:center;color:var(--muted);letter-spacing:2px}.footer-brand{gap:5px}.footer-brand small{display:none}.logo-brand:hover .brand-mascot{transform:translateY(-2px)}.brand-mascot{transition:transform .2s}html[lang=en] h1{font-size:clamp(34px,3.5vw,53px);letter-spacing:-1.5px}html[lang=en] .brand-name{font-size:16px}html[lang=en] .feature-template .feature-copy{max-width:64%}html[lang=en] .feature h3{font-size:25px}html[lang=en] .feature-editor{min-height:570px}html[lang=ko] h1{font-size:clamp(36px,4vw,58px)}
html[data-theme=light]{color-scheme:light;--bg:#f5f8fc;--panel:#ffffff;--text:#152c45;--muted:#52677f;--line:#203b5a20;--blue:#146496;--accent:#a5ddff}
html[data-theme=light] .site-header nav{color:#38526c}html[data-theme=light] .nav-contact{border-color:#61789240}html[data-theme=light] .hero-note{color:#526b84}html[data-theme=light] .light-word{text-shadow:0 0 30px #6ab7e433}html[data-theme=light] .orb{background:radial-gradient(ellipse,#add7ff65,transparent 67%)}html[data-theme=light] .hero-art-label,html[data-theme=light] .art-caption{color:#516d87}html[data-theme=light] .scene-strip{background:#eaf0f8}html[data-theme=light] .scene-strip span{color:#526981}html[data-theme=light] .scene-strip p{color:#38536f}html[data-theme=light] .demo-shell{background:#e9f1f9;border-color:#8aa5bc}html[data-theme=light] .input-group input{color:#17314e;background:white;border-color:#9bafc3}html[data-theme=light] .input-hint{color:#546b82}html[data-theme=light] .effect-options button{color:#304e70;background:#f8fbff;border-color:#a7b8cc}html[data-theme=light] .effect-options button[aria-pressed=true]{color:#072c49;background:#a5ddff;border-color:#548db2}html[data-theme=light] .pause{color:#31526e}html[data-theme=light] .feature-template{background:radial-gradient(ellipse at bottom right,#d0e0f8,#fff 75%)}html[data-theme=light] .feature-editor{background:radial-gradient(ellipse at bottom,#e3dcfc,#fff 75%)}html[data-theme=light] .feature-clock,html[data-theme=light] .feature-export{background:#fff}html[data-theme=light] .fine-print,html[data-theme=light] .screenshot-label{color:#546b82}html[data-theme=light] .quiet-section{background:#eaf1f8}html[data-theme=light] .footer>span,html[data-theme=light] .footer nav{color:#52677f}html[data-theme=light] .legal p,html[data-theme=light] .legal li{color:#3e5771}html[data-theme=light] .legal .mail-card{background:#e6f2ff;border-color:#8baac5}html[data-theme=light] .download-panel{background:radial-gradient(ellipse at right,#d7ecff,transparent 65%),#fff}.demo-screen,.billboard,.mini-phone,.download-phone{color-scheme:dark}
@media(max-width:1100px){.site-header{gap:15px}.site-header nav{gap:20px}.brand-showcase{width:145px}.mini-phone{left:45px;width:100px}.brand-name{font-size:21px}.download-panel{padding:40px;gap:35px}.site-header nav a:first-child{display:none}}
@media(max-width:800px){.site-header{width:calc(100% - 40px)}.site-header nav{display:none}.brand-showcase{width:128px;height:94px}.brand .brand-mascot{width:69px}.mini-phone{left:38px;bottom:11px;width:90px;height:43px}.mini-phone canvas{height:25px}.brand-name{font-size:20px}.site-header{height:108px}.site-preferences{gap:6px}.language-control select{max-width:99px;font-size:11px;padding-left:9px}#theme-toggle{width:36px;height:36px}.hero{padding-top:50px}.download-panel{grid-template-columns:1fr;padding:30px 27px;gap:30px}.download-art{grid-row:1;height:255px;width:250px}.download-art img{width:193px}.download-phone{width:197px;height:82px;bottom:13px;padding:7px 15px 13px;border-radius:16px}.download-phone canvas{height:51px}.download-copy{text-align:center}.download-copy .eyebrow{font-size:10px;margin-bottom:15px}.download-copy h2{font-size:32px}.download-copy .download-note{margin-inline:auto}.download-section{padding-block:55px}.footer-brand{font-size:17px}}
@media(max-width:480px){.logo-brand{gap:5px}.brand-name{font-size:17px}.brand-name small{font-size:9px}.brand-showcase{width:104px;height:83px}.brand .brand-mascot{width:58px}.mini-phone{left:26px;bottom:4px;width:78px;height:39px;padding-inline:5px}.mini-phone canvas{height:22px}.site-header{height:97px;gap:7px}.language-control select{max-width:87px;font-size:10px;padding-right:17px}html[lang=en] .brand-name{font-size:12px;max-width:84px;overflow-wrap:anywhere}html[lang=en] .brand-name small{font-size:8px}.site-preferences{gap:5px}#theme-toggle{width:33px;height:33px;flex-shrink:0}html[lang=en] h1{font-size:36px}html[lang=en] .feature-template .feature-copy{max-width:90%}html[lang=en] .feature-template .phone{top:235px;width:145px}html[lang=en] .feature-template{min-height:555px}html[lang=en] .feature-editor{min-height:565px}html[lang=en] .demo-controls fieldset{width:100%}.effect-options{flex-wrap:wrap}.footer{align-items:start}.footer>span{font-size:9px}.download-copy h2{font-size:29px}}
@media(max-width:480px){html[lang=en] .brand-name{font-size:11px;max-width:none;white-space:nowrap;overflow-wrap:normal;letter-spacing:0}.brand-name{letter-spacing:.5px}}
@media(max-width:350px){.site-header{width:calc(100% - 24px);gap:5px}.logo-brand{gap:3px}.brand-showcase{width:89px}.mini-phone{width:67px;left:22px}.brand .brand-mascot{width:52px}.brand-name{font-size:15px}.language-control select{max-width:75px}#theme-toggle{width:30px;height:30px}.site-preferences{gap:3px}}

/* Compact horizontal identity and plan comparison. */
.site-header .brand-showcase{width:141px;height:56px}.site-header .brand .brand-mascot{width:52px;top:2px}.site-header .mini-phone{left:43px;bottom:5px;width:96px;height:46px;padding:3px 5px;border-radius:11px;overflow:hidden}.site-header .mini-phone canvas{height:100%;border-radius:6px}.logo-brand{gap:0}.pricing{scroll-margin-top:24px}.pricing .section-heading h2{max-width:650px}.pricing .section-heading>p{max-width:310px}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--panel);display:flex;flex-direction:column}.price-pro{border-color:#68afea80;background:radial-gradient(ellipse at top right,#388acb22,transparent 70%),var(--panel)}.plan-name{font-size:17px;font-weight:700;margin:0 0 18px;display:flex;gap:16px;align-items:center}.purchase-badge{font-size:11px;font-weight:500;color:var(--blue);padding:3px 10px;border:1px solid var(--line);border-radius:20px}.plan-price{font-size:56px;font-weight:750;line-height:1.15;letter-spacing:-2px}.price-currency{font-size:30px;vertical-align:top;line-height:1.7;margin-right:4px}.plan-caption{font-size:12px;color:var(--muted);margin:10px 0 24px}.price-card h3{font-size:15px;margin:0 0 2px}.price-card ul{list-style:none;padding:0;margin:15px 0 28px;color:var(--muted);font-size:14px;flex:1}.price-card li{padding:7px 0}.price-card li:before{content:'✓';color:var(--blue);margin-right:12px}.plan-button{border:1px solid var(--line);width:100%}.pricing-note{font-size:12px;color:var(--muted);line-height:1.9;margin:22px 0 0;max-width:960px}.comparison{margin-top:48px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.comparison table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.comparison caption{text-align:left;font-size:20px;font-weight:700;padding:24px}.comparison th,.comparison td{padding:18px 24px;border-top:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.comparison th{font-weight:600}.comparison th:first-child{width:42%}.comparison td{color:var(--muted)}.comparison thead th{color:var(--blue);font-size:12px}.comparison td:last-child{background:#4589ba08}
@media(max-width:800px){.site-header{height:64px;gap:12px}.site-header .brand-showcase{width:128px;height:52px}.site-header .brand .brand-mascot{width:48px}.site-header .mini-phone{width:88px;left:40px;bottom:5px;height:42px;padding:3px 5px}.site-header .mini-phone canvas{height:100%}.pricing-cards{gap:16px}.price-card{padding:26px}.comparison th,.comparison td{padding:16px}.pricing .section-heading>p{max-width:none}}
@media(max-width:600px){.pricing-cards{grid-template-columns:1fr}.price-card{padding:28px}.plan-price{font-size:46px}.comparison{margin-top:32px}.comparison table{font-size:12px}.comparison caption{font-size:18px;padding:20px 14px}.comparison th,.comparison td{padding:14px 10px}.comparison th:first-child{width:38%}.pricing-note{font-size:11px}}

/* The full phone screen is reserved for the animated message. */
.download-phone{padding:7px 10px;overflow:hidden}.download-phone canvas{height:100%;border-radius:10px}
@media(max-width:800px){.download-phone{padding:5px 8px}.download-phone canvas{height:100%;border-radius:8px}}

/* Landscape camera cutouts and phone frame details. */
.site-header .brand-showcase{width:156px}.site-header .brand .brand-mascot{left:14px}.site-header .mini-phone{left:57px;border-color:#aab6c5;box-shadow:0 4px 15px #0005,inset 0 0 0 1px #0b1421}



.site-header .mini-phone:after,.download-phone:after{content:"";position:absolute;left:7px;right:auto;top:50%;transform:translateY(-50%);width:4px;height:12px;border-radius:8px;background:#010308;box-shadow:inset 0 0 0 1px #213044;z-index:4}
.download-phone{width:235px;height:110px;border-radius:21px;border-color:#aab6c5;padding:5px 7px;box-shadow:0 12px 28px #0006,inset 0 0 0 1px #0b1421}
.download-phone canvas{border-radius:13px}.download-phone:after{left:10px;width:7px;height:26px}
@media(max-width:800px){.site-header .brand-showcase{width:141px}.site-header .brand .brand-mascot{left:12px}.site-header .mini-phone{left:52px}.download-phone{width:197px;height:92px;border-radius:18px;padding:4px 6px}.download-phone canvas{border-radius:11px}.download-phone:after{left:9px;width:6px;height:22px}}


/* Scale the landscape Dynamic Island from the phone body, near the left screen edge. */

.site-header .mini-phone:after,.download-phone:after{left:2.6%;right:auto;top:50%;width:4.3%;height:32%;border-radius:999px;background:#000;box-shadow:none;transform:translateY(-50%)}

/* Horizontal phone is the primary header logo; the mascot sits on its right. */
.site-header .brand-showcase{width:150px;height:56px}.site-header .mini-phone{left:0;bottom:5px;transform:none}.site-header .brand .brand-mascot{left:96px;top:2px;z-index:4}
@media(max-width:800px){.site-header .brand-showcase{width:138px;height:52px}.site-header .mini-phone{left:0;bottom:5px;transform:none}.site-header .brand .brand-mascot{left:88px;top:2px}}

/* Compact native language picker: familiar globe, readable labels, keyboard support. */
.language-control{position:relative;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:22px;background:var(--panel);transition:border-color .2s,box-shadow .2s}
.language-globe{position:absolute;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.language-control:after{content:"";position:absolute;right:13px;top:15px;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}
.language-control select{appearance:none;-webkit-appearance:none;max-width:none;width:126px;min-height:40px;border:0;background:transparent;border-radius:22px;padding:9px 28px 9px 37px;font-size:12px;line-height:1.5;color:var(--text)}
.language-control select option{background:var(--panel);color:var(--text)}
.language-control:hover{border-color:var(--blue)}.language-control:focus-within{outline:2px solid var(--blue);outline-offset:3px}.language-control select:focus{outline:none}
@media(max-width:800px){.language-control select{width:112px;min-height:36px;font-size:11px;padding:8px 24px 8px 32px}.language-globe{left:10px;width:14px;height:14px}.language-control:after{right:11px;top:12px}}
@media(max-width:350px){.language-control select{width:104px;padding-left:29px;padding-right:21px}.language-globe{left:8px}.site-header{gap:6px}}