:root{--ink:#162B59;--dark:#061B61;--lighter:#1336A0;--mint:#C7DAFF;--gold:#BDCEFA;--off:#F7F9FF;--muted:#637498;--line:#DAE4F7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1140px,calc(100% - 44px));margin:auto}.header{background:var(--dark);color:#F5F8FF;border-bottom:1px solid #4063B6}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:83px}.brand{font-size:30px;font-weight:900;letter-spacing:-1.4px;line-height:1}.brand b{color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#B8CAED;margin-top:9px;font-weight:700}.links{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.links a:hover{color:var(--gold)}.lang{display:flex;gap:8px;font-size:12px;font-weight:750}.lang a{padding:5px 9px;border:1px solid #6484CA;border-radius:5px}.lang .selected{background:#E5EDFF;color:#12378F;border-color:transparent}.hero{background:radial-gradient(circle at 83% 28%,#244DB4 0,#061B61 47%,#03154D 100%);color:#fff}.hero-grid{padding:100px 0 108px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:54px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(44px,5.6vw,75px);line-height:1.08;letter-spacing:-3px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--mint)}.lead{font-size:18px;max-width:640px;color:#DFE8FF}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:13px 21px;font-size:14px;font-weight:750}.primary{background:#BBCEF7;color:#0B266B}.secondary{border:1px solid #7193DB;color:#F6F9FF;background:#1A3D9E}.chips{margin-top:33px;display:flex;flex-wrap:wrap;gap:9px}.chips span{font-size:12px;color:#DAE5FF;border:1px solid #7B9AD7;border-radius:20px;padding:6px 11px}.agent{position:relative;overflow:hidden;min-height:380px;padding:35px;border:1px solid #7193DB;border-radius:17px;background:linear-gradient(145deg,#3153BA,#092982);box-shadow:0 24px 60px #0003;display:flex;flex-direction:column;justify-content:flex-end}.agent:before{content:"K";font-size:245px;font-weight:900;line-height:1;position:absolute;top:-7px;right:13px;color:#B4CEFF1C;pointer-events:none}.agent small{color:#CDE0FF;font-size:11px;font-weight:800;letter-spacing:1.4px}.agent h2{font-size:34px;line-height:1.15;letter-spacing:-.7px;margin:24px 0 11px;position:relative}.agent p{color:#E2EBFF;font-size:14px;margin:0 0 22px;position:relative}.agent span{align-self:flex-start;border-radius:24px;background:#3F63C6;color:#EAF0FF;padding:6px 11px;font-size:11px;font-weight:800;letter-spacing:1px}.section{padding:88px 0}.tag{color:#4D73C6;font-size:12px;font-weight:800;letter-spacing:2px}.section h2{font-size:clamp(31px,4vw,48px);line-height:1.16;letter-spacing:-1.8px;margin:18px 0 16px}.intro{max-width:730px;font-size:17px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;min-height:245px}.card .number{font-size:14px;font-weight:800;color:#4D73C6}.card h3{font-size:21px;line-height:1.2;margin:22px 0 9px;letter-spacing:-.6px}.card p{font-size:14px;color:#6A7894;margin:0}.approach{background:#EDF3FF}.approach .cards .card{background:#FCFDFF}.contact{background:#0A2B8A;color:#fff}.contact .container{display:flex;align-items:center;justify-content:space-between;gap:48px}.contact h2{font-size:clamp(32px,4vw,47px);line-height:1.13;letter-spacing:-1.7px;margin:13px 0}.contact p{color:#D9E6FF;max-width:680px}.contact .details{background:#244ABA;border:1px solid #7295EE;border-radius:10px;padding:22px;min-width:240px;color:#F1F6FF;font-size:14px}.footer{background:#06164D;color:#B3C5EE;padding:28px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footbrand{font-size:23px;font-weight:850;color:white}.footbrand b{color:var(--gold)}.footmeta{text-align:right;max-width:720px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding:70px 0}.agent{min-height:270px;max-width:620px}.cards{grid-template-columns:1fr}.card{min-height:0}.links{display:none}.contact .container{flex-direction:column;align-items:flex-start}.contact .details{min-width:0;width:100%}}@media(max-width:580px){.container{width:calc(100% - 34px)}.nav{min-height:70px}.brand{font-size:23px}.brand small{font-size:7px}.hero-grid{padding:50px 0 58px;gap:25px}.hero h1{font-size:44px;letter-spacing:-1.8px}.lead{font-size:16px}.agent{padding:25px}.agent h2{font-size:29px}.section{padding:58px 0}.section h2{font-size:34px}.contact .container{gap:12px}.footer-inner{flex-direction:column;align-items:flex-start}.footmeta{text-align:left}}
/* Lightweight 3-question business quick check, adapted from the user's earlier KUBI concept */
.quickcheck-section{background:#fff;padding-top:92px;padding-bottom:88px}
.quick-header{display:flex;align-items:center;justify-content:space-between;gap:35px}
.quick-header h2{max-width:690px}
.quick-badge{width:135px;height:135px;border-radius:50%;border:1px solid #A9BFE9;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#E6EEFF;box-shadow:0 0 0 18px #F4F7FF}
.quick-badge span{font-size:54px;line-height:1.1;font-weight:850;color:#1944A4;letter-spacing:-2px}
.quick-badge small{font-size:10px;letter-spacing:1.5px;color:#7486A7;font-weight:800}
.quick-panel{margin-top:35px;max-width:940px;border:1px solid #DCE6F7;background:#FAFCFF;border-radius:15px;overflow:hidden}
.quick-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.quick-question{border:0;border-right:1px solid #DCE6F7;margin:0;padding:28px;min-width:0}
.quick-question:nth-child(3){border-right:none}
.quick-question legend{font-size:16px;font-weight:800;line-height:1.4;padding:0;margin-bottom:18px;min-height:68px}
.quick-option{display:flex;gap:10px;align-items:start;margin:13px 0;font-size:13px;cursor:pointer;color:#455F91;line-height:1.5}
.quick-option input{accent-color:#1748AB;margin-top:4px;flex-shrink:0;inline-size:16px;block-size:16px}
.quick-bottom{grid-column:1/-1;background:#E9F0FF;border-top:1px solid #D4E1F9;padding:19px 27px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.quick-bottom .button{border:0;cursor:pointer;font-family:inherit}
.quick-error{color:#B23144;font-size:13px}
.quick-note{font-size:12px;line-height:1.6;color:#677B9F;max-width:910px;margin-top:18px}
.quick-result{padding:32px;background:linear-gradient(155deg,#E5F0FF,#FDFEFF)}
.quick-result[hidden],.quick-form[hidden]{display:none}
.quick-result h3{font-size:27px;line-height:1.2;margin:0 0 8px;letter-spacing:-.7px}
.quick-level{font-size:17px;color:#19449F;margin:0 0 22px}
.quick-result strong{font-size:14px}
.quick-result p{max-width:680px}
.quick-result small{display:block;color:#7583A0;font-size:11px;margin-top:22px}
.quick-repeat{font-family:inherit;border:1px solid #9DB7E9;border-radius:7px;padding:10px 16px;background:#fff;color:#1D4EAB;font-weight:700;margin-top:21px;cursor:pointer}
.quick-repeat:hover{background:#E2EBFF}
@media(max-width:900px){.quick-form{grid-template-columns:1fr}.quick-question{border-right:0;border-bottom:1px solid #DCE6F7;padding:26px}.quick-question legend{min-height:0;margin-bottom:13px}.quick-header{align-items:start}.quick-badge{height:95px;width:95px}.quick-badge span{font-size:38px}.quick-badge small{font-size:8px}}
@media(max-width:580px){.quickcheck-section{padding:57px 0}.quick-badge{display:none}.quick-question{padding:21px}.quick-bottom{padding:19px}.quick-result{padding:20px}}

/* Verified launch contact */
.contact-mail span{display:block;font-size:12px;font-weight:700;color:#DDE9FF;margin-bottom:6px}
.contact-mail a{font-size:clamp(14px,1.6vw,18px);font-weight:800;color:white;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.contact-mail a:hover,.contact-mail a:focus-visible{color:#C6DAFF}


/* ========================================================
   KUZBIZ COBALT IDENTITY — inspired by the owner's physical
   KUBI/KUZBIZ business card (photo approved 06 Nov 2026).
   Deep cobalt: #002590; Royal cobalt: #14379F;
   bright reflection: #2749AD; silver-white typography.
   ======================================================== */
:root{
  --ink:#162B59;--dark:#061B61;--lighter:#14379F;
  --mint:#D2E3FF;--gold:#D9E5FF;--off:#F7F9FF;
  --muted:#637498;--line:#DCE6F8;
}
body{background:#F7F9FF}
.header{
  background:linear-gradient(95deg,#061649 0%,#0D2B8C 62%,#153EAA 100%);
  border-bottom:1px solid #7798E755;
}
.brand b,.footbrand b{color:#D7E5FF}
.brand small{color:#BDD0F8}
.links a:hover{color:#DCE9FF}
.lang a{border-color:#809DD066;color:#E8EFFF;transition:background .18s,border-color .18s}
.lang a:hover{border-color:#BED0FB}
.lang .selected{background:#DDEAFF;color:#133586}
.hero{
  background:
    radial-gradient(ellipse at 85% 20%,#4269CA88 0%,transparent 40%),
    radial-gradient(ellipse at 15% 92%,#1D4AACAA 0%,transparent 55%),
    linear-gradient(120deg,#031447 0%,#09277F 47%,#153DAB 100%);
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:"";position:absolute;right:-16%;bottom:-54%;
  width:68%;height:78%;border:1px solid #9CB9FF35;
  border-radius:50%;transform:rotate(-16deg);pointer-events:none;
}
.hero h1 em{
  color:#D7E7FF;
  background:linear-gradient(110deg,#ECF3FF,#A9C6FF);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.lead{color:#DCE7FF}
.eyebrow{color:#C5D9FF}
.chips span{border-color:#829FE078;color:#DDEBFF;background:#DFE9FF0C}
.button{transition:transform .18s,box-shadow .18s,background .18s}
.button:focus-visible{outline:3px solid #BFD7FF;outline-offset:3px}
.button:hover{transform:translateY(-2px)}
.primary{
  color:#102967;
  background:linear-gradient(125deg,#EDF5FF,#ADC8FF);
  box-shadow:0 10px 28px #020B3170;
}
.primary:hover{background:linear-gradient(125deg,#FFF,#C4D9FF);box-shadow:0 13px 30px #020B3190}
.secondary{border-color:#8CA7E7;background:#16409E66;color:#F2F6FF}
.secondary:hover{background:#3157B8AA}
.agent{
  background:linear-gradient(151deg,#3057C4E8 0%,#143AA6 49%,#071D63 100%);
  border-color:#93B0F073;
  box-shadow:0 28px 80px #030D3577,inset 0 1px #DDE8FF35;
  backdrop-filter:blur(8px);
}
.agent:before{color:#BDD2FF19}
.agent small{color:#CFDDFB}
.agent p{color:#E2EAFF}
.agent span{background:#D4E4FF1B;border:1px solid #C4D7FF46;color:#EAF3FF}
.section .tag{color:#436EC5}
.section h2{color:#0B2469}
.intro{color:#596F97}
.card{
  background:linear-gradient(145deg,#FFFFFF,#F7FAFF);
  border-color:#DCE6F8;
  box-shadow:0 10px 28px #09245D08;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.card:hover{transform:translateY(-4px);border-color:#A8C4F4;box-shadow:0 20px 36px #09245D18}
.card .number{color:#416BC3}
.card h3{color:#0D2D83}
.card p{color:#5C7097}
.approach{background:linear-gradient(180deg,#EAF1FF,#F4F7FF)}
.approach .card{background:#FFF}
.quickcheck-section{background:#FFF}
.quick-badge{border-color:#B7CBEE;background:linear-gradient(145deg,#F1F6FF,#E2EDFF);box-shadow:0 0 0 18px #F5F8FF}
.quick-badge span{color:#14379F}
.quick-panel{border-color:#D7E3F8;background:#FBFDFF;box-shadow:0 16px 40px #0B2F790A}
.quick-question{border-color:#DBE5F8}
.quick-option{color:#405987}
.quick-option input{accent-color:#204CB3}
.quick-bottom{background:#EAF1FF;border-color:#D6E2FA}
.quick-note{color:#687EA5}
.quick-result{background:linear-gradient(145deg,#EDF4FF,#FDFEFF)}
.quick-level{color:#1B49AA}
.quick-repeat{border-color:#A5BFEB;color:#1C46A2}
.quick-repeat:hover{background:#ECF3FF}
.contact{
  background:
    radial-gradient(circle at 87% 13%,#426AD16B,transparent 42%),
    linear-gradient(110deg,#051749 0%,#0E3096 68%,#1B48B1 100%);
}
.contact .eyebrow{color:#C8D9FF}
.contact h2{color:#FFF}
.contact p{color:#E0E9FF}
.contact .details{
  min-width:0;width:min(100%,398px);flex:0 0 min(100%,398px);
  background:linear-gradient(150deg,#244CB3CC,#102D85EE);
  border:1px solid #A4BAF18C;
  border-radius:16px;padding:27px 29px;
  box-shadow:inset 0 1px #E3EEFF30,0 18px 36px #00134850;
}
.contact-mail{display:flex;flex-direction:column;gap:10px;min-width:0}
.contact-mail span{color:#DDE8FF;font-size:13px;font-weight:650;letter-spacing:.1px}
.contact-mail a{
  display:block;color:#FFF;text-decoration:none;text-underline-offset:5px;
  font-size:clamp(15px,1.2vw,18px);font-weight:760;
  white-space:nowrap;overflow-wrap:normal;line-height:1.45;
}
.contact-mail a:hover,.contact-mail a:focus-visible{color:#D9E7FF;text-decoration:underline}
.contact-phone{border-top:1px solid #C3D7FF4B;padding-top:14px;margin-top:6px}
.footer{background:#06153F;color:#B9C9EE}
.footbrand b{color:#D7E5FF}
@media(max-width:900px){
  .contact .details{flex:initial;width:min(100%,460px)}
}
@media(max-width:580px){
  .contact .details{padding:24px 20px}
  .contact-mail a{font-size:clamp(13px,3.9vw,17px)}
  .hero::after{display:none}
  .card:hover{transform:none}
}
