.seffaf-page .process-hero{padding:150px 0 110px;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 18%, rgba(245, 158, 11, 0.18), transparent 28%),radial-gradient(circle at 86% 74%, rgba(251, 191, 36, 0.12), transparent 30%),linear-gradient(180deg, #171008 0%, #24170a 38%, #f8fafc 100%);}
.seffaf-page .process-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);background-size:40px 40px;opacity:.35;pointer-events:none;z-index:0;}
.seffaf-page .process-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(23,16,8,0.06) 0%, rgba(23,16,8,0.02) 42%, rgba(248,250,252,0) 100%);pointer-events:none;z-index:0;}
.seffaf-page .process-hero .container{position:relative;z-index:2;}
.seffaf-page .process-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;}
.seffaf-page .process-hero-copy{max-width:680px;}
.seffaf-page .hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.10);color:#fcd34d;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px;}
.seffaf-page .process-hero h1{font-size:clamp(2.8rem, 4.8vw, 4.5rem);line-height:1.02;font-weight:900;letter-spacing:-2px;margin:0 0 18px;color:#ffffff;}
.seffaf-page .process-hero h1 span{color:#fbbf24;}
.seffaf-page .process-hero p{max-width:640px;font-size:18px;line-height:1.85;color:rgba(255,255,255,0.78);margin-bottom:30px;}
.seffaf-page .hero-actions{display:flex;flex-wrap:wrap;gap:14px;}
.seffaf-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,0.12);color:#ffffff;text-decoration:none;font-weight:600;background:rgba(255,255,255,0.04);transition:.3s ease;}
.seffaf-page .hero-secondary-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,0.08);}
.seffaf-page .process-timeline-panel{position:relative;padding:28px 28px 28px 36px;border-radius:28px;background:linear-gradient(180deg, rgba(15,23,42,.84), rgba(15,23,42,.68));border:1px solid rgba(255,255,255,0.08);box-shadow:0 28px 70px rgba(0,0,0,0.20);}
.seffaf-page .timeline-line{position:absolute;top:34px;bottom:34px;left:30px;width:2px;background:linear-gradient(to bottom, rgba(251,191,36,.9), rgba(251,191,36,.16));}
.seffaf-page .timeline-point{position:relative;display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;margin-bottom:18px;}
.seffaf-page .timeline-point:last-child{margin-bottom:0;}
.seffaf-page .timeline-point > span{width:24px;height:24px;margin-left:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2a2a2a;color:transparent;border:2px solid rgba(251,191,36,.45);box-shadow:0 0 0 6px rgba(251,191,36,.06);}
.seffaf-page .timeline-point.active > span{background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 0 8px rgba(251,191,36,.12);}
.seffaf-page .timeline-card{border-radius:20px;padding:18px 18px 18px 20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);}
.seffaf-page .timeline-card strong{display:block;color:#fff;font-size:18px;margin-bottom:8px;}
.seffaf-page .timeline-card p{margin:0;color:rgba(255,255,255,0.72);font-size:14px;line-height:1.7;}
.seffaf-page .top-strip{position:relative;z-index:3;margin-top:-26px;padding-bottom:24px;}
.seffaf-page .top-strip-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;background:rgba(255,255,255,0.86);border:1px solid rgba(245,158,11,0.08);border-radius:28px;padding:22px;box-shadow:0 22px 55px rgba(15,23,42,0.08);}
.seffaf-page .top-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,0.05);}
.seffaf-page .top-strip-card span{display:block;font-size:12px;font-weight:800;letter-spacing:1.2px;color:#d97706;margin-bottom:8px;}
.seffaf-page .top-strip-card strong{display:block;font-size:18px;color:#111827;margin-bottom:8px;}
.seffaf-page .top-strip-card p{margin:0;color:#64748b;font-size:14px;line-height:1.7;}
.seffaf-page .section{padding:100px 0;}
.seffaf-page .section-light{background:linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);}
.seffaf-page .section-white{background:#ffffff;}
.seffaf-page .section-soft{background:linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);}
.seffaf-page .section-head{max-width:760px;margin-bottom:44px;}
.seffaf-page .section-head .mini{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#d97706;margin-bottom:12px;text-transform:uppercase;}
.seffaf-page .section-head h2{font-size:clamp(2rem, 4vw, 3rem);line-height:1.08;letter-spacing:-1.2px;margin-bottom:16px;color:#111827;}
.seffaf-page .section-head p{color:#64748b;font-size:17px;line-height:1.8;}
.seffaf-page .management-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:26px;}
.seffaf-page .management-card{background:#fff;padding:34px;border-radius:24px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 12px 28px rgba(0,0,0,0.03);transition:.35s ease;}
.seffaf-page .management-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(15,23,42,0.08);border-color:rgba(245,158,11,0.16);}
.seffaf-page .management-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#d97706;background:rgba(245,158,11,0.08);border-radius:16px;margin-bottom:18px;}
.seffaf-page .management-card h3{font-size:20px;margin-bottom:12px;color:#111827;}
.seffaf-page .management-card p{margin:0;color:#64748b;line-height:1.75;font-size:15px;}
.seffaf-page .split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;}
.seffaf-page .content-side h2{font-size:42px;line-height:1.08;letter-spacing:-1.2px;margin-bottom:20px;color:#111827;}
.seffaf-page .content-side p{color:#64748b;line-height:1.85;font-size:17px;margin-bottom:24px;}
.seffaf-page .check-list{list-style:none;padding:0;margin:24px 0 0;}
.seffaf-page .check-list li{margin-bottom:12px;color:#334155;font-weight:500;}
.seffaf-page .check-list i{color:#10b981;margin-right:10px;}
.seffaf-page .info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;margin-top:28px;}
.seffaf-page .info-box{background:#f8fafc;border:1px solid rgba(0,0,0,0.05);border-radius:18px;padding:18px;}
.seffaf-page .info-box strong{display:block;font-size:14px;color:#111827;margin-bottom:6px;}
.seffaf-page .info-box span{display:block;color:#64748b;font-size:14px;line-height:1.6;}
.seffaf-page .visual-side{position:relative;}
.seffaf-page .floating-badge{position:absolute;top:-18px;left:-18px;z-index:2;background:rgba(255,255,255,.82);border:1px solid rgba(245,158,11,0.10);box-shadow:0 18px 40px rgba(15,23,42,.08);border-radius:18px;padding:16px 18px;max-width:250px;}
.seffaf-page .floating-badge span{display:block;font-size:11px;font-weight:800;color:#d97706;letter-spacing:1.3px;margin-bottom:6px;}
.seffaf-page .floating-badge strong{display:block;font-size:14px;line-height:1.5;color:#111827;}
.seffaf-page .mockup-card{width:100%;display:block;border-radius:28px;padding:24px;background:linear-gradient(180deg, #0f172a 0%, #131f37 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:0 30px 70px rgba(15,23,42,0.12);}
.seffaf-page .mockup-top{display:flex;gap:8px;margin-bottom:16px;}
.seffaf-page .mockup-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.16);}
.seffaf-page .mockup-header{height:70px;border-radius:18px;background:linear-gradient(90deg, rgba(251,191,36,.22), rgba(245,158,11,.08));margin-bottom:16px;}
.seffaf-page .mockup-columns{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;}
.seffaf-page .mockup-column{min-height:260px;border-radius:18px;padding:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);}
.seffaf-page .task-card{border-radius:14px;padding:12px;margin-bottom:10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06);}
.seffaf-page .task-card strong{display:block;font-size:13px;color:#fff;margin-bottom:6px;}
.seffaf-page .task-card span{display:block;font-size:12px;color:rgba(255,255,255,0.68);}
.seffaf-page .benefit-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:22px;}
.seffaf-page .benefit-card{background:#fff;border:1px solid rgba(0,0,0,0.05);border-radius:22px;padding:28px 24px;box-shadow:0 12px 28px rgba(0,0,0,0.03);}
.seffaf-page .benefit-card strong{display:block;font-size:18px;color:#111827;margin-bottom:10px;}
.seffaf-page .benefit-card p{margin:0;color:#64748b;font-size:15px;line-height:1.7;}
.seffaf-page .process-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:22px;}
.seffaf-page .process-card{background:#fff;border-radius:22px;padding:28px 24px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 12px 28px rgba(0,0,0,0.03);}
.seffaf-page .process-step{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,0.10);color:#d97706;font-weight:800;margin-bottom:16px;}
.seffaf-page .process-card h3{font-size:19px;color:#111827;margin-bottom:10px;}
.seffaf-page .process-card p{margin:0;color:#64748b;font-size:15px;line-height:1.7;}
.seffaf-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(245,158,11,.08);box-shadow:0 16px 38px rgba(15,23,42,.05);}
.seffaf-page .insight-box h3{font-size:22px;color:#111827;margin-bottom:12px;}
.seffaf-page .insight-box p{margin:0;color:#64748b;line-height:1.8;font-size:15px;}
.seffaf-page .cta-section{padding:100px 0 110px;background:#ffffff;}
.seffaf-page .cta-box{text-align:center;padding:64px 50px;border-radius:32px;background:linear-gradient(135deg,#f59e0b 0%, #f97316 55%, #fb7185 100%);color:#fff;box-shadow:0 24px 60px rgba(245,158,11,.20);}
.seffaf-page .cta-box h2{font-size:42px;line-height:1.08;letter-spacing:-1px;margin-bottom:14px;color:#fff;}
.seffaf-page .cta-box p{max-width:700px;margin:0 auto 30px;color:rgba(255,255,255,.92);font-size:17px;line-height:1.75;}
.seffaf-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;}
.seffaf-page .cta-box .cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.16);}
@media (max-width: 1100px){.seffaf-page .process-hero-grid,.seffaf-page .top-strip-grid,.seffaf-page .management-grid,.seffaf-page .split,.seffaf-page .benefit-grid,.seffaf-page .process-grid{grid-template-columns:1fr;}.seffaf-page .info-grid{grid-template-columns:1fr 1fr;}}
@media (max-width: 768px){.seffaf-page .process-hero{padding:120px 0 76px;}.seffaf-page .process-hero h1{font-size:2.3rem;}.seffaf-page .process-hero p{font-size:16px;line-height:1.8;}.seffaf-page .top-strip-grid,.seffaf-page .mockup-card,.seffaf-page .insight-box,.seffaf-page .process-timeline-panel{padding:22px;border-radius:24px;}.seffaf-page .mockup-columns,.seffaf-page .info-grid{grid-template-columns:1fr;}.seffaf-page .floating-badge{position:static;max-width:100%;margin-bottom:18px;}.seffaf-page .cta-box{padding:42px 24px;}.seffaf-page .cta-box h2,.seffaf-page .section-head h2,.seffaf-page .content-side h2{font-size:30px;}}
@media (max-width: 480px){.seffaf-page .process-hero h1{font-size:1.95rem;}.seffaf-page .timeline-point{grid-template-columns:36px 1fr;}.seffaf-page .timeline-point > span{margin-left:6px;}.seffaf-page .timeline-line{left:17px;}}