@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--blue:#071d49;--pink:#f21858;--ink:#101828;--muted:#667085;--line:#e7eaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}
.header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center}.mark{width:42px;height:42px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font:800 15px Manrope}.brand b{display:block;font:800 16px Manrope;letter-spacing:.16em}.brand small{display:block;color:var(--pink);font-weight:800;letter-spacing:.16em;font-size:8px}.header nav{display:flex;gap:25px;font-weight:600;font-size:14px}.header nav a:hover{color:var(--pink)}.menu{display:none;border:0;background:none;font-size:25px}
.hero{min-height:680px;padding:86px 7vw;display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;background:linear-gradient(#fff,#fbfcff)}.eyebrow{color:var(--pink);font-size:12px;font-weight:800;letter-spacing:.2em;margin:0 0 14px}.hero h1,h2{font-family:Manrope;line-height:1.08}.hero h1{font-size:clamp(46px,6vw,78px);margin:0 0 24px;letter-spacing:-.045em}.hero h1 span{color:var(--pink)}.lead{max-width:620px;color:var(--muted);font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 22px}.btn{padding:13px 22px;border-radius:999px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;border:0;cursor:pointer;font-family:inherit}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid var(--line)}.trust{display:flex;gap:20px;flex-wrap:wrap;color:var(--blue);font-size:13px;font-weight:700}.audience{font-size:13px;color:var(--muted);font-weight:600}.audience b{color:var(--pink);margin:0 7px}
.visual{min-height:470px;border-radius:36px;background:var(--blue);color:#fff;position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:0 28px 70px #071d4930}.visual:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#f2185838,transparent 65%);top:-120px;right:-80px}.ring{position:absolute;border:1px solid #ffffff2b;border-radius:50%}.r1{width:420px;height:420px}.r2{width:300px;height:300px}.globe{width:245px;height:245px;border:2px solid #ffffff80;border-radius:50%;position:relative;z-index:2}.globe i{position:absolute;border:1px solid #ffffff35;border-radius:50%}.globe i:nth-child(1){width:50%;height:100%;left:25%;top:0}.globe i:nth-child(2){width:100%;height:50%;left:0;top:25%}.globe i:nth-child(3){width:88%;height:55%;left:6%;top:22%;transform:rotate(-22deg)}.plane{position:absolute;color:var(--pink);font-size:34px;left:45%;top:25%;transform:rotate(-20deg);z-index:5}.badge{position:absolute;z-index:6;background:#ffffff1a;border:1px solid #ffffff38;padding:12px 16px;border-radius:14px;text-align:center;backdrop-filter:blur(8px)}.badge b{display:block;font-size:12px;letter-spacing:.16em}.badge small{color:#ffffffaa}.china{left:8%;top:25%}.world{right:7%;bottom:22%}.visual-jv{position:absolute;bottom:25px;left:34px;font:800 20px Manrope;letter-spacing:.15em}
.section{padding:105px 7vw}.heading{max-width:720px;margin-bottom:52px}.section h2,.why h2,.request h2,.cta h2{font-size:clamp(34px,4vw,54px);margin:0 0 16px;letter-spacing:-.04em}.heading>p:last-child{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px;border:1px solid var(--line);border-radius:22px}.icon{width:48px;height:48px;border-radius:14px;background:#eef2f8;color:var(--blue);display:grid;place-items:center;font-size:22px;margin-bottom:22px}.cards h3,.service-list h3,.why-grid h3,.audience-grid b{font-family:Manrope;margin:0 0 8px}.cards p,.service-list p,.why-grid p{color:var(--muted);font-size:14px;margin:0}.section-note{margin-top:28px;color:var(--muted)}.section-note a{color:var(--pink);font-weight:700}
.process{background:var(--blue);color:#fff;padding:100px 7vw}.light h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{padding:30px 26px;border:1px solid #ffffff24;border-radius:20px}.steps b,.service-list article>span,.why-grid article>b{color:var(--pink)}.steps h3{font:800 18px Manrope}.steps p{color:#ffffffb3;font-size:14px}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-list article{display:flex;gap:20px;padding:28px;border:1px solid var(--line);border-radius:20px}
.why{padding:105px 7vw;background:#f7f8fb;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.why .large{font-size:19px;color:var(--muted)}.friendly{margin-top:25px;color:var(--blue);font-size:18px}.friendly b{color:var(--pink)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.why-grid article{background:#fff;padding:28px;border-radius:20px;border:1px solid var(--line)}
.request{padding:100px 7vw}.request-head{max-width:700px;margin-bottom:42px}.request-head p:last-child{color:var(--muted);font-size:17px}.quote-form{max-width:850px;padding:38px;border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 60px #071d4912}.quote-form label{display:block;font-weight:700;font-size:14px;margin-bottom:20px}.quote-form input,.quote-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #d9dee8;border-radius:12px;padding:13px 14px;font:400 15px "DM Sans"}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upload{padding:20px;border:1px dashed #c8cfdb;border-radius:16px;background:#fbfcfe}.upload span,.optional{color:var(--pink);font-size:12px}.upload small{display:block;color:var(--muted);margin-top:8px;font-weight:400}.form-note{font-size:13px;color:var(--muted);margin:16px 0 0}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.about>div:last-child{font-size:16px;color:var(--muted)}.about h3{color:var(--blue);font-family:Manrope}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.audience-grid span{padding:18px;border:1px solid var(--line);border-radius:16px}.audience-grid b{display:block;color:var(--blue)}.audience-grid small{display:block;margin-top:6px}.brand-line{color:var(--blue);font-size:18px}.brand-line b{color:var(--pink)}
.faq{background:#fbfcfe}.faq details{max-width:900px;border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font:800 17px Manrope;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--pink);font-size:22px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:800px}
.cta{margin:0 7vw 100px;padding:60px;border-radius:30px;background:var(--pink);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:42px}.cta p{margin:0}.cta .eyebrow{color:#fff}.white{background:#fff;color:var(--blue)}.outline{border:1px solid #ffffffb3;color:#fff}
.footer{background:#f7f8fb;padding:55px 7vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-brand strong{display:block;font:800 24px Manrope;letter-spacing:.15em;color:var(--blue)}.footer-brand span{display:block;color:var(--pink);font-weight:800;letter-spacing:.18em;font-size:11px}.footer p{color:var(--muted)}.contact{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:14px}.copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:#98a2b3}
@media(max-width:1000px){.header nav{display:none}.menu{display:block}.header nav.open{display:flex;position:absolute;top:78px;left:0;right:0;padding:22px 7vw;background:#fff;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.why{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.hero,.section,.process,.why,.request{padding-left:5vw;padding-right:5vw}.hero h1{font-size:48px}.visual{min-height:330px}.globe{width:190px;height:190px}.r1{width:310px;height:310px}.r2{width:240px;height:240px}.cards,.steps,.service-list,.why-grid,.audience-grid,.form-row{grid-template-columns:1fr}.cta{margin-left:5vw;margin-right:5vw;padding:38px 28px;flex-direction:column;align-items:flex-start}.footer{grid-template-columns:1fr;padding-left:5vw;padding-right:5vw}}

/* Product-category icons and quick-send contact modal */
.icon-people, .icon-device { display:flex; align-items:center; justify-content:center; gap:2px; font-size:20px; font-weight:700; }
.icon-people span:nth-child(1), .icon-people span:nth-child(2) { font-size:19px; }
.icon-people span:nth-child(3) { font-size:14px; transform:translateY(4px); }
.icon-device span:nth-child(1) { font-size:18px; }
.icon-device span:nth-child(2) { font-size:20px; }
.icon-device span:nth-child(3) { font-size:15px; }
.icon-home, .icon-business { font-size:22px; }
.contact-modal { position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center; padding:20px; }
.contact-modal.open { display:flex; }
.contact-modal-backdrop { position:absolute; inset:0; background:rgba(10,24,58,.55); backdrop-filter:blur(3px); }
.contact-modal-card { position:relative; width:min(560px,100%); background:#fff; border-radius:24px; padding:32px; box-shadow:0 24px 70px rgba(8,25,65,.28); z-index:1; }
.modal-close { position:absolute; top:14px; right:16px; border:0; background:transparent; font-size:30px; line-height:1; color:#5f6f8f; cursor:pointer; }
.contact-modal-card h3 { margin:4px 0 8px; font-size:28px; color:#101a30; }
.modal-copy { color:#687792; line-height:1.6; margin-bottom:20px; }
.contact-choice-grid { display:grid; gap:12px; }
.contact-choice { width:100%; display:flex; align-items:center; gap:14px; text-align:left; padding:17px 18px; border:1px solid #dfe5ef; border-radius:16px; background:#fff; cursor:pointer; transition:.2s ease; }
.contact-choice:hover { transform:translateY(-1px); box-shadow:0 8px 22px rgba(20,40,80,.08); border-color:#c9d4e8; }
.choice-icon { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; font-size:20px; flex:none; background:#eef3fb; color:#0b285f; }
.contact-choice strong { display:block; color:#101a30; margin-bottom:3px; font-size:16px; }
.contact-choice small { display:block; color:#687792; line-height:1.4; }
.attachment-note { margin:18px 0 0; padding:12px 14px; background:#f7f9fc; border-radius:12px; color:#687792; font-size:13px; line-height:1.5; }
@media (max-width:600px){ .contact-modal-card{padding:26px 20px;} .contact-modal-card h3{font-size:23px;} }