
:root{--ink:#0b1230;--muted:#667085;--blue:#1677ff;--cyan:#35d6ff;--purple:#6d4cff;--soft:#f4f8ff;--line:#e7edf7;--white:#fff;--shadow:0 20px 60px rgba(28,57,103,.10);--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),92%);margin:auto}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,237,247,.9)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:900;letter-spacing:-1.5px}.brand i{font-style:normal;color:var(--blue)}.tag{display:block;font-size:10px;letter-spacing:.2px;color:#6a7487;font-weight:700;margin-top:-5px}.links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650}.links a{color:#25304a}.links a:hover,.links .active{color:var(--blue)}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s}.btn-primary{background:linear-gradient(90deg,var(--blue),#7c5cff);color:#fff;box-shadow:0 12px 28px rgba(55,108,255,.22)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:#d8e1ef;color:#14203b;background:#fff}
.hero{padding:64px 0 34px;background:radial-gradient(circle at 70% 20%,#dff7ff 0,#eef7ff 24%,transparent 52%),linear-gradient(#fff,#f8fbff)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.pill{display:inline-flex;padding:8px 15px;border-radius:999px;background:#eaf3ff;color:#1767d9;font-size:13px;font-weight:800}.hero h1{font-size:clamp(42px,5.4vw,72px);line-height:.99;letter-spacing:-4px;margin:20px 0}.hero h1 span{color:var(--blue)}.hero h1 em{font-style:normal;color:var(--purple)}.lead{font-size:17px;color:#5e6980;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.mini-features{display:flex;gap:22px;flex-wrap:wrap;color:#44506a;font-size:13px;margin-top:24px}.mini-features span{display:flex;gap:7px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple))}
.hero-art{min-height:490px;position:relative;border-radius:38px;background:linear-gradient(135deg,#eaf8ff,#eef3ff);overflow:hidden;box-shadow:var(--shadow);border:1px solid #e1ebf8}.glow{position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(53,214,255,.35);filter:blur(40px);top:-90px;left:-60px}.robot{position:absolute;left:25%;top:22%;width:170px;height:150px;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#fff,#bfe9ff);box-shadow:inset 0 0 0 8px #d7f5ff,0 28px 60px rgba(27,111,180,.18);transform:rotate(-5deg)}.robot:before{content:"";position:absolute;width:110px;height:64px;border-radius:35px;background:#091633;left:30px;top:35px;box-shadow:inset 0 0 20px #1d74ff}.eye{position:absolute;width:18px;height:18px;border-radius:50%;background:#4ce6ff;top:58px;left:53px;box-shadow:45px 0 #4ce6ff,0 0 18px #4ce6ff,45px 0 18px #4ce6ff}.bubble{position:absolute;background:#fff;border:1px solid #e2eaf5;border-radius:16px;padding:13px 16px;box-shadow:0 16px 35px rgba(32,64,111,.13);font-size:12px;color:#34405a}.b1{right:10%;top:11%}.b2{right:3%;top:32%}.b3{left:7%;bottom:13%}.screen{position:absolute;right:-15px;bottom:-30px;width:58%;height:260px;border-radius:25px 0 0 0;background:#fff;border:1px solid #dfe7f3;box-shadow:0 20px 50px rgba(20,50,100,.14);padding:18px}.screen .bar{height:14px;width:80%;border-radius:7px;background:#e8eef8;margin-bottom:15px}.searchline{height:34px;border-radius:10px;background:#f4f7fb;border:1px solid #e7edf7;padding:8px;color:#7b879c;font-size:11px}.result{margin-top:15px;border:1px solid #edf1f7;border-radius:12px;padding:10px;font-size:11px}.result strong{display:block;color:#1b6df2}
.section{padding:82px 0}.section.soft{background:var(--soft)}.center{text-align:center}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#52709d;font-weight:900}.section h2{font-size:clamp(31px,4vw,48px);letter-spacing:-2px;line-height:1.05;margin:9px 0 12px}.intro{color:#6a7487;max-width:710px;margin:0 auto 38px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 40px rgba(27,54,95,.06)}.card h3{margin:12px 0 7px;font-size:19px;letter-spacing:-.5px}.card p{margin:0;color:#69758a;font-size:14px}.num{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#176eea;background:#eaf3ff;font-size:12px;font-weight:900}
.img-suggest{height:185px;border-radius:18px;border:1.5px dashed #a9c5ea;background:linear-gradient(135deg,#eef8ff,#f5f2ff);display:grid;place-items:center;text-align:center;padding:18px;color:#6d7a91;position:relative;overflow:hidden}.img-suggest:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(53,214,255,.16);filter:blur(15px);right:-30px;top:-30px}.img-suggest strong{display:block;color:#29466e;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.img-suggest small{display:block;max-width:250px;margin-top:7px;position:relative;z-index:1}
.banner{border-radius:28px;overflow:hidden;background:linear-gradient(110deg,#edf7ff,#f3f0ff);display:grid;grid-template-columns:1fr 1fr;min-height:245px;border:1px solid var(--line)}.banner-art{background:linear-gradient(145deg,#dff6ff,#dfe6ff);position:relative;min-height:245px}.banner-art img{display:block;width:100%;height:100%;min-height:245px;object-fit:cover}.mountain{position:absolute;bottom:0;width:100%;height:75%;background:linear-gradient(135deg,transparent 49%,#b8d0ee 50%,#fff 51%,transparent 52%),linear-gradient(45deg,transparent 48%,#a5c4e9 49%,#fff 50%,transparent 52%);clip-path:polygon(0 100%,0 55%,20% 30%,36% 57%,53% 20%,72% 55%,88% 28%,100% 58%,100% 100%)}.banner-copy{padding:42px}.banner-copy h2{margin:8px 0;font-size:34px;letter-spacing:-1.5px}.banner-copy p{color:#68748a}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{position:relative;text-align:center;padding:25px 16px}.step:after{content:"→";position:absolute;right:-12px;top:48%;color:#5b91ed;font-size:22px}.step:last-child:after{display:none}.step .num{margin:auto}
.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.checklist{display:grid;gap:13px;margin:25px 0}.check{display:flex;gap:11px;align-items:flex-start}.check b{display:block}.check span{color:#6a7487;font-size:14px}.tick{width:24px;height:24px;border-radius:50%;background:#e8f4ff;color:#1874ef;display:grid;place-items:center;font-weight:900;flex:none}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#69758a;margin:9px 0}
.cta{border-radius:28px;padding:42px;background:linear-gradient(110deg,#edf8ff,#f1efff);display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:6px 0;font-size:34px}.cta p{color:#69758a;margin:0}
.pagehero{padding:70px 0 50px;background:linear-gradient(135deg,#f5fbff,#f7f5ff)}.pagehero h1{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-3px;max-width:900px;margin:14px 0}.pagehero p{color:#667085;max-width:760px;font-size:17px}
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}.form{display:grid;gap:14px}.form label{font-size:13px;font-weight:800}.form input,.form textarea{width:100%;margin-top:6px;border:1px solid #dfe7f2;border-radius:13px;padding:13px 14px;font:inherit;background:#fff}.form textarea{min-height:145px}.notice{font-size:12px;color:#69758a;background:#f5f8fc;padding:13px;border-radius:12px}.address{font-style:normal;color:#5f6b80}.map-suggest{min-height:240px}
footer{background:#0b2261;color:#dce7ff;padding:55px 0 25px;margin-top:40px;position:relative;overflow:hidden}footer:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(103,76,255,.3);filter:blur(60px);left:-100px;bottom:-180px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px;position:relative}.footer-title{font-weight:900;margin-bottom:13px;color:#fff}.footer-links{display:grid;gap:8px;color:#c5d4f0;font-size:14px}.footer-brand{font-size:32px;font-weight:900}.footer-brand i{color:#46d9ff;font-style:normal}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;color:#a9bad8;font-size:12px;position:relative}
@media(max-width:950px){.links{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:20px 4%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.hero-grid,.split,.contact-grid,.banner{grid-template-columns:1fr}.hero-art{min-height:420px}.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.step:after{display:none}}
@media(max-width:600px){.hero{padding-top:42px}.hero h1{letter-spacing:-2.4px}.grid4,.grid3,.process,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.screen{width:66%}.cta{align-items:flex-start;flex-direction:column}.banner-copy{padding:30px}.banner-copy h2{font-size:28px}}

.hero-art{display:flex;align-items:center;justify-content:center;background:#eef7ff}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

.img-suggest.real-image{padding:0;border:0;overflow:hidden;background:#eef7ff}
.img-suggest.real-image:after{display:none}
.img-suggest.real-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* About Us image fix: show the complete illustration without vertical cropping */
.img-suggest.real-image {
  height: auto;
  aspect-ratio: 900 / 560;
  min-height: 0;
}
.img-suggest.real-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
@media (max-width: 900px) {
  .img-suggest.real-image {
    aspect-ratio: 900 / 560;
  }
}

/* Services image fix: show the complete illustration without cropping */
.img-suggest.real-image{
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  overflow:hidden;
  display:block;
  background:#eef7ff;
}
.img-suggest.real-image img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:100%;
  object-fit:contain !important;
  object-position:center;
  border-radius:inherit;
}
@media (max-width:600px){
  .img-suggest.real-image{
    height:auto !important;
    aspect-ratio:auto !important;
  }
  .img-suggest.real-image img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
}

/* Homepage hero image/container proportion fix */
.hero-art{
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:1536 / 1024;
  overflow:hidden;
  display:block;
}
.hero-art img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:100%;
  object-fit:contain !important;
  object-position:center;
  border-radius:inherit;
}
@media (max-width:950px){
  .hero-art{
    aspect-ratio:1536 / 1024;
    min-height:0 !important;
  }
}


/* Social media links */
.social-heading{margin-top:22px}
.social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.social-link{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(22,119,255,.18);border-radius:10px;color:inherit;text-decoration:none;background:#fff;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.social-link:hover{transform:translateY(-2px);background:#1677ff;color:#fff;border-color:#1677ff}
.social-link-disabled{opacity:.72;cursor:default}
.social-link-disabled:hover{transform:none;background:#fff;color:inherit;border-color:rgba(22,119,255,.18)}
.social-link svg{width:18px;height:18px;display:block;fill:currentColor}
.social-link[hidden]{display:none}

/* Legal pages */
.legal-content{max-width:900px}
.legal-content .card{padding:30px 34px}
.legal-content h2{font-size:28px;letter-spacing:-1px;margin:0 0 12px}
.legal-content p{color:#5f6b80;font-size:15px;margin:0 0 16px}
.legal-links{gap:6px}
.form-note{font-size:12px;color:#738097;margin-top:10px}
.form-note a{color:var(--blue);text-decoration:underline}
@media (max-width:900px){.legal-content .card{padding:24px}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.legal-content .card{padding:20px}.footer-grid{grid-template-columns:1fr}}
