:root{--bg-dark: #14100d;--bg-soft: #231914;--bg-paper: #fff6ee;--surface: rgba(255, 247, 240, .9);--surface-deep: rgba(38, 26, 20, .92);--text: #1f1713;--text-light: #fff7ef;--text-muted: #6b5a52;--line: rgba(116, 76, 51, .2);--brand: #ff5b2e;--brand-strong: #ff2a00;--brand-soft: #ffc3ab;--shadow-soft: 0 14px 42px rgba(62, 24, 5, .22);--shadow-strong: 0 22px 60px rgba(255, 74, 23, .28);--radius-lg: 28px;--radius-md: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 8% -6%,#ff663894,#ff663800 38%),radial-gradient(circle at 90% 8%,#ffc4a094,#ffc4a000 42%),linear-gradient(165deg,#fff4e9,#ffe9d8 42%,#fff1e7);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.01em;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(120,64,36,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(120,64,36,.15) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(circle at 50% 20%,#000 20%,transparent 75%)}a{color:inherit;text-decoration:none}.site-shell{--brand: #ff4216;--brand-strong: #c31800;--brand-soft: #ffb090;width:min(100%,1180px);margin:0 auto;padding-inline:20px;padding-bottom:44px;position:relative}.site-shell:after{content:"";position:absolute;width:320px;height:320px;right:-130px;top:220px;border-radius:50%;background:radial-gradient(circle,#ff724147,#ff724100);pointer-events:none}.site-header{position:sticky;top:10px;z-index:30;margin-top:14px;padding:12px 16px;border:1px solid rgba(255,255,255,.36);border-radius:var(--radius-md);background:linear-gradient(130deg,#22140ed6,#120c08db);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;box-shadow:0 10px 34px #230e0459}.brand{font-weight:800;color:var(--text-light);letter-spacing:.03em;font-size:16px;white-space:nowrap}.top-nav{display:flex;gap:18px;justify-content:center;align-items:center}.top-nav a{color:#ffe9dbd1;font-size:14px;transition:color .2s ease;position:relative;flex:0 0 auto}.top-nav a:hover{color:#fff}.top-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg,#ff8d6a,#ff4a1f);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}.top-nav a:hover:after{transform:scaleX(1)}.language-switch{display:inline-flex;gap:6px;background:#ffffff14;border-radius:999px;padding:4px}.language-switch button{border:0;background:transparent;color:#ffebe1c2;border-radius:999px;padding:6px 12px;cursor:pointer;transition:all .2s ease}.language-switch button.active{background:linear-gradient(120deg,#ff7b52,#ff4f24);color:#fff;box-shadow:0 8px 20px #ff55285c}.hero-section{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:34px;align-items:center;padding:70px 0 38px;animation:rise-in .7s cubic-bezier(.19,1,.22,1)}.hero-copy{max-width:580px}.section-title .eyebrow{margin:0;display:inline-block;padding:6px 10px;border-radius:999px;letter-spacing:.12em;font-size:11px;color:#fff;background:linear-gradient(130deg,#ff7449,#ff3d10);box-shadow:0 10px 22px #ff4a174d;font-weight:800}.hero-section .section-title h2{margin:14px 0 0;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.04em;max-width:11ch}.hero-section .section-body{margin:18px 0 0;color:var(--text-muted);line-height:1.7;max-width:38ch}.hero-cta-block{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero-secondary-note{margin:0;color:#6f5d53;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{color:#fff;background:linear-gradient(118deg,var(--brand),var(--brand-strong));box-shadow:var(--shadow-strong)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 26px 65px #ff3d1057}.btn.is-disabled,.btn[aria-disabled=true]{opacity:.72;cursor:default}.hint{margin-top:14px;color:#705f56;font-size:14px}.hero-visual-wrap{position:relative}.hero-visual-wrap:before{content:"";position:absolute;top:10%;right:-8%;bottom:-8%;left:4%;border-radius:26px;background:linear-gradient(145deg,#ff734047,#ffaa8214);filter:blur(6px)}.hero-device{width:100%;border-radius:24px;display:block;position:relative;z-index:1;box-shadow:0 28px 58px #52210c3d;transform:rotate(-3deg) scale(1.03);animation:float-soft 5.6s ease-in-out infinite}.qr-card{position:absolute;right:-16px;bottom:-28px;width:min(204px,52%);background:#fffaf5f2;border:1px solid rgba(130,82,50,.2);border-radius:18px;box-shadow:0 14px 38px #461c0a40;padding:11px;z-index:2}.qr-card img{width:100%;display:block;border-radius:10px}.qr-card p{margin:9px 0 2px;text-align:center;color:#5d4a41;font-size:12px}.content-section{padding:58px 0 0;animation:rise-in .66s cubic-bezier(.19,1,.22,1)}.section-title h2,.content-section>h2{margin:0;font-size:clamp(30px,4.2vw,52px);letter-spacing:-.02em}.section-body{margin:12px 0 0;color:var(--text-muted);max-width:56ch}.card-grid{margin-top:24px;display:grid;gap:16px}.card-grid-poster{grid-template-columns:1.25fr .75fr 1fr}.card-grid-rhythm{grid-template-columns:.95fr 1.3fr .75fr}.card{border:1px solid rgba(108,74,51,.18);border-radius:var(--radius-lg);background:linear-gradient(150deg,#fffffff0,#fff5ece0);box-shadow:var(--shadow-soft);padding:22px;min-height:174px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .24s ease,box-shadow .24s ease}.card:hover{transform:translateY(-4px);box-shadow:0 22px 54px #4f1e0a42}.site-shell .card-grid-poster .card:nth-child(2),.site-shell .card-grid-rhythm .card:nth-child(2){transform:translateY(-20px) rotate(-1deg)}.site-shell .card-grid-poster .card:nth-child(1),.site-shell .card-grid-rhythm .card:nth-child(1){transform:translateY(12px) rotate(1deg)}.site-shell .card-grid-poster .card:nth-child(3),.site-shell .card-grid-rhythm .card:nth-child(3){transform:translateY(8px) rotate(-1deg)}.card-warm{background:linear-gradient(160deg,#ffeddcf5,#ffe0c4e0)}.card h3{margin:0;font-size:22px}.card p{margin:10px 0 0;color:#5f5049;line-height:1.62}.download-section{margin-top:58px;border:1px solid rgba(255,124,79,.78);border-radius:30px;background:radial-gradient(circle at 80% 15%,#ff783c57,#ff783c00 42%),linear-gradient(145deg,#241812,#19100c);box-shadow:0 34px 82px #1e050094;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:24px;padding:24px;position:relative;overflow:hidden}.download-section:after{content:"ANDROID FIRST";position:absolute;right:-35px;top:16px;padding:6px 40px;font-size:11px;letter-spacing:.12em;font-weight:800;color:#2e0f06;background:linear-gradient(135deg,#ffe2d6,#ff8458);transform:rotate(18deg)}.download-section h2{margin:0;color:var(--text-light);font-size:clamp(30px,4.4vw,48px)}.download-copy{display:flex;flex-direction:column;align-items:flex-start}.download-copy>p{margin:14px 0 0}.download-copy .btn{margin-top:22px}.download-copy p,.download-copy .hint,.meta{color:#ffecdfcc;line-height:1.66}.meta{font-size:13px}.download-side{border:1px dashed rgba(255,208,179,.35);border-radius:20px;background:#fff8f2f2;display:grid;place-items:center;gap:10px;padding:16px;align-content:center;text-align:center}.download-side img{width:min(224px,76%)}.download-side p{margin:0;color:#6a564c;font-size:13px}.download-side strong{color:#3d2a20}.faq-list{margin-top:16px;display:grid;gap:10px}.faq-item{border:1px solid rgba(101,70,50,.2);border-radius:16px;background:#fffaf6d9;padding:13px 15px}.faq-item button{width:100%;border:0;background:transparent;text-align:left;font-size:15px;font-weight:700;color:#2a1f18;padding:0;cursor:pointer}.faq-item p{margin:9px 0 0;color:#604f45}.site-footer{margin-top:46px;border-top:1px solid rgba(112,76,53,.2);padding-top:18px;color:#66574f;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.site-footer p,.site-footer small{margin:0}.site-footer p:first-child{font-weight:700;color:#3b2a22}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes float-soft{0%,to{transform:rotate(-3deg) scale(1.03) translateY(0)}50%{transform:rotate(-3deg) scale(1.03) translateY(-6px)}}@media (max-width: 940px){.site-header,.hero-section,.download-section,.card-grid-poster,.card-grid-rhythm,.site-footer{grid-template-columns:1fr}.site-header{gap:12px;justify-items:stretch}.brand,.language-switch{justify-self:center}.top-nav{justify-content:center;flex-wrap:wrap}.hero-copy,.hero-section .section-title h2,.hero-section .section-body{max-width:none}.card,.site-shell .card-grid-poster .card:nth-child(1),.site-shell .card-grid-poster .card:nth-child(2),.site-shell .card-grid-poster .card:nth-child(3),.site-shell .card-grid-rhythm .card:nth-child(1),.site-shell .card-grid-rhythm .card:nth-child(2),.site-shell .card-grid-rhythm .card:nth-child(3){transform:none;min-height:auto}.download-section:after,.site-shell:after{display:none}.qr-card{right:12px;bottom:-16px}}@media (max-width: 720px){body:before{opacity:.16}.site-shell{width:100%;padding-inline:12px;padding-bottom:28px}.site-header{top:8px;padding:10px 12px;grid-template-columns:1fr auto;align-items:center}.brand{justify-self:start;font-size:17px}.language-switch{justify-self:end}.top-nav{display:none}.hero-section{padding:24px 0 12px;gap:14px}.hero-copy{order:1}.hero-visual-wrap{order:2}.hero-section .section-title h2{font-size:clamp(32px,10vw,44px);max-width:7ch}.hero-section .section-body{font-size:14px;line-height:1.55}.hero-cta-block{width:100%;gap:8px}.hero-cta-block .btn,.download-copy .btn{width:100%;min-height:48px}.hint,.hero-secondary-note,.download-copy .hint,.meta,.download-side p{font-size:13px}.hero-visual-wrap:before{display:none}.hero-device{transform:none;animation:none}.qr-card{display:none}.content-section{padding-top:36px}.section-title h2,.content-section>h2,.download-section h2{font-size:clamp(28px,8vw,38px)}.card{padding:16px}.card h3{font-size:20px}.download-section{margin-top:36px;gap:14px;padding:16px}.download-copy .btn{margin-top:18px}.download-side{padding:14px}.download-side img{width:min(160px,52vw)}.faq-item{padding:12px}.faq-item button{font-size:16px;line-height:1.45}.site-footer{gap:8px;text-align:left}}