.fk-embed,.fk-host{--bg:      #ffffff; 
      --text:    #0d1f1f; 
      --blue:    #44a5eb; 
      --teal:    #178080; 
      --muted:   #4a7a7a;
      --radius:  4px;}
:is(.fk-embed,.fk-host) *,:is(.fk-embed,.fk-host) *::before,:is(.fk-embed,.fk-host) *::after{box-sizing: border-box; margin: 0; padding: 0;}
.fk-embed{scroll-behavior: smooth;}
.fk-embed{font-family: var(--font-dm-sans-opsz), sans-serif; background: var(--bg); color: var(--text); overflow-x: clip; line-height: 1.6; -webkit-font-smoothing: antialiased;}
:is(.fk-embed,.fk-host) .bg-canvas{position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      background: var(--bg);}
:is(.fk-embed,.fk-host) .bg-orb{position: absolute;
      border-radius: 50%;
      will-change: transform, opacity;}
@container fk (min-width: 901px){
:is(.fk-embed,.fk-host) .bg-orb{filter: blur(80px); opacity: 0.12; animation: orb-drift 18s ease-in-out infinite alternate;}
:is(.fk-embed,.fk-host) .bg-orb-1{width: 600px; height: 600px; background: radial-gradient(circle, var(--blue), transparent); top: -15%; left: -10%;}
:is(.fk-embed,.fk-host) .bg-orb-2{width: 400px; height: 400px; background: radial-gradient(circle, var(--teal), transparent); bottom: 10%; right: -5%; animation-delay: -6s;}
:is(.fk-embed,.fk-host) .bg-orb-3{width: 300px; height: 300px; background: radial-gradient(circle, var(--blue), transparent); top: 55%; left: 40%; animation-delay: -12s; opacity: 0.05;}
}
@container fk (max-width: 900px){
:is(.fk-embed,.fk-host) .bg-orb{animation: none !important;
        filter: none !important;
        opacity: 0.04 !important;}
:is(.fk-embed,.fk-host) .bg-orb-1{width: 300px; height: 300px; background: radial-gradient(circle, rgba(68,165,235,0.4), transparent 70%); top: -5%; left: -10%;}
:is(.fk-embed,.fk-host) .bg-orb-2{width: 250px; height: 250px; background: radial-gradient(circle, rgba(23,128,128,0.3), transparent 70%); bottom: 5%; right: -5%;}
:is(.fk-embed,.fk-host) .bg-orb-3{display: none;}
}
@keyframes orb-drift{ 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(40px,30px) scale(1.08); } }
:is(.fk-embed,.fk-host) .topbar{position: relative; z-index: 200; background: var(--blue); color: #fff; text-align: center; padding: 11px 20px; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.04em;}
:is(.fk-embed,.fk-host) .topbar a{color: #fff; font-weight: 700; text-decoration: none;}
:is(.fk-embed,.fk-host) .hero{position: relative;
      z-index: 1;
      padding: clamp(3rem, 12cqw, 6rem) clamp(1rem, 5cqw, 2rem) clamp(2rem, 8cqw, 4rem);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;}
:is(.fk-embed,.fk-host) .hero-inner{position: relative; max-width: 800px; margin: 0 auto; width: 100%;}
:is(.fk-embed,.fk-host) h1{font-family: var(--font-bebas), sans-serif; font-size: clamp(3rem, 7cqw, 5.5rem); font-weight: 900; line-height: 0.95; letter-spacing: 0.02em; margin-bottom: 20px; color: var(--text);}
:is(.fk-embed,.fk-host) h1 em{font-style: normal; color: var(--blue); display: block;}
:is(.fk-embed,.fk-host) .hero-sub{font-size: 1.05rem; color: #555; max-width: 560px; margin: 0 auto 40px; line-height: 1.75; font-weight: 300;}
:is(.fk-embed,.fk-host) .hero-ctas{display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; width: 100%;}
:is(.fk-embed,.fk-host) .btn-call{background: var(--blue); color: #fff; padding: 15px 32px; font-weight: 600; font-size: 1rem; text-decoration: none; border-radius: var(--radius); display: inline-flex; align-items: center; gap: 9px; transition: background 0.2s, box-shadow 0.2s, transform 0.15s; box-shadow: 0 4px 24px rgba(68, 165, 235, 0.3);}
:is(.fk-embed,.fk-host) .btn-call:hover{background: var(--teal); box-shadow: 0 6px 32px rgba(23, 128, 128, 0.4); transform: translateY(-1px);}
:is(.fk-embed,.fk-host) .btn-wa{border: 1px solid #c8e8e8; color: var(--text); padding: 15px 24px; font-size: 0.9rem; text-decoration: none; border-radius: var(--radius); transition: border-color 0.2s, background 0.2s; display: inline-flex; align-items: center; gap: 8px;}
:is(.fk-embed,.fk-host) .btn-wa:hover{border-color: var(--blue); background: rgba(68,165,235,0.06);}
:is(.fk-embed,.fk-host) .hero-stats{display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      margin-top: 3.5rem;
      width: 100%;
      position: relative;}
:is(.fk-embed,.fk-host) .stat{text-align: center; flex: 1; min-width: 100px;}
:is(.fk-embed,.fk-host) .stat-num{font-family: var(--font-bebas), sans-serif; font-size: 2.8rem; line-height: 1; color: var(--blue); letter-spacing: 0.05em;}
:is(.fk-embed,.fk-host) .stat-label{font-size: 0.7rem; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase;}
@container fk (min-width: 901px){
:is(.fk-embed,.fk-host) .hero{text-align: left; align-items: flex-start;}
:is(.fk-embed,.fk-host) .hero-inner{margin: 0; max-width: 650px;}
:is(.fk-embed,.fk-host) .hero-ctas{justify-content: flex-start;}
:is(.fk-embed,.fk-host) .hero-stats{position: absolute;
        right: clamp(1rem, 5cqw, 5rem);
        bottom: clamp(2rem, 5cqw, 4rem);
        flex-direction: column;
        gap: 1.5rem;
        width: auto;
        margin-top: 0;}
:is(.fk-embed,.fk-host) .stat{text-align: right;}
}
:is(.fk-embed,.fk-host) .trust-bar{position: relative; z-index: 1; border-top: 1px solid #c8e8e8; border-bottom: 1px solid #c8e8e8; background: #f0fafa; padding: 20px 6%; display: flex; justify-content: center; gap: 48px; flex-wrap: wrap;}
:is(.fk-embed,.fk-host) .trust-item{display: flex; align-items: center; gap: 9px; font-size: 0.82rem; color: #555; font-weight: 500;}
:is(.fk-embed,.fk-host) .trust-dot{width: 5px; height: 5px; background: var(--blue); border-radius: 50%; box-shadow: 0 0 5px var(--blue); flex-shrink: 0;}
:is(.fk-embed,.fk-host) .section-wrap{position: relative; z-index: 1; padding: clamp(4rem, 6cqw, 6rem) clamp(1rem, 4cqw, 3rem);}
:is(.fk-embed,.fk-host) .section-wrap.alt{background: #f5fafa; border-top: 1px solid #c8e8e8; border-bottom: 1px solid #c8e8e8;}
:is(.fk-embed,.fk-host) .section-inner{max-width: 1200px; margin: 0 auto;}
:is(.fk-embed,.fk-host) .section-eyebrow{font-size: 0.7rem; letter-spacing: 0.22em; color: var(--blue); text-transform: uppercase; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; font-weight: 600;}
:is(.fk-embed,.fk-host) .section-eyebrow::before{content: ''; width: 24px; height: 1px; background: var(--blue);}
:is(.fk-embed,.fk-host) h2{font-family: var(--font-bebas), sans-serif; font-size: clamp(2.2rem, 5cqw, 3.8rem); line-height: 1; letter-spacing: 0.03em; margin-bottom: 14px; color: var(--text);}
:is(.fk-embed,.fk-host) .section-sub{color: #666; font-size: 0.95rem; max-width: 560px; margin-bottom: 52px; font-weight: 300; line-height: 1.7;}
:is(.fk-embed,.fk-host) .services-nav-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 5rem;}
:is(.fk-embed,.fk-host) .service-nav-item{background: #fbfdfd; padding: 1.2rem; text-align: center; border-radius: var(--radius); font-size: 0.85rem; font-weight: 600; text-transform: uppercase; color: #555; letter-spacing: 0.05em; border: 1px solid #c8e8e8; text-decoration: none; display: block; transition: border-color 0.2s, color 0.2s;}
:is(.fk-embed,.fk-host) .service-nav-item:hover,:is(.fk-embed,.fk-host) .service-nav-item:focus-visible{border-color: var(--blue); color: var(--blue);}
:is(.fk-embed,.fk-host) .detail-layout{display: grid; grid-template-columns: 1.5fr 1fr; gap: 4.5rem; margin-bottom: 6rem; align-items: start;}
:is(.fk-embed,.fk-host) .detail-layout.reverse{display: grid; grid-template-columns: 1.5fr 1fr;}
:is(.fk-embed,.fk-host) .detail-content{width: 100%;}
:is(.fk-embed,.fk-host) .detail-sidebar{position: static; top: 30px; background: #fbfdfd; border: 1px solid #c8e8e8; padding: 2rem; border-radius: var(--radius); width: 100%;}
:is(.fk-embed,.fk-host) .detail-content h3{font-family: var(--font-bebas), sans-serif; font-size: 2.2rem; letter-spacing: 0.03em; margin-bottom: 1rem; color: var(--text);}
:is(.fk-embed,.fk-host) .detail-content p.lead{font-size: 1.1rem; font-weight: 400; line-height: 1.6; color: #333; margin-bottom: 1.5rem;}
:is(.fk-embed,.fk-host) .detail-content p{font-size: 0.92rem; line-height: 1.6; color: #555; margin-bottom: 1.2rem;}
:is(.fk-embed,.fk-host) .methods-block{display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem;}
:is(.fk-embed,.fk-host) .method-box{background: #f4fafa; border-left: 3px solid var(--blue); padding: 1.2rem; border-radius: var(--radius); border-top: 1px solid #c8e8e8; border-right: 1px solid #c8e8e8; border-bottom: 1px solid #c8e8e8;}
:is(.fk-embed,.fk-host) .method-box p{font-size: 0.88rem; color: #555; line-height: 1.5; margin: 0;}
:is(.fk-embed,.fk-host) .detail-sidebar h4{font-family: var(--font-bebas), sans-serif; font-size: 1.4rem; letter-spacing: 0.05em; margin-bottom: 1.2rem; color: var(--text); border-bottom: 1px solid #c8e8e8; padding-bottom: 0.5rem;}
:is(.fk-embed,.fk-host) .sidebar-list{list-style: none; display: flex; flex-direction: column; gap: 1rem;}
:is(.fk-embed,.fk-host) .sidebar-list li{font-size: 0.88rem; line-height: 1.5; color: #555; padding-left: 1.5rem; position: relative;}
:is(.fk-embed,.fk-host) .sidebar-list li::before{content: '✓'; color: var(--blue); font-weight: bold; position: absolute; left: 0;}
:is(.fk-embed,.fk-host) .sidebar-list li strong{color: var(--text); display: block; margin-bottom: 0.1rem;}
:is(.fk-embed,.fk-host) .info-note{background: rgba(64,165,235,0.05); border: 1px dashed rgba(64,165,235,0.4); padding: 1rem; margin-top: 1.5rem; border-radius: var(--radius); font-size: 0.8rem; color: #555; line-height: 1.4;}
:is(.fk-embed,.fk-host) .info-note strong{color: var(--text);}
:is(.fk-embed,.fk-host) .badge-notfall{display: inline-flex; align-items: center; gap: 6px; background: rgba(64,165,235,0.1); border: 1px solid rgba(64,165,235,0.25); color: var(--teal); font-size: 0.72rem; padding: 6px 12px; border-radius: 2px; margin-bottom: 16px; font-weight: 600;}
:is(.fk-embed,.fk-host) .badge-notfall::before{content: ''; width: 5px; height: 5px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 5px #22c55e;}
:is(.fk-embed,.fk-host) .types-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.5rem;}
:is(.fk-embed,.fk-host) .type-card{background: var(--bg); border: 1px solid #c8e8e8; padding: 1rem; border-radius: var(--radius); font-size: 0.85rem; line-height: 1.5; color: #555;}
:is(.fk-embed,.fk-host) .type-card strong{color: var(--text); display: block; margin-bottom: 0.2rem;}
:is(.fk-embed,.fk-host) .safe-types-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.5rem;}
:is(.fk-embed,.fk-host) .safe-type-card{background: #fdfdfd; border: 1px solid #e2f4f4; padding: 1.2rem; border-radius: var(--radius);}
:is(.fk-embed,.fk-host) .safe-type-card strong{display: block; font-size: 0.95rem; color: var(--text); margin-bottom: 0.2rem;}
:is(.fk-embed,.fk-host) .safe-type-card p{font-size: 0.85rem; color: #666; margin: 0; line-height: 1.5;}
:is(.fk-embed,.fk-host) .steps-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 2rem;}
:is(.fk-embed,.fk-host) .step-card{background: var(--bg); border: 1px solid #c8e8e8; padding: 2.5rem 2rem; border-radius: var(--radius); position: relative;}
:is(.fk-embed,.fk-host) .step-num{position: absolute; top: -1.5rem; left: 1.5rem; width: 3rem; height: 3rem; background: var(--blue); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-bebas), sans-serif; font-size: 1.5rem;}
:is(.fk-embed,.fk-host) .step-card h4{font-family: var(--font-bebas), sans-serif; font-size: 1.3rem; letter-spacing: 0.05em; margin: 0.8rem 0 0.6rem;}
:is(.fk-embed,.fk-host) .step-card p{font-size: 0.85rem; color: #666; line-height: 1.6;}
:is(.fk-embed,.fk-host) .why-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;}
:is(.fk-embed,.fk-host) .why-list{list-style: none; display: flex; flex-direction: column; gap: 1.5rem;}
:is(.fk-embed,.fk-host) .why-item{display: flex; gap: 1rem; align-items: flex-start;}
:is(.fk-embed,.fk-host) .why-num{font-family: var(--font-bebas), sans-serif; font-size: 2rem; color: var(--blue); line-height: 1; flex-shrink: 0; width: 2.5rem;}
:is(.fk-embed,.fk-host) .why-text strong{display: block; font-size: 0.95rem; font-weight: 600; margin-bottom: 0.2rem;}
:is(.fk-embed,.fk-host) .why-text span{font-size: 0.82rem; color: #666; line-height: 1.5;}
:is(.fk-embed,.fk-host) .why-visual{position: relative; height: 350px; display: flex; align-items: center; justify-content: center;}
:is(.fk-embed,.fk-host) .why-circle{width: 220px; height: 220px; border-radius: 50%; border: 1px solid #c8e8e8; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative;}
:is(.fk-embed,.fk-host) .why-circle::before{content: ''; position: absolute; inset: -16px; border-radius: 50%; border: 1px dashed #b0d8d8; animation: spin 30s linear infinite;}
@keyframes spin{ to { transform: rotate(360deg); } }
:is(.fk-embed,.fk-host) .why-circle-num{font-family: var(--font-bebas), sans-serif; font-size: 4rem; color: var(--blue); line-height: 1;}
:is(.fk-embed,.fk-host) .why-circle-label{font-size: 0.75rem; color: var(--muted); letter-spacing: 0.1em; text-transform: uppercase;}
:is(.fk-embed,.fk-host) .faq-list{display: flex; flex-direction: column;}
:is(.fk-embed,.fk-host) .faq-item{border-bottom: 1px solid #c8e8e8; overflow: hidden;}
:is(.fk-embed,.fk-host) .faq-question{display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1.4rem 0; cursor: pointer; font-size: 0.95rem; font-weight: 600; font-family: inherit; text-align: left; background: none; border: none; color: inherit; transition: color 0.2s ease; user-select: none;}
:is(.fk-embed,.fk-host) .faq-question:focus-visible{outline: 2px solid var(--blue); outline-offset: 2px;}
:is(.fk-embed,.fk-host) .faq-question:hover{color: var(--blue);}
:is(.fk-embed,.fk-host) .faq-icon{font-size: 1.2rem; color: var(--blue); transition: transform 0.3s ease; flex-shrink: 0;}
:is(.fk-embed,.fk-host) .faq-item.open .faq-icon{transform: rotate(45deg);}
:is(.fk-embed,.fk-host) .faq-answer{max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.3s ease; font-size: 0.85rem; color: #666; line-height: 1.7;}
:is(.fk-embed,.fk-host) .faq-item.open .faq-answer{max-height: 300px; padding-bottom: 1.2rem;}
:is(.fk-embed,.fk-host) .cta-strip{background: linear-gradient(135deg, #f0fafa 0%, rgba(224,242,242,0.6) 100%); border: 1px solid #c8e8e8; border-left: 4px solid var(--blue); border-radius: 6px; padding: 52px 48px; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; position: relative; overflow: hidden;}
:is(.fk-embed,.fk-host) .cta-strip::after{content: ''; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(68,165,235,0.1), transparent 70%); border-radius: 50%;}
:is(.fk-embed,.fk-host) .cta-strip h2{margin-bottom: 6px; font-family: var(--font-bebas), sans-serif; font-size: clamp(2rem, 5cqw, 3.5rem); line-height: 1; letter-spacing: 0.02em;}
:is(.fk-embed,.fk-host) .cta-strip-sub{color: var(--muted); font-size: 0.88rem;}
:is(.fk-embed,.fk-host) .cta-strip-btns{display: flex; gap: 14px; flex-wrap: wrap;}
:is(.fk-embed,.fk-host) footer{position: relative; z-index: 1; border-top: 1px solid #c8e8e8; background: #f8f8f8; padding: 56px 6% 32px;}
:is(.fk-embed,.fk-host) .footer-grid{max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 48px; padding-bottom: 40px; border-bottom: 1px solid #c8e8e8;}
:is(.fk-embed,.fk-host) .footer-brand-name{font-family: var(--font-bebas), sans-serif; font-size: 1.4rem; letter-spacing: 0.12em; color: var(--text); margin-bottom: 12px;}
:is(.fk-embed,.fk-host) .footer-brand-name span{color: var(--blue);}
:is(.fk-embed,.fk-host) .footer-brand p{font-size: 0.82rem; color: var(--muted); line-height: 1.65;}
:is(.fk-embed,.fk-host) footer h4{font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--blue); margin-bottom: 16px;}
:is(.fk-embed,.fk-host) footer a{display: block; font-size: 0.84rem; color: var(--muted); text-decoration: none; margin-bottom: 8px; transition: color 0.2s;}
:is(.fk-embed,.fk-host) footer a:hover{color: var(--text);}
:is(.fk-embed,.fk-host) .areas-section{max-width: 1200px; margin: 32px auto 0; padding-bottom: 24px; border-bottom: 1px solid #c8e8e8;}
:is(.fk-embed,.fk-host) .areas-wrap{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;}
:is(.fk-embed,.fk-host) .area-pill{background: #ffffff; border: 1px solid #c8e8e8; padding: 7px 16px; font-size: 0.8rem; color: #555; border-radius: 3px; transition: all 0.2s; text-decoration: none; display: inline-block;}
:is(.fk-embed,.fk-host) .area-pill-all{font-weight: 600; color: var(--blue); border-color: var(--blue);}
:is(.fk-embed,.fk-host) .partner-title{margin-top: 28px;}
:is(.fk-embed,.fk-host) .partner-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 12px;}
:is(.fk-embed,.fk-host) .partner-item{display: flex; flex-direction: column; gap: 4px; font-size: 0.78rem; color: #666;}
:is(.fk-embed,.fk-host) .partner-item a{color: var(--teal); font-weight: 600; font-size: 0.85rem; text-decoration: none;}
:is(.fk-embed,.fk-host) .partner-item a:hover{color: var(--blue); text-decoration: underline;}
:is(.fk-embed,.fk-host) .area-pill:hover{border-color: var(--blue); color: var(--blue); background: rgba(68,165,235,0.05);}
:is(.fk-embed,.fk-host) .footer-bottom{max-width: 1200px; margin: 28px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 0.73rem; color: #4a7a7a;}
:is(.fk-embed,.fk-host) .method-box-header{display: flex; align-items: center; gap: 12px; margin-bottom: 0.5rem;}
:is(.fk-embed,.fk-host) .animated-icon-wrap{width: 36px; height: 36px; background: rgba(68, 165, 235, 0.1); border-radius: 4px; display: flex; align-items: center; justify-content: center; color: var(--blue); transition: all 0.3s ease;}
:is(.fk-embed,.fk-host) .method-box:hover .animated-icon-wrap{background: var(--blue); color: #fff;}
:is(.fk-embed,.fk-host) .method-box:hover .icon-spin-hover{transform: rotate(45deg); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
@keyframes lock-shake{
      0% { transform: translate(0, 0); } 20% { transform: translate(-2px, 0); } 40% { transform: translate(2px, 0); }
      60% { transform: translate(-2px, 0); } 80% { transform: translate(2px, 0); } 100% { transform: translate(0, 0); }
    }
:is(.fk-embed,.fk-host) .method-box:hover .icon-shake-hover{animation: lock-shake 0.4s ease-in-out;}
:is(.fk-embed,.fk-host) .badge-notfall-animated{display: inline-flex; align-items: center; gap: 8px; background: rgba(68, 165, 235, 0.12); border: 1px solid rgba(68, 165, 235, 0.3); color: var(--text); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 14px; border-radius: 3px; margin-bottom: 20px;}
:is(.fk-embed,.fk-host) .live-pulse{width: 8px; height: 8px; background: #22c55e; border-radius: 50%; position: relative;}
:is(.fk-embed,.fk-host) .live-pulse::after{content: ''; position: absolute; inset: 0; border-radius: 50%; background: #22c55e; animation: pulse-ring 1.5s infinite ease-in-out;}
@keyframes pulse-ring{ 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(2.5); opacity: 0; } }
:is(.fk-embed,.fk-host) .sidebar-list-animated{list-style: none; padding: 0; position: relative;}
:is(.fk-embed,.fk-host) .sidebar-list-animated li{position: relative; padding-left: 2rem; padding-bottom: 1.5rem; font-size: 0.88rem; color: #555;}
:is(.fk-embed,.fk-host) .sidebar-list-animated li:last-child{padding-bottom: 0;}
:is(.fk-embed,.fk-host) .line-progress{position: absolute; left: 4px; top: 24px; bottom: -10px; width: 2px; background: #e2e8f0; overflow: hidden;}
:is(.fk-embed,.fk-host) .line-progress::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--blue); transform: translateY(-100%); animation: load-line 3s infinite linear;}
@keyframes load-line{ 0% { transform: translateY(-100%); } 50% { transform: translateY(0); } 100% { transform: translateY(100%); } }
:is(.fk-embed,.fk-host) .sidebar-list-animated li::before{content: '✓'; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; color: var(--blue); font-weight: bold; font-size: 0.9rem;}
@keyframes fade-up{ from{opacity:0;transform:translateY(24px);} to{opacity:1;transform:translateY(0);}}
@container fk (max-width: 900px){
:is(.fk-embed,.fk-host) .detail-layout,:is(.fk-embed,.fk-host) .detail-layout.reverse{grid-template-columns: 1fr !important; gap: 2rem;}
:is(.fk-embed,.fk-host) .detail-layout.reverse .detail-content{order: 1;}
:is(.fk-embed,.fk-host) .detail-layout.reverse .detail-sidebar{order: 2;}
:is(.fk-embed,.fk-host) .detail-sidebar{position: static; padding: 1.5rem;}
:is(.fk-embed,.fk-host) .types-grid,:is(.fk-embed,.fk-host) .safe-types-grid{grid-template-columns: 1fr; gap: 1rem;}
:is(.fk-embed,.fk-host) .steps-grid{grid-template-columns: 1fr; gap: 2.5rem;}
:is(.fk-embed,.fk-host) .why-grid{grid-template-columns: 1fr; gap: 2rem;}
:is(.fk-embed,.fk-host) .why-visual{height: auto; margin-top: 2rem;}
:is(.fk-embed,.fk-host) .footer-grid{grid-template-columns: 1fr; gap: 2rem;}
}