@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#151a2d;--muted:#6f7488;--line:#e9eaf1;--paper:#fbfbfe;--blue:#4c63ff;--violet:#7658ff;--dark:#0b1020;--shadow:0 24px 70px rgba(31,40,91,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 48px));margin:auto}.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.04em}.brand img,.footer-brand img{width:30px;height:30px;border-radius:9px}.nav-links{display:flex;gap:30px;color:#646a7e;font-size:14px}.nav-links a:hover,.footer-links a:hover,.text-link:hover{color:var(--blue)}.language-toggle{border:1px solid var(--line);background:white;border-radius:20px;padding:7px 11px;color:var(--muted);cursor:pointer;font-weight:600}.language-toggle .lang-en{display:none}.language-toggle.is-en .lang-zh{display:none}.language-toggle.is-en .lang-en{display:inline}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:72px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--blue);margin:0 0 18px}.hero h1,.section-heading h2,.privacy-panel h2,.cta-section h2{font:700 clamp(44px,5.6vw,73px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:0}.hero h1 em,.privacy-panel h2 em{font-style:normal;color:var(--blue)}.hero-text{max-width:490px;color:var(--muted);font-size:18px;margin:27px 0}.hero-actions,.cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:9px;font-weight:700;font-size:14px;transition:.2s ease}.button-primary{background:var(--ink);color:white;box-shadow:0 9px 20px rgba(21,26,45,.18)}.button-primary:hover{background:var(--blue);transform:translateY(-2px)}.button-quiet{background:white;border:1px solid var(--line);color:var(--ink)}.button-quiet:hover{border-color:#bbc1ff;color:var(--blue)}.hero-note,.cta-note{font-size:12px;color:#999eaf;margin:15px 0}.hero-art{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#bec7ff 0,rgba(210,216,255,.36) 42%,transparent 70%);filter:blur(5px)}.app-window{position:relative;width:min(440px,100%);background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.9);border-radius:17px;box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden;transform:rotate(2deg)}.window-top{height:42px;background:#f0f1f6;display:flex;align-items:center;gap:6px;padding:0 15px;color:#9a9eae;font-size:12px}.window-top span{width:8px;height:8px;border-radius:50%;background:#d5d6df}.window-top span:first-child{background:#ff8e86}.window-top span:nth-child(2){background:#f7cf67}.window-top span:nth-child(3){background:#65d391}.window-top b{margin:auto;font-size:11px}.window-content{padding:27px}.menu-pill{display:inline-block;border-radius:20px;background:#edf0ff;color:var(--blue);padding:6px 12px;font-size:12px;font-weight:700}.menu-pill span{margin-left:8px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.preview-card{background:#f7f7fb;border:1px solid #eeeef5;border-radius:11px;padding:18px 15px;min-height:103px}.preview-card.large{grid-column:span 2}.preview-card.accent{background:linear-gradient(135deg,#f1edff,#e5e9ff)}.mini-icon{display:block;color:var(--blue);font-size:18px;margin-bottom:9px}.preview-card strong{display:block;font-size:14px}.preview-card small{color:#858b9e;font-size:11px}.floating-chip{position:absolute;background:white;box-shadow:0 12px 30px rgba(39,49,111,.14);border:1px solid #f0f1f6;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700}.chip-one{left:0;bottom:53px}.chip-two{right:-9px;top:66px;color:#4e9c76}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;color:#8b90a0;font-size:12px;font-weight:600}.section{padding:140px 0 110px}.section-heading{max-width:680px;margin-bottom:46px}.section-heading h2{font-size:clamp(38px,4.5vw,57px);margin-bottom:18px}.section-heading>p:last-child{color:var(--muted);max-width:540px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{min-height:248px;padding:25px;border-radius:15px;position:relative;overflow:hidden}.feature-card:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-60px;bottom:-60px;background:rgba(255,255,255,.45)}.feature-blue{background:#e9edff}.feature-purple{background:#f0eaff}.feature-pink{background:#ffeaf1}.feature-teal{background:#e1f4f2}.feature-orange{background:#fff1dd}.feature-slate{background:#e9edf4}.feature-symbol{font-size:26px;color:var(--blue);height:60px}.feature-card h3{font-size:19px;letter-spacing:-.03em;margin:0 0 10px;position:relative;z-index:1}.feature-card p{color:#697087;font-size:14px;max-width:260px;position:relative;z-index:1}.feature-tag{display:inline-block;color:#777e93;font-size:11px;border:1px solid rgba(90,100,140,.2);border-radius:20px;padding:3px 9px;position:absolute;bottom:22px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:stretch;padding:50px 0 150px}.privacy-panel{background:var(--dark);color:white;border-radius:18px;padding:55px}.privacy-panel .eyebrow{color:#9ba8ff}.privacy-panel h2{font-size:clamp(40px,4.3vw,57px)}.privacy-panel p{color:#aeb5c8;max-width:420px;margin:28px 0}.text-link{color:#aab5ff;font-weight:700;font-size:14px}.permission-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:33px;box-shadow:0 15px 50px rgba(31,40,91,.05)}.permission-top{display:flex;gap:12px;align-items:center;font-weight:700;margin-bottom:23px}.shield{background:#e9edff;color:var(--blue);width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.permission-row{padding:16px 0;border-top:1px solid var(--line);font-size:13px}.permission-row b{display:block;font-size:13px;margin-bottom:3px}.permission-row span{color:var(--muted)}.install-section{padding:10px 0 140px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border-top:2px solid var(--ink);padding-top:17px}.step>span{color:var(--blue);font:700 12px 'Space Grotesk'}.step h3{font-size:19px;margin:23px 0 8px}.step p{color:var(--muted);font-size:14px;margin:0}.faq-section{padding-bottom:140px}.faq-list{border-top:1px solid var(--line);max-width:760px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 2px}.faq-list summary{cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';float:right;color:var(--blue);font-size:20px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--muted);font-size:14px;max-width:650px}.cta-section{background:#e9edff;border-radius:18px;padding:55px 65px;margin-bottom:110px;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-section h2{font-size:clamp(39px,4vw,56px)}.cta-actions{max-width:300px}.site-footer{border-top:1px solid var(--line);padding:30px 0 45px;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.footer-brand{font-size:15px}.footer-brand span{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0;margin-top:2px}.footer-links{display:flex;gap:22px;color:#71778b;font-size:12px}.copyright{color:#a0a4b2;font-size:11px}@media(max-width:800px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{min-height:350px}.trust-strip{gap:12px;flex-wrap:wrap}.feature-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr;gap:20px;padding-bottom:100px}.steps{grid-template-columns:1fr}.cta-section{display:block;padding:40px 30px}.cta-actions{margin-top:30px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}.legal-page{padding:90px 0 130px;max-width:820px}.legal-page h1{font:700 clamp(44px,6vw,72px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0 0 20px}.legal-page h1 em{font-style:normal;color:var(--blue)}.legal-page .lead{color:var(--muted);margin-bottom:55px}.legal-page section{border-top:1px solid var(--line);padding-top:35px}.legal-page h2{font:700 30px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:42px 0 15px}.legal-page h2:first-child{margin-top:0}.legal-page h3{font-size:18px;margin:28px 0 6px}.legal-page p{color:#646a7e;max-width:720px}.legal-page code{font-size:.88em;background:#f0f1f6;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}@media(max-width:500px){.shell,.site-header{width:min(100% - 32px,1120px)}.hero h1{font-size:46px}.hero-text{font-size:16px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.privacy-panel{padding:35px 25px}.permission-panel{padding:25px}.floating-chip{font-size:10px}.chip-one{left:-5px}.chip-two{right:-3px}.section{padding-top:90px}}
/* ===== AI2048 brand home ===== */
.logo-mark{width:30px;height:30px;border-radius:9px;flex:none}
.lg-t{fill:#fff;font:700 17px 'Space Grotesk',Arial,sans-serif;text-anchor:middle}
.preview-card.is-flowkit{background:linear-gradient(135deg,#e5e9ff,#f1edff);border-color:#dcdfff}
.product-hero-card{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px 42px;box-shadow:0 15px 50px rgba(31,40,91,.06);transition:.2s ease;color:inherit}
.product-hero-card:hover{transform:translateY(-3px);border-color:#bbc1ff;box-shadow:0 24px 60px rgba(31,40,91,.11)}
.phc-icon{width:76px;height:76px;border-radius:19px;background:#f2f3fa;display:grid;place-items:center}
.phc-icon img{width:56px;height:56px;border-radius:13px}
.phc-tag{margin:0 0 8px;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}
.product-hero-card h3{font:700 32px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 9px}
.product-hero-card .phc-body>p:not(.phc-tag){color:var(--muted);font-size:15px;max-width:560px;margin:0 0 16px}
.chip-list{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:#f0f2fb;border:1px solid #e3e6f4;color:#5b6178;font-size:12px;font-weight:600;border-radius:20px;padding:5px 12px}
.phc-cta{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:170px}
.phc-cta small{color:#999eaf;font-size:11px}
.incubating-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}
.incubating-card{border:1.5px dashed #cfd3e3;border-radius:15px;padding:28px;min-height:160px;background:rgba(255,255,255,.5)}
.incubating-card h3{font-size:18px;letter-spacing:-.02em;margin:8px 0 8px;color:#7b8098}
.incubating-card p{color:#9298ab;font-size:14px;margin:0}
.inc-number{font:700 13px 'Space Grotesk',sans-serif;color:#b9bdd0;letter-spacing:.1em}
@media(max-width:800px){.product-hero-card{grid-template-columns:1fr;gap:22px;padding:28px}.phc-cta{align-items:flex-start}.incubating-grid{grid-template-columns:1fr}}
/* ===== Mac & iPhone platform identity ===== */
.platform-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;border-radius:20px;padding:3px 11px;letter-spacing:.02em;vertical-align:middle}
.badge-mac{background:#e9edff;color:#4350d8}
.badge-ios{background:#e1f4f2;color:#1f8070}
.phc-tag{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.phone-mock{position:absolute;right:-14px;bottom:16px;width:118px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 40px rgba(31,40,91,.16);padding:10px 9px 12px;transform:rotate(-5deg);z-index:2}
.phone-notch{width:32px;height:5px;border-radius:3px;background:#e3e5ee;margin:0 auto 8px}
.phone-screen{background:linear-gradient(160deg,#eef2ff,#e1f4f2);border-radius:13px;padding:16px 10px;text-align:center}
.phone-screen .mini-icon{color:var(--violet);font-size:14px;margin-bottom:4px}
.phone-screen strong{display:block;font:700 15px 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin-bottom:2px}
.phone-screen small{color:#7c8298;font-size:10px}
.inc-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.inc-top .platform-badge+.platform-badge{margin-left:-4px}
@media(max-width:500px){.phone-mock{display:none}}