/* /solved — Powered by SOLVED. Warm and human → dark and intelligent → back to people. */
/* The hero starts light, so the header is solid from the top on this page */
.kpc-shared-header{background:#07121f}
.sv{--ink:#07121f;--deep:#050d17;--paper:#f4f1e9;--cream:#fffdf8;--gold:#c9a25a;--gold2:#e1c58e;--brown:#8f6c2c;--teal:#5fb3b3;--serif:'Playfair Display',Georgia,serif;color:var(--ink)}
.sv em{font-style:italic;color:var(--brown)}
.sv h2{font:400 clamp(36px,4.4vw,60px)/1.04 var(--serif);letter-spacing:-.02em;margin:0 0 22px}
.sv p{font-size:17px;line-height:1.75;margin:0 0 16px}
.sv-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--brown);margin-bottom:18px}
.sv-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.sv-btn{display:inline-block;margin-top:14px;background:var(--gold);color:var(--ink);padding:15px 26px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none}
.sv-btn:hover{background:var(--gold2)}
.sv .sv-bigline{font:400 clamp(26px,3vw,40px)/1.25 var(--serif);text-align:center;max-width:900px;margin:90px auto 0!important;color:#fff}
.sv .sv-bigline.sv-dark{color:var(--ink);margin-top:60px!important}

/* 1. Hero — warm */
.sv-hero{background:radial-gradient(circle at 85% 20%,rgba(201,162,90,.18),transparent 40%),var(--cream);padding:200px 0 110px}
.sv-hero h1{font:400 clamp(46px,6.4vw,92px)/.98 var(--serif);letter-spacing:-.035em;max-width:1000px;margin:0 0 28px}
.sv-lede{font-size:20px!important;color:#3d4753;max-width:760px}
.sv-formula{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:34px 0 18px}
.sv-formula span{background:#fff;border:1px solid #e3dccd;border-radius:999px;padding:12px 20px;font-weight:700;font-size:15px}
.sv-formula i{font:400 28px var(--serif);color:var(--gold);font-style:normal}
.sv-sub{color:#5f6b79}

/* 2. Challenge — paper */
.sv-challenge{background:var(--paper);padding:120px 0}
.sv-list{list-style:none;margin:0;padding:0}
.sv-list li{padding:16px 0;border-top:1px solid #e0d9cb;font-size:17px;line-height:1.55;color:#3d4753}
.sv-list li:first-child{border-top:0}
.sv-list .sv-list-key{font:400 22px/1.4 var(--serif);color:var(--ink)}
.sv-statement{margin-top:100px;text-align:center}
.sv-statement p{font:400 clamp(28px,3.4vw,46px)/1.3 var(--serif);margin:0}
.sv-statement small{display:block;margin-top:26px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--brown)}

/* 3. AI + network — dark, with the search console */
.sv-ai{background:linear-gradient(180deg,var(--ink),#0b1d30);color:#fff;padding:130px 0}
.sv-ai .sv-eyebrow,.sv-hub .sv-eyebrow,.sv-os .sv-eyebrow,.sv-brain .sv-eyebrow,.sv-final .sv-eyebrow{color:var(--gold2)}
.sv-ai em,.sv-hub em,.sv-os em,.sv-brain em,.sv-final em,.sv-bigline em{color:var(--gold2)}
.sv-ai p{color:#aebdca}
.sv-pair{display:flex;flex-direction:column;gap:6px;margin-top:26px!important}
.sv-pair b{font:400 24px/1.3 var(--serif);color:#fff}
.sv-pair b + b{color:var(--gold2)}
.sv-console{background:#030a12;border:1px solid rgba(225,197,142,.2);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(95,179,179,.06);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.sv-console-bar{display:flex;gap:7px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.sv-console-bar span{width:10px;height:10px;border-radius:50%;background:#26313d}
.sv-console-bar em{margin-left:auto;font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f7f8f}
.sv-console-body{padding:22px 22px 26px}
.sv-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;font-size:14px;color:#c6d0da;opacity:.22;transform:translateX(-6px);transition:opacity .5s,transform .5s}
.sv-row b{color:var(--teal);font-weight:600;white-space:nowrap}
.sv-row-head{color:var(--gold2);letter-spacing:.06em;text-transform:uppercase;font-size:12px;border-bottom:1px dashed rgba(225,197,142,.2);margin-bottom:6px}
.sv-row.on{opacity:1;transform:none}

/* 4. The initiative in the center — the heart of the page */
.sv-hub{background:radial-gradient(circle at 50% 55%,rgba(201,162,90,.12),transparent 45%),#0b1d30;color:#fff;padding:130px 0}
.sv-center-head{text-align:center;max-width:820px;margin:0 auto 60px}
.sv-orbit{position:relative;max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr 260px 1fr;grid-template-rows:auto auto;gap:26px 40px;align-items:center}
.sv-orbit:before{content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border:1px dashed rgba(225,197,142,.25);border-radius:50%;pointer-events:none}
.sv-core{grid-column:2;grid-row:1/3;width:240px;height:240px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e1c58e,#a9853f);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;font:400 34px/1 var(--serif);box-shadow:0 0 0 14px rgba(201,162,90,.1),0 0 80px rgba(201,162,90,.35);position:relative;z-index:1}
.sv-core span{font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.sv-node{position:relative;z-index:1;background:rgba(255,255,255,.05);border:1px solid rgba(225,197,142,.22);border-radius:16px;padding:22px 22px;backdrop-filter:blur(4px)}
.sv-node b{display:block;font:400 22px/1.2 var(--serif);color:#fff;margin-bottom:8px}
.sv-node span{font-size:13px;line-height:1.55;color:#aebdca}
.sv-node-0{grid-column:1;grid-row:1;text-align:right}.sv-node-1{grid-column:3;grid-row:1}
.sv-node-2{grid-column:1;grid-row:2;text-align:right}.sv-node-3{grid-column:3;grid-row:2}
.sv-steps{list-style:none;padding:0;margin:70px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 34px;counter-reset:s}
.sv-steps li{font:400 22px var(--serif);color:#fff;counter-increment:s}
.sv-steps li:before{content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;border:1px solid var(--gold);color:var(--gold2);font:700 12px 'DM Sans',Arial,sans-serif;vertical-align:4px}

/* 5. Operating system — deeper */
.sv-os{background:var(--deep);color:#fff;padding:130px 0 120px}
.sv-os p{color:#aebdca}
.sv-phone{font:400 22px/1.4 var(--serif)!important;color:#fff!important;margin-top:24px!important}
.sv-device{border-radius:34px;border:1px solid rgba(225,197,142,.25);padding:26px;background:linear-gradient(160deg,#0d2033,#060f1a);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sv-device-core{border-radius:20px;background:rgba(201,162,90,.08);border:1px solid rgba(225,197,142,.2);padding:24px;text-align:center;margin-top:18px}
.sv-device-core b{display:block;font:700 15px 'DM Sans',Arial,sans-serif;letter-spacing:.3em;color:var(--gold2);margin-bottom:16px}
.sv-modules{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sv-modules span{background:#0b1d30;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 13px;font-size:13px;font-weight:600}
.sv-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sv-apps span{aspect-ratio:1;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;text-align:center;padding:8px;font-size:12px;line-height:1.3;font-weight:600;color:#d7dee5}
.sv-apps .sv-app-yours{border:1px dashed var(--gold);color:var(--gold2)}

/* 6. KPC Brain */
.sv-brain{background:radial-gradient(circle at 78% 50%,rgba(95,179,179,.12),transparent 40%),#07121f;color:#fff;padding:130px 0}
.sv-brain p{color:#aebdca}
.sv-questions{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sv-questions li{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;font-size:14px;color:#d7dee5}
.sv-brain-line{font:400 22px/1.4 var(--serif)!important;color:var(--gold2)!important}

/* 7. Human + AI — sparse, warm again */
.sv-human{background:var(--cream);padding:140px 0;text-align:center}
.sv-human p{max-width:680px;margin:0 auto 16px;color:#3d4753}
.sv-words{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:50px auto 0;max-width:900px}
.sv-words span{font:400 clamp(28px,3.2vw,44px)/1.2 var(--serif);color:var(--ink)}
.sv-words span:nth-child(even){font-style:italic;color:var(--brown)}

/* 8. Keeps working + the loop */
.sv-keeps{background:var(--paper);padding:130px 0}
.sv-list-tight li{padding:12px 0;font-size:16px}
.sv-loop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.sv-loop-step{min-width:220px;padding:13px 22px;border-radius:999px;background:#fff;border:1px solid #e0d9cb;font-weight:700;font-size:15px;opacity:.35;transition:opacity .5s,background .5s,color .5s,border-color .5s}
.sv-loop-step.on{opacity:1}
.sv-loop-step.sv-loop-room.on{background:var(--ink);color:var(--gold2);border-color:var(--ink)}
.sv-loop-arrow{color:var(--gold);font-size:18px;line-height:1}
.sv-loop-back{font-size:30px;color:var(--gold);margin-top:6px}
.sv-loop p{font:400 20px var(--serif);font-style:italic;color:var(--brown);margin:4px 0 0}

/* Final — dark, cinematic */
.sv-final{background:radial-gradient(circle at 50% 40%,rgba(201,162,90,.16),transparent 45%),#030a12;color:#fff;padding:150px 0 130px;text-align:center}
.sv-final h2{font-size:clamp(48px,7vw,104px)}
.sv-final-lines p{font-size:18px;color:#aebdca;margin:0 0 6px}
.sv-crescendo{display:flex;flex-direction:column;gap:8px;margin:60px 0 50px}
.sv-crescendo span{font:400 clamp(28px,3.6vw,50px)/1.15 var(--serif)}
.sv-crescendo span:last-child{color:var(--gold2);font-style:italic}
.sv-powered{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#7e8b98}
.sv-powered a{color:var(--gold2);text-decoration:none;letter-spacing:.06em;text-transform:none;font-weight:700}

@media (max-width:980px){
  .sv-split{grid-template-columns:1fr;gap:46px}
  .sv-orbit{grid-template-columns:1fr;max-width:520px}
  .sv-orbit:before{display:none}
  .sv-core{grid-column:1;grid-row:auto;width:200px;height:200px;margin:10px auto}
  .sv-node,.sv-node-0,.sv-node-2{grid-column:1;grid-row:auto;text-align:left}
}
@media (max-width:620px){
  .sv-hero{padding:150px 0 80px}
  .sv-challenge,.sv-ai,.sv-hub,.sv-os,.sv-brain,.sv-human,.sv-keeps{padding:84px 0}
  .sv-apps{grid-template-columns:repeat(2,1fr)}.sv-apps span{aspect-ratio:auto;padding:14px}
  .sv-questions{grid-template-columns:1fr}
  .sv-row{flex-direction:column;gap:2px}
}
@media (prefers-reduced-motion:reduce){.sv-row,.sv-loop-step{transition:none}}
.sv .sv-bigline.sv-dark em{color:var(--brown)}

/* 5b. Built around KPC — warm, between the dark OS and Brain sections */
.sv-built{background:var(--cream);padding:130px 0}
.sv-built-head{max-width:860px;margin-bottom:50px}
.sv-built-head p{color:#3d4753;max-width:720px}
.sv-built-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv-built-card{background:#f7f3ea;border-radius:16px;padding:28px 26px;border-top:2px solid var(--gold)}
.sv-built-card b{display:block;font:400 24px/1.15 var(--serif);margin-bottom:10px}
.sv .sv-built-card p{font-size:15px;line-height:1.6;color:#5f6b79;margin:0}
.sv .sv-built-close{font:400 clamp(24px,2.6vw,34px)/1.35 var(--serif);text-align:center;margin:70px auto 0;max-width:860px}
@media (max-width:980px){.sv-built-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.sv-built{padding:84px 0}.sv-built-grid{grid-template-columns:1fr}}

/* Quiet CTAs for SOLVED (KPC's page first; the door is open for the curious) */
.sv-cta-quiet{display:inline-block;margin-top:10px;padding:13px 22px;border:1px solid var(--ink);border-radius:999px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.sv-cta-quiet:hover{background:var(--ink);color:#fff}
.sv-next{margin:10px 0 46px}
.sv .sv-next p{font:400 clamp(24px,2.6vw,34px)/1.3 var(--serif);color:#fff;margin:0 0 22px}
.sv-next-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.sv-btn-outline{padding:14px 24px;border:1px solid rgba(225,197,142,.55);border-radius:999px;color:var(--gold2);font-weight:700;font-size:14px;text-decoration:none;transition:background .2s,color .2s}
.sv-btn-outline:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* 4b. See it in practice — VILLAGE */
.sv-case{background:var(--cream);padding:130px 0}
.sv-case-head{max-width:820px;margin-bottom:46px}
.sv-case-head p{color:#3d4753}
.sv .sv-case-name{font:400 24px var(--serif);color:var(--ink);margin-bottom:12px}
.sv-pilot{display:inline-block;margin-left:10px;padding:5px 10px;border-radius:999px;background:var(--ink);color:var(--gold2);letter-spacing:.12em}
.sv-case-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--brown);margin-bottom:16px}
.sv-case-label-center{text-align:center;margin:60px 0 22px}
.sv-case-needs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sv-case-needs li{background:#fff;border:1px solid #e3dccd;border-radius:999px;padding:11px 18px;font-weight:600;font-size:14px}
.sv-case-work{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sv-case-work div{background:var(--ink);color:#fff;border-radius:16px;padding:24px 20px}
.sv-case-work b{display:block;font:400 20px/1.2 var(--serif);color:var(--gold2);margin-bottom:10px}
.sv-case-work span{font-size:14px;line-height:1.55;color:#c6d0da}
.sv-shot{margin-top:20px;text-align:center}
.sv-shot h3{font:400 clamp(30px,3.4vw,44px)/1.1 var(--serif);margin:0 0 30px}
.sv-shot img{width:100%;border-radius:18px;box-shadow:0 30px 80px rgba(7,18,31,.25);border:1px solid #e3dccd}
.sv .sv-shot-tags{margin-top:18px;font-size:13px;letter-spacing:.08em;color:var(--brown);font-weight:600}
.sv .sv-case-close{font:400 clamp(24px,2.6vw,34px)/1.35 var(--serif);text-align:center;max-width:900px;margin:70px auto 10px}
.sv .sv-case-more{text-align:center}
.sv-case-more a{font-weight:700;color:var(--brown);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.sv-case-work{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.sv-case{padding:84px 0}.sv-case-work{grid-template-columns:1fr}}