:root{
  --ink:#0b1726;
  --navy:#0f2742;
  --navy-2:#123a5d;
  --blue:#1769aa;
  --blue-2:#2f80c2;
  --cyan:#64c7ff;
  --gold:#c9a646;
  --paper:#ffffff;
  --mist:#f4f7fb;
  --mist-2:#eaf1f8;
  --muted:#637486;
  --line:#d9e3ee;
  --shadow:0 22px 70px rgba(10, 32, 58, .13);
  --soft-shadow:0 14px 38px rgba(10, 32, 58, .09);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7fb 55%,#fff 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue);transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}
a:hover{color:var(--navy)}
h1,h2,h3,h4{color:var(--ink);font-weight:800;letter-spacing:-.035em;line-height:1.05}
h1{font-size:clamp(2.65rem,5vw,5.65rem);margin:0 0 1.15rem}
h2{font-size:clamp(2rem,3.4vw,3.35rem);margin:0 0 .85rem}
h3{font-size:1.35rem;margin:0 0 .75rem}.rmark, sup{font-size:.45em;top:-.7em}.muted{color:var(--muted)}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:9999;background:#fff;padding:.8rem 1rem;border-radius:12px;box-shadow:var(--soft-shadow)}
.title-bar{background:rgba(8,23,40,.98);padding:.85rem 1rem}.title-bar-title{font-weight:800;letter-spacing:.01em}.menu-icon:after{background:#fff;box-shadow:0 7px 0 #fff,0 14px 0 #fff}
.cadec-topbar{
  position:sticky;top:0;z-index:80;
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(217,227,238,.75);
  backdrop-filter:saturate(150%) blur(18px);
  box-shadow:0 10px 35px rgba(10,32,58,.06);
  padding:.65rem max(1rem,calc((100vw - 75rem)/2));
}
.cadec-topbar .menu{background:transparent}.cadec-topbar a{color:#24364a;font-weight:700;border-radius:999px;padding:.72rem .98rem}.cadec-topbar a:hover{background:#edf5fc;color:var(--blue)}
.cadec-topbar .brand a{font-size:1.35rem;font-weight:900;color:var(--navy);padding-left:0}.cadec-topbar .brand a:hover{background:transparent;color:var(--blue)}
.cadec-topbar .button{border-radius:999px;border:1px solid var(--blue);margin:0}.inline-form{margin:0}.clear.button{color:var(--blue);font-weight:700}
.hero{
  position:relative;overflow:hidden;color:#fff;padding:6.5rem 0 5.25rem;
  background:
    radial-gradient(circle at 85% 12%,rgba(100,199,255,.34) 0,rgba(100,199,255,0) 31%),
    radial-gradient(circle at 8% 18%,rgba(201,166,70,.18) 0,rgba(201,166,70,0) 25%),
    linear-gradient(135deg,#071726 0%,#0f2742 43%,#135b8d 100%);
}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 84%)}
.hero:after{content:"";position:absolute;right:-12rem;bottom:-18rem;width:42rem;height:42rem;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.hero .grid-container,.section .grid-container,.section-tight .grid-container,.cta-band .grid-container{position:relative;z-index:1}.hero h1,.hero h2,.hero h3{color:#fff}.hero .lead{font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.72;max-width:59rem;color:rgba(255,255,255,.86)}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:900;color:#9ed9ff;margin-bottom:1rem}.eyebrow:before{content:"";width:2.2rem;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));border-radius:99px}.section .eyebrow,.section-tight .eyebrow{color:var(--blue)}
.button{border-radius:999px;font-weight:800;box-shadow:none}.button.large{padding:1rem 1.45rem}.button.primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 12px 30px rgba(23,105,170,.25)}.button.primary:hover{background:linear-gradient(135deg,#0f558c,#246fa9);transform:translateY(-1px)}.button.hollow.white{border-color:rgba(255,255,255,.72);color:#fff}.button.hollow.white:hover{background:#fff;color:var(--navy)}
.hero-card{position:relative;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius);padding:1.25rem;color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.metric{padding:1.25rem;border-radius:18px;background:linear-gradient(180deg,#fff,#f0f6fc);border:1px solid var(--line);margin-bottom:.85rem}.metric:last-child{margin-bottom:0}.metric strong{font-size:1.25rem;color:var(--navy)}
.trust-row{margin-top:2.1rem;display:flex;flex-wrap:wrap;gap:.75rem}.trust-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem .9rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.88);font-weight:700}.trust-pill:before{content:"✓";color:#9ee3bd;font-weight:900}
.section{padding:5.8rem 0}.section-tight{padding:4.4rem 0}.section-intro{max-width:55rem;margin:0 auto 2.3rem;text-align:center}.section-intro p{font-size:1.15rem;line-height:1.7}.feature-card,.reference-card,.legal-card,.form-shell,.process-card,.ai-card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow)}
.feature-card{height:100%;padding:1.65rem;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;right:-2.5rem;top:-2.5rem;width:8rem;height:8rem;border-radius:50%;background:#edf6ff}.feature-card > *{position:relative;z-index:1}.feature-card h3{color:var(--navy)}.feature-card p{line-height:1.65}.label.soft,.badge-soft{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e9f5ff;color:#0f5f91;font-weight:900;padding:.35rem .65rem;margin-bottom:.9rem}
.process-band{background:linear-gradient(180deg,#fff,#f4f8fc);border-block:1px solid var(--line)}.process-card{padding:1.45rem;height:100%}.process-number{width:2.6rem;height:2.6rem;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:1rem}
.ai-card{padding:2rem;background:linear-gradient(135deg,#0f2742,#1769aa);color:#fff;overflow:hidden;position:relative}.ai-card:after{content:"KI";position:absolute;right:1.3rem;bottom:-.75rem;font-size:7rem;font-weight:900;color:rgba(255,255,255,.08)}.ai-card h2,.ai-card h3{color:#fff}.ai-card p{color:rgba(255,255,255,.84)}
.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#071726,#0f2742 55%,#145f95);color:#fff;padding:4.2rem 0}.cta-band h2{color:#fff}.cta-band p{font-size:1.12rem;color:rgba(255,255,255,.84)}
.reference-card{overflow:hidden;height:100%;transition:transform .2s ease,box-shadow .2s ease}.reference-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(10,32,58,.14)}.reference-card img{width:100%;height:210px;object-fit:cover;background:#d9e2ec}.reference-card .content{padding:1.45rem}.reference-card h2{font-size:1.4rem;letter-spacing:-.02em}
.form-shell{padding:2rem}.form-shell input,.form-shell textarea{border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:.9rem 1rem;background:#fbfdff}.form-shell input:focus,.form-shell textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,170,.1)}.form-shell label{font-weight:800;color:var(--navy)}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-aside{padding:1.5rem;border-radius:var(--radius);background:linear-gradient(180deg,#fff,#eef6fd);border:1px solid var(--line);box-shadow:var(--soft-shadow)}
.legal-card{padding:2.25rem;line-height:1.7}.legal-card h2{margin-top:2.1rem;font-size:1.65rem}.callout{border-radius:18px;border-color:var(--line)}
.cadec-footer{padding:2rem 0;background:#071726;color:rgba(255,255,255,.78)}.cadec-footer strong{color:#fff}.cadec-footer a{color:#d9efff;margin-left:1rem;font-weight:700}.cadec-footer a:hover{color:#fff}
@media print,screen and (max-width:63.99875em){.cadec-topbar{padding:.5rem 1rem}.hero{padding:4.8rem 0}.hero-card{margin-top:2rem}.section{padding:4rem 0}.section-tight{padding:3rem 0}}
@media print,screen and (max-width:39.99875em){h1{font-size:2.65rem}.hero{padding:3.6rem 0}.button-group .button{width:100%;margin-right:0}.section{padding:3rem 0}.section-intro{text-align:left}.cadec-footer .text-right{text-align:left!important}.cadec-footer a{display:inline-block;margin:.75rem 1rem 0 0}.form-shell{padding:1.25rem}}
