/* =========================================================
   KOM PICTURES — FEATURES PAGE
   Dedicated page UI. Shared navigation/footer remain in
   public_landing.css / footer.css.
   ========================================================= */

.kp-features-page{background:#f7faf8;color:#101827;overflow:hidden}
.kp-features-container{max-width:1120px!important}
.kp-features-hero{position:relative;padding:88px 0 62px;text-align:center;background:radial-gradient(circle at 16% 25%,rgba(41,194,112,.12),transparent 25%),radial-gradient(circle at 84% 18%,rgba(112,91,255,.10),transparent 25%),linear-gradient(180deg,#fbfffd 0%,#f5faf7 100%)}
.kp-features-hero:after{content:"";position:absolute;left:50%;bottom:-1px;width:70%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#d8e7df,transparent)}
.kp-hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #dcebe3;border-radius:999px;background:rgba(255,255,255,.78);font-size:11px;font-weight:800;letter-spacing:.14em;color:#166b3c;box-shadow:0 8px 24px rgba(20,70,45,.05)}
.kp-hero-kicker span{width:7px;height:7px;border-radius:50%;background:#20ad68;box-shadow:0 0 0 5px rgba(32,173,104,.12)}
.kp-features-hero h1{margin:24px auto 16px;max-width:850px;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:900;color:#0e1727}
.kp-features-hero h1 em{font-style:normal;background:linear-gradient(100deg,#168047,#2dbd78 65%,#45c7c2);-webkit-background-clip:text;background-clip:text;color:transparent}
.kp-features-hero p{max-width:670px;margin:0 auto;color:#697789;font-size:17px;line-height:1.7}
.kp-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}
.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:800;font-size:14px;transition:.2s ease}
.kp-btn-primary{background:#17683b;color:#fff;box-shadow:0 12px 28px rgba(23,104,59,.22)}
.kp-btn-primary:hover{transform:translateY(-2px);background:#0f5930}
.kp-btn-ghost{border:1px solid #cfe0d7;background:#fff;color:#185d39}
.kp-btn-ghost:hover{transform:translateY(-2px);border-color:#8eb6a0}
.kp-feature-pills{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:25px;color:#728091;font-size:12px;font-weight:700}
.kp-feature-pills i{color:#1ba666;margin-right:5px}

.kp-feature-showcase{padding:92px 0 70px}
.kp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px}
.kp-section-label{display:block;color:#19915a;font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:10px}
.kp-section-heading h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em;font-weight:900}
.kp-section-heading h2 span{color:#1b8e53}
.kp-section-heading>p{max-width:390px;margin:0;color:#718092;line-height:1.7;font-size:14px}
.kp-feature-list{display:flex;flex-direction:column;gap:26px}
.kp-feature-row{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:center;padding:46px;border:1px solid #e1ebe5;border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 18px 55px rgba(22,54,38,.055);position:relative;overflow:hidden}
.kp-feature-row:nth-child(even){grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.kp-feature-row:nth-child(even) .kp-feature-copy{order:2}
.kp-feature-row:nth-child(even) .kp-mockup{order:1}
.kp-feature-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent,#1da567)}
.kp-feature-green{--accent:#1ba66a}.kp-feature-blue{--accent:#388df4}.kp-feature-purple{--accent:#8c68f4}.kp-feature-orange{--accent:#f19a45}.kp-feature-gold{--accent:#d7a733}.kp-feature-dark{--accent:#7ae0b0;background:#111b19;color:#fff;border-color:#22322e}
.kp-feature-index{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--accent,#1da567);margin-bottom:18px}.kp-feature-index span{color:#a4b0bc;font-weight:700}
.kp-feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 11%,white);color:var(--accent);font-size:19px;margin-bottom:18px}
.kp-feature-copy h3{font-size:clamp(28px,3.2vw,42px);line-height:1.06;letter-spacing:-.045em;margin:0 0 15px;font-weight:900}
.kp-feature-copy p{max-width:520px;margin:0;color:#718092;font-size:14px;line-height:1.75}.kp-feature-dark .kp-feature-copy p{color:#a9b8b1}
.kp-mini-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px}.kp-mini-list span{font-size:11px;font-weight:800;color:#647282}.kp-feature-dark .kp-mini-list span{color:#c3d0ca}.kp-mini-list i{color:var(--accent);margin-right:5px}

.kp-mockup{min-height:330px;border-radius:24px;border:1px solid #e4ebe7;background:#f8fbf9;box-shadow:inset 0 1px rgba(255,255,255,.8),0 22px 45px rgba(28,65,46,.08);position:relative;overflow:hidden}
.kp-window-top{height:48px;border-bottom:1px solid #e2ebe6;display:flex;align-items:center;gap:12px;padding:0 17px;background:#fff}.kp-window-top>span{width:8px;height:8px;border-radius:50%;background:#31b77a;box-shadow:14px 0 #e3b05d,28px 0 #d8dfe0}.kp-window-top b{margin-left:auto;font-size:12px}.kp-window-top small{font-size:10px;color:#16804c;border:1px solid #d7eade;padding:7px 9px;border-radius:8px}.kp-window-body{padding:24px}.kp-window-title{display:flex;justify-content:space-between;font-size:15px}.kp-window-title span{color:#95a0ab;font-size:11px}.kp-album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.kp-album-grid i,.kp-photo-wall i{display:block;aspect-ratio:1.28;border-radius:10px;background:linear-gradient(135deg,#d7e8dd,#8ab79e 48%,#304f40);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.kp-album-grid i:nth-child(2),.kp-photo-wall i:nth-child(2){background:linear-gradient(135deg,#e7d6c2,#9d704e,#27382e)}.kp-album-grid i:nth-child(3),.kp-photo-wall i:nth-child(3){background:linear-gradient(135deg,#d7ddea,#8b96c4,#4b536d)}.kp-album-grid i:nth-child(4){background:linear-gradient(135deg,#e3dfd5,#c3a780,#705c49)}.kp-album-grid i:nth-child(5){background:linear-gradient(135deg,#c7d9e0,#688f9c,#263e47)}.kp-album-grid i:nth-child(6){background:linear-gradient(135deg,#ded1dc,#9e708e,#403346)}.kp-status-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#7c8894}.kp-status-row b{margin-right:12px;color:#26372e}.kp-dot{width:6px;height:6px;border-radius:50%}.kp-dot.green{background:#20aa68}.kp-dot.amber{background:#efb347}

.kp-mockup-selection{padding:22px;background:linear-gradient(145deg,#f8fbff,#edf5ff)}.kp-selection-header,.kp-selection-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px}.kp-selection-header b{color:#287fe1;font-size:10px}.kp-photo-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.kp-photo-wall i{position:relative}.kp-photo-wall i.picked:after{content:"♥";position:absolute;right:7px;top:7px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#e74c78;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.kp-selection-footer span{color:#778594;font-size:10px}.kp-selection-footer button{border:0;background:#287fe1;color:#fff;padding:9px 12px;border-radius:9px;font-size:10px;font-weight:800}

.kp-mockup-ai{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(137,98,245,.22),transparent 42%),#f7f4ff;text-align:center}.kp-ai-orb{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7956e9,#b18bff);font-size:27px;box-shadow:0 14px 35px rgba(124,88,235,.3);margin-bottom:15px}.kp-mockup-ai strong{font-size:14px;letter-spacing:.1em}.kp-mockup-ai>span{font-size:11px;color:#858096;margin-top:5px}.kp-progress{width:70%;height:7px;background:#e8e1fa;border-radius:99px;margin:20px 0 7px;overflow:hidden}.kp-progress i{display:block;width:87%;height:100%;background:linear-gradient(90deg,#7956e9,#b78cff);border-radius:99px}.kp-mockup-ai small{color:#8b819d}.kp-ai-stats{display:flex;gap:10px;margin-top:18px}.kp-ai-stats b{padding:10px 16px;background:#fff;border:1px solid #ebe4fa;border-radius:10px;color:#6544c8;font-size:12px}.kp-ai-stats small{display:block;font-size:8px;color:#8d8a9b;margin-top:2px}

.kp-mockup-security{background:linear-gradient(135deg,#fff8ef,#f6eee3);display:grid;place-items:center}.kp-sec-card{width:55%;height:62%;border-radius:18px;background:linear-gradient(135deg,#26352d,#101713);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 35px rgba(47,34,21,.22);transform:rotate(-4deg)}.kp-sec-card i{font-size:26px;color:#f0b15c;margin-bottom:12px}.kp-sec-card strong{font-size:13px;letter-spacing:.12em}.kp-sec-card span{font-size:8px;color:#8f9b94;margin-top:12px}.kp-sec-badge{position:absolute;right:25px;bottom:24px;background:#fff;padding:10px 13px;border-radius:10px;font-size:10px;font-weight:800;box-shadow:0 8px 25px rgba(60,40,15,.1)}.kp-sec-badge i{color:#e49a42;margin-right:5px}

.kp-mockup-plan{background:radial-gradient(circle at 80% 20%,rgba(255,211,101,.32),transparent 32%),linear-gradient(145deg,#fffdf5,#f5eee0);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kp-plan-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(244,190,74,.13);filter:blur(8px)}.kp-plan-tag{position:relative;font-size:10px;letter-spacing:.22em;color:#b1811f;font-weight:900}.kp-mockup-plan strong{position:relative;font-size:82px;line-height:1;color:#a87a1b;letter-spacing:-.08em;margin:8px 0}.kp-mockup-plan>small{position:relative;font-size:9px;letter-spacing:.18em;color:#9b8a67}.kp-plan-line{width:100px;height:1px;background:#dcc89d;margin:18px 0 12px}.kp-mockup-plan>span:last-child{font-size:10px;color:#817660;font-weight:700}

.kp-feature-dark .kp-mockup{background:radial-gradient(circle at 50% 35%,rgba(76,215,157,.18),transparent 35%),#17231f;border-color:#2c3c36}.kp-mockup-diamond{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kp-diamond-icon{width:64px;height:64px;border-radius:20px;background:rgba(116,231,182,.1);display:grid;place-items:center;color:#7ce2b4;font-size:25px;box-shadow:0 0 40px rgba(65,218,153,.15)}.kp-mockup-diamond>span{margin-top:16px;color:#7ce2b4;font-size:10px;letter-spacing:.25em;font-weight:900}.kp-mockup-diamond>strong{font-size:72px;line-height:1;color:#fff}.kp-mockup-diamond>small{font-size:9px;color:#8ea39a;letter-spacing:.15em}.kp-diamond-pills{display:flex;gap:7px;margin-top:16px}.kp-diamond-pills b{font-size:9px;padding:7px 9px;border:1px solid #30463d;border-radius:999px;color:#c4d2cb}

.kp-feature-cta-wrap{padding-bottom:90px}.kp-feature-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px 55px;border-radius:28px;background:linear-gradient(115deg,#155b37,#208f56 62%,#27a96b);color:#fff;position:relative;overflow:hidden;box-shadow:0 24px 50px rgba(21,91,55,.2)}.kp-feature-cta:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:-160px;background:rgba(255,255,255,.08)}.kp-feature-cta .kp-section-label{color:#b6efd2}.kp-feature-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.04em;margin:0 0 10px}.kp-feature-cta p{margin:0;color:#d0efdf;font-size:13px}.kp-btn-white{background:#fff;color:#175d38;position:relative;z-index:1}.kp-btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}

@media(max-width:900px){.kp-section-heading{display:block}.kp-section-heading>p{margin-top:18px}.kp-feature-row,.kp-feature-row:nth-child(even){grid-template-columns:1fr;gap:30px;padding:30px}.kp-feature-row:nth-child(even) .kp-feature-copy,.kp-feature-row:nth-child(even) .kp-mockup{order:initial}.kp-mockup{min-height:290px}.kp-feature-cta{display:block;padding:38px 30px}.kp-feature-cta .kp-btn{margin-top:24px}}
@media(max-width:640px){.kp-features-hero{padding:62px 0 48px}.kp-features-hero h1{font-size:43px}.kp-features-hero p{font-size:14px;padding:0 12px}.kp-feature-pills{gap:10px;flex-direction:column}.kp-feature-showcase{padding:62px 0 45px}.kp-section-heading h2{font-size:36px}.kp-feature-row{border-radius:22px;padding:24px}.kp-feature-copy h3{font-size:30px}.kp-mockup{min-height:270px}.kp-ai-stats{gap:5px}.kp-ai-stats b{padding:8px 10px}.kp-feature-cta-wrap{padding-bottom:55px}.kp-feature-cta h2{font-size:30px}}

html.dark-mode .kp-features-page{background:#0b1110;color:#f3f7f5}.dark-mode .kp-features-hero{background:radial-gradient(circle at 15% 20%,rgba(31,180,105,.12),transparent 28%),#0d1513}.dark-mode .kp-features-hero h1{color:#f4f8f6}.dark-mode .kp-features-hero p,.dark-mode .kp-section-heading>p,.dark-mode .kp-feature-copy p{color:#9aaca3}.dark-mode .kp-hero-kicker,.dark-mode .kp-btn-ghost{background:#111a17;border-color:#294037;color:#a9e3c5}.dark-mode .kp-feature-row{background:#111a17;border-color:#26372f}.dark-mode .kp-mockup{background:#16211d;border-color:#293a32}.dark-mode .kp-window-top{background:#101815;border-color:#27372f;color:#eaf2ee}.dark-mode .kp-window-body,.dark-mode .kp-selection-header{color:#eaf2ee}.dark-mode .kp-window-title span,.dark-mode .kp-status-row,.dark-mode .kp-selection-footer span{color:#8ea198}

/* ===== FEATURES LAYOUT V2 — FULL WIDTH / DENSE EDITORIAL GRID ===== */
@media (min-width: 901px){
  .kp-features-container{max-width:1240px!important;width:min(1240px,calc(100% - 64px));}
  .kp-feature-showcase{padding:82px 0 86px;}
  .kp-section-heading{margin-bottom:42px;}
  .kp-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;}
  .kp-feature-row,
  .kp-feature-row:nth-child(even){
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(260px,1fr);
    gap:26px;
    padding:32px;
    min-height:590px;
    border-radius:28px;
  }
  .kp-feature-row:nth-child(even) .kp-feature-copy,
  .kp-feature-row:nth-child(even) .kp-mockup{order:initial;}
  .kp-feature-row:nth-child(1),
  .kp-feature-row:nth-child(6){
    grid-column:1 / -1;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    grid-template-rows:1fr;
    align-items:center;
    min-height:430px;
    padding:38px;
    gap:42px;
  }
  .kp-feature-row:nth-child(6){background:linear-gradient(135deg,#111b19,#17251f);}
  .kp-feature-row:nth-child(1) .kp-mockup,
  .kp-feature-row:nth-child(6) .kp-mockup{min-height:350px;height:100%;}
  .kp-feature-row:nth-child(2),
  .kp-feature-row:nth-child(3),
  .kp-feature-row:nth-child(4),
  .kp-feature-row:nth-child(5){
    background:rgba(255,255,255,.96);
  }
  .kp-feature-copy h3{font-size:clamp(28px,2.7vw,38px);}
  .kp-feature-row:nth-child(2) .kp-feature-copy h3,
  .kp-feature-row:nth-child(3) .kp-feature-copy h3,
  .kp-feature-row:nth-child(4) .kp-feature-copy h3,
  .kp-feature-row:nth-child(5) .kp-feature-copy h3{font-size:31px;}
  .kp-feature-row:nth-child(2) .kp-mockup,
  .kp-feature-row:nth-child(3) .kp-mockup,
  .kp-feature-row:nth-child(4) .kp-mockup,
  .kp-feature-row:nth-child(5) .kp-mockup{min-height:275px;}
}

@media (min-width: 1200px){
  .kp-feature-list{gap:28px;}
  .kp-feature-row,
  .kp-feature-row:nth-child(even){padding:36px;}
  .kp-feature-row:nth-child(1),
  .kp-feature-row:nth-child(6){padding:42px;}
}

@media (max-width: 900px){
  .kp-features-container{width:min(100% - 36px,1240px)!important;}
  .kp-feature-list{display:grid;grid-template-columns:1fr;gap:18px;}
  .kp-feature-row,
  .kp-feature-row:nth-child(even){min-height:0;}
}

@media (max-width: 640px){
  .kp-features-container{width:min(100% - 28px,1240px)!important;}
  .kp-feature-list{gap:16px;}
  .kp-feature-row,
  .kp-feature-row:nth-child(even),
  .kp-feature-row:nth-child(1),
  .kp-feature-row:nth-child(6){padding:22px;gap:22px;min-height:0;}
  .kp-feature-row:nth-child(1) .kp-mockup,
  .kp-feature-row:nth-child(6) .kp-mockup{min-height:260px;}
}