:root { --navy:#003e5b; --navy-dark:#062c40; --ink:#153649; --muted:#627989; --blue:#6d98b1; --line:#dce6ec; --paper:#f6f9fb; --white:#fff; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--white); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
    a { color:inherit; text-decoration:none; }
    button, a { -webkit-tap-highlight-color:transparent; }
    a:focus-visible { outline:3px solid #78bce5; outline-offset:4px; border-radius:4px; }
    .container { width:min(1140px, calc(100% - 56px)); margin:0 auto; }
    .top-region { color:var(--white); background:radial-gradient(circle at 80% 5%, #155c7e 0%, #003e5b 44%, #062c40 100%); position:relative; overflow:hidden; }
    .top-region::before { content:""; pointer-events:none; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(#92bcd2 1px,transparent 1px),linear-gradient(90deg,#92bcd2 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(90deg,transparent 38%,#000 100%); }
    .top-region::after { content:""; position:absolute; width:570px; height:570px; right:-250px; top:100px; border-radius:50%; border:1px solid rgba(183,225,243,.12); box-shadow:0 0 0 70px rgba(180,221,242,.035),0 0 0 140px rgba(180,221,242,.025); pointer-events:none; }
    .nav { min-height:104px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:3; gap:32px; }
    .brand { display:inline-flex; align-items:center; }
    .brand img { display:block; width:218px; height:auto; }
    .nav-links { display:flex; align-items:center; gap:34px; margin-left:auto; }
    .nav-links a { font-size:14px; color:#d6e5ee; transition:color .2s; }
    .nav-links a:hover { color:white; }
    .nav-cta { border:1px solid rgba(255,255,255,.46); border-radius:100px; color:white; font-size:13px; font-weight:700; padding:12px 21px; white-space:nowrap; }
    .nav-cta:hover { background:#ffffff14; }
    .hero { position:relative; z-index:2; padding:100px 0 116px; display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; }
    .eyebrow { color:#9ac6d9; display:flex; align-items:center; gap:12px; text-transform:uppercase; font-size:11px; font-weight:750; letter-spacing:.19em; }
    .eyebrow::before { content:""; width:27px; height:1px; background:#9ac6d9; }
    h1,h2,h3,p { margin-top:0; }
    h1 { font-size:clamp(47px,5.2vw,73px); line-height:1.08; letter-spacing:-.058em; font-weight:720; margin:25px 0 25px; max-width:700px; }
    h1 em { color:#a2cadc; font-style:normal; }
    .hero-copy { color:#d4e5ef; max-width:545px; font-size:18px; line-height:1.75; }
    .actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:34px; }
    .button { display:inline-flex; gap:11px; align-items:center; justify-content:center; padding:14px 24px; border-radius:7px; font-weight:700; font-size:14px; transition:transform .2s,background .2s; }
    .button:hover { transform:translateY(-2px); }
    .button-light { background:white; color:var(--navy); }
    .button-ghost { color:white; border:1px solid #ffffff51; }
    .button-navy { background:var(--navy); color:white; }
    .arrow { font-size:19px; line-height:1; }
    .hero-diagram { position:relative; padding:48px 28px; isolation:isolate; }
    .orbit { position:absolute; z-index:-1; aspect-ratio:1; width:96%; left:2%; top:0; border:1px solid rgba(164,212,234,.22); border-radius:50%; }
    .orbit::before, .orbit::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(164,212,234,.16); inset:18%; }
    .orbit::after { inset:37%; }
    .diagram-card { background:rgba(5,42,62,.83); border:1px solid rgba(184,220,236,.35); box-shadow:0 30px 80px #001c2e80; backdrop-filter:blur(9px); border-radius:17px; padding:30px 29px; transform:rotate(-1deg); }
    .diagram-kicker { color:#98c3d9; text-transform:uppercase; letter-spacing:.15em; font-size:10px; font-weight:700; margin-bottom:20px; }
    .diagram-row { display:flex; gap:16px; align-items:center; padding:16px 0; border-top:1px solid #bce2f326; }
    .diagram-icon { width:40px; height:40px; background:#7db6d01f; color:#b2d9ed; border:1px solid #9ed6ee45; display:grid; place-items:center; border-radius:10px; font-size:17px; }
    .diagram-row strong { display:block; font-size:14px; }
    .diagram-row span { display:block; color:#a8c5d5; font-size:12px; }
    .micro { border-top:1px solid rgba(255,255,255,.16); padding:24px 0; position:relative; z-index:2; }
    .micro-inner { display:flex; align-items:center; gap:34px; flex-wrap:wrap; color:#cce0ec; font-size:12px; font-weight:650; letter-spacing:.06em; text-transform:uppercase; }
    .micro-inner span:not(:first-child)::before { content:"•"; color:#719bb3; margin-right:34px; }
    section { scroll-margin-top:30px; }
    .section { padding:110px 0; }
    .section-head { max-width:690px; margin-bottom:45px; }
    .label { color:#4d839c; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.18em; margin-bottom:15px; }
    h2 { color:var(--navy-dark); font-size:clamp(32px,3.5vw,46px); letter-spacing:-.042em; line-height:1.17; margin-bottom:17px; }
    .lede { color:var(--muted); font-size:17px; line-height:1.75; }
    .services { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    .service { padding:35px 32px 32px; border:1px solid var(--line); border-radius:14px; background:white; min-height:332px; display:flex; flex-direction:column; box-shadow:0 4px 20px #0d3b5110; }
    .service-number { font-size:12px; color:#5087a1; font-weight:700; margin-bottom:38px; }
    .service h3 { font-size:21px; letter-spacing:-.03em; line-height:1.3; margin:0 0 15px; color:var(--navy-dark); }
    .service p { color:#617887; font-size:14px; line-height:1.8; margin-bottom:0; }
    .service .rule { margin-top:auto; width:31px; height:2px; background:#6b9db7; }
    .approach { background:var(--paper); }
    .approach-inner { display:grid; grid-template-columns:1fr 1.15fr; gap:90px; align-items:center; }
    .approach-points { display:grid; gap:23px; }
    .point { display:flex; gap:23px; padding:0 0 23px; border-bottom:1px solid #dbe5ec; }
    .point:last-child { border:0; padding-bottom:0; }
    .point span { color:#56869d; font-size:13px; font-weight:700; }
    .point h3 { font-size:18px; margin-bottom:4px; color:var(--navy-dark); }
    .point p { color:var(--muted); font-size:14px; margin-bottom:0; }
    .about { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:95px; }
    .about-stat { background:var(--navy); color:white; padding:53px; border-radius:16px; }
    .big-stat { font-size:83px; letter-spacing:-.07em; line-height:1.1; font-weight:700; }
    .big-stat small { font-size:34px; letter-spacing:-.03em; }
    .about-stat p { margin:20px 0 0; color:#d0e3ed; max-width:340px; }
    .final-cta { background:var(--navy-dark); color:white; padding:77px 0; }
    .final-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
    .final-cta h2 { color:white; margin-bottom:9px; }
    .final-cta p { color:#b5d0df; margin-bottom:0; }
    footer { background:#072636; color:#a7c0cc; border-top:1px solid #ffffff16; padding:32px 0; font-size:12px; }
    footer .footer-inner { display:flex; justify-content:space-between; gap:24px; align-items:start; }
    footer strong { color:white; }
    footer p { margin:5px 0 0; }
    .contact-copy { max-width:480px; }
    .contact-copy .contact-address { display:inline-block; color:#cde7f3; border-bottom:1px solid #6094aa; margin-top:22px; font-weight:700; }
    .contact-section { display:grid; grid-template-columns:.84fr 1.16fr; gap:75px; align-items:start; }
    .contact-card { background:white; color:var(--ink); border-radius:15px; padding:33px; border:1px solid #dce6ec; box-shadow:0 20px 70px #001e2b44; }
    .contact-card h3 { font-size:21px; letter-spacing:-.03em; color:var(--navy-dark); margin-bottom:6px; }
    .contact-card .contact-intro { font-size:13px; color:var(--muted); margin:0 0 23px; }
    .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .field { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
    .field label { font-size:12px; font-weight:750; color:#24445a; }
    .field input, .field textarea { width:100%; min-width:0; border:1px solid #cad8e1; border-radius:7px; background:#fff; color:var(--ink); padding:12px 13px; font:inherit; font-size:14px; line-height:1.5; }
    .field textarea { min-height:126px; resize:vertical; }
    .field input:focus-visible, .field textarea:focus-visible { outline:3px solid #a6d5ed; outline-offset:1px; border-color:var(--navy); }
    .privacy-text { font-size:12px; line-height:1.6; color:#546d7b; margin:14px 0 17px; }
    .privacy-text a { color:#125b80; text-decoration:underline; }
    .contact-submit { appearance:none; width:100%; cursor:pointer; border:0; border-radius:7px; padding:14px 22px; font-weight:750; font-size:14px; background:var(--navy); color:#fff; transition:background .2s; }
    .contact-submit:hover:not(:disabled) { background:#075778; }
    .contact-submit:disabled { opacity:.62; cursor:not-allowed; }
    .form-status { min-height:22px; margin:13px 0 0; font-size:13px; line-height:1.6; color:#3c6172; }
    .form-status[data-state=error] { color:#9a2727; }
    .form-status[data-state=success] { color:#166647; }
    .botcheck { position:absolute; width:1px; height:1px; left:-10000px; overflow:hidden; }
    #turnstile-widget { min-height:64px; }
    .footer-links { margin-top:10px; }
    .footer-links a { text-decoration:underline; text-underline-offset:3px; }
    button:focus-visible { outline:3px solid #78bce5; outline-offset:4px; }
    @media (max-width:950px) { .contact-section { gap:30px; } }
    @media (max-width:720px) { .contact-section { grid-template-columns:1fr; } .contact-card { padding:23px; } .contact-grid { grid-template-columns:1fr; gap:0; } }
    @media (max-width:950px) { .hero { gap:20px; } .hero-diagram { padding:30px 0; } .approach-inner { gap:45px; } .about { gap:40px; } .nav-links { gap:18px; } }
    @media (max-width:720px) {
      .container { width:min(100% - 36px,1140px); }
      .nav { min-height:80px; flex-wrap:wrap; gap:10px; padding:10px 0; }
      .brand img { width:172px; }
      .nav-links { order:3; width:100%; justify-content:space-between; padding-bottom:8px; gap:6px; }
      .nav-links a { font-size:12px; }
      .nav-cta { padding:8px 13px; font-size:12px; }
      .hero { display:block; padding:68px 0 75px; }
      .hero h1 { font-size:clamp(44px,10.5vw,60px); }
      .hero-copy { font-size:16px; }
      .hero-diagram { display:none; }
      .micro-inner { gap:12px; font-size:10px; }
      .micro-inner span:not(:first-child)::before { margin-right:12px; }
      .section { padding:75px 0; }
      .services { grid-template-columns:1fr; }
      .service { min-height:225px; padding:24px; }
      .service-number { margin-bottom:20px; }
      .approach-inner, .about { grid-template-columns:1fr; gap:30px; }
      .about-stat { padding:35px; }
      .final-inner { display:block; }
      .final-inner .button { margin-top:24px; }
      footer .footer-inner { display:block; }
    }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }
  

/* Cloudel v2: service-led design and expertise sections */
.nav-links a[aria-current="page"] { color:#fff; font-weight:700; }
.hero { grid-template-columns:1.16fr .84fr; padding-top:88px; padding-bottom:96px; gap:50px; }
h1 { max-width:740px; font-size:clamp(44px,5.0vw,68px); }
.hero-copy { max-width:590px; }
.micro-inner { gap:26px; letter-spacing:.025em; }
.micro-inner span:not(:first-child)::before { margin-right:26px; }
.services { gap:18px; }
.service { min-height:345px; padding:30px; }
.service-number { margin-bottom:25px; }
.service p { margin-bottom:16px; }
.service .rule { margin-top:auto; margin-bottom:14px; }
.service-link { font-size:13px; font-weight:750; color:#1a678b; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.service-link:hover { text-decoration:underline; text-underline-offset:4px; }
.service .service-terms { margin:0 0 20px; color:#607f90; font-size:12px; }
.experience-section { background:#f2f7fa; }
.experience-intro { display:grid; grid-template-columns:1.05fr .95fr; gap:65px; align-items:end; margin-bottom:40px; }
.experience-intro .lede { margin-bottom:0; }
.experience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.experience-card { border-top:3px solid #5b92ad; background:#fff; padding:30px 30px 25px; border-radius:0 0 12px 12px; box-shadow:0 8px 28px #0d3b510b; }
.experience-card .exp-number { color:#5087a1; font-weight:800; font-size:11px; letter-spacing:.1em; margin-bottom:25px; }
.experience-card h3 { color:#062c40; font-size:21px; letter-spacing:-.02em; line-height:1.35; }
.experience-card p { font-size:14px; color:#617887; margin:0; }
.capabilities { margin-top:44px; border-top:1px solid #dbe6eb; padding-top:22px; }
.capabilities-title { font-size:11px; font-weight:800; color:#49748b; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px; }
.capabilities-list { display:flex; flex-wrap:wrap; gap:9px; }
.capabilities-list span { background:#fff; color:#426477; border:1px solid #d4e1e9; border-radius:30px; font-size:12px; padding:7px 13px; }
.advisory-feature { background:#063c56; border-radius:16px; color:#fff; padding:36px 42px; display:grid; gap:26px; grid-template-columns:1fr auto; align-items:center; margin-top:24px; }
.advisory-feature h3 { color:#fff; font-size:24px; margin:0 0 7px; line-height:1.3; }
.advisory-feature p { color:#c8dfe9; font-size:14px; line-height:1.7; max-width:690px; margin:0; }
.advisory-feature .button { white-space:nowrap; }
.about-copy p:not(.lede) { color:#607887; }
.credentials { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.credentials span { border:1px solid #d7e3e9; color:#456779; padding:7px 12px; border-radius:30px; font-size:12px; }
.about-stat .sub-stat { font-size:12px; margin-top:18px; color:#a5cedf; text-transform:uppercase; letter-spacing:.12em; font-weight:650; }
.quick-start { background:#f2f7fa; padding:55px 0; }
.quick-start-inner { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; }
.quick-start h2 { font-size:30px; margin:0 0 9px; }
.quick-start p { color:#607887; margin:0; max-width:800px; }
.quick-start .button { white-space:nowrap; }
.field select { width:100%; min-width:0; border:1px solid #cad8e1; border-radius:7px; background:#fff; color:var(--ink); padding:12px 13px; font:inherit; font-size:14px; line-height:1.5; }
.field select:focus-visible { outline:3px solid #a6d5ed; outline-offset:1px; border-color:var(--navy); }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.faq-card { border-top:1px solid #d7e6ec; padding:21px 0; }
.faq-card h3 { font-size:17px; color:#123f55; margin-bottom:8px; }
.faq-card p { color:#617887; font-size:14px; margin:0; }
/* Service detail pages */
.subpage-hero { color:#fff; background:radial-gradient(circle at 90% 10%, #155c7e, #003e5b 50%, #062c40 100%); }
.subpage-hero .nav { padding-top:10px; }
.sub-hero-content { padding:75px 0 85px; max-width:900px; }
.breadcrumb { font-size:12px; color:#afcbd9; margin-bottom:21px; }
.breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.sub-hero-content h1 { font-size:clamp(39px,4.7vw,60px); margin:17px 0 21px; }
.sub-hero-content p { color:#d4e5ef; font-size:18px; max-width:780px; line-height:1.7; }
.subpage-content { display:grid; grid-template-columns:minmax(0,1.58fr) minmax(260px,.72fr); gap:85px; align-items:start; padding:76px 0 95px; }
.prose-section { margin-bottom:48px; }
.prose-section h2 { font-size:31px; margin-bottom:17px; }
.prose-section h3 { font-size:20px; color:#123f55; margin:26px 0 8px; }
.prose-section p, .prose-section li { font-size:16px; color:#526b7b; line-height:1.75; }
.prose-section ul { padding-left:22px; }
.prose-section li { padding-left:4px; margin:8px 0; }
.prose-section li::marker { color:#3c81a2; }
.service-side { position:sticky; top:25px; border-radius:14px; border:1px solid #dce6ec; padding:28px; background:#f5f9fb; }
.service-side h3 { color:#062c40; margin:0 0 10px; font-size:20px; }
.service-side p { color:#5b7686; font-size:14px; margin-bottom:22px; }
.service-side .button { width:100%; }
.related-list { list-style:none; margin:24px 0 0; padding:16px 0 0; border-top:1px solid #d8e6ee; }
.related-list li { margin:10px 0; font-size:13px; color:#35586b; }
.related-list a { text-decoration:underline; text-underline-offset:3px; }
.service-note { font-size:13px; color:#5d7e8f; background:#edf5f9; border-left:3px solid #5699b7; padding:17px 20px; }
@media(max-width:950px) { .experience-intro { gap:30px; } .experience-card { padding:24px; } .subpage-content { gap:35px; } }
@media(max-width:720px) { .experience-intro,.experience-grid,.quick-start-inner,.advisory-feature,.faq-grid,.subpage-content { grid-template-columns:1fr; } .experience-grid { gap:12px; } .advisory-feature { padding:27px; } .quick-start .button { width:max-content; } .service-side { position:static; } .sub-hero-content { padding:50px 0 65px; } .sub-hero-content p { font-size:16px; } .subpage-content { padding:55px 0 65px; } .micro-inner span:not(:first-child)::before { margin-right:12px; } }

/* Private contact model: only the secure form is published. */
.contact-reassurance{margin-top:20px;max-width:42ch;font-weight:500;color:#d4e8f2;line-height:1.7}