:root{
  --navy:#0b1738;
  --blue:#1677ff;
  --blue2:#27b4ff;
  --orange:#ff7f18;
  --green:#1bbf78;
  --purple:#7b43ef;
  --cyan:#31b9cf;
  --ink:#132347;
  --muted:#64748b;
  --line:#dce6f3;
  --soft:#f4f8ff;
  --white:#fff;
  --shadow:0 24px 70px rgba(19,35,71,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:100;height:82px;padding:10px clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.90);border-bottom:1px solid rgba(220,230,243,.85);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand img{width:58px;height:58px;object-fit:cover;border-radius:16px;box-shadow:0 10px 28px rgba(22,119,255,.12)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}
.brand-copy strong{font-size:21px;letter-spacing:-.03em}
.brand-copy small{color:#6b7c98;font-size:11px;margin-top:2px}
.brand-copy em{font-style:normal;color:var(--orange);font-weight:800;font-size:9px;margin-top:4px}
.desktop-nav{display:flex;align-items:center;gap:26px;color:#445374;font-size:14px}
.desktop-nav a:hover{color:var(--blue)}
.nav-download,.mobile-download{padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#5f52ff);color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(22,119,255,.24)}
.mobile-download{display:none;font-size:12px}
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;max-width:1320px;margin:auto;padding:80px clamp(22px,5vw,70px) 78px;background:
  radial-gradient(circle at 75% 35%,rgba(39,180,255,.19),transparent 30%),
  radial-gradient(circle at 25% 15%,rgba(123,67,239,.11),transparent 27%),
  linear-gradient(180deg,#fff 0%,#f4f8ff 100%);
}
.hero:before{content:"";position:absolute;inset:auto -15% -170px;height:300px;background:radial-gradient(circle,#d6eaff 0%,transparent 65%);pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:700px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#eaf4ff;color:#1b68df;font-size:11px;font-weight:900;letter-spacing:.08em}
.hero h1{font-size:clamp(46px,5.6vw,78px);line-height:1.00;letter-spacing:-.055em;margin:20px 0 24px}
.hero h1 span{color:var(--blue)}
.hero h1 em{font-style:normal;color:var(--orange);font-weight:900}
.hero p{font-size:19px;color:#536381;max-width:660px;margin:0 0 30px}
.feature-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 28px}
.feature-points>div{display:flex;align-items:center;gap:10px;padding:8px 0}
.feature-points strong{display:block;font-size:13px}
.feature-points small{display:block;color:#6e7e99;font-size:11px;margin-top:2px}
.ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
.ico.blue{background:linear-gradient(135deg,#1c83ff,#4e51ff)}
.ico.purple{background:linear-gradient(135deg,#9a56ff,#6331e7)}
.ico.orange{background:linear-gradient(135deg,#ff9b22,#f26b17)}
.ico.green{background:linear-gradient(135deg,#1ecb8a,#13a66b)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;border-radius:16px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn.primary{color:#fff;background:linear-gradient(135deg,var(--blue),#5050ff);box-shadow:0 18px 35px rgba(22,119,255,.25)}
.btn.ghost{background:#fff;border:1px solid #cfe0f4;color:var(--ink)}
.trust-line{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;color:#60708c;font-size:12px}
.hero-visual{position:relative;min-height:620px;display:flex;justify-content:center;align-items:center}
.backdrop-card{position:absolute;width:92%;height:82%;border-radius:50px;transform:rotate(-5deg);background:linear-gradient(145deg,#edf7ff,#ffffff 48%,#eaf6ff);box-shadow:var(--shadow)}
.device{position:relative;background:#0b1022;border:7px solid #0b1022;border-radius:34px;box-shadow:0 36px 80px rgba(12,32,73,.28);overflow:hidden;z-index:3}
.desktop-device{width:min(560px,88%);height:450px;transform:perspective(1200px) rotateY(-12deg) rotateX(2deg) rotateZ(-2deg);margin-right:80px}
.device-top{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#a9bad7;font-size:8px;background:#111a31}
.device-screen{height:calc(100% - 30px);overflow:hidden;background:#f2f6fc}
.device-screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.mobile-device{position:absolute;width:220px;height:470px;right:7%;bottom:20px;border-radius:34px;transform:perspective(1200px) rotateY(-18deg) rotateX(2deg) rotateZ(4deg);z-index:6}
.mobile-device .device-screen{height:100%}
.mobile-device img{height:100%;width:100%;object-fit:cover;object-position:top}
.speaker{position:absolute;z-index:10;top:6px;left:50%;transform:translateX(-50%);width:62px;height:16px;border-radius:10px;background:#090d18}
.float-tag{position:absolute;z-index:8;background:rgba(255,255,255,.95);border:1px solid #d8e5f5;border-radius:16px;padding:12px 15px;box-shadow:0 16px 36px rgba(25,51,95,.14);min-width:155px}
.float-tag b{display:block;font-size:12px}
.float-tag span{display:block;font-size:10px;color:#71819b;margin-top:2px}
.tag-1{top:12%;right:3%}.tag-2{top:37%;left:0}.tag-3{bottom:14%;right:1%}
.tool-orbit{position:absolute;left:10%;bottom:7%;display:flex;gap:8px;z-index:2}
.tool-orbit span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#fff;border:1px solid #dbe7f5;box-shadow:0 8px 22px rgba(27,63,110,.13)}
.language-band{max-width:1280px;margin:-4px auto 0;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:24px;background:linear-gradient(135deg,#e7f3ff,#f7fbff);border:1px solid #d8e9fb;box-shadow:0 16px 40px rgba(22,119,255,.09)}
.lang-title{display:flex;align-items:center;gap:9px;color:#20406e;font-size:15px}
.lang-title span{color:#657897;font-size:11px}
.langs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.langs span{padding:9px 12px;background:#fff;border-radius:12px;border:1px solid #dfebf7;font-size:11px;font-weight:800}
.stats{max-width:1180px;margin:26px auto 0;padding:20px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stats>div{padding:17px 18px;border-radius:18px;background:#fff;border:1px solid #e2eaf4;text-align:center;box-shadow:0 10px 30px rgba(30,58,95,.05)}
.stats b{display:block;font-size:20px}.stats span{font-size:11px;color:#7a8ba6}
.section{max-width:1180px;margin:auto;padding:88px 22px}
.section-head{text-align:center;max-width:770px;margin:auto}.section-head h2{font-size:clamp(35px,4.3vw,56px);line-height:1.02;letter-spacing:-.05em;margin:17px 0 13px}.section-head p{font-size:16px;color:#687897}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.cards article{padding:26px;border-radius:24px;background:#fff;border:1px solid #e0e8f3;box-shadow:0 16px 40px rgba(27,54,96,.07)}
.card-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;margin-bottom:20px}
.blue-bg{background:#1d82ff}.purple-bg{background:#8248eb}.orange-bg{background:#ff8a20}.green-bg{background:#1dc281}.cyan-bg{background:#30b5ca}.pink-bg{background:#ed4b83}
.cards h3{margin:0 0 8px;font-size:19px}.cards p{margin:0;color:#6b7d99;font-size:13px}
.workflow{max-width:1280px;margin:auto;padding:70px clamp(22px,5vw,70px);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;border-radius:42px;background:linear-gradient(135deg,#071943,#134eaa);color:#fff;overflow:hidden;position:relative}
.workflow:after{content:"";position:absolute;width:430px;height:430px;right:-150px;top:-180px;border-radius:50%;background:radial-gradient(circle,#45caff55,transparent 65%)}
.workflow h2{font-size:clamp(34px,4.2vw,54px);line-height:1.05;letter-spacing:-.05em;margin:16px 0}
.workflow p{color:#c7d5ef;max-width:520px}
.workflow .btn{margin-top:18px}
.workflow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;z-index:2}
.workflow-steps>div{padding:18px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(9px)}
.workflow-steps span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:#155ee5;font-size:11px;font-weight:900;margin-right:10px}
.workflow-steps b{font-size:13px}.workflow-steps small{display:block;color:#b9cae6;font-size:11px;padding-left:44px;margin-top:-3px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about h2{font-size:clamp(36px,4.2vw,54px);line-height:1.05;letter-spacing:-.05em}.about>p{font-size:18px;color:#617291;max-width:540px}
.download-section{max-width:1180px;margin:0 auto 80px;padding:48px 40px;border-radius:28px;color:#fff;background:linear-gradient(135deg,#10204a,#2743a8);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 24px 60px rgba(32,55,115,.18)}
.download-section h2{font-size:clamp(30px,3.5vw,46px);margin:12px 0}.download-section p{color:#cad7f1}.download-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.light-ghost{background:transparent!important;color:#fff!important;border-color:#ffffff55!important}
footer{padding:34px max(22px,calc((100% - 1180px)/2)) 45px;border-top:1px solid #e2e9f3;display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center;color:#6b7d99;font-size:12px}
.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:42px;height:42px;border-radius:11px}.footer-brand strong{display:block;color:var(--ink);font-size:15px}.footer-brand span{font-size:10px}
.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--blue)}

@media(max-width:1050px){
  .desktop-nav{gap:16px}.hero{grid-template-columns:1fr;}.hero-copy{max-width:820px;margin:auto}.hero-visual{min-height:570px}.desktop-device{margin-right:55px}.language-band{margin:0 16px}
}
@media(max-width:780px){
  .site-header{height:74px}.brand img{width:50px;height:50px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:10px}.brand-copy em{font-size:8px}.desktop-nav{display:none}.mobile-download{display:inline-flex}
  .hero{padding-top:48px}.hero h1{font-size:clamp(39px,11vw,58px)}
  .feature-points{grid-template-columns:1fr}.hero-visual{min-height:520px}.desktop-device{width:85%;height:390px;margin-right:30px}.mobile-device{width:185px;height:390px;right:3%;bottom:10px}
  .float-tag{min-width:130px;padding:10px}.tag-1{top:5%;right:0}.tag-2{top:42%;left:0}.tag-3{bottom:10%;right:0}
  .language-band{flex-direction:column;align-items:flex-start}.langs{justify-content:flex-start}
  .stats{grid-template-columns:repeat(2,1fr);padding:20px 16px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .workflow{grid-template-columns:1fr;border-radius:28px}.workflow-steps{grid-template-columns:repeat(2,1fr)}
  .about{grid-template-columns:1fr}.download-section{margin:0 16px 60px;padding:34px 26px;display:block}.download-actions{justify-content:flex-start;margin-top:20px}
  footer{grid-template-columns:1fr}
}
@media(max-width:500px){
  .brand-copy small{display:none}.hero{padding-left:17px;padding-right:17px}.hero p{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}
  .hero-visual{min-height:485px}.backdrop-card{width:100%;height:76%;border-radius:35px}.desktop-device{width:87%;height:300px;margin-right:10px;border-radius:24px;border-width:5px}.device-top{height:22px;font-size:6px}.device-screen{height:calc(100% - 22px)}
  .mobile-device{width:145px;height:305px;border-radius:25px;border-width:5px}.speaker{width:42px;height:12px}.float-tag{display:none}.tool-orbit{left:2%;bottom:2%}
  .feature-points{gap:6px}.feature-points>div{padding:7px 0}.ico{width:39px;height:39px;border-radius:11px}
  .cards{grid-template-columns:1fr}.section{padding:68px 17px}.section-head h2{font-size:37px}
  .workflow{padding:42px 22px}.workflow h2{font-size:39px}.workflow-steps{grid-template-columns:1fr}
  .langs span{font-size:10px;padding:8px 10px}.stats{gap:8px}.stats>div{padding:13px 8px}.stats b{font-size:17px}
  footer{padding-left:17px;padding-right:17px}
}