@charset "UTF-8";

body.sg-page { background:#f5f8fc; }
#kpnh-root .sg-main { --sg-blue:#1768f2; --sg-blue-dark:#0c52c5; --sg-ink:#10213c; --sg-muted:#61748e; --sg-line:#d8e4f1; overflow:hidden; color:var(--sg-ink); background:#fff; }
#kpnh-root .sg-main * { box-sizing:border-box; }
#kpnh-root .sg-main svg { width:1.25em; height:1.25em; flex:0 0 auto; }
#kpnh-root .sg-main :is(h1,h2,h3,p) { margin-top:0; }

#kpnh-root .sg-button { min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; border-radius:12px; font-size:14px; font-weight:750; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
#kpnh-root .sg-button:hover { transform:translateY(-2px); }
#kpnh-root .sg-button svg { width:18px; height:18px; }
#kpnh-root .sg-button--primary { color:#fff; background:linear-gradient(135deg,#2478f4,#0957cf); box-shadow:0 14px 30px rgba(18,91,208,.24); }
#kpnh-root .sg-button--primary:hover { color:#fff; box-shadow:0 18px 34px rgba(18,91,208,.3); }
#kpnh-root .sg-button--ghost { color:#26415f; border-color:#cfdceb; background:rgba(255,255,255,.78); }
#kpnh-root .sg-button--light { color:#1055b7; background:#fff; box-shadow:0 13px 28px rgba(0,25,68,.18); }

#kpnh-root .sg-hero { position:relative; padding:62px 0 0; overflow:hidden; background:radial-gradient(circle at 7% 25%,rgba(67,137,246,.13),transparent 31%),linear-gradient(180deg,#f8fbff 0%,#edf5ff 100%); }
#kpnh-root .sg-hero::before { content:""; position:absolute; inset:0; opacity:.28; pointer-events:none; background-image:linear-gradient(rgba(75,119,185,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,119,185,.08) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to right,#000,transparent 58%); }
#kpnh-root .sg-hero__grid { position:relative; z-index:2; min-height:550px; display:grid; grid-template-columns:minmax(460px,.88fr) minmax(590px,1.12fr); gap:clamp(55px,6vw,105px); align-items:stretch; padding-bottom:58px; }
#kpnh-root .sg-hero__copy { max-width:670px; align-self:center; }
#kpnh-root .sg-label { width:max-content; max-width:100%; margin-bottom:22px; padding:7px 8px 7px 10px; display:flex; align-items:center; gap:9px; border:1px solid #cfdef3; border-radius:999px; color:#3d5d85; background:rgba(255,255,255,.8); font-size:11px; font-weight:780; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 9px 25px rgba(40,78,130,.06); }
#kpnh-root .sg-label svg { width:18px; height:18px; color:var(--sg-blue); }
#kpnh-root .sg-label b { padding:5px 8px; border-radius:999px; color:#fff; background:var(--sg-blue); font-size:9px; letter-spacing:.09em; }
#kpnh-root .sg-hero h1 { margin-bottom:23px; color:var(--sg-ink); font-size:clamp(49px,4vw,73px); line-height:1.01; letter-spacing:-.06em; font-weight:790; }
#kpnh-root .sg-hero h1 em { display:block; color:var(--sg-blue); font-style:normal; }
#kpnh-root .sg-hero__copy>p { max-width:650px; margin-bottom:28px; color:#506783; font-size:18px; line-height:1.7; }
#kpnh-root .sg-actions { display:flex; flex-wrap:wrap; gap:11px; }
#kpnh-root .sg-access { width:min(615px,100%); min-height:72px; margin-top:21px; padding:12px 14px; display:flex; align-items:center; gap:13px; overflow:hidden; border:1px solid #c9ddf4; border-radius:15px; color:#607895; background:linear-gradient(115deg,rgba(255,255,255,.92),rgba(235,244,255,.9)); box-shadow:0 12px 28px rgba(35,79,137,.09); }
#kpnh-root .sg-access::after { content:"Доступ после проверки"; margin-left:auto; padding:7px 10px; flex:0 0 auto; border:1px solid #c8dcef; border-radius:999px; color:#2468bd; background:#fff; font-size:9px; font-weight:780; letter-spacing:.03em; }
#kpnh-root .sg-access>svg { width:43px; height:43px; padding:10px; border:1px solid #c8ddf7; border-radius:13px; color:#0c6ce8; background:linear-gradient(145deg,#f7fbff,#dcecff); box-shadow:0 8px 18px rgba(28,102,205,.1); }
#kpnh-root .sg-access span,#kpnh-root .sg-access b,#kpnh-root .sg-access small { display:block; }
#kpnh-root .sg-access b { color:#274461; font-size:13px; line-height:1.35; }
#kpnh-root .sg-access small { margin-top:4px; color:#70849b; font-size:10.5px; line-height:1.4; }

#kpnh-root .sg-product { position:relative; min-width:0; min-height:617px; padding:68px 18px 67px; display:flex; align-items:center; align-self:stretch; overflow:hidden; border:1px solid rgba(181,205,235,.9); border-radius:30px; background:radial-gradient(circle at 82% 11%,rgba(118,89,235,.13),transparent 28%),radial-gradient(circle at 10% 88%,rgba(33,173,199,.1),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.74),rgba(228,239,253,.82)); box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 24px 55px rgba(31,72,130,.1); }
#kpnh-root .sg-product::before { content:""; position:absolute; inset:0; opacity:.34; pointer-events:none; background-image:linear-gradient(rgba(82,125,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,125,184,.08) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(145deg,#000,transparent 68%); }
#kpnh-root .sg-product__halo { position:absolute; z-index:0; width:570px; height:430px; left:50%; top:50%; border-radius:50%; background:radial-gradient(circle,rgba(63,128,236,.22),rgba(99,86,223,.09) 53%,transparent 72%); filter:blur(8px); transform:translate(-50%,-50%); }
#kpnh-root .sg-product__stage { position:absolute; z-index:4; left:21px; top:20px; padding:9px 12px; display:flex; align-items:center; gap:7px; border:1px solid #cbdcf1; border-radius:999px; color:#426488; background:rgba(255,255,255,.86); box-shadow:0 9px 23px rgba(36,77,132,.09); font-size:9px; font-weight:780; letter-spacing:.06em; text-transform:uppercase; }
#kpnh-root .sg-product__stage svg { width:16px; height:16px; color:#1768f2; }
#kpnh-root .sg-window { position:relative; z-index:2; width:100%; max-width:760px; overflow:hidden; border:1px solid rgba(159,183,217,.8); border-radius:19px; background:#fff; box-shadow:0 32px 75px rgba(32,66,115,.21),0 8px 22px rgba(31,93,187,.08); transform:perspective(1300px) rotateY(-2.5deg); }
#kpnh-root .sg-window__bar { height:46px; padding:0 15px; display:flex; align-items:center; gap:6px; border-bottom:1px solid #e1e9f3; background:#f5f8fc; }
#kpnh-root .sg-window__bar>i { width:9px; height:9px; border-radius:50%; background:#ff7a7a; }
#kpnh-root .sg-window__bar>i:nth-child(2) { background:#ffc75a; }
#kpnh-root .sg-window__bar>i:nth-child(3) { background:#4fc491; }
#kpnh-root .sg-window__bar>span { height:28px; margin-left:12px; padding:0 12px; display:flex; align-items:center; gap:6px; flex:1; border:1px solid #dce5ef; border-radius:7px; color:#73869d; background:#fff; font-size:9px; }
#kpnh-root .sg-window__bar svg { width:12px; height:12px; color:#24a378; }
#kpnh-root .sg-window__nav { height:54px; padding:0 22px; display:flex; align-items:center; gap:25px; color:#718197; font-size:8px; }
#kpnh-root .sg-window__nav b { margin-right:auto; display:flex; align-items:center; gap:8px; color:#213a57; font-size:11px; }
#kpnh-root .sg-window__nav b i { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:#fff; background:var(--sg-blue); font-size:8px; font-style:normal; }
#kpnh-root .sg-window button { border:0; border-radius:6px; color:#fff; background:var(--sg-blue); font-family:inherit; }
#kpnh-root .sg-window__nav button { padding:8px 11px; font-size:8px; }
#kpnh-root .sg-window__hero { min-height:230px; margin:0 21px; padding:37px 35px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; overflow:hidden; border-radius:14px; background:linear-gradient(135deg,#edf5ff,#e7f0ff 58%,#d9e7fb); }
#kpnh-root .sg-window__hero small { display:block; margin-bottom:11px; color:#2470d3; font-size:7px; font-weight:800; letter-spacing:.13em; }
#kpnh-root .sg-window__hero strong { display:block; color:#15304f; font-size:25px; line-height:1.08; letter-spacing:-.04em; }
#kpnh-root .sg-window__hero p { max-width:250px; margin:12px 0 17px; color:#647b96; font-size:8px; line-height:1.55; }
#kpnh-root .sg-window__hero button { padding:9px 13px; font-size:8px; }
#kpnh-root .sg-window__art { position:relative; height:165px; }
#kpnh-root .sg-window__art>span { position:absolute; border-radius:20px; transform:rotate(-8deg); box-shadow:0 14px 30px rgba(29,91,184,.2); }
#kpnh-root .sg-window__art>span:first-child { width:125px; height:145px; right:19px; top:7px; background:linear-gradient(145deg,#4e95f8,#1869dc); }
#kpnh-root .sg-window__art>span:nth-child(2) { width:76px; height:76px; left:22px; top:17px; background:linear-gradient(145deg,#9a83f9,#7657dc); }
#kpnh-root .sg-window__art>b { position:absolute; right:-2px; bottom:13px; padding:10px 13px; border-radius:9px; color:#18324f; background:#fff; font-size:13px; box-shadow:0 10px 24px rgba(30,67,116,.14); }
#kpnh-root .sg-window__art>b small { margin:2px 0 0; color:#8493a5; font-size:6px; letter-spacing:0; }
#kpnh-root .sg-window__cards { padding:13px 21px 20px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
#kpnh-root .sg-window__cards>span { height:57px; padding:9px; display:grid; grid-template-columns:24px 1fr; grid-template-rows:1fr 1fr; gap:3px 8px; border:1px solid #e0e8f2; border-radius:9px; }
#kpnh-root .sg-window__cards i { grid-row:1/3; width:24px; height:24px; border-radius:7px; background:#e4efff; }
#kpnh-root .sg-window__cards b { align-self:end; color:#506681; font-size:7px; }
#kpnh-root .sg-window__cards small { width:66%; height:4px; border-radius:5px; background:#dce5ef; }
#kpnh-root .sg-product__result,#kpnh-root .sg-product__search,#kpnh-root .sg-product__device { position:absolute; z-index:4; padding:11px 13px; display:flex; align-items:center; gap:9px; border:1px solid #c8d9ed; border-radius:12px; background:rgba(255,255,255,.92); box-shadow:0 14px 31px rgba(28,63,112,.14); backdrop-filter:blur(10px); }
#kpnh-root .sg-product__result { right:18px; top:17px; }
#kpnh-root .sg-product__search { left:18px; bottom:16px; }
#kpnh-root .sg-product__device { right:18px; bottom:16px; }
#kpnh-root .sg-product__result>svg,#kpnh-root .sg-product__search>svg,#kpnh-root .sg-product__device>svg { width:32px; height:32px; padding:7px; border-radius:9px; color:#13966b; background:#e4f8f1; }
#kpnh-root .sg-product__search>svg { color:#1768f2; background:#e8f2ff; }
#kpnh-root .sg-product__device>svg { color:#7657dc; background:#eeeaff; }
#kpnh-root .sg-product__result span,#kpnh-root .sg-product__search span,#kpnh-root .sg-product__device span,#kpnh-root .sg-product__result b,#kpnh-root .sg-product__search b,#kpnh-root .sg-product__device b,#kpnh-root .sg-product__result small,#kpnh-root .sg-product__search small,#kpnh-root .sg-product__device small { display:block; }
#kpnh-root .sg-product__result b,#kpnh-root .sg-product__search b,#kpnh-root .sg-product__device b { color:#27415e; font-size:9px; }
#kpnh-root .sg-product__result small,#kpnh-root .sg-product__search small,#kpnh-root .sg-product__device small { margin-top:2px; color:#8494a7; font-size:7px; }

#kpnh-root .sg-hero__outcomes { position:relative; z-index:3; min-height:138px; display:grid; grid-template-columns:repeat(4,1fr); align-items:stretch; overflow:hidden; border:1px solid rgba(190,211,238,.98); border-bottom:0; border-radius:23px 23px 0 0; background:rgba(255,255,255,.9); box-shadow:0 -14px 40px rgba(35,70,119,.075); backdrop-filter:blur(12px); }
#kpnh-root .sg-hero__outcomes::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(226,240,255,.72),transparent 35%,rgba(236,231,255,.5)); }
#kpnh-root .sg-hero__outcomes>div { position:relative; min-width:0; padding:27px 25px; display:grid; grid-template-columns:55px 1fr; grid-template-rows:1fr 1fr; column-gap:15px; align-items:center; transition:background .2s ease,transform .2s ease; }
#kpnh-root .sg-hero__outcomes>div:hover { z-index:2; background:rgba(255,255,255,.75); transform:translateY(-3px); }
#kpnh-root .sg-hero__outcomes>div+div { border-left:1px solid #d8e5f3; }
#kpnh-root .sg-hero__outcomes>div::after { position:absolute; right:15px; top:13px; color:#c4d2e2; font-size:9px; font-weight:800; letter-spacing:.08em; }
#kpnh-root .sg-hero__outcomes>div:nth-child(1)::after { content:"01"; }
#kpnh-root .sg-hero__outcomes>div:nth-child(2)::after { content:"02"; }
#kpnh-root .sg-hero__outcomes>div:nth-child(3)::after { content:"03"; }
#kpnh-root .sg-hero__outcomes>div:nth-child(4)::after { content:"04"; }
#kpnh-root .sg-hero__outcomes span { grid-row:1/3; width:55px; height:55px; display:grid; place-items:center; border:1px solid #cfe1f8; border-radius:17px; color:#0965ed; background:linear-gradient(145deg,#f7fbff,#dfeeff); box-shadow:0 10px 24px rgba(30,105,211,.11); }
#kpnh-root .sg-hero__outcomes>div:nth-child(2) span { color:#7657dc; border-color:#ddd5fb; background:linear-gradient(145deg,#fbfaff,#ebe7ff); }
#kpnh-root .sg-hero__outcomes>div:nth-child(3) span { color:#0a9a73; border-color:#c7ebdf; background:linear-gradient(145deg,#f6fffc,#dcf6ed); }
#kpnh-root .sg-hero__outcomes>div:nth-child(4) span { color:#e27a23; border-color:#f3dbc4; background:linear-gradient(145deg,#fffaf5,#ffead7); }
#kpnh-root .sg-hero__outcomes span svg { width:25px; height:25px; }
#kpnh-root .sg-hero__outcomes b { align-self:end; color:#203a58; font-size:15px; line-height:1.25; }
#kpnh-root .sg-hero__outcomes small { align-self:start; margin-top:4px; color:#70849d; font-size:11px; line-height:1.35; }

/* Cohesive hero: one product surface instead of separate floating mockups. */
#kpnh-root .sg-hero { padding:34px 0 0; background:#f4f8fd; }
#kpnh-root .sg-hero::before { opacity:.2; background-image:radial-gradient(#7da3d5 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(to bottom,#000,transparent 72%); }
#kpnh-root .sg-hero__panel { position:relative; z-index:2; padding:52px 52px 0; display:grid; grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr); gap:42px 58px; overflow:hidden; border:1px solid rgba(80,139,232,.3); border-radius:32px 32px 0 0; color:#fff; background:radial-gradient(circle at 91% 4%,rgba(103,100,246,.32),transparent 28%),radial-gradient(circle at 4% 96%,rgba(31,196,184,.18),transparent 28%),linear-gradient(135deg,#0b2d67 0%,#0b4aa6 55%,#0a347b 100%); box-shadow:0 30px 70px rgba(16,62,128,.22); isolation:isolate; }
#kpnh-root .sg-hero__panel::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(110deg,#000,transparent 70%); }
#kpnh-root .sg-hero__copy { max-width:560px; align-self:center; }
#kpnh-root .sg-label { margin-bottom:24px; padding:7px 8px 7px 11px; border-color:rgba(255,255,255,.24); color:#dbeaff; background:rgba(255,255,255,.1); box-shadow:none; }
#kpnh-root .sg-label svg { color:#72c6ff; }
#kpnh-root .sg-label b { color:#07347b; background:#fff; }
#kpnh-root .sg-hero h1 { max-width:600px; margin-bottom:22px; color:#fff; font-size:clamp(50px,4.15vw,72px); line-height:.99; letter-spacing:-.06em; }
#kpnh-root .sg-hero h1 em { color:#77d2ff; }
#kpnh-root .sg-hero__copy>p { max-width:570px; margin-bottom:29px; color:#cbdcf3; font-size:17px; line-height:1.68; }
#kpnh-root .sg-actions { gap:10px; }
#kpnh-root .sg-hero .sg-button--primary { color:#0d4ba3; background:#fff; box-shadow:0 16px 34px rgba(0,22,62,.22); }
#kpnh-root .sg-hero .sg-button--primary:hover { color:#0d4ba3; box-shadow:0 19px 40px rgba(0,22,62,.3); }
#kpnh-root .sg-hero .sg-button--ghost { color:#fff; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.09); }
#kpnh-root .sg-access { width:100%; min-height:0; margin-top:25px; padding:18px 0 0; justify-content:space-between; border:0; border-top:1px solid rgba(255,255,255,.18); border-radius:0; color:#fff; background:none; box-shadow:none; }
#kpnh-root .sg-access::after { display:none; }
#kpnh-root .sg-access>span { display:flex; align-items:center; gap:9px; }
#kpnh-root .sg-access>span svg { width:20px; height:20px; color:#75e2bd; }
#kpnh-root .sg-access b { color:#e9f3ff; font-size:12px; }
#kpnh-root .sg-access strong { color:#9df0d2; font-size:12px; }

#kpnh-root .sg-engine { min-width:0; padding:22px; align-self:stretch; display:flex; flex-direction:column; gap:14px; border:1px solid rgba(255,255,255,.3); border-radius:24px; color:#173454; background:rgba(246,250,255,.97); box-shadow:0 24px 56px rgba(0,27,76,.28); }
#kpnh-root .sg-engine__head { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
#kpnh-root .sg-engine__head div>* { display:block; }
#kpnh-root .sg-engine__head span { margin-bottom:4px; color:#2571d4; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
#kpnh-root .sg-engine__head b { color:#173454; font-size:15px; }
#kpnh-root .sg-engine__head>strong { padding:9px 11px; display:flex; align-items:center; gap:7px; flex:0 0 auto; border-radius:10px; color:#2366bc; background:#e7f1ff; font-size:10px; }
#kpnh-root .sg-engine__head>strong svg { width:15px; height:15px; }
#kpnh-root .sg-engine__domain { min-height:82px; padding:14px 16px; display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; border:1px solid #cddff4; border-radius:16px; background:#fff; }
#kpnh-root .sg-engine__domain>span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#1768f2; background:#e8f2ff; }
#kpnh-root .sg-engine__domain>span svg { width:20px; height:20px; }
#kpnh-root .sg-engine__domain small,#kpnh-root .sg-engine__domain b { display:block; }
#kpnh-root .sg-engine__domain small { margin-bottom:3px; color:#7890aa; font-size:9px; }
#kpnh-root .sg-engine__domain b { color:#183653; font-size:19px; letter-spacing:-.02em; }
#kpnh-root .sg-engine__domain b em { color:#66819f; font-size:13px; font-style:normal; }
#kpnh-root .sg-engine__domain>i { padding:7px 9px; display:flex; align-items:center; gap:5px; border-radius:999px; color:#16845f; background:#e5f8f1; font-size:9px; font-weight:750; font-style:normal; }
#kpnh-root .sg-engine__domain>i svg { width:13px; height:13px; }
#kpnh-root .sg-engine__flow { position:relative; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; list-style:none; }
#kpnh-root .sg-engine__flow::before { content:""; position:absolute; left:15%; right:15%; top:43px; height:2px; background:linear-gradient(90deg,#7db2f8,#76d8bd); }
#kpnh-root .sg-engine__flow li { position:relative; z-index:1; min-width:0; min-height:128px; padding:13px 11px 12px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid #d5e3f2; border-radius:15px; background:#f8fbff; }
#kpnh-root .sg-engine__flow li>i { align-self:flex-end; color:#9aadc3; font-size:8px; font-weight:800; font-style:normal; }
#kpnh-root .sg-engine__flow li>span { width:39px; height:39px; margin:-3px 0 10px; display:grid; place-items:center; border:4px solid #f8fbff; border-radius:50%; color:#1768f2; background:#dcecff; box-shadow:0 0 0 1px #bcd6f6; }
#kpnh-root .sg-engine__flow li:nth-child(2)>span { color:#6a55da; background:#ebe7ff; box-shadow:0 0 0 1px #d2c9fa; }
#kpnh-root .sg-engine__flow li:nth-child(3)>span { color:#158761; background:#ddf5eb; box-shadow:0 0 0 1px #b9e4d4; }
#kpnh-root .sg-engine__flow li>span svg { width:17px; height:17px; }
#kpnh-root .sg-engine__flow small,#kpnh-root .sg-engine__flow b { display:block; }
#kpnh-root .sg-engine__flow small { margin-bottom:3px; color:#8498ae; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
#kpnh-root .sg-engine__flow b { color:#274460; font-size:11px; line-height:1.3; }
#kpnh-root .sg-engine__result { margin-top:auto; display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid #cddff2; border-radius:15px; background:#eef5fd; }
#kpnh-root .sg-engine__result>div { min-width:0; min-height:82px; padding:13px; display:grid; grid-template-columns:32px 1fr; grid-template-rows:1fr 1fr; column-gap:9px; align-items:center; }
#kpnh-root .sg-engine__result>div+div { border-left:1px solid #d4e2f1; }
#kpnh-root .sg-engine__result span { grid-row:1/3; width:32px; height:32px; display:grid; place-items:center; border-radius:9px; color:#1768f2; background:#fff; }
#kpnh-root .sg-engine__result span svg { width:16px; height:16px; }
#kpnh-root .sg-engine__result small { align-self:end; color:#8093a8; font-size:8px; }
#kpnh-root .sg-engine__result b { align-self:start; margin-top:2px; color:#26435f; font-size:10px; }

#kpnh-root .sg-engine--visual { position:relative; min-height:570px; padding:0; display:grid; place-items:center; overflow:visible; border:0; border-radius:0; color:#fff; background:transparent; box-shadow:none; isolation:isolate; }
#kpnh-root .sg-engine--visual::before { content:""; position:absolute; z-index:-3; width:690px; height:690px; left:50%; top:47%; border-radius:50%; background:radial-gradient(circle,rgba(85,205,255,.36) 0,rgba(35,123,247,.24) 32%,rgba(111,76,234,.13) 49%,transparent 70%); filter:blur(4px); transform:translate(-50%,-50%); animation:sg-device-glow 6s ease-in-out infinite; }
#kpnh-root .sg-engine--visual::after { content:""; position:absolute; z-index:-2; width:88%; height:64px; left:6%; bottom:61px; border-radius:50%; background:rgba(1,20,54,.64); filter:blur(22px); }
#kpnh-root .sg-engine--visual>* { position:relative; z-index:1; }
#kpnh-root .sg-device-orbit { position:absolute; z-index:-1; inset:0; pointer-events:none; }
#kpnh-root .sg-device-orbit i { position:absolute; left:50%; top:47%; border:1px solid rgba(144,218,255,.19); border-radius:50%; transform:translate(-50%,-50%); }
#kpnh-root .sg-device-orbit i:first-child { width:560px; height:560px; box-shadow:0 0 0 54px rgba(110,172,255,.025),0 0 70px rgba(71,178,255,.12); }
#kpnh-root .sg-device-orbit i:nth-child(2) { width:440px; height:440px; border-color:rgba(255,255,255,.14); }
#kpnh-root .sg-device-orbit i:nth-child(3) { width:510px; height:510px; border:1px dashed rgba(116,215,255,.27); animation:sg-device-orbit 24s linear infinite; }
#kpnh-root .sg-device-visual { position:relative; width:calc(100% + 94px); min-height:530px; margin:-25px -47px 0; display:grid; place-items:center; }
#kpnh-root .sg-device-visual::before { content:""; position:absolute; z-index:0; width:86%; height:36%; left:7%; bottom:7%; border-radius:50%; background:radial-gradient(circle,rgba(44,179,255,.48),rgba(31,94,211,.2) 48%,transparent 72%); filter:blur(20px); }
#kpnh-root .sg-device-visual::after { content:""; position:absolute; z-index:2; width:72%; height:2px; left:14%; top:24%; opacity:.35; background:linear-gradient(90deg,transparent,#8ee7ff,transparent); box-shadow:0 0 24px 8px rgba(79,207,255,.24); animation:sg-device-scan 5.4s ease-in-out infinite; }
#kpnh-root .sg-device-visual img { position:relative; z-index:1; width:100%; height:100%; max-height:535px; object-fit:contain; filter:drop-shadow(0 32px 28px rgba(0,17,54,.43)); transform:scale(1.06) translateY(-8px); transform-origin:center; animation:sg-device-float 5s ease-in-out infinite; }
#kpnh-root .sg-device-launch { position:absolute!important; z-index:5!important; left:8px; right:8px; bottom:6px; min-height:86px; padding:13px 15px; display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:12px; overflow:hidden; border:1px solid rgba(176,220,255,.36); border-radius:19px; color:#fff; background:linear-gradient(115deg,rgba(3,31,78,.88),rgba(9,67,144,.78)); box-shadow:0 22px 46px rgba(0,18,53,.37),inset 0 1px 0 rgba(255,255,255,.15); backdrop-filter:blur(18px); }
#kpnh-root .sg-device-launch>span { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:14px; color:#8fe3ff; background:rgba(91,190,255,.13); box-shadow:0 0 24px rgba(49,180,255,.14); }
#kpnh-root .sg-device-launch>span svg { width:22px; height:22px; }
#kpnh-root .sg-device-launch small,#kpnh-root .sg-device-launch b { display:block; }
#kpnh-root .sg-device-launch small { margin-bottom:4px; color:#99badf; font-size:9px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
#kpnh-root .sg-device-launch b { color:#fff; font-size:18px; letter-spacing:-.02em; }
#kpnh-root .sg-device-launch>strong { padding:11px 13px; display:flex; align-items:center; gap:7px; border:1px solid rgba(100,235,190,.24); border-radius:11px; color:#a9f2d8; background:rgba(25,181,125,.15); font-size:11px; white-space:nowrap; }
#kpnh-root .sg-device-launch>strong svg { width:16px; height:16px; }

@keyframes sg-device-float { 0%,100% { transform:scale(1.06) translateY(-8px); } 50% { transform:scale(1.06) translateY(-16px); } }
@keyframes sg-device-glow { 0%,100% { opacity:.7; transform:translate(-50%,-50%) scale(.94); } 50% { opacity:1; transform:translate(-50%,-50%) scale(1.06); } }
@keyframes sg-device-orbit { from { transform:translate(-50%,-50%) rotate(0); } to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes sg-device-scan { 0%,100% { top:24%; opacity:0; } 18% { opacity:.35; } 70% { top:69%; opacity:.18; } 82% { opacity:0; } }

#kpnh-root .sg-hero__outcomes { grid-column:1/-1; min-height:116px; margin:0 -52px; display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; border:0; border-top:1px solid rgba(255,255,255,.16); border-radius:0; color:#fff; background:rgba(1,22,57,.26); box-shadow:none; backdrop-filter:none; }
#kpnh-root .sg-hero__outcomes::before { display:none; }
#kpnh-root .sg-hero__outcomes>div { min-width:0; padding:24px 28px; display:grid; grid-template-columns:40px 1fr; grid-template-rows:1fr 1fr; column-gap:11px; align-items:center; transition:background .2s ease; }
#kpnh-root .sg-hero__outcomes>div:hover { background:rgba(255,255,255,.06); transform:none; }
#kpnh-root .sg-hero__outcomes>div+div { border-left:1px solid rgba(255,255,255,.13); }
#kpnh-root .sg-hero__outcomes>div::after { display:none; }
#kpnh-root .sg-hero__outcomes span { grid-row:1/3; width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18)!important; border-radius:12px; color:#88d6ff!important; background:rgba(255,255,255,.09)!important; box-shadow:none; }
#kpnh-root .sg-hero__outcomes span svg { width:19px; height:19px; }
#kpnh-root .sg-hero__outcomes b { align-self:end; color:#fff; font-size:13px; line-height:1.25; }
#kpnh-root .sg-hero__outcomes small { align-self:start; margin-top:3px; color:#aebfda; font-size:9.5px; line-height:1.35; }

#kpnh-root .sg-pricing { position:relative; margin-top:-1px; padding:24px 0 28px; overflow:hidden; scroll-margin-top:85px; background:radial-gradient(circle at 88% 8%,rgba(117,96,238,.1),transparent 26%),radial-gradient(circle at 8% 27%,rgba(35,130,247,.12),transparent 27%),linear-gradient(180deg,#edf5ff 0%,#f7faff 100%); }
#kpnh-root .sg-pricing::before { content:""; position:absolute; inset:0; opacity:.34; pointer-events:none; background-image:radial-gradient(#94b6e1 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(to bottom,#000,transparent 56%); }
#kpnh-root .sg-pricing>.kpnh-shell { position:relative; z-index:1; }
#kpnh-root .sg-heading { max-width:690px; }
#kpnh-root .sg-heading>span { display:block; margin-bottom:12px; color:var(--sg-blue); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
#kpnh-root .sg-heading h2 { margin-bottom:17px; color:var(--sg-ink); font-size:clamp(38px,3.15vw,57px); line-height:1.06; letter-spacing:-.05em; }
#kpnh-root .sg-heading>p { margin-bottom:0; color:var(--sg-muted); font-size:16px; line-height:1.7; }
#kpnh-root .sg-pricing__intro { position:relative; margin-bottom:34px; display:grid; grid-template-columns:minmax(390px,.86fr) minmax(580px,1.14fr); gap:clamp(45px,6vw,92px); align-items:center; }
#kpnh-root .sg-pricing__intro::after { content:""; position:absolute; left:50%; bottom:-34px; width:2px; height:34px; transform:translateX(-50%); background:linear-gradient(180deg,rgba(23,104,242,.12),rgba(23,104,242,.65)); box-shadow:0 0 12px rgba(23,104,242,.2); }
#kpnh-root .sg-heading--pricing { max-width:600px; }
#kpnh-root .sg-heading--pricing>span { width:max-content; max-width:100%; margin-bottom:20px; padding:7px 13px 7px 7px; display:flex; align-items:center; gap:10px; border:1px solid #c9dcf4; border-radius:999px; color:#416083; background:rgba(255,255,255,.76); font-size:11px; letter-spacing:.08em; box-shadow:0 9px 26px rgba(35,78,137,.07); }
#kpnh-root .sg-heading--pricing>span i { padding:7px 10px; border-radius:999px; color:#fff; background:linear-gradient(135deg,#2579f4,#0958d2); font-style:normal; letter-spacing:.02em; }
#kpnh-root .sg-heading--pricing h2 { margin-bottom:22px; font-size:clamp(45px,3.65vw,65px); }
#kpnh-root .sg-heading--pricing>p { font-size:17px; }
#kpnh-root .sg-heading__facts { margin-top:26px; display:flex; flex-wrap:wrap; gap:11px 20px; }
#kpnh-root .sg-heading__facts b { display:flex; align-items:center; gap:7px; color:#385674; font-size:12px; }
#kpnh-root .sg-heading__facts svg { width:18px; height:18px; padding:3px; border-radius:50%; color:#fff; background:#24ad7d; }

#kpnh-root .sg-growth { position:relative; min-height:420px; padding:25px; overflow:hidden; border:1px solid rgba(157,195,244,.46); border-radius:25px; color:#fff; background:radial-gradient(circle at 86% 0,rgba(133,92,255,.44),transparent 36%),radial-gradient(circle at 7% 100%,rgba(42,202,182,.2),transparent 32%),linear-gradient(135deg,#0e60db,#0c3f9e 62%,#082b6c); box-shadow:0 27px 60px rgba(20,77,163,.24); isolation:isolate; }
#kpnh-root .sg-growth::before { content:""; position:absolute; z-index:-1; width:380px; height:380px; right:-150px; top:-210px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.045),0 0 0 110px rgba(255,255,255,.025); animation:sg-orbit 11s ease-in-out infinite alternate; }
#kpnh-root .sg-growth::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.26; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent 75%); }
#kpnh-root .sg-growth__head { margin-bottom:17px; display:flex; align-items:center; justify-content:space-between; gap:15px; }
#kpnh-root .sg-growth__head span { display:flex; align-items:center; gap:9px; color:#e9f3ff; font-size:12px; font-weight:750; }
#kpnh-root .sg-growth__head span i { width:9px; height:9px; border-radius:50%; background:#4df0b8; box-shadow:0 0 0 6px rgba(77,240,184,.15); animation:sg-pulse 1.9s ease-in-out infinite; }
#kpnh-root .sg-growth__head>b { padding:7px 10px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#c7dcfa; background:rgba(255,255,255,.08); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
#kpnh-root .sg-growth__chart { position:relative; min-height:220px; padding:18px 18px 0; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:17px; background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter:blur(7px); }
#kpnh-root .sg-growth__caption { display:flex; align-items:center; justify-content:space-between; gap:15px; }
#kpnh-root .sg-growth__caption span { color:#aecdF5; font-size:10px; }
#kpnh-root .sg-growth__caption strong { display:flex; align-items:center; gap:6px; color:#fff; font-size:13px; }
#kpnh-root .sg-growth__caption strong svg { width:16px; height:16px; transform:rotate(-45deg); }
#kpnh-root .sg-growth__chart>svg { width:100%; height:150px; display:block; overflow:visible; }
#kpnh-root .sg-growth__gridline { fill:none; stroke:rgba(216,235,255,.13); stroke-width:1; }
#kpnh-root .sg-growth__area { fill:url(#sg-chart-fill); }
#kpnh-root .sg-growth__line { fill:none; stroke:#9be2ff; stroke-width:4; stroke-linecap:round; filter:url(#sg-chart-glow); stroke-dasharray:1; stroke-dashoffset:1; animation:sg-chart-draw 2.2s .25s cubic-bezier(.2,.8,.25,1) forwards; }
#kpnh-root .sg-growth__point { fill:#fff; stroke:#7fd7ff; stroke-width:4; opacity:0; animation:sg-point-in .4s ease forwards; }
#kpnh-root .sg-growth__point--one { animation-delay:.9s; }
#kpnh-root .sg-growth__point--two { animation-delay:1.45s; }
#kpnh-root .sg-growth__point--three { animation-delay:2.05s; }
#kpnh-root .sg-growth__tip { position:absolute; right:16px; top:75px; max-width:160px; padding:8px 10px; border:1px solid rgba(255,255,255,.18); border-radius:9px; color:#e9f5ff; background:rgba(8,47,118,.74); box-shadow:0 11px 24px rgba(0,25,73,.2); font-size:8px; line-height:1.35; animation:sg-float 3.4s ease-in-out infinite; }
#kpnh-root .sg-growth__metrics { margin-top:12px; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
#kpnh-root .sg-growth__metric { min-width:0; min-height:77px; padding:12px; display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; border:1px solid rgba(255,255,255,.13); border-radius:13px; background:rgba(255,255,255,.095); backdrop-filter:blur(8px); transition:transform .2s ease,background .2s ease; }
#kpnh-root .sg-growth__metric:hover { transform:translateY(-3px); background:rgba(255,255,255,.15); }
#kpnh-root .sg-growth__metric>i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#c5e7ff; background:rgba(171,220,255,.14); font-style:normal; }
#kpnh-root .sg-growth__metric>i svg { width:18px; height:18px; }
#kpnh-root .sg-growth__metrics span,#kpnh-root .sg-growth__metrics small,#kpnh-root .sg-growth__metrics b { min-width:0; display:block; }
#kpnh-root .sg-growth__metrics small { margin-bottom:4px; overflow:hidden; color:#b8d0ee; font-size:8px; white-space:nowrap; text-overflow:ellipsis; }
#kpnh-root .sg-growth__metrics b { color:#fff; font-size:11px; white-space:nowrap; }
#kpnh-root .sg-growth__metrics em { color:#65f0bb; font-style:normal; }
#kpnh-root .sg-price-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; align-items:stretch; }
#kpnh-root .sg-price { position:relative; min-width:0; padding:26px 23px 25px; display:flex; flex-direction:column; overflow:hidden; border:1px solid #d4e1f1; border-radius:19px; background:rgba(255,255,255,.94); box-shadow:0 14px 32px rgba(31,65,112,.07); transition:transform .18s ease,box-shadow .18s ease; }
#kpnh-root .sg-price::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:#72a9f7; }
#kpnh-root .sg-price:first-child::before { background:#31b681; }
#kpnh-root .sg-price:hover { transform:translateY(-5px); box-shadow:0 20px 42px rgba(31,75,137,.13); }
#kpnh-root .sg-price.is-featured { border:2px solid var(--sg-blue); background:linear-gradient(180deg,#fff,#f4f8ff); box-shadow:0 21px 46px rgba(20,91,201,.16); }
#kpnh-root .sg-price__popular { position:absolute; top:0; right:18px; padding:7px 12px; border-radius:0 0 9px 9px; color:#fff; background:var(--sg-blue); font-size:9px; font-weight:800; text-transform:uppercase; }
#kpnh-root .sg-price__top { display:flex; align-items:center; justify-content:space-between; gap:10px; }
#kpnh-root .sg-price__top span { color:#b1bfce; font-size:11px; font-weight:800; }
#kpnh-root .sg-price__top small { color:#74859a; font-size:9px; }
#kpnh-root .sg-price h3 { margin:25px 0 6px; color:#1c344f; font-size:20px; }
#kpnh-root .sg-price>strong { color:#10213c; font-size:34px; line-height:1.15; letter-spacing:-.04em; }
#kpnh-root .sg-price>b { margin-top:4px; padding-bottom:20px; border-bottom:1px solid #e1e9f2; color:var(--sg-blue); font-size:13px; }
#kpnh-root .sg-price ul { margin:20px 0 0; padding:0; display:grid; gap:11px; list-style:none; }
#kpnh-root .sg-price li { display:flex; align-items:flex-start; gap:8px; color:#566c85; font-size:12.5px; line-height:1.45; }
#kpnh-root .sg-price li svg { width:16px; height:16px; color:#1ca372; }
#kpnh-root .sg-pricing__note { width:max-content; max-width:100%; margin:20px auto 0; padding:11px 16px; display:flex; align-items:center; gap:9px; border:1px solid #d5e2f1; border-radius:999px; color:#657a94; background:rgba(255,255,255,.7); font-size:11px; }
#kpnh-root .sg-pricing__note svg { width:18px; height:18px; color:var(--sg-blue); }
#kpnh-root .sg-pricing__note b { color:#34516f; }

@keyframes sg-chart-draw { to { stroke-dashoffset:0; } }
@keyframes sg-point-in { from { opacity:0; transform:scale(.5); transform-origin:center; } to { opacity:1; transform:scale(1); transform-origin:center; } }
@keyframes sg-pulse { 50% { box-shadow:0 0 0 10px rgba(77,240,184,0); } }
@keyframes sg-float { 50% { transform:translateY(-6px); } }
@keyframes sg-orbit { to { transform:translate(-25px,18px) scale(1.04); } }
@keyframes sg-flow-down { 50% { margin-top:4px; } }

#kpnh-root .sg-value { --sg-flow-color:#1768f2; position:relative; padding:24px 0 0; background:linear-gradient(180deg,#f7faff 0,#fff 190px); }
#kpnh-root .sg-value__panel { min-height:520px; padding:clamp(45px,5vw,78px); display:grid; grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr); gap:clamp(60px,8vw,135px); align-items:center; overflow:hidden; border-radius:26px 26px 0 0; color:#fff; background:radial-gradient(circle at 10% 15%,rgba(45,120,231,.32),transparent 30%),linear-gradient(135deg,#0c2343,#0a1d38 70%,#102c53); box-shadow:0 25px 55px rgba(13,39,75,.14); }
#kpnh-root .sg-value__copy>span { display:block; margin-bottom:14px; color:#79adf5; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
#kpnh-root .sg-value__copy h2 { margin-bottom:19px; color:#fff; font-size:clamp(38px,3.1vw,56px); line-height:1.06; letter-spacing:-.05em; }
#kpnh-root .sg-value__copy p { margin-bottom:25px; color:#b4c5d9; font-size:16px; line-height:1.7; }
#kpnh-root .sg-value__copy a { display:inline-flex; align-items:center; gap:9px; color:#fff!important; font-size:13px; font-weight:750; }
#kpnh-root .sg-value__copy a svg { width:18px; height:18px; }
#kpnh-root .sg-value__list { border-top:1px solid rgba(171,200,236,.18); }
#kpnh-root .sg-value__list article { min-height:125px; padding:23px 0; display:grid; grid-template-columns:40px 1fr; gap:17px; border-bottom:1px solid rgba(171,200,236,.18); }
#kpnh-root .sg-value__list article>span { color:#6985a7; font-size:10px; font-weight:800; }
#kpnh-root .sg-value__list article>div { display:grid; grid-template-columns:39px 1fr; column-gap:13px; }
#kpnh-root .sg-value__list svg { grid-row:1/3; width:39px; height:39px; padding:9px; border-radius:11px; color:#6ea9fb; background:rgba(81,145,235,.13); }
#kpnh-root .sg-value__list h3 { margin:0 0 6px; color:#fff; font-size:19px; }
#kpnh-root .sg-value__list p { margin:0; color:#9fb3cc; font-size:13px; line-height:1.55; }
#kpnh-root .sg-foundation { min-height:112px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; border:1px solid #dbe5f0; border-top:0; border-radius:0 0 22px 22px; background:#f6f9fd; }
#kpnh-root .sg-foundation>span { min-width:0; padding:0 25px; display:grid; grid-template-columns:39px 1fr; grid-template-rows:1fr 1fr; column-gap:11px; }
#kpnh-root .sg-foundation>span+span { border-left:1px solid #dbe5f0; }
#kpnh-root .sg-foundation i { grid-row:1/3; width:39px; height:39px; display:grid; place-items:center; border-radius:11px; color:var(--sg-blue); background:#e6f0ff; font-style:normal; }
#kpnh-root .sg-foundation i svg { width:20px; height:20px; }
#kpnh-root .sg-foundation b { align-self:end; color:#2d4662; font-size:12px; }
#kpnh-root .sg-foundation small { align-self:start; color:#8392a5; font-size:9px; }

#kpnh-root .sg-steps { --sg-flow-color:#7657dc; position:relative; padding:34px 0 24px; background:radial-gradient(circle at 88% 12%,rgba(110,92,235,.07),transparent 25%),linear-gradient(180deg,#fff 0%,#f2f7fd 100%); }
#kpnh-root .sg-steps>.kpnh-shell { display:grid; grid-template-columns:minmax(350px,.76fr) minmax(0,1.24fr); gap:32px 72px; align-items:stretch; }
#kpnh-root .sg-steps .sg-heading { align-self:center; }
#kpnh-root .sg-steps__grid { position:relative; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); grid-column:1/3; grid-row:2; border:1px solid #d8e3f0; border-radius:20px; background:#fff; box-shadow:0 15px 36px rgba(31,64,109,.06); list-style:none; }
#kpnh-root .sg-steps__grid::before { content:""; position:absolute; left:12.5%; right:12.5%; top:57px; height:2px; background:#d8e5f5; }
#kpnh-root .sg-steps__grid li { position:relative; z-index:1; min-height:225px; padding:28px 25px; transition:background .2s ease,transform .2s ease; }
#kpnh-root .sg-steps__grid li:hover { z-index:2; background:linear-gradient(180deg,#fff,#f4f8ff); transform:translateY(-3px); }
#kpnh-root .sg-steps__grid li+li { border-left:1px solid #e0e8f1; }
#kpnh-root .sg-steps__grid li>span { position:absolute; right:17px; top:15px; color:#bcc8d6; font-size:10px; font-weight:800; }
#kpnh-root .sg-steps__grid li>i { width:54px; height:54px; margin-bottom:25px; display:grid; place-items:center; border:6px solid #fff; border-radius:50%; color:var(--sg-blue); background:#e8f2ff; box-shadow:0 0 0 1px #d3e2f4; font-style:normal; }
#kpnh-root .sg-steps__grid li>i svg { width:23px; height:23px; }
#kpnh-root .sg-steps__grid h3 { margin-bottom:8px; color:#213b57; font-size:17px; line-height:1.3; }
#kpnh-root .sg-steps__grid p { margin:0; color:#5c7087; font-size:12.5px; line-height:1.55; }
#kpnh-root .sg-steps__grid p b { color:#3c5d82; font-weight:650; }
#kpnh-root .sg-progress { position:relative; grid-column:2; grid-row:1; min-height:270px; padding:28px; overflow:hidden; border:1px solid rgba(96,151,229,.55); border-radius:22px; color:#fff; background:radial-gradient(circle at 94% 0,rgba(124,88,246,.45),transparent 37%),linear-gradient(135deg,#1166df,#0a3f9c 68%,#082b6c); box-shadow:0 22px 48px rgba(21,78,160,.2); isolation:isolate; }
#kpnh-root .sg-progress::before { content:""; position:absolute; z-index:-1; width:330px; height:330px; right:-155px; top:-195px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 52px rgba(255,255,255,.04),0 0 0 104px rgba(255,255,255,.022); animation:sg-orbit 10s ease-in-out infinite alternate-reverse; }
#kpnh-root .sg-progress::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(to right,#000,transparent 85%); }
#kpnh-root .sg-progress>div:first-child { display:flex; align-items:center; justify-content:space-between; color:#c7dbf6; font-size:10px; }
#kpnh-root .sg-progress>div:first-child span { display:flex; align-items:center; gap:8px; color:#dffff3; font-weight:750; }
#kpnh-root .sg-progress>div:first-child span i { width:9px; height:9px; border-radius:50%; background:#4ce0ad; box-shadow:0 0 0 6px rgba(76,224,173,.14); animation:sg-pulse 1.9s ease-in-out infinite; }
#kpnh-root .sg-progress>div:first-child b { padding:7px 10px; border:1px solid rgba(255,255,255,.17); border-radius:999px; background:rgba(255,255,255,.08); font-size:9px; }
#kpnh-root .sg-progress>strong { display:block; margin-top:18px; color:#fff; font-size:21px; line-height:1.3; }
#kpnh-root .sg-progress>p { margin:18px 0 17px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
#kpnh-root .sg-progress>p i { height:6px; border-radius:5px; background:rgba(255,255,255,.2); }
#kpnh-root .sg-progress>p i:nth-child(-n+2) { background:#76c5ff; }
#kpnh-root .sg-progress>p i.is-active { background:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 16px rgba(133,211,255,.58); }
#kpnh-root .sg-progress__tasks { margin-bottom:17px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
#kpnh-root .sg-progress__tasks span { min-width:0; min-height:53px; padding:10px; display:flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.13); border-radius:11px; color:#bed2ee; background:rgba(255,255,255,.07); font-size:9px; line-height:1.3; }
#kpnh-root .sg-progress__tasks span svg { width:17px; height:17px; color:#a9c8ee; }
#kpnh-root .sg-progress__tasks span.is-done { color:#dffff3; background:rgba(47,202,151,.13); }
#kpnh-root .sg-progress__tasks span.is-done svg { color:#5af0bd; }
#kpnh-root .sg-progress__tasks span.is-current { color:#fff; border-color:rgba(139,204,255,.35); background:rgba(119,186,255,.16); }
#kpnh-root .sg-progress__tasks span.is-current svg { color:#bfe2ff; }
#kpnh-root .sg-progress>small { color:#a9c1de; font-size:9px; }

#kpnh-root .sg-faq { --sg-flow-color:#119c75; position:relative; padding:24px 0 36px; background:#f2f7fd; }
#kpnh-root .sg-faq__grid { position:relative; min-height:560px; padding:clamp(45px,5vw,75px); display:grid; grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr); gap:clamp(55px,8vw,125px); align-items:center; overflow:hidden; border:1px solid #cedef1; border-radius:28px; background:radial-gradient(circle at 8% 14%,rgba(45,126,242,.18),transparent 28%),radial-gradient(circle at 92% 90%,rgba(124,88,238,.13),transparent 31%),linear-gradient(135deg,#e8f3ff,#f5f9ff 56%,#eeeaff); box-shadow:0 24px 52px rgba(32,72,126,.1); isolation:isolate; }
#kpnh-root .sg-faq__grid::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.32; background-image:radial-gradient(#7da7dc 1px,transparent 1px); background-size:24px 24px; mask-image:linear-gradient(115deg,#000,transparent 47%); }
#kpnh-root .sg-faq__grid::after { content:"?"; position:absolute; z-index:-1; left:clamp(40px,7vw,110px); bottom:-145px; color:rgba(27,105,220,.075); font-size:420px; font-weight:850; line-height:1; letter-spacing:-.12em; transform:rotate(8deg); }
#kpnh-root .sg-faq__grid>* { position:relative; z-index:1; }
#kpnh-root .sg-faq .sg-heading { padding:10px 0; }
#kpnh-root .sg-faq .sg-heading>span { width:max-content; padding:7px 11px; border:1px solid #c5daf4; border-radius:999px; background:rgba(255,255,255,.66); }
#kpnh-root .sg-faq .sg-heading a { width:max-content; margin-top:27px; padding:12px 15px; display:inline-flex; align-items:center; gap:8px; border:1px solid #c7daf0; border-radius:11px; color:var(--sg-blue); background:rgba(255,255,255,.78); box-shadow:0 10px 24px rgba(38,82,141,.08); font-size:13px; font-weight:750; }
#kpnh-root .sg-faq .sg-heading a svg { width:17px; height:17px; }
#kpnh-root .sg-faq__list { display:grid; gap:10px; }
#kpnh-root .sg-faq details { overflow:hidden; border:1px solid rgba(196,214,237,.95); border-radius:14px; background:rgba(255,255,255,.78); box-shadow:0 10px 24px rgba(38,77,132,.055); backdrop-filter:blur(9px); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
#kpnh-root .sg-faq details:hover { transform:translateX(3px); border-color:#a9c8ee; }
#kpnh-root .sg-faq details[open] { border-color:#8db9ee; background:rgba(255,255,255,.93); box-shadow:0 15px 31px rgba(31,83,155,.11); }
#kpnh-root .sg-faq summary { min-height:70px; padding:0 17px 0 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#233c58; font-size:15px; font-weight:720; cursor:pointer; list-style:none; }
#kpnh-root .sg-faq summary::-webkit-details-marker { display:none; }
#kpnh-root .sg-faq summary i { position:relative; width:30px; height:30px; flex:0 0 30px; border:1px solid #cbd9e9; border-radius:50%; background:#fff; }
#kpnh-root .sg-faq summary i::before,#kpnh-root .sg-faq summary i::after { content:""; position:absolute; left:50%; top:50%; width:10px; height:1.5px; background:var(--sg-blue); transform:translate(-50%,-50%); }
#kpnh-root .sg-faq summary i::after { transform:translate(-50%,-50%) rotate(90deg); transition:transform .16s ease; }
#kpnh-root .sg-faq details[open] summary i::after { transform:translate(-50%,-50%); }
#kpnh-root .sg-faq details p { max-width:760px; margin:-2px 57px 22px 20px; color:#63768e; font-size:13px; line-height:1.7; }

#kpnh-root .sg-final { --sg-flow-color:#1768f2; position:relative; padding:0 0 60px; background:#f2f7fd; }
#kpnh-root .sg-value::before,#kpnh-root .sg-steps::before,#kpnh-root .sg-faq::before,#kpnh-root .sg-final::before { content:""; position:absolute; z-index:6; left:50%; top:0; width:40px; height:40px; transform:translate(-50%,-50%); border:1px solid #bdd2ec; border-radius:50%; background:linear-gradient(145deg,#fff,#eaf3ff); box-shadow:0 0 0 7px rgba(244,248,253,.9),0 10px 24px rgba(30,79,145,.15); }
#kpnh-root .sg-value::after,#kpnh-root .sg-steps::after,#kpnh-root .sg-faq::after,#kpnh-root .sg-final::after { content:""; position:absolute; z-index:7; left:50%; top:-5px; width:8px; height:8px; border-right:2px solid var(--sg-flow-color); border-bottom:2px solid var(--sg-flow-color); transform:translateX(-50%) rotate(45deg); animation:sg-flow-down 2.2s ease-in-out infinite; }
#kpnh-root .sg-final__card { position:relative; min-height:430px; padding:58px clamp(42px,5.8vw,96px); display:flex; align-items:center; overflow:hidden; border-radius:27px; color:#fff; background:radial-gradient(circle at 80% 20%,rgba(93,165,255,.32),transparent 31%),linear-gradient(125deg,#1768f2,#0d51bd 58%,#082c65); box-shadow:0 27px 60px rgba(14,75,167,.22); }
#kpnh-root .sg-final__card::before { content:""; position:absolute; width:530px; height:530px; right:-120px; top:-180px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.02); }
#kpnh-root .sg-final__copy { position:relative; z-index:2; max-width:780px; }
#kpnh-root .sg-final__copy>span { display:block; margin-bottom:14px; color:#c7deff; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
#kpnh-root .sg-final h2 { margin-bottom:17px; color:#fff; font-size:clamp(42px,3.6vw,65px); line-height:1.01; letter-spacing:-.055em; }
#kpnh-root .sg-final p { max-width:680px; margin-bottom:27px; color:#c2d6ef; font-size:16px; line-height:1.7; }
#kpnh-root .sg-final__copy>div { display:flex; align-items:center; flex-wrap:wrap; gap:21px; }
#kpnh-root .sg-final__copy>div>a:last-child { color:#fff; font-size:12px; font-weight:650; border-bottom:1px solid rgba(255,255,255,.5); }
#kpnh-root .sg-final__domain { position:absolute; z-index:2; right:clamp(32px,5vw,90px); top:50%; width:285px; padding:31px; transform:translateY(-50%) rotate(2deg); border:1px solid rgba(255,255,255,.2); border-radius:22px; background:rgba(255,255,255,.12); box-shadow:0 22px 50px rgba(0,23,61,.2); backdrop-filter:blur(12px); }
#kpnh-root .sg-final__domain>span { display:block; color:#bcd6fa; font-size:9px; font-weight:750; text-transform:uppercase; letter-spacing:.1em; }
#kpnh-root .sg-final__domain>b { display:block; margin:25px 0; color:#fff; font-size:22px; }
#kpnh-root .sg-final__domain>b small { color:#c9ddf8; font-size:14px; }
#kpnh-root .sg-final__domain>i { padding:9px 11px; display:flex; align-items:center; gap:7px; width:max-content; border-radius:9px; color:#dbfff2; background:rgba(37,187,132,.18); font-size:9px; font-style:normal; }
#kpnh-root .sg-final__domain>i svg { width:15px; height:15px; }

@media (max-width:1180px) {
  #kpnh-root .sg-hero__grid { grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr); gap:48px; }
  #kpnh-root .sg-product { padding-left:14px; padding-right:14px; }
  #kpnh-root .sg-product__search { left:14px; }
  #kpnh-root .sg-product__result,#kpnh-root .sg-product__device { right:14px; }
  #kpnh-root .sg-hero__outcomes>div { padding:25px 16px; grid-template-columns:49px 1fr; column-gap:11px; }
  #kpnh-root .sg-hero__outcomes span { width:49px; height:49px; }
  #kpnh-root .sg-pricing__intro { grid-template-columns:minmax(350px,.82fr) minmax(530px,1.18fr); gap:40px; }
  #kpnh-root .sg-value__panel { gap:60px; }
  #kpnh-root .sg-final__copy { max-width:68%; }
}

@media (max-width:980px) {
  #kpnh-root .sg-hero__grid { grid-template-columns:1fr; gap:42px; }
  #kpnh-root .sg-hero__copy { max-width:800px; margin:0 auto; text-align:center; }
  #kpnh-root .sg-label { margin-left:auto; margin-right:auto; }
  #kpnh-root .sg-hero__copy>p { margin-left:auto; margin-right:auto; }
  #kpnh-root .sg-actions,#kpnh-root .sg-access { justify-content:center; text-align:left; }
  #kpnh-root .sg-product { width:min(760px,100%); margin:0 auto; }
  #kpnh-root .sg-hero__outcomes { grid-template-columns:1fr 1fr; padding:14px 0; border-radius:18px 18px 0 0; }
  #kpnh-root .sg-hero__outcomes>div { min-height:102px; padding:20px 24px; }
  #kpnh-root .sg-hero__outcomes>div:nth-child(3) { border-left:0; }
  #kpnh-root .sg-pricing__intro { grid-template-columns:1fr; gap:38px; }
  #kpnh-root .sg-heading--pricing { max-width:760px; }
  #kpnh-root .sg-growth { width:100%; max-width:760px; }
  #kpnh-root .sg-price-grid { grid-template-columns:1fr 1fr; gap:16px; }
  #kpnh-root .sg-value__panel { grid-template-columns:1fr; gap:40px; }
  #kpnh-root .sg-foundation { grid-template-columns:1fr 1fr; padding:13px 0; }
  #kpnh-root .sg-foundation>span { min-height:75px; }
  #kpnh-root .sg-foundation>span:nth-child(3) { border-left:0; }
  #kpnh-root .sg-steps>.kpnh-shell { grid-template-columns:1fr 1fr; gap:40px; }
  #kpnh-root .sg-steps__grid { grid-template-columns:1fr 1fr; }
  #kpnh-root .sg-steps__grid::before { display:none; }
  #kpnh-root .sg-steps__grid li:nth-child(3) { border-left:0; }
  #kpnh-root .sg-steps__grid li:nth-child(-n+2) { border-bottom:1px solid #e0e8f1; }
  #kpnh-root .sg-final__domain { opacity:.28; right:-20px; }
  #kpnh-root .sg-final__copy { max-width:85%; }
}

@media (max-width:700px) {
  #kpnh-root .sg-button { width:100%; }
  #kpnh-root .sg-hero { padding-top:38px; }
  #kpnh-root .sg-hero__grid { min-height:0; gap:0; padding-bottom:44px; }
  #kpnh-root .sg-label { margin-bottom:18px; font-size:9px; }
  #kpnh-root .sg-hero h1 { margin-bottom:20px; font-size:clamp(40px,11vw,53px); line-height:1.03; }
  #kpnh-root .sg-hero__copy>p { margin-bottom:23px; font-size:15px; line-height:1.65; }
  #kpnh-root .sg-actions { display:grid; }
  #kpnh-root .sg-access { min-height:0; align-items:flex-start; justify-content:flex-start; margin-top:18px; padding:13px; }
  #kpnh-root .sg-access::after { display:none; }
  #kpnh-root .sg-access>svg { width:39px; height:39px; padding:9px; }
  #kpnh-root .sg-access small { line-height:1.45; }
  #kpnh-root .sg-product { display:none; }
  #kpnh-root .sg-hero__outcomes { margin:0; padding:0 14px; display:flex; min-height:128px; overflow-x:auto; border-right:0; border-left:0; border-radius:0; scrollbar-width:none; }
  #kpnh-root .sg-hero__outcomes::-webkit-scrollbar { display:none; }
  #kpnh-root .sg-hero__outcomes>div { min-height:126px; padding:21px 17px; flex:0 0 270px; grid-template-columns:50px 1fr; border-left:1px solid #dce6f1!important; }
  #kpnh-root .sg-hero__outcomes>div:first-child { padding-left:0; border-left:0!important; }
  #kpnh-root .sg-hero__outcomes span { width:50px; height:50px; border-radius:15px; }
  #kpnh-root .sg-hero__outcomes b { font-size:14px; }
  #kpnh-root .sg-hero__outcomes small { font-size:11px; }
  #kpnh-root .sg-pricing { padding:24px 0 30px; }
  #kpnh-root .sg-pricing__intro { margin-bottom:28px; gap:26px; }
  #kpnh-root .sg-pricing__intro::after { bottom:-28px; height:28px; }
  #kpnh-root .sg-heading--pricing>span { margin-bottom:17px; font-size:9px; }
  #kpnh-root .sg-heading--pricing h2 { font-size:40px; }
  #kpnh-root .sg-heading--pricing>p { font-size:15px; }
  #kpnh-root .sg-heading__facts { display:grid; margin-top:20px; gap:9px; }
  #kpnh-root .sg-growth { min-height:0; padding:18px; border-radius:20px; }
  #kpnh-root .sg-growth__head { align-items:flex-start; }
  #kpnh-root .sg-growth__head>b { font-size:8px; }
  #kpnh-root .sg-growth__chart { min-height:205px; padding:16px 13px 0; }
  #kpnh-root .sg-growth__caption strong { font-size:11px; }
  #kpnh-root .sg-growth__tip { top:76px; right:12px; max-width:135px; }
  #kpnh-root .sg-growth__metrics { grid-template-columns:1fr; }
  #kpnh-root .sg-growth__metric { min-height:66px; grid-template-columns:38px 1fr; }
  #kpnh-root .sg-growth__metric>i { width:38px; height:38px; }
  #kpnh-root .sg-growth__metrics small { font-size:9px; }
  #kpnh-root .sg-growth__metrics b { font-size:12px; }
  #kpnh-root .sg-heading h2 { font-size:35px; }
  #kpnh-root .sg-heading>p { font-size:14px; }
  #kpnh-root .sg-price-grid { grid-template-columns:1fr; gap:17px; }
  #kpnh-root .sg-price { padding:25px 22px 21px; }
  #kpnh-root .sg-pricing__note { align-items:flex-start; border-radius:14px; font-size:10px; line-height:1.55; }
  #kpnh-root .sg-value { padding-top:24px; }
  #kpnh-root .sg-value>.kpnh-shell { padding:0; }
  #kpnh-root .sg-value__panel { min-height:0; padding:49px 24px 38px; border-radius:0; }
  #kpnh-root .sg-value__copy h2 { font-size:37px; }
  #kpnh-root .sg-value__copy p { font-size:14px; }
  #kpnh-root .sg-value__list article { min-height:0; }
  #kpnh-root .sg-value__list article>div { grid-template-columns:36px 1fr; }
  #kpnh-root .sg-foundation { grid-template-columns:1fr; padding:9px 14px; border-right:0; border-left:0; border-radius:0; }
  #kpnh-root .sg-foundation>span { min-height:72px; padding:0 10px; border-top:1px solid #dbe5f0; border-left:0!important; }
  #kpnh-root .sg-foundation>span:first-child { border-top:0; }
  #kpnh-root .sg-steps { padding:30px 0 22px; }
  #kpnh-root .sg-steps>.kpnh-shell { grid-template-columns:1fr; gap:24px; }
  #kpnh-root .sg-progress { grid-column:auto; grid-row:auto; min-height:0; padding:23px; order:2; }
  #kpnh-root .sg-progress__tasks { grid-template-columns:1fr; }
  #kpnh-root .sg-progress__tasks span { min-height:48px; font-size:10px; }
  #kpnh-root .sg-steps__grid { grid-column:auto; grid-row:auto; grid-template-columns:1fr; order:3; }
  #kpnh-root .sg-steps__grid li { min-height:160px; padding:23px; display:grid; grid-template-columns:51px 1fr; grid-template-rows:auto auto; column-gap:14px; }
  #kpnh-root .sg-steps__grid li+li { border-top:1px solid #e0e8f1; border-left:0; }
  #kpnh-root .sg-steps__grid li:nth-child(-n+2) { border-bottom:0; }
  #kpnh-root .sg-steps__grid li>i { grid-row:1/3; margin:0; }
  #kpnh-root .sg-steps__grid h3 { align-self:end; }
  #kpnh-root .sg-steps__grid p { align-self:start; }
  #kpnh-root .sg-faq { padding:22px 0 26px; }
  #kpnh-root .sg-faq__grid { min-height:0; padding:32px 20px; grid-template-columns:1fr; gap:28px; border-radius:20px; }
  #kpnh-root .sg-faq__grid::after { left:5px; bottom:-80px; font-size:230px; }
  #kpnh-root .sg-faq .sg-heading a { width:100%; justify-content:center; }
  #kpnh-root .sg-faq summary { min-height:72px; font-size:14px; }
  #kpnh-root .sg-faq details p { margin-right:42px; font-size:13px; }
  #kpnh-root .sg-final { padding-bottom:36px; }
  #kpnh-root .sg-value::before,#kpnh-root .sg-steps::before,#kpnh-root .sg-faq::before,#kpnh-root .sg-final::before { width:34px; height:34px; box-shadow:0 0 0 5px rgba(244,248,253,.9),0 8px 18px rgba(30,79,145,.14); }
  #kpnh-root .sg-value::after,#kpnh-root .sg-steps::after,#kpnh-root .sg-faq::after,#kpnh-root .sg-final::after { top:-4px; width:7px; height:7px; }
  #kpnh-root .sg-final__card { min-height:0; padding:46px 24px; border-radius:20px; }
  #kpnh-root .sg-final__copy { max-width:100%; }
  #kpnh-root .sg-final h2 { font-size:39px; }
  #kpnh-root .sg-final p { font-size:14px; }
  #kpnh-root .sg-final__copy>div { display:grid; }
  #kpnh-root .sg-final__domain { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  #kpnh-root .sg-button,#kpnh-root .sg-price,#kpnh-root .sg-hero__outcomes>div,#kpnh-root .sg-growth__metric,#kpnh-root .sg-steps__grid li,#kpnh-root .sg-faq details { transition:none; }
  #kpnh-root .sg-growth::before,#kpnh-root .sg-growth__head span i,#kpnh-root .sg-growth__line,#kpnh-root .sg-growth__point,#kpnh-root .sg-growth__tip,#kpnh-root .sg-progress::before,#kpnh-root .sg-progress>div:first-child span i,#kpnh-root .sg-value::after,#kpnh-root .sg-steps::after,#kpnh-root .sg-faq::after,#kpnh-root .sg-final::after,#kpnh-root .sg-engine--visual::before,#kpnh-root .sg-device-orbit i,#kpnh-root .sg-device-visual::after,#kpnh-root .sg-device-visual img { animation:none; }
  #kpnh-root .sg-growth__line { stroke-dashoffset:0; }
  #kpnh-root .sg-growth__point { opacity:1; }
}

@media (max-width:1180px) {
  #kpnh-root .sg-hero__panel { padding-right:38px; padding-left:38px; grid-template-columns:minmax(340px,.82fr) minmax(510px,1.18fr); gap:34px; }
  #kpnh-root .sg-hero__outcomes { margin-right:-38px; margin-left:-38px; }
  #kpnh-root .sg-hero__outcomes>div { padding:22px 18px; }
}

@media (max-width:980px) {
  #kpnh-root .sg-hero__panel { padding:44px 38px 0; grid-template-columns:1fr; gap:34px; }
  #kpnh-root .sg-hero__copy { max-width:760px; margin:0 auto; text-align:center; }
  #kpnh-root .sg-hero__copy>p { margin-right:auto; margin-left:auto; }
  #kpnh-root .sg-access { max-width:600px; margin-right:auto; margin-left:auto; }
  #kpnh-root .sg-engine { width:min(760px,100%); margin:0 auto; text-align:left; }
  #kpnh-root .sg-hero__outcomes { margin-right:-38px; margin-left:-38px; grid-template-columns:1fr 1fr; }
  #kpnh-root .sg-hero__outcomes>div { min-height:96px; }
  #kpnh-root .sg-hero__outcomes>div:nth-child(3) { border-top:1px solid rgba(255,255,255,.13); border-left:0; }
  #kpnh-root .sg-hero__outcomes>div:nth-child(4) { border-top:1px solid rgba(255,255,255,.13); }
}

@media (max-width:700px) {
  #kpnh-root .sg-hero { padding-top:14px; }
  #kpnh-root .sg-hero>.kpnh-shell { padding:0 10px; }
  #kpnh-root .sg-hero__panel { padding:31px 18px 0; gap:25px; border-radius:23px 23px 0 0; }
  #kpnh-root .sg-label { margin-bottom:19px; }
  #kpnh-root .sg-hero h1 { margin-bottom:18px; font-size:clamp(39px,11.5vw,49px); line-height:1; }
  #kpnh-root .sg-hero__copy>p { margin-bottom:23px; font-size:14.5px; line-height:1.6; }
  #kpnh-root .sg-actions { display:grid; }
  #kpnh-root .sg-access { margin-top:19px; padding-top:15px; display:grid; gap:8px; justify-items:center; text-align:center; }
  #kpnh-root .sg-access>span { justify-content:center; }
  #kpnh-root .sg-engine { padding:14px; gap:11px; border-radius:19px; }
  #kpnh-root .sg-engine__head { min-height:0; display:grid; gap:9px; }
  #kpnh-root .sg-engine__head>strong { width:max-content; }
  #kpnh-root .sg-engine__domain { min-height:74px; padding:11px; grid-template-columns:38px 1fr; gap:9px; }
  #kpnh-root .sg-engine__domain>span { width:38px; height:38px; }
  #kpnh-root .sg-engine__domain b { font-size:16px; }
  #kpnh-root .sg-engine__domain b em { font-size:11px; }
  #kpnh-root .sg-engine__domain>i { grid-column:2; width:max-content; margin-top:-5px; }
  #kpnh-root .sg-engine__flow { grid-template-columns:1fr; }
  #kpnh-root .sg-engine__flow::before { left:32px; right:auto; top:24px; bottom:24px; width:2px; height:auto; background:linear-gradient(#7db2f8,#76d8bd); }
  #kpnh-root .sg-engine__flow li { min-height:76px; padding:11px; display:grid; grid-template-columns:37px 1fr auto; grid-template-rows:1fr 1fr; column-gap:10px; align-items:center; }
  #kpnh-root .sg-engine__flow li>i { grid-column:3; grid-row:1/3; align-self:center; }
  #kpnh-root .sg-engine__flow li>span { grid-column:1; grid-row:1/3; width:37px; height:37px; margin:0; }
  #kpnh-root .sg-engine__flow li>div { grid-column:2; grid-row:1/3; }
  #kpnh-root .sg-engine__result>div { min-height:77px; padding:9px 6px; display:flex; flex-direction:column; justify-content:center; text-align:center; }
  #kpnh-root .sg-engine__result span { width:29px; height:29px; margin-bottom:5px; }
  #kpnh-root .sg-engine__result small { font-size:7px; }
  #kpnh-root .sg-engine__result b { font-size:8.5px; }
  #kpnh-root .sg-engine--visual { min-height:370px; padding:0; }
  #kpnh-root .sg-engine--visual::before { width:430px; height:430px; }
  #kpnh-root .sg-engine--visual::after { bottom:62px; }
  #kpnh-root .sg-device-orbit i:first-child { width:350px; height:350px; }
  #kpnh-root .sg-device-orbit i:nth-child(2) { width:275px; height:275px; }
  #kpnh-root .sg-device-orbit i:nth-child(3) { width:318px; height:318px; }
  #kpnh-root .sg-device-visual { width:calc(100% + 50px); min-height:330px; margin:-8px -25px 0; }
  #kpnh-root .sg-device-visual img { max-height:330px; }
  #kpnh-root .sg-device-launch { left:0; right:0; bottom:0; min-height:104px; padding:12px; grid-template-columns:39px 1fr; gap:9px; border-radius:16px; }
  #kpnh-root .sg-device-launch>span { width:39px; height:39px; border-radius:11px; }
  #kpnh-root .sg-device-launch>span svg { width:19px; height:19px; }
  #kpnh-root .sg-device-launch small { font-size:7.5px; }
  #kpnh-root .sg-device-launch b { font-size:14px; }
  #kpnh-root .sg-device-launch>strong { grid-column:2; width:max-content; padding:7px 9px; font-size:9px; }
  #kpnh-root .sg-hero__outcomes { margin-right:-18px; margin-left:-18px; padding:0; display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border-radius:0; }
  #kpnh-root .sg-hero__outcomes>div { min-height:91px; padding:17px 12px; flex:initial; grid-template-columns:34px 1fr; column-gap:8px; border-color:rgba(255,255,255,.13)!important; }
  #kpnh-root .sg-hero__outcomes span { width:34px; height:34px; border-radius:10px; }
  #kpnh-root .sg-hero__outcomes b { font-size:11px; }
  #kpnh-root .sg-hero__outcomes small { font-size:8px; }
}

/* AI Beta positioning and the five-step onboarding path. */
#kpnh-root .sg-access--beta > span {
  min-width:0;
  align-items:flex-start;
}
#kpnh-root .sg-access--beta > span > span {
  min-width:0;
}
#kpnh-root .sg-access--beta small {
  max-width:390px;
  margin-top:4px;
  color:#b8cee9;
  font-size:9.5px;
  line-height:1.45;
}
#kpnh-root .sg-access--beta strong {
  flex:0 0 auto;
  padding:8px 10px;
  border:1px solid rgba(114,232,192,.25);
  border-radius:10px;
  background:rgba(40,195,143,.12);
  white-space:nowrap;
}
#kpnh-root .sg-steps__grid {
  grid-template-columns:repeat(5,minmax(0,1fr));
}
#kpnh-root .sg-steps__grid::before {
  left:10%;
  right:10%;
}
#kpnh-root .sg-steps__grid li {
  min-width:0;
  min-height:242px;
  padding-right:18px;
  padding-left:18px;
}
#kpnh-root .sg-steps__grid h3 {
  font-size:16px;
}
#kpnh-root .sg-progress__tasks {
  grid-template-columns:repeat(4,minmax(0,1fr));
}
#kpnh-root .sg-progress__tasks span {
  padding-right:8px;
  padding-left:8px;
}
#kpnh-root .sg-tariff-services {
  margin-top:20px;
  padding:25px;
  display:grid;
  grid-template-columns:minmax(245px,.78fr) minmax(0,2.22fr);
  gap:24px;
  border:1px solid #cddff3;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,247,255,.93));
  box-shadow:0 17px 38px rgba(37,79,135,.09);
}
#kpnh-root .sg-tariff-services header {
  align-self:center;
}
#kpnh-root .sg-tariff-services header>span {
  display:inline-flex;
  margin-bottom:10px;
  padding:6px 9px;
  border-radius:999px;
  color:#0a63dc;
  background:#e7f2ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
#kpnh-root .sg-tariff-services h3 {
  margin:0 0 8px;
  color:#112b4c;
  font-size:21px;
  line-height:1.18;
}
#kpnh-root .sg-tariff-services header p {
  margin:0;
  color:#657b95;
  font-size:11.5px;
  line-height:1.55;
}
#kpnh-root .sg-tariff-services>div {
  min-width:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
#kpnh-root .sg-tariff-service {
  min-width:0;
  min-height:94px;
  padding:15px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  border:1px solid #d7e5f4;
  border-radius:15px;
  background:rgba(255,255,255,.88);
}
#kpnh-root .sg-tariff-service>i {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#0869e8;
  background:#eaf3ff;
}
#kpnh-root .sg-tariff-service:nth-child(2)>i { color:#0b9a70; background:#e7f8f2; }
#kpnh-root .sg-tariff-service:nth-child(3)>i { color:#7353df; background:#f0edff; }
#kpnh-root .sg-tariff-service:nth-child(4)>i { color:#d78019; background:#fff4e5; }
#kpnh-root .sg-tariff-service svg { width:21px; height:21px; }
#kpnh-root .sg-tariff-service span { min-width:0; display:grid; gap:4px; }
#kpnh-root .sg-tariff-service b { color:#173454; font-size:12.5px; line-height:1.3; }
#kpnh-root .sg-tariff-service small { color:#687e97; font-size:10px; line-height:1.45; }

@media (max-width:980px) {
  #kpnh-root .sg-steps__grid {
    grid-template-columns:1fr 1fr;
  }
  #kpnh-root .sg-steps__grid li:nth-child(odd) {
    border-left:0!important;
  }
  #kpnh-root .sg-steps__grid li:nth-child(even) {
    border-left:1px solid #e0e8f1!important;
  }
  #kpnh-root .sg-steps__grid li:nth-child(-n+4) {
    border-bottom:1px solid #e0e8f1;
  }
  #kpnh-root .sg-steps__grid li:nth-child(5) {
    grid-column:1 / -1;
  }
  #kpnh-root .sg-tariff-services {
    grid-template-columns:1fr;
  }
  #kpnh-root .sg-tariff-services header {
    max-width:650px;
  }
}

@media (max-width:700px) {
  #kpnh-root .sg-label {
    width:100%;
    justify-content:center;
  }
  #kpnh-root .sg-access--beta {
    width:100%;
  }
  #kpnh-root .sg-access--beta > span {
    display:grid;
    justify-items:center;
    gap:8px;
  }
  #kpnh-root .sg-access--beta small {
    max-width:100%;
    color:#b8cee9;
    font-size:9.5px;
  }
  #kpnh-root .sg-access--beta strong {
    white-space:normal;
  }
  #kpnh-root .sg-pricing__note {
    width:100%;
  }
  #kpnh-root .sg-tariff-services {
    padding:20px;
    gap:18px;
    border-radius:18px;
  }
  #kpnh-root .sg-tariff-services h3 {
    font-size:20px;
  }
  #kpnh-root .sg-tariff-services>div {
    grid-template-columns:1fr;
  }
  #kpnh-root .sg-tariff-service {
    min-height:90px;
  }
  #kpnh-root .sg-steps__grid {
    grid-template-columns:1fr;
  }
  #kpnh-root .sg-steps__grid li:nth-child(n) {
    grid-column:auto;
    min-height:160px;
    border-right:0!important;
    border-bottom:0;
    border-left:0!important;
  }
  #kpnh-root .sg-steps__grid li+li {
    border-top:1px solid #e0e8f1;
  }
  #kpnh-root .sg-progress__tasks {
    grid-template-columns:1fr;
  }
}

/* Unified AI growth console for the pricing introduction. */
#kpnh-root .sg-pricing__intro {
  margin-bottom:36px;
  padding:48px;
  grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);
  gap:clamp(38px,4.5vw,70px);
  border:1px solid rgba(130,190,255,.42);
  border-radius:32px;
  background:
    radial-gradient(circle at 92% -12%,rgba(125,94,255,.42),transparent 34%),
    radial-gradient(circle at 4% 112%,rgba(33,205,184,.2),transparent 34%),
    linear-gradient(135deg,#0b3478 0%,#0b59c9 49%,#092b6a 100%);
  box-shadow:0 30px 70px rgba(21,74,151,.24),inset 0 1px 0 rgba(255,255,255,.12);
  isolation:isolate;
}
#kpnh-root .sg-pricing__intro::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  opacity:.24;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(100deg,#000,transparent 62%);
}
#kpnh-root .sg-pricing__intro::after {
  bottom:-36px;
  height:36px;
  background:linear-gradient(180deg,rgba(35,137,255,.72),rgba(23,104,242,.12));
  box-shadow:0 0 16px rgba(62,151,255,.38);
}
#kpnh-root .sg-heading--pricing {
  position:relative;
  z-index:1;
  max-width:570px;
}
#kpnh-root .sg-heading--pricing>span {
  border-color:rgba(189,222,255,.28);
  color:#dcecff;
  background:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 25px rgba(0,25,72,.13);
  backdrop-filter:blur(12px);
}
#kpnh-root .sg-heading--pricing>span i {
  color:#07336f;
  background:linear-gradient(135deg,#b8edff,#72d7ff);
  box-shadow:0 7px 18px rgba(74,204,255,.24);
}
#kpnh-root .sg-heading--pricing h2 {
  color:#fff;
  background:linear-gradient(180deg,#fff 0%,#e7f5ff 54%,#9bdfff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-wrap:balance;
}
#kpnh-root .sg-heading--pricing>p {
  color:#c4d8ef;
}
#kpnh-root .sg-heading--pricing .sg-heading__facts {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
#kpnh-root .sg-heading--pricing .sg-heading__facts b {
  min-height:43px;
  padding:10px 12px;
  border:1px solid rgba(189,222,255,.17);
  border-radius:12px;
  color:#eef7ff;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
}
#kpnh-root .sg-heading--pricing .sg-heading__facts b:last-child {
  grid-column:1 / -1;
}
#kpnh-root .sg-heading--pricing .sg-heading__facts svg {
  flex:0 0 auto;
  color:#08376d;
  background:#61e8bd;
  box-shadow:0 0 0 5px rgba(97,232,189,.1);
}
#kpnh-root .sg-pricing__intro .sg-growth {
  min-height:408px;
  padding:20px;
  border-color:rgba(197,225,255,.24);
  border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 50px rgba(0,29,85,.18);
  backdrop-filter:blur(14px);
}
#kpnh-root .sg-pricing__intro .sg-growth::before {
  right:-135px;
  top:-225px;
  opacity:.8;
}
#kpnh-root .sg-pricing__intro .sg-growth__chart {
  border-color:rgba(205,230,255,.2);
  background:linear-gradient(180deg,rgba(5,46,112,.38),rgba(4,35,85,.2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 15px 34px rgba(0,28,79,.13);
}
#kpnh-root .sg-pricing__intro .sg-growth__metric {
  border-color:rgba(205,230,255,.17);
  background:rgba(4,44,104,.25);
}

@media (max-width:980px) {
  #kpnh-root .sg-pricing__intro {
    padding:40px;
    grid-template-columns:1fr;
    gap:30px;
  }
  #kpnh-root .sg-heading--pricing {
    max-width:720px;
  }
  #kpnh-root .sg-pricing__intro .sg-growth {
    width:100%;
    max-width:none;
  }
}

@media (max-width:700px) {
  #kpnh-root .sg-pricing__intro {
    margin-right:0;
    margin-left:0;
    padding:27px 20px 22px;
    gap:24px;
    border-radius:23px;
  }
  #kpnh-root .sg-pricing__intro::after {
    bottom:-28px;
    height:28px;
  }
  #kpnh-root .sg-heading--pricing>span {
    width:100%;
    justify-content:flex-start;
  }
  #kpnh-root .sg-heading--pricing h2 {
    font-size:39px;
  }
  #kpnh-root .sg-heading--pricing>p {
    color:#c4d8ef;
  }
  #kpnh-root .sg-heading--pricing .sg-heading__facts {
    grid-template-columns:1fr;
  }
  #kpnh-root .sg-heading--pricing .sg-heading__facts b:last-child {
    grid-column:auto;
  }
  #kpnh-root .sg-pricing__intro .sg-growth {
    min-height:0;
    padding:15px;
    border-radius:18px;
  }
}

/* Straight section edges continue the hero's sharp lower edge. */
#kpnh-root .sg-pricing__intro,
#kpnh-root .sg-tariff-services,
#kpnh-root .sg-value__panel,
#kpnh-root .sg-foundation,
#kpnh-root .sg-steps__grid,
#kpnh-root .sg-faq__grid {
  border-radius:0;
}
#kpnh-root .sg-final__card {
  border-radius:0 0 27px 27px;
}

@media (max-width:700px) {
  #kpnh-root .sg-final__card {
    border-radius:0 0 20px 20px;
  }
}

/* Match the wide-section rails and fill the pricing console vertically. */
#kpnh-root .sg-faq__grid {
  width:calc(100% - 48px);
  max-width:1312px;
  margin-right:auto;
  margin-left:auto;
}
#kpnh-root .sg-pricing__intro {
  align-items:stretch;
}
#kpnh-root .sg-heading--pricing {
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
#kpnh-root .sg-heading--pricing .sg-heading__facts {
  margin-top:auto;
  padding-top:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid rgba(189,222,255,.2);
  border-radius:16px;
  background:linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 32px rgba(0,29,82,.14);
  backdrop-filter:blur(12px);
}
#kpnh-root .sg-heading--pricing .sg-heading__facts b,
#kpnh-root .sg-heading--pricing .sg-heading__facts b:last-child {
  min-width:0;
  min-height:88px;
  padding:14px 12px;
  grid-column:auto;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border:0;
  border-left:1px solid rgba(189,222,255,.16);
  border-radius:0;
  color:#f2f8ff;
  background:transparent;
  box-shadow:none;
  font-size:10.5px;
  line-height:1.35;
}
#kpnh-root .sg-heading--pricing .sg-heading__facts b:first-child {
  border-left:0;
}
#kpnh-root .sg-heading--pricing .sg-heading__facts svg {
  width:30px;
  height:30px;
  padding:7px;
  border-radius:9px;
}
#kpnh-root .sg-pricing__intro .sg-growth {
  height:100%;
  min-height:0;
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
#kpnh-root .sg-pricing__intro .sg-growth__chart {
  min-height:310px;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}
#kpnh-root .sg-pricing__intro .sg-growth__chart>svg {
  min-height:205px;
  height:auto;
  flex:1 1 auto;
}
#kpnh-root .sg-pricing__intro .sg-growth__metrics {
  flex:0 0 auto;
}

@media (max-width:700px) {
  #kpnh-root .sg-faq__grid {
    width:calc(100% - 24px);
  }
  #kpnh-root .sg-heading--pricing .sg-heading__facts {
    padding-top:0;
    grid-template-columns:1fr;
  }
  #kpnh-root .sg-heading--pricing .sg-heading__facts b,
  #kpnh-root .sg-heading--pricing .sg-heading__facts b:last-child {
    min-height:68px;
    border-top:1px solid rgba(189,222,255,.16);
    border-left:0;
  }
  #kpnh-root .sg-heading--pricing .sg-heading__facts b:first-child {
    border-top:0;
  }
  #kpnh-root .sg-pricing__intro .sg-growth {
    height:auto;
  }
  #kpnh-root .sg-pricing__intro .sg-growth__chart {
    min-height:230px;
  }
}

/* Premium tariff board: larger type, clean cards and one gold featured plan. */
#kpnh-root .sg-pricing__intro::after {
  display:none;
}
#kpnh-root .sg-tariff-board {
  padding:22px;
  border:1px solid #d1e0f1;
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 58px rgba(28,69,123,.12),inset 0 1px 0 #fff;
}
#kpnh-root .sg-price-grid {
  gap:16px;
}
#kpnh-root .sg-price {
  min-height:382px;
  padding:30px 25px 28px;
  border-color:#d7e2ef;
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);
  box-shadow:0 12px 28px rgba(31,67,115,.07);
}
#kpnh-root .sg-price::before {
  display:none;
}
#kpnh-root .sg-price:first-child {
  border-color:#a8dec9;
  background:linear-gradient(180deg,#fff 0%,#f5fcf9 100%);
}
#kpnh-root .sg-price.is-featured {
  border:2px solid #d6a328;
  background:
    radial-gradient(circle at 86% 6%,rgba(255,212,93,.2),transparent 31%),
    linear-gradient(180deg,#fffef9 0%,#fffaf0 100%);
  box-shadow:0 20px 45px rgba(173,119,15,.19),inset 0 1px 0 #fff;
}
#kpnh-root .sg-price.is-featured:hover {
  box-shadow:0 25px 52px rgba(173,119,15,.25),inset 0 1px 0 #fff;
}
#kpnh-root .sg-price__popular {
  right:20px;
  padding:9px 14px;
  border-radius:0 0 11px 11px;
  color:#654300;
  background:linear-gradient(135deg,#ffd86a,#eeb52c);
  box-shadow:0 9px 21px rgba(174,117,6,.22);
  font-size:10px;
  letter-spacing:.05em;
}
#kpnh-root .sg-price__top span {
  color:#9babc0;
  font-size:12px;
}
#kpnh-root .sg-price__top small {
  color:#627791;
  font-size:10.5px;
}
#kpnh-root .sg-price.is-featured .sg-price__top span,
#kpnh-root .sg-price.is-featured .sg-price__top small {
  color:#9a6b09;
}
#kpnh-root .sg-price h3 {
  margin-top:27px;
  font-size:23px;
}
#kpnh-root .sg-price>strong {
  font-size:39px;
}
#kpnh-root .sg-price>b {
  margin-top:7px;
  padding-bottom:22px;
  font-size:14px;
}
#kpnh-root .sg-price.is-featured>b {
  color:#b47b08;
}
#kpnh-root .sg-price ul {
  margin-top:22px;
  gap:13px;
}
#kpnh-root .sg-price li {
  gap:9px;
  font-size:14px;
  line-height:1.48;
}
#kpnh-root .sg-price li svg {
  width:18px;
  height:18px;
}
#kpnh-root .sg-price.is-featured li svg {
  color:#cf930d;
}
#kpnh-root .sg-tariff-services {
  margin-top:18px;
  padding:27px;
  border-color:#d5e2f0;
  border-radius:20px;
  background:linear-gradient(135deg,#f8fbff,#f1f7fe);
  box-shadow:none;
}
#kpnh-root .sg-tariff-services header>span {
  padding:7px 10px;
  font-size:10px;
}
#kpnh-root .sg-tariff-services h3 {
  font-size:24px;
}
#kpnh-root .sg-tariff-services header p {
  font-size:13px;
}
#kpnh-root .sg-tariff-service {
  min-height:104px;
  padding:17px;
  grid-template-columns:46px 1fr;
  gap:13px;
  border-color:#d3e1f0;
  background:#fff;
  box-shadow:0 8px 20px rgba(36,75,126,.055);
}
#kpnh-root .sg-tariff-service>i {
  width:46px;
  height:46px;
}
#kpnh-root .sg-tariff-service svg {
  width:23px;
  height:23px;
}
#kpnh-root .sg-tariff-service b {
  font-size:14px;
}
#kpnh-root .sg-tariff-service small {
  font-size:11.5px;
  line-height:1.5;
}
#kpnh-root .sg-pricing__note {
  width:100%;
  margin-top:18px;
  justify-content:center;
  border-radius:15px;
  background:#f4f8fd;
  font-size:12px;
}

@media (max-width:980px) {
  #kpnh-root .sg-tariff-board {
    padding:18px;
    border-radius:24px;
  }
}

@media (max-width:700px) {
  #kpnh-root .sg-tariff-board {
    padding:12px;
    border-radius:20px;
  }
  #kpnh-root .sg-price {
    min-height:0;
    padding:28px 22px 24px;
  }
  #kpnh-root .sg-price h3 {
    font-size:24px;
  }
  #kpnh-root .sg-price>strong {
    font-size:40px;
  }
  #kpnh-root .sg-price li {
    font-size:14px;
  }
  #kpnh-root .sg-tariff-services {
    padding:20px;
    border-radius:17px;
  }
  #kpnh-root .sg-tariff-services h3 {
    font-size:22px;
  }
  #kpnh-root .sg-tariff-service {
    min-height:98px;
  }
  #kpnh-root .sg-pricing__note {
    justify-content:flex-start;
    font-size:11px;
  }
}

/* Fill the business-result and FAQ columns with useful, scannable content. */
#kpnh-root .sg-value__list article {
  min-height:98px;
  padding:17px 0;
}
#kpnh-root .sg-value__list article:nth-child(4) svg {
  color:#54d9ba;
  background:rgba(49,188,157,.13);
}
#kpnh-root .sg-value__list article:nth-child(5) svg {
  color:#c0a3ff;
  background:rgba(132,95,224,.15);
}

#kpnh-root .sg-faq__highlights {
  margin-top:24px;
  display:grid;
  gap:10px;
}
#kpnh-root .sg-faq__highlight {
  min-height:76px;
  padding:12px 13px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  border:1px solid rgba(190,211,237,.96);
  border-radius:14px;
  background:rgba(255,255,255,.75);
  box-shadow:0 10px 24px rgba(38,82,141,.065);
  backdrop-filter:blur(9px);
}
#kpnh-root .sg-faq__highlights i {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#1768f2;
  background:#e7f1ff;
  font-style:normal;
}
#kpnh-root .sg-faq__highlight:nth-child(2) i {
  color:#7052db;
  background:#eee9ff;
}
#kpnh-root .sg-faq__highlight:nth-child(3) i {
  color:#149a74;
  background:#e2f7f0;
}
#kpnh-root .sg-faq__highlights svg {
  width:21px;
  height:21px;
}
#kpnh-root .sg-faq__highlights div {
  min-width:0;
  display:grid;
  gap:4px;
}
#kpnh-root .sg-faq__highlights b {
  color:#173553;
  font-size:13px;
  line-height:1.3;
}
#kpnh-root .sg-faq__highlights small {
  color:#6f849d;
  font-size:10.5px;
  line-height:1.45;
}
#kpnh-root .sg-faq .sg-heading .sg-faq__highlights+a {
  margin-top:14px;
}

@media (max-width:700px) {
  #kpnh-root .sg-value__list article {
    min-height:0;
    padding:18px 0;
  }
  #kpnh-root .sg-faq__highlights {
    margin-top:20px;
  }
  #kpnh-root .sg-faq__highlight {
    min-height:74px;
  }
}

/* Final CTA: three useful cards form a compact visual fan. */
#kpnh-root .sg-final__copy {
  max-width:55%;
}
#kpnh-root .sg-final__fan {
  position:absolute;
  z-index:2;
  right:clamp(22px,3vw,52px);
  top:50%;
  width:520px;
  height:286px;
  transform:translateY(-50%);
  perspective:900px;
}
#kpnh-root .sg-final__mini-card {
  position:absolute;
  top:50%;
  width:196px;
  min-height:214px;
  padding:23px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.28);
  border-radius:22px;
  color:#fff;
  box-shadow:0 25px 55px rgba(0,23,61,.28);
  backdrop-filter:blur(14px);
  transition:transform .25s ease,filter .25s ease;
}
#kpnh-root .sg-final__mini-card>span {
  color:#c7dcfa;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
#kpnh-root .sg-final__mini-card>b {
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.18;
}
#kpnh-root .sg-final__mini-card>b small {
  color:#c9ddf8;
  font-size:11px;
}
#kpnh-root .sg-final__mini-card>i {
  width:max-content;
  max-width:100%;
  padding:9px 11px;
  display:flex;
  align-items:center;
  gap:7px;
  border-radius:9px;
  color:#dbfff2;
  background:rgba(37,187,132,.2);
  font-size:9px;
  font-style:normal;
  font-weight:700;
}
#kpnh-root .sg-final__mini-card>i svg {
  width:15px;
  height:15px;
  flex:0 0 15px;
}
#kpnh-root .sg-final__mini-card--company {
  left:0;
  z-index:1;
  background:linear-gradient(145deg,rgba(43,119,218,.78),rgba(36,69,159,.72));
  transform:translateY(-46%) rotate(-7deg);
}
#kpnh-root .sg-final__mini-card--email {
  right:0;
  z-index:2;
  align-items:flex-end;
  text-align:right;
  background:linear-gradient(145deg,rgba(58,105,208,.82),rgba(92,73,191,.74));
  transform:translateY(-46%) rotate(7deg);
}
#kpnh-root .sg-final__mini-card--email>b {
  max-width:122px;
}
#kpnh-root .sg-final__mini-card--domain {
  left:50%;
  z-index:3;
  width:218px;
  background:linear-gradient(145deg,rgba(41,108,203,.98),rgba(17,60,132,.97));
  transform:translate(-50%,-53%);
  box-shadow:0 28px 62px rgba(0,23,61,.36),inset 0 1px 0 rgba(255,255,255,.12);
}
#kpnh-root .sg-final__fan:hover .sg-final__mini-card--company {
  transform:translate(-6px,-46%) rotate(-9deg);
}
#kpnh-root .sg-final__fan:hover .sg-final__mini-card--email {
  transform:translate(6px,-46%) rotate(9deg);
}

@media (max-width:1180px) {
  #kpnh-root .sg-final__card {
    display:grid;
    gap:36px;
  }
  #kpnh-root .sg-final__copy {
    max-width:100%;
  }
  #kpnh-root .sg-final__fan {
    position:relative;
    right:auto;
    top:auto;
    width:min(100%,520px);
    height:270px;
    margin:0 auto;
    transform:none;
  }
}

@media (max-width:700px) {
  #kpnh-root .sg-final__card {
    gap:26px;
    padding-bottom:38px;
  }
  #kpnh-root .sg-final__fan {
    width:100%;
    height:442px;
  }
  #kpnh-root .sg-final__mini-card {
    top:auto;
    width:min(100%,280px);
    min-height:156px;
    padding:20px;
    border-radius:18px;
  }
  #kpnh-root .sg-final__mini-card>b {
    font-size:18px;
  }
  #kpnh-root .sg-final__mini-card>b small {
    font-size:12px;
  }
  #kpnh-root .sg-final__mini-card--company {
    left:0;
    top:5px;
    transform:rotate(-3deg);
  }
  #kpnh-root .sg-final__mini-card--email {
    right:0;
    top:276px;
    transform:rotate(3deg);
  }
  #kpnh-root .sg-final__mini-card--domain {
    top:140px;
    width:min(100%,280px);
    transform:translateX(-50%);
  }
  #kpnh-root .sg-final__fan:hover .sg-final__mini-card--company {
    transform:rotate(-3deg);
  }
  #kpnh-root .sg-final__fan:hover .sg-final__mini-card--email {
    transform:rotate(3deg);
  }
}

/* SEO/accessibility pass: visible breadcrumbs, keyboard focus and touch targets. */
#kpnh-root .sg-breadcrumbs {
  position:relative;
  z-index:3;
  width:max-content;
  max-width:100%;
  min-height:44px;
  margin:0 0 12px;
  padding:8px 13px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 9px;
  border:1px solid #c9daf0;
  border-radius:12px;
  color:#617995;
  background:rgba(255,255,255,.8);
  box-shadow:0 8px 20px rgba(36,75,126,.055);
  font-size:12px;
  line-height:1.45;
}
#kpnh-root .sg-breadcrumbs a {
  min-height:28px;
  display:inline-flex;
  align-items:center;
  color:#1768e5;
  font-weight:700;
}
#kpnh-root .sg-breadcrumbs>span[aria-hidden="true"] {
  color:#9bacc1;
}
#kpnh-root .sg-breadcrumbs>span[aria-current="page"] {
  color:#536b87;
  font-weight:650;
}
#kpnh-root :is(a,button,summary):focus-visible {
  outline:3px solid #ffbd32;
  outline-offset:3px;
}
#kpnh-root .sg-value__copy a,
#kpnh-root .sg-faq .sg-heading a,
#kpnh-root .sg-final__copy>div>a:last-child {
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

@media (max-width:700px) {
  #kpnh-root .sg-breadcrumbs {
    width:calc(100% - 8px);
    margin:0 4px 10px;
    padding:7px 11px;
    font-size:11px;
  }
}

/* AI build console: readable status hierarchy without dead space. */
#kpnh-root .sg-progress {
  min-height:404px;
  padding:30px;
  display:flex;
  flex-direction:column;
}
#kpnh-root .sg-progress>.sg-progress__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#cfe2fb;
  font-size:12px;
}
#kpnh-root .sg-progress>.sg-progress__head span {
  display:flex;
  align-items:center;
  gap:9px;
  color:#e5fff7;
  font-weight:800;
}
#kpnh-root .sg-progress>.sg-progress__head span i {
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:50%;
  background:#4ce0ad;
  box-shadow:0 0 0 7px rgba(76,224,173,.14);
  animation:sg-pulse 1.9s ease-in-out infinite;
}
#kpnh-root .sg-progress>.sg-progress__head> b {
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:11px;
  white-space:nowrap;
}
#kpnh-root .sg-progress>strong {
  margin-top:20px;
  font-size:26px;
  line-height:1.18;
  letter-spacing:-.025em;
}
#kpnh-root .sg-progress__current {
  min-height:82px;
  margin-top:18px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  border:1px solid rgba(188,222,255,.28);
  border-radius:16px;
  background:linear-gradient(115deg,rgba(5,43,105,.44),rgba(120,177,255,.17));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 30px rgba(0,28,82,.14);
  backdrop-filter:blur(10px);
}
#kpnh-root .sg-progress__current>i {
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#143d90;
  background:linear-gradient(135deg,#e8f9ff,#8fddff);
  box-shadow:0 10px 22px rgba(83,199,255,.22);
  font-style:normal;
}
#kpnh-root .sg-progress__current>i svg {
  width:23px;
  height:23px;
}
#kpnh-root .sg-progress__current>span {
  min-width:0;
  display:grid;
  gap:4px;
}
#kpnh-root .sg-progress__current small {
  color:#9fc5ed;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#kpnh-root .sg-progress__current b {
  color:#fff;
  font-size:15px;
  line-height:1.3;
}
#kpnh-root .sg-progress__current em {
  padding:9px 11px;
  border:1px solid rgba(125,239,204,.22);
  border-radius:11px;
  color:#baffea;
  background:rgba(42,201,153,.15);
  font-size:17px;
  font-style:normal;
  font-weight:800;
}
#kpnh-root .sg-progress>.sg-progress__line {
  margin:16px 0 14px;
  gap:9px;
}
#kpnh-root .sg-progress>.sg-progress__line i {
  height:7px;
}
#kpnh-root .sg-progress__tasks {
  margin-bottom:16px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
#kpnh-root .sg-progress__tasks span {
  min-height:65px;
  padding:11px;
  align-items:flex-start;
  border-color:rgba(205,230,255,.18);
  border-radius:13px;
  color:#c0d4ee;
  background:rgba(4,41,99,.24);
  font-size:11px;
  line-height:1.35;
}
#kpnh-root .sg-progress__tasks span svg {
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin-top:1px;
}
#kpnh-root .sg-progress__tasks span b {
  color:inherit;
  font-size:inherit;
  font-weight:720;
}
#kpnh-root .sg-progress__tasks span.is-done {
  border-color:rgba(95,232,188,.22);
  color:#e1fff6;
  background:rgba(31,177,132,.14);
}
#kpnh-root .sg-progress__tasks span.is-current {
  border-color:rgba(153,218,255,.48);
  color:#fff;
  background:linear-gradient(135deg,rgba(91,177,255,.3),rgba(129,102,245,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 22px rgba(0,30,86,.13);
}
#kpnh-root .sg-progress__footer {
  margin-top:auto;
  padding-top:15px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  border-top:1px solid rgba(205,230,255,.16);
}
#kpnh-root .sg-progress__footer>span {
  min-width:0;
  min-height:60px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
  border:1px solid rgba(205,230,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.065);
}
#kpnh-root .sg-progress__footer i {
  width:34px;
  height:34px;
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#8fd5ff;
  background:rgba(134,204,255,.13);
  font-style:normal;
}
#kpnh-root .sg-progress__footer svg {
  width:17px;
  height:17px;
}
#kpnh-root .sg-progress__footer small {
  color:#9fb9d9;
  font-size:9px;
  font-weight:650;
}
#kpnh-root .sg-progress__footer b {
  overflow-wrap:anywhere;
  color:#fff;
  font-size:11.5px;
  line-height:1.3;
}

@media (max-width:700px) {
  #kpnh-root .sg-progress {
    min-height:0;
    padding:22px 18px;
  }
  #kpnh-root .sg-progress>.sg-progress__head {
    font-size:11px;
  }
  #kpnh-root .sg-progress>strong {
    margin-top:18px;
    font-size:23px;
  }
  #kpnh-root .sg-progress__current {
    grid-template-columns:42px minmax(0,1fr);
    padding:13px;
  }
  #kpnh-root .sg-progress__current>i {
    width:42px;
    height:42px;
  }
  #kpnh-root .sg-progress__current em {
    grid-column:2;
    width:max-content;
    padding:6px 9px;
    font-size:14px;
  }
  #kpnh-root .sg-progress__tasks {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #kpnh-root .sg-progress__tasks span {
    min-height:67px;
    font-size:10.5px;
  }
  #kpnh-root .sg-progress__footer {
    grid-template-columns:1fr;
  }
}

@media (max-width:380px) {
  #kpnh-root .sg-progress__tasks {
    grid-template-columns:1fr;
  }
}