
:root{--dark:#0b1729;--ink:#13243c;--muted:#60738a;--cyan:#16b8c6;--line:#e2eaf0;--light:#f6f9fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:white;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1160px;margin:auto;padding:0 28px}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;letter-spacing:.13em;font-weight:800;color:var(--dark)}.brand b{color:#0d9eae}.navlinks{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.navlinks a:not(.btn):hover{color:#068e9c}.btn{display:inline-flex;align-items:center;justify-content:center;background:#12b6c5;color:#05202b!important;border-radius:10px;padding:12px 20px;font-weight:750;font-size:14px;transition:transform .2s,background .2s}.btn:hover{background:#47d6db;transform:translateY(-2px)}.btn.alt{background:#e7f7fa;color:#086875!important}.hero{background:radial-gradient(ellipse at 85% 20%,#154560 0%,transparent 45%),linear-gradient(130deg,#0b1729,#132a43);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:32px;min-height:570px;padding-top:70px;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:800;color:#63d5dc}.hero h1{font-size:clamp(42px,5.3vw,68px);line-height:1.09;letter-spacing:-.045em;margin:24px 0}.hero h1 em{font-style:normal;color:#4dd3d9}.hero p{font-size:18px;max-width:585px;color:#c9d8e5;margin-bottom:32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.outline{border:1px solid #618095;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:650}.outline:hover{background:#ffffff18}.visual{position:relative;min-height:340px}.panel{position:absolute;background:#eaf7fc;color:#17304a;border:1px solid #afd8e7;box-shadow:0 22px 58px #0003;border-radius:18px;padding:22px;width:78%;right:0;top:36px}.panel h3{margin:0 0 14px;font-size:13px}.mockbar{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.mockbar span{font-size:12px;color:#5e7387}.bar{height:9px;width:55%;background:#c6e3ed;border-radius:20px;overflow:hidden}.bar i{display:block;background:#17b2c2;height:100%;border-radius:20px}.smallpanel{position:absolute;left:0;bottom:15px;width:60%;background:#fff;border-radius:16px;padding:18px;box-shadow:0 20px 45px #0003;color:#17304a}.smallpanel strong{font-size:14px}.smallpanel p{font-size:12px;color:#657e90;margin:4px 0 0}.check{display:inline-grid;place-items:center;border-radius:50%;background:#d7f6ed;color:#18785f;width:30px;height:30px;margin-right:8px}.section{padding:92px 0}.kicker{font-size:12px;color:#078e9a;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.section h2{font-size:clamp(30px,3.4vw,44px);line-height:1.18;letter-spacing:-.035em;margin:16px 0 20px}.lead{font-size:17px;color:var(--muted);max-width:650px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px}.service{border:1px solid var(--line);border-radius:20px;padding:34px;background:#fff;transition:box-shadow .2s,transform .2s}.service:hover{box-shadow:0 18px 44px #142c4110;transform:translateY(-3px)}.service .number{color:#0997a4;font-size:13px;letter-spacing:.14em;font-weight:850}.service h3{font-size:26px;margin:15px 0 10px;letter-spacing:-.03em}.service p{color:var(--muted)}.service ul{padding:0;list-style:none;display:grid;gap:9px;margin:25px 0}.service li:before{content:'✓';color:#0699a5;font-weight:bold;margin-right:11px}.textlink{color:#087d89;font-weight:750;font-size:14px}.soft{background:var(--light)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.step{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px}.step span{color:#0c9aaa;font-weight:800;font-size:14px}.step h3{font-size:17px;margin:14px 0 6px}.step p{font-size:14px;color:var(--muted);margin:0}.pitch{background:var(--dark);color:#fff;padding:75px 0}.pitch .container{display:flex;gap:30px;justify-content:space-between;align-items:center}.pitch h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;margin:10px 0}.pitch p{color:#b6cbd9;margin:0}.footer{padding:40px 0 25px;background:#081222;color:#bbc9d6}.footrow{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer .brand{color:#fff}.footer p{max-width:470px;font-size:13px}.legal{border-top:1px solid #20354b;margin-top:35px;padding-top:18px;font-size:12px;color:#99aabd}.legal a{text-decoration:underline}.mobile-toggle{display:none}.notice{background:#edf8f9;border-bottom:1px solid #dbedef;padding:9px 28px;color:#29586a;font-size:12px;text-align:center}.notice a{text-decoration:underline}@media(max-width:780px){.container{padding:0 22px}.nav{height:70px}.navlinks a:not(.btn){display:none}.hero-inner{grid-template-columns:1fr;min-height:initial;padding-top:70px;padding-bottom:65px}.visual{min-height:270px;max-width:480px;width:100%;margin:0 auto}.panel{top:10px}.smallpanel{bottom:0}.grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.pitch .container{display:block}.pitch .btn{margin-top:25px}.hero h1{font-size:48px}}@media(max-width:430px){.steps{grid-template-columns:1fr}.hero h1{font-size:41px}.navlinks .btn{padding:10px 12px;font-size:12px}.visual{min-height:245px}.panel{width:86%}.smallpanel{width:70%}}

/* V1.1 — product-led creative direction */
:root{--dark:#08152a;--ink:#17243c;--cyan:#72f1df;--line:#e3e9f1;--light:#f5f7fb}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.nav{height:84px}.brand{font-size:23px;letter-spacing:.105em}.brand b{color:#168c9b}
.navlinks{font-size:13px}.btn{border-radius:999px;background:#9bf2dd;color:#063834!important;padding:14px 23px;box-shadow:0 8px 24px #4be1c82e}.btn:hover{background:#b2fae9}.btn.alt{color:#084d55!important}
.hero{background:radial-gradient(ellipse 65% 65% at 89% 27%,#244d85a8,transparent 70%),radial-gradient(ellipse 60% 65% at 35% 110%,#142d46,transparent),linear-gradient(120deg,#061225,#101d37 72%,#192b4a);position:relative}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#95b9d42b 1px,transparent 1px),linear-gradient(90deg,#95b9d42b 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-inner{min-height:660px;grid-template-columns:1.1fr .9fr;gap:45px;padding-top:70px;padding-bottom:85px;position:relative}
.hero h1{font-size:clamp(48px,5.3vw,74px);line-height:1.055;margin:22px 0 25px;letter-spacing:-.065em;font-weight:780}
.hero h1 em{background:linear-gradient(90deg,#89f3db,#97bcff 84%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero p{color:#b9c7da;max-width:570px;font-size:17px;line-height:1.8}
.eyebrow{font-size:11px;letter-spacing:.2em;color:#9de4dd;display:flex;align-items:center;gap:10px}
.pulse{width:8px;height:8px;border-radius:50%;background:#8bf8d9;box-shadow:0 0 0 5px #6cf0d51c,0 0 20px #6cf0d5}
.outline{border-color:#708aa45c;border-radius:999px;color:#e3eaf6;background:#fff08}.outline:hover{background:#ffffff17}
.visual{min-height:445px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.orbit{position:absolute;border:1px solid #6aaeb22d;border-radius:50%;left:4%;top:0%;width:93%;aspect-ratio:1;transform:rotate(-22deg);z-index:-1}.orbit-two{width:75%;left:12%;top:12%;border-style:dashed}
.product-window{width:100%;max-width:490px;background:#f6fafb;border:1px solid #bce2e6;box-shadow:0 38px 90px #0006,0 0 65px #42bac921;border-radius:19px;transform:rotate(-3deg);overflow:hidden}
.window-top{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:#e7f2f6;border-bottom:1px solid #d6e7ed;color:#587587;font-size:10px;letter-spacing:.045em}
.dots{display:flex;gap:5px}.dots i{display:block;width:7px;height:7px;background:#a8c3cd;border-radius:50%}.dots i:first-child{background:#fbac9f}.dots i:nth-child(2){background:#f3d69d}.window-mark{font-size:19px;color:#299f9f}
.product-content{padding:25px 32px 30px;text-align:center}.canvas-label{display:inline-block;color:#44819a;font-size:10px;letter-spacing:.22em;font-weight:800;margin-bottom:23px}
.flow-node{display:flex;align-items:center;text-align:left;gap:10px;background:white;border:1px solid #dce9ef;border-radius:13px;padding:13px 15px;box-shadow:0 7px 16px #3153720a;flex:1;min-width:0}
.flow-node b{font-size:12px;color:#24465b;display:block;white-space:nowrap}.flow-node small{font-size:10px;color:#8496a7;display:block;white-space:nowrap}.node-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;background:#e8f6f3;color:#248c8a;font-size:17px;border-radius:10px}
.origin-node,.final-node{max-width:260px;margin:auto}.final-node{max-width:290px;border-color:#a9e2d6;background:#f3fdfa}.final-node .node-icon{background:#bdf1df}
.node-link{height:26px;width:1px;background:#7ec5bc;margin:0 auto}.flow-split{display:flex;gap:12px;position:relative}.flow-split:before{content:"";position:absolute;top:-14px;left:25%;right:25%;height:14px;border:1px solid #7ec5bc;border-bottom:0;border-radius:8px 8px 0 0}.tag-ready{margin-left:auto;border-radius:999px;background:#d4f7e9;color:#168369;font-size:8px;font-weight:800;letter-spacing:.1em;padding:5px 8px}
.floating-pill{position:absolute;bottom:9px;right:-12px;border:1px solid #ffffff4a;color:#edfdfa;background:#23445bd9;backdrop-filter:blur(16px);border-radius:999px;padding:12px 19px;font-size:11px;box-shadow:0 20px 38px #0004}.floating-pill span{color:#8efbd8;margin-right:6px}
.section{padding:105px 0}.section h2{font-weight:750;letter-spacing:-.052em}.kicker{color:#18939a;font-size:11px}.service{border-radius:22px;box-shadow:0 14px 50px #223b5806;position:relative;overflow:hidden}.service:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#40b8b3,#83b4eb)}.service:nth-child(2):before{background:linear-gradient(90deg,#738fdd,#9ae9c7)}
.service h3{font-weight:730}.service .number{color:#348d9b}.soft{background:#f5f7fa}.step{border-radius:20px}.pitch{background:linear-gradient(110deg,#0a182d,#1b3550)}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:15px;padding-top:65px}.visual{max-width:560px;width:100%;margin:auto}.floating-pill{right:0}}
@media(max-width:480px){.container{padding:0 20px}.hero h1{font-size:clamp(42px,11vw,58px)}.hero-inner{padding-top:57px;padding-bottom:70px}.visual{min-height:350px}.product-window{transform:rotate(-1deg)}.product-content{padding:20px 13px 24px}.flow-node{padding:10px 8px;gap:6px}.flow-node b{font-size:10px}.flow-node small{font-size:8px}.node-icon{width:24px;height:24px;font-size:13px}.floating-pill{bottom:0;right:1px;font-size:9px;padding:8px 10px}.section{padding:72px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V1.2 bilingual locale controls */
.language-switch{display:inline-flex;gap:3px;align-items:center;border:1px solid #d6e4e8;border-radius:999px;background:#f1f6f8;padding:4px;flex-shrink:0}.lang-button{font:inherit;font-weight:750;font-size:12px;padding:7px 11px;border:0;border-radius:999px;background:transparent;color:#496275;cursor:pointer}.lang-button.active{color:#063e45;background:#a1f0dc;box-shadow:0 2px 9px #004b421c}.lang-button:focus-visible{outline:2px solid #178e99;outline-offset:3px}html[lang=zh-CN] body{font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}html[lang=zh-CN] .hero h1{letter-spacing:-.045em;line-height:1.23}html[lang=zh-CN] .section h2{letter-spacing:-.025em;line-height:1.32}html[lang=zh-CN] .hero p{line-height:1.9}@media(max-width:780px){.navlinks{gap:9px}.navlinks .btn{padding:10px 13px;font-size:12px}.language-switch{padding:3px}.lang-button{padding:6px 9px}}@media(max-width:390px){.brand{font-size:20px}.navlinks .btn{font-size:11px;padding:9px}.container{padding-left:15px;padding-right:15px}}

/* V1.5 multi-page extensions */
body{min-height:100vh} .siteheader{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(17px);z-index:30;border-bottom:1px solid #e8eef2}.siteheader .nav{height:74px}.navlinks{gap:22px}.navlinks a.current{color:#068f99}.langtext{font-size:12px;border:1px solid #dde7eb;border-radius:99px;padding:7px 11px}.langtext:hover{background:#f2faf9}.navlinks a:not(.btn){display:inline-block}.service .price-mini{font-size:28px;font-weight:800;letter-spacing:-.05em;color:#102a40}.service .price-mini small{font-size:13px;letter-spacing:0;color:#698192;font-weight:500}.pill{font-size:11px;letter-spacing:.09em;color:#096f76;background:#e5faf5;padding:6px 11px;border-radius:99px;display:inline-block;font-weight:800}.section-tight{padding:78px 0}.section-hero{background:radial-gradient(ellipse at 80% 15%,#21416aa8,transparent 57%),linear-gradient(120deg,#071528,#142c4c);padding:100px 0 95px;color:white}.section-hero h1{font-size:clamp(39px,5.5vw,72px);letter-spacing:-.055em;line-height:1.1;max-width:880px;margin:14px 0 20px}.section-hero p{color:#bdcfdf;max-width:760px;font-size:18px}.section-hero .eyebrow{color:#a4f3df}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.detail-card{background:white;border:1px solid #e4ebf1;border-radius:19px;padding:28px;box-shadow:0 6px 18px #26384e06}.detail-card h3{font-size:20px;margin:8px 0}.detail-card p,.detail-card li{color:#5b6d83;font-size:14px}.detail-card ul{padding-left:19px;line-height:1.9}.detail-card.highlight{border-color:#80daca;box-shadow:0 18px 45px #0b847514}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px;margin-top:28px}.plan{padding:32px;border-radius:20px;border:1px solid #deebef;background:white}.plan.feature{border-color:#39c5bb;background:linear-gradient(145deg,#fff,#f1fdf9)}.plan .amount{font-size:42px;line-height:1.3;letter-spacing:-.05em;font-weight:850;color:#122840}.plan ul{padding-left:19px;color:#5b7183;line-height:1.8;font-size:14px}.plan .note{font-size:12px;color:#637b8a}.plan h3{font-size:23px;margin:0}.fineprint{font-size:13px;line-height:1.8;color:#647588}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.faqitem{border-bottom:1px solid #e1eaf0;padding:20px 0}.faqitem h3{margin:0 0 7px;font-size:17px}.faqitem p{margin:0;color:#5d7284;font-size:14px}.contactpanel{background:#f4faf9;border:1px solid #dcefea;padding:28px;border-radius:20px}.contactpanel a{color:#087f84;overflow-wrap:anywhere}.crumb{font-size:12px;color:#9bc7d0;margin-bottom:14px}.crumb a{text-decoration:underline}.demo-notice{padding:11px 24px;background:#e7faf4;color:#155952;font-size:12px;text-align:center}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.footer-nav a:hover{text-decoration:underline}.illustration-note{font-size:11px;text-align:center;color:#6b8792;padding-top:12px}.landing-lines{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.landing-lines span{font-size:12px;border:1px solid #617b96;border-radius:99px;padding:7px 13px;color:#d0e4f0}.sample-band{background:#0d2038;color:#cddbe7;padding:25px;border-radius:16px;margin-top:25px}.sample-band strong{color:#fff}.cta-panel{background:#091a30;color:#fff;padding:45px;border-radius:22px;display:flex;gap:25px;align-items:center;justify-content:space-between}.cta-panel p{color:#c4d4df;margin:4px 0}.cta-panel h2{margin:0;font-size:30px}.pricing-note{color:#5c7285;font-size:13px}.step h3{color:#152c40}
@media(max-width:950px){.navlinks{gap:12px}.navlinks a:not(.btn){font-size:12px}.navlinks .btn{padding:10px 13px;font-size:12px}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.navlinks a:not(.btn):not(.langtext){display:none}.split,.pricing-grid,.detail-grid{grid-template-columns:1fr}.section-hero{padding:70px 0}.section-hero h1{font-size:43px}.cta-panel{display:block}.cta-panel .btn{margin-top:24px}.siteheader .nav{height:67px}.hero-inner{padding-top:65px}}

/* AIVOSOL inquiry form */
.inquiry-section{background:#edf3f7}.inquiry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.inquiry-layout h2{font-size:34px;margin:10px 0 16px}.inquiry-form{background:white;border:1px solid #dce5ec;border-radius:22px;padding:30px;box-shadow:0 14px 50px rgba(12,38,64,.06)}.inquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.inquiry-form label{display:block;font-weight:600;font-size:13px;color:#1a354a;margin-bottom:17px}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{display:block;margin-top:8px;width:100%;font:inherit;font-weight:400;font-size:15px;color:#142b40;background:#fbfdff;border:1px solid #c8d6e1;border-radius:11px;padding:12px;box-sizing:border-box}.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:2px solid #53a99c;outline-offset:2px}.inquiry-form label span[aria-hidden]{color:#b55a56}.inquiry-form .privacy-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}.privacy-consent input{margin-top:4px}.inquiry-form .fineprint{font-size:12px;line-height:1.6}.inquiry-form .fineprint a{text-decoration:underline}.inquiry-submit{cursor:pointer;border:0}.inquiry-submit:disabled{opacity:.55;cursor:wait}.form-status{margin:12px 0 0;font-size:14px}.form-status.success{color:#186c59}.form-status.error{color:#b03d3d}.form-honeypot{position:absolute;left:-10000px;opacity:0;pointer-events:none}@media(max-width:780px){.inquiry-layout,.inquiry-grid{grid-template-columns:1fr}.inquiry-form{padding:20px}}
