: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{width:min(1180px,calc(100vw - 40px));margin:0 auto;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:.06em;text-transform:uppercase;font-size:14px}.top-nav{display:flex;gap:18px;justify-content:center}.top-nav a{color:#ffe9dbd1;font-size:14px;transition:color .2s ease;position:relative}.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:1.2fr .8fr;gap:34px;align-items:center;padding:70px 0 38px;animation:rise-in .7s cubic-bezier(.19,1,.22,1)}.section-title .eyebrow{margin:0;display:inline-block;padding:6px 10px;border-radius:999px;text-transform:uppercase;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(40px,6.2vw,74px);line-height:.98;letter-spacing:-.02em;max-width:14ch}.hero-section .section-body{margin:18px 0 0;color:var(--text-muted);line-height:1.7;max-width:50ch}.hero-cta{margin-top:24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;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-muted{background:#ffffffeb;border:1px solid rgba(130,85,57,.22);color:#4a372e}.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(-1.5deg);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:-.01em}.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:20px;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}.card:nth-child(1){transform:translateY(8px)}.card:nth-child(2){transform:translateY(-12px)}.card:nth-child(3){transform:translateY(5px)}.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,153,114,.35);border-radius:30px;background:radial-gradient(circle at 80% 15%,#ff783c57,#ff783c00 42%),linear-gradient(145deg,#241812,#19100c);box-shadow:0 28px 65px #2a10065c;display:grid;grid-template-columns:1.15fr .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:#2c160d;background:linear-gradient(135deg,#ffd9c7,#ff966e);transform:rotate(18deg)}.download-section h2{margin:0;color:var(--text-light);font-size:clamp(30px,4.4vw,48px)}.download-copy p,.download-copy .hint,.meta{color:#ffecdfcc;line-height:1.66}.download-side{border:1px dashed rgba(255,208,179,.35);border-radius:20px;background:#fff8f2f2;display:grid;place-items:center;gap:10px;padding:16px}.download-side img{width:min(224px,76%)}.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:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer p,.site-footer small{margin:0}.site-shell{--brand: #ff4216;--brand-strong: #c31800;--brand-soft: #ffb090}.site-shell .hero-section .section-title h2{letter-spacing:-.03em;text-transform:uppercase}.site-shell .hero-device{transform:rotate(-3deg) scale(1.03)}.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)}.site-shell .download-section{border-color:#ff7c4fc7;box-shadow:0 34px 82px #1e050094}.site-shell .download-section:after{content:"POSTER MODE";color:#2e0f06;background:linear-gradient(135deg,#ffe2d6,#ff8458)}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes float-soft{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-6px)}}@media (max-width: 940px){.site-header{grid-template-columns:1fr;gap:10px;justify-items:center}.hero-section,.download-section,.card-grid-poster,.card-grid-rhythm{grid-template-columns:1fr}.download-section:after{display:none}.card,.card:nth-child(1),.card:nth-child(2),.card:nth-child(3){transform:none;min-height:auto}.hero-section .section-title h2{max-width:none}.qr-card{position:static;width:100%;margin-top:10px}.site-shell:after{display:none}}