.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,107,53,.08);border-radius:100px;color:var(--orange-dark);font-size:14px;font-weight:500;margin-bottom:28px}.badge-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.nav-cta{padding:8px 28px}.hero{position:relative;z-index:1;padding:160px 24px 80px;max-width:1200px;margin:0 auto;text-align:center}.hero h1{font-size:56px;font-weight:900;line-height:1.3;margin-bottom:24px;letter-spacing:-0.02em}.hero h1 span{background:linear-gradient(135deg, var(--orange) 0%, var(--orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-subtitle{font-size:16px;color:var(--text-secondary);max-width:680px;margin:0 auto 40px;line-height:1.7}.hero-tags{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-tag{display:flex;align-items:center;gap:16px;padding:10px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:15px;color:var(--text);font-weight:500}.hero-tag svg{width:18px;height:18px;color:var(--orange)}.hero-cta-group{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.btn-primary{background-color:#ff5a1b;color:#fff;padding:16px 70px;border-radius:12px;text-decoration:none;font-weight:700;font-size:18px;transition:all .3s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text);padding:16px 36px;border-radius:12px;text-decoration:none;font-weight:600;font-size:17px;transition:all .3s;border:1px solid var(--border);display:inline-flex;align-items:center;gap:10px}.btn-secondary:hover{background:var(--bg-card-hover);border-color:rgba(15,23,42,.2)}.hero-visual{position:relative;max-width:1000px;margin:0 auto}.hero-visual-frame{position:relative;border-radius:16px;overflow:hidden}.hero-visual img{width:100%;height:auto;display:block}.section{padding:100px 24px;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;padding:6px 14px;background:rgba(255,107,53,.08);border-radius:100px;color:var(--orange-dark);font-size:13px;font-weight:600;margin-bottom:16px}.section-title{font-size:40px;font-weight:800;margin-bottom:16px;letter-spacing:-0.02em}.section-desc{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px 32px;transition:border-color .3s}.feature-card:hover{border-color:rgba(255,107,53,.35)}.feature-icon{width:56px;height:56px;background:rgba(255,107,53,.08);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon svg{width:28px;height:28px;color:var(--orange)}.feature-card h3{font-size:22px;font-weight:700;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.7}.feature-list{margin-top:20px;list-style:none}.feature-list li{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;margin-bottom:10px}.feature-list li svg{width:16px;height:16px;color:var(--orange);flex-shrink:0}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:100px}.detail-row:last-child{margin-bottom:0}.detail-row.reverse{direction:rtl}.detail-row.reverse>*{direction:ltr}.detail-content h3{font-size:34px;font-weight:800;margin-bottom:20px;line-height:1.25}.detail-content p{color:var(--text-secondary);font-size:17px;line-height:1.8;margin-bottom:24px}.detail-visual{position:relative}.detail-visual-box{display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-visual-box img{width:100%;max-width:100%;height:auto;display:block;border-radius:12px}.format-cloud{display:flex;flex-wrap:wrap;gap:10px}.format-tag{padding:10px 18px;background:#f8fafc;border:1px solid var(--border);border-radius:10px;font-size:15px;font-weight:600;color:var(--text);transition:all .3s}.format-tag:hover{background:rgba(255,107,53,.08);border-color:rgba(255,107,53,.3)}.format-tag.popular{background:rgba(255,107,53,.1);border-color:rgba(255,107,53,.3);color:var(--orange-dark)}.formats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.format-category{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;transition:border-color .3s}.format-category:hover{border-color:rgba(255,107,53,.3)}.format-category h4{font-size:17px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}.format-category h4 svg{width:20px;height:20px;color:var(--orange)}.format-category ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.format-category li{padding:6px 12px;background:#f8fafc;border-radius:6px;font-size:13px;color:var(--text-secondary)}.steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:36px 28px;text-align:center;transition:border-color .3s}.step-card:hover{border-color:rgba(255,107,53,.3)}.step-number{width:48px;height:48px;background:rgba(255,107,53,.08);color:var(--orange-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin:0 auto 20px}.step-card h4{font-size:20px;font-weight:700;margin-bottom:10px}.step-card p{color:var(--text-secondary);font-size:15px}.cta-section{padding:0 24px 120px}.cta-box{max-width:1200px;margin:0 auto;background:linear-gradient(45deg, #ff5a17 0%, #ff781c 50%, #ffad40 100%);border-radius:28px;padding:60px 60px;text-align:center;position:relative;overflow:hidden}.cta-box::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 65%);filter:blur(80px);pointer-events:none}.cta-box h2{font-size:36px;font-weight:700;margin-bottom:16px;color:#fff;position:relative;z-index:1}.cta-box p{font-size:18px;color:rgba(255,255,255,.92);margin-bottom:36px;position:relative;z-index:1}.cta-box .btn-primary{background:#fff;color:var(--orange);position:relative;z-index:1}.cta-box .btn-primary:hover{background:rgba(255,255,255,.95);transform:translateY(-2px)}.os-badges{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.os-badge{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#f8fafc;border-radius:100px;font-size:13px;color:var(--text-secondary)}.os-badge svg{width:16px;height:16px}@media(max-width: 1024px){.features-grid,.formats-grid{grid-template-columns:repeat(2, 1fr)}.detail-row{grid-template-columns:1fr;gap:40px}.detail-row.reverse{direction:ltr}.steps{grid-template-columns:1fr}}@media(max-width: 768px){.hero{padding-top:120px}.hero h1{font-size:36px}.hero-subtitle{font-size:17px}.features-grid,.formats-grid{grid-template-columns:1fr}.section-title,.cta-box h2{font-size:30px}.detail-content h3{font-size:26px}.cta-box{padding:50px 28px}}.hero-aurora{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.aurora-blob{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.blob-a{width:520px;height:520px;background:radial-gradient(circle, rgba(255, 140, 90, 0.34) 0%, transparent 65%);top:-140px;left:-120px;animation:aurora-a 22s ease-in-out infinite alternate}.blob-b{width:480px;height:480px;background:radial-gradient(circle, rgba(147, 178, 255, 0.32) 0%, transparent 65%);top:-100px;right:-120px;animation:aurora-b 26s ease-in-out infinite alternate}.blob-c{width:420px;height:420px;background:radial-gradient(circle, rgba(125, 211, 252, 0.3) 0%, transparent 65%);top:42%;left:58%;animation:aurora-c 20s ease-in-out infinite alternate}.blob-d{width:460px;height:460px;background:radial-gradient(circle, rgba(196, 156, 255, 0.26) 0%, transparent 65%);bottom:-180px;left:18%;animation:aurora-d 24s ease-in-out infinite alternate}@keyframes aurora-a{from{transform:translate(0, 0) scale(1) rotate(0deg)}to{transform:translate(70px, 50px) scale(1.25) rotate(18deg)}}@keyframes aurora-b{from{transform:translate(0, 0) scale(1) rotate(0deg)}to{transform:translate(-60px, 45px) scale(1.18) rotate(-16deg)}}@keyframes aurora-c{from{transform:translate(0, 0) scale(1)}to{transform:translate(-55px, -40px) scale(1.15)}}@keyframes aurora-d{from{transform:translate(0, 0) scale(1)}to{transform:translate(45px, -35px) scale(1.22)}}@media(max-width: 768px){.hero-aurora{height:100svh}.aurora-blob{filter:blur(55px)}}@media(prefers-reduced-motion: reduce){.aurora-blob{animation:none}}.navbar-xzn .logo img,.navbar-xzwy .logo img{display:block;height:44px;width:auto}footer.footer-xzn,footer.footer-xzwy{padding:32px 24px}.footer-xzn .footer-copy,.footer-xzwy .footer-copy{text-align:center;color:rgba(241,245,249,.45);font-size:13px;line-height:1.9}.footer-xzn .footer-copy p,.footer-xzwy .footer-copy p{color:inherit;font-size:inherit}.footer-xzn .footer-copy a,.footer-xzwy .footer-copy a{color:inherit;text-decoration:none}.footer-xzn .footer-copy a:hover,.footer-xzwy .footer-copy a:hover{color:#fff}