.support-page .support-hero{padding:150px 0 115px;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 18%, rgba(16,185,129,.18), transparent 28%),radial-gradient(circle at 86% 74%, rgba(20,184,166,.14), transparent 30%),linear-gradient(180deg,#071712 0%,#0c231d 38%,#f8fafc 100%)}
.support-page .support-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:38px 38px;opacity:.36;pointer-events:none;z-index:0}
.support-page .support-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(7,23,18,.08) 0%, rgba(7,23,18,.02) 40%, rgba(248,250,252,0) 100%);pointer-events:none;z-index:0}
.support-page .support-hero .container{position:relative;z-index:2}
.support-page .support-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
.support-page .hero-copy{max-width:700px}
.support-page .hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#6ee7b7;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}
.support-page .support-hero h1{font-size:clamp(2.9rem,4.9vw,4.8rem);line-height:1.02;font-weight:900;letter-spacing:-2px;margin:0 0 18px;color:#fff}
.support-page .support-hero h1 span{color:#34d399}
.support-page .support-hero p{max-width:660px;font-size:18px;line-height:1.85;color:rgba(255,255,255,.78);margin-bottom:30px}
.support-page .hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.support-page .hero-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 26px;border-radius:18px;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:600;background:rgba(255,255,255,.04);transition:.3s ease}
.support-page .hero-secondary-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.support-page .hero-panel{position:relative;padding:24px;border-radius:28px;background:linear-gradient(180deg, rgba(15,23,42,.84), rgba(15,23,42,.68));border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.20)}
.support-page .hero-panel-top{display:flex;gap:8px;margin-bottom:16px}
.support-page .hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.support-page .status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}
.support-page .status-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.support-page .status-card strong{display:block;color:#fff;font-size:15px;margin-bottom:8px}
.support-page .status-card span{display:block;color:rgba(255,255,255,.68);font-size:13px;line-height:1.6}
.support-page .status-pill{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#d1fae5;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.18)}
.support-page .status-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}
.support-page .support-log{border-radius:20px;padding:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.support-page .log-item{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.support-page .log-item:last-child{border-bottom:0;padding-bottom:0}
.support-page .log-time{color:#6ee7b7;font-size:13px;font-weight:700}
.support-page .log-text{color:rgba(255,255,255,.72);font-size:13px;line-height:1.7}
.support-page .support-strip{position:relative;z-index:3;margin-top:-28px;padding-bottom:24px}
.support-page .support-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:rgba(255,255,255,.86);border:1px solid rgba(16,185,129,.08);border-radius:28px;padding:22px;box-shadow:0 22px 55px rgba(15,23,42,.08)}
.support-page .support-strip-card{padding:20px;border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.95));border:1px solid rgba(0,0,0,.05)}
.support-page .support-strip-card span{display:block;font-size:12px;font-weight:800;letter-spacing:1.2px;color:#059669;margin-bottom:8px}
.support-page .support-strip-card strong{display:block;font-size:18px;color:#111827;margin-bottom:8px}
.support-page .support-strip-card p{margin:0;color:#64748b;font-size:14px;line-height:1.7}
.support-page .section{padding:100px 0}
.support-page .section-light{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.support-page .section-white{background:#fff}
.support-page .section-soft{background:linear-gradient(180deg,#ecfdf5 0%,#fff 100%)}
.support-page .section-head{max-width:760px;margin-bottom:44px}
.support-page .section-head .mini{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#059669;margin-bottom:12px;text-transform:uppercase}
.support-page .section-head h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-1.2px;margin-bottom:16px;color:#111827}
.support-page .section-head p{color:#64748b;font-size:17px;line-height:1.8}
.support-page .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.support-page .service-card{background:#fff;padding:34px;border-radius:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 28px rgba(0,0,0,.03);transition:.35s ease}
.support-page .service-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(15,23,42,.08);border-color:rgba(16,185,129,.18)}
.support-page .service-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#059669;background:rgba(16,185,129,.09);border-radius:16px;margin-bottom:18px}
.support-page .service-card h3{font-size:20px;margin-bottom:12px;color:#111827}
.support-page .service-card p{margin:0;color:#64748b;line-height:1.75;font-size:15px}
.support-page .split{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.support-page .content-side h2{font-size:42px;line-height:1.08;letter-spacing:-1.2px;margin-bottom:20px;color:#111827}
.support-page .content-side p{color:#64748b;line-height:1.85;font-size:17px;margin-bottom:24px}
.support-page .check-list{list-style:none;padding:0;margin:24px 0 0}
.support-page .check-list li{margin-bottom:12px;color:#334155;font-weight:500}
.support-page .check-list i{color:#10b981;margin-right:10px}
.support-page .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.support-page .feature-box{background:#f8fafc;border:1px solid rgba(0,0,0,.05);border-radius:18px;padding:18px}
.support-page .feature-box strong{display:block;font-size:14px;color:#111827;margin-bottom:6px}
.support-page .feature-box span{display:block;color:#64748b;font-size:14px;line-height:1.6}
.support-page .visual-side{position:relative}
.support-page .floating-badge{position:absolute;top:-18px;left:-18px;z-index:2;background:rgba(255,255,255,.82);border:1px solid rgba(16,185,129,.10);border-radius:18px;padding:16px 18px;max-width:250px;box-shadow:0 18px 40px rgba(15,23,42,.08)}
.support-page .floating-badge span{display:block;font-size:11px;font-weight:800;color:#059669;letter-spacing:1.3px;margin-bottom:6px}
.support-page .floating-badge strong{display:block;font-size:14px;line-height:1.5;color:#111827}
.support-page .support-mockup{width:100%;display:block;border-radius:28px;padding:24px;background:linear-gradient(180deg,#0f172a 0%,#131f37 100%);border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 70px rgba(15,23,42,.12)}
.support-page .support-mockup-top{display:flex;gap:8px;margin-bottom:16px}
.support-page .support-mockup-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.support-page .support-mockup-header{height:70px;border-radius:18px;background:linear-gradient(90deg, rgba(16,185,129,.22), rgba(20,184,166,.08));margin-bottom:16px}
.support-page .ticket-grid{display:grid;gap:12px}
.support-page .ticket-card{border-radius:16px;padding:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.support-page .ticket-card strong{display:block;color:#fff;font-size:14px;margin-bottom:8px}
.support-page .ticket-card span{display:block;color:rgba(255,255,255,.68);font-size:13px;line-height:1.65}
.support-page .ticket-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.support-page .ticket-tag{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#d1fae5;background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.16)}
.support-page .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.support-page .benefit-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:22px;padding:28px 24px;box-shadow:0 12px 28px rgba(0,0,0,.03)}
.support-page .benefit-card strong{display:block;font-size:18px;color:#111827;margin-bottom:10px}
.support-page .benefit-card p{margin:0;color:#64748b;font-size:15px;line-height:1.7}
.support-page .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.support-page .process-card{background:#fff;border-radius:22px;padding:28px 24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 28px rgba(0,0,0,.03)}
.support-page .process-step{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.10);color:#059669;font-weight:800;margin-bottom:16px}
.support-page .process-card h3{font-size:19px;color:#111827;margin-bottom:10px}
.support-page .process-card p{margin:0;color:#64748b;font-size:15px;line-height:1.7}
.support-page .insight-box{max-width:940px;margin-top:36px;padding:26px 28px;border-radius:22px;background:rgba(255,255,255,.84);border:1px solid rgba(16,185,129,.08);box-shadow:0 16px 38px rgba(15,23,42,.05)}
.support-page .insight-box h3{font-size:22px;color:#111827;margin-bottom:12px}
.support-page .insight-box p{margin:0;color:#64748b;line-height:1.8;font-size:15px}
.support-page .cta-section{padding:100px 0 110px;background:#fff}
.support-page .cta-box{text-align:center;padding:64px 50px;border-radius:32px;background:linear-gradient(135deg,#10b981 0%, #14b8a6 55%, #22c55e 100%);color:#fff;box-shadow:0 24px 60px rgba(16,185,129,.20)}
.support-page .cta-box h2{font-size:42px;line-height:1.08;letter-spacing:-1px;margin-bottom:14px;color:#fff}
.support-page .cta-box p{max-width:700px;margin:0 auto 30px;color:rgba(255,255,255,.92);font-size:17px;line-height:1.75}
.support-page .cta-box .cta-button{background:#0A0B10;color:#fff;padding:16px 30px;border-radius:999px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}
.support-page .cta-box .cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.16)}
@media (max-width:1100px){.support-page .support-hero-grid,.support-page .support-strip-grid,.support-page .service-grid,.support-page .split,.support-page .benefit-grid,.support-page .process-grid{grid-template-columns:1fr}.support-page .feature-grid,.support-page .status-grid{grid-template-columns:1fr 1fr}}
@media (max-width:768px){.support-page .support-hero{padding:120px 0 76px}.support-page .support-hero h1{font-size:2.3rem}.support-page .support-hero p{font-size:16px;line-height:1.8}.support-page .hero-panel,.support-page .support-strip-grid,.support-page .support-mockup,.support-page .insight-box{padding:22px;border-radius:24px}.support-page .feature-grid,.support-page .status-grid{grid-template-columns:1fr}.support-page .floating-badge{position:static;max-width:100%;margin-bottom:18px}.support-page .cta-box{padding:42px 24px}.support-page .cta-box h2,.support-page .section-head h2,.support-page .content-side h2{font-size:30px}}
@media (max-width:480px){.support-page .support-hero h1{font-size:1.95rem}}