:root{--bg:#fff;--soft:#f5f8fc;--ink:#0b1b2e;--muted:#5b6b7e;--line:#e4eaf2;--brand:#0a66ff;--brand2:#00b4d8;--brand3:#7c4dff;--grad:linear-gradient(135deg,#0a66ff,#00b4d8);--r:22px;--max:1200px;--sh:0 1px 2px rgba(11,27,46,.04),0 12px 32px rgba(11,27,46,.07);--shl:0 2px 4px rgba(11,27,46,.05),0 28px 60px rgba(10,102,255,.16)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Poppins,system-ui,sans-serif;background:#fff;color:var(--ink);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}section{padding:100px 0;position:relative}h1,h2,h3{line-height:1.15;font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#0a66ff14;color:var(--brand);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:18px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.lead{color:var(--muted);font-size:1.08rem;max-width:640px}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 28px;font-size:.92rem;font-weight:600;transition:.25s;cursor:pointer;border:0;font-family:inherit}.btn.primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px #0b1b2e33}.btn.primary:hover{background:var(--brand);transform:translateY(-2px)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}header{position:fixed;top:14px;left:0;right:0;z-index:50;padding:0 16px}.nav{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 14px 0 26px;border-radius:999px;background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line)}header.scrolled .nav{box-shadow:var(--sh)}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;letter-spacing:-.03em}.logo svg{width:30px;height:30px}.logo em{font-style:normal;color:var(--brand)}.menu{display:flex;gap:6px;align-items:center;font-size:.88rem;font-weight:500}.menu a.l{padding:9px 16px;border-radius:999px;color:#34455a;transition:.2s}.menu a.l:hover,.menu a.l.active{background:var(--soft);color:var(--brand)}.menu .btn{padding:11px 22px;font-size:.85rem;margin-left:8px}.burger{display:none;background:none;border:0;font-size:1.5rem;cursor:pointer;color:var(--ink);padding:6px 12px}.hero{padding:170px 0 90px;overflow:hidden;background:radial-gradient(60% 50% at 85% 10%,rgba(0,180,216,.16),transparent 70%),radial-gradient(50% 50% at 5% 30%,rgba(124,77,255,.1),transparent 70%),#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.hero h1{font-size:clamp(2.3rem,5vw,3.9rem);font-weight:800;margin-bottom:22px}.hero .lead{margin-bottom:32px}.cta{display:flex;gap:14px;flex-wrap:wrap}.trust{display:flex;gap:30px;margin-top:44px;flex-wrap:wrap}.trust b{display:block;font-size:1.5rem;font-weight:700}.trust span{font-size:.8rem;color:var(--muted)}.visual{position:relative;aspect-ratio:1/.95}.vcard{position:absolute;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shl)}.v-main{top:6%;right:4%;bottom:14%;left:8%;padding:22px;display:flex;flex-direction:column;gap:12px}.v-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%}.dots i:nth-child(1){background:#ff6b6b}.dots i:nth-child(2){background:#ffd166}.dots i:nth-child(3){background:#06d6a0}.pipe{display:grid;gap:10px;flex:1;align-content:center}.row{display:flex;align-items:center;gap:12px;background:var(--soft);border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:500}.row .bar{flex:1;height:8px;border-radius:6px;background:#e4eaf2;overflow:hidden}.row .bar i{display:block;height:100%;background:var(--grad);border-radius:6px;animation:grow 1.4s ease both;transform-origin:left}@keyframes grow{0%{transform:scaleX(0)}}.v-a,.v-b,.v-c{padding:14px 18px;display:flex;align-items:center;gap:12px}.v-a{top:0;right:0;animation:float 6s ease-in-out infinite}.v-b{bottom:2%;left:0;animation:float 7s -2s ease-in-out infinite}.v-c{bottom:8%;right:-2%;animation:float 8s -4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px)}}.chip{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem;background:var(--grad)}.chip.g{background:linear-gradient(135deg,#06d6a0,#00b4d8)}.vcard small{display:block;color:var(--muted);font-size:.72rem;line-height:1.2}.vcard strong{font-size:.92rem}.marquee{padding:24px 0;border-block:1px solid var(--line);background:var(--soft);overflow:hidden}.track{display:flex;gap:56px;width:max-content;animation:scroll 34s linear infinite;color:#7a8aa0;font-weight:600;white-space:nowrap}.track span:before{content:"✦";color:var(--brand2);margin-right:56px}@keyframes scroll{to{transform:translate(-50%)}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{color:var(--muted);font-size:1.05rem;margin-bottom:24px}.pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pillar{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.3s}.pillar:hover{background:#fff;box-shadow:var(--sh);transform:translateY(-4px)}.pillar:nth-child(2){margin-top:26px}.pillar svg,.ico svg{stroke:var(--brand);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pillar svg{width:34px;height:34px;margin-bottom:12px}.pillar h3{font-size:1.1rem;margin-bottom:6px}.pillar span{font-size:.88rem;color:var(--muted);display:block;line-height:1.5}.soft{background:var(--soft)}.head{margin-bottom:52px}.grid{display:grid;gap:22px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:.35s}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .4s}.card:hover{transform:translateY(-8px);box-shadow:var(--shl);border-color:transparent}.card:hover:before{transform:scaleX(1)}.ico{width:54px;height:54px;border-radius:16px;background:#0a66ff14;display:grid;place-items:center}.ico svg{width:26px;height:26px}.card h3{font-size:1.25rem}.card p{color:var(--muted);font-size:.93rem;flex:1}.more{color:var(--brand);font-size:.88rem;font-weight:600}.more:after{content:" →"}.prod{padding:44px;gap:18px}.prod .tag{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);background:#0a66ff14;border-radius:999px;padding:4px 12px}.prod h3{font-size:2rem}.ticks{list-style:none;display:grid;gap:10px;margin:6px 0}.ticks li{position:relative;padding-left:28px;font-size:.93rem;color:#34455a}.ticks li:before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--grad)}.ticks li:after{content:"";position:absolute;left:5px;top:9px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.stat-box{background:linear-gradient(135deg,#eef5ff,#e8fbff);border:1px solid var(--line);border-radius:36px;padding:64px 50px;position:relative;overflow:hidden}.stat-box h2{text-align:center;max-width:640px;margin:0 auto 44px;font-size:clamp(1.6rem,3vw,2.3rem)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat b{display:block;font-size:clamp(2.1rem,4vw,3.2rem);font-weight:800}.stat span{color:var(--muted);font-size:.92rem}.coe-wrap{display:grid;grid-template-columns:340px 1fr;gap:30px}.tabs{display:flex;flex-direction:column;gap:8px}.tab{background:#fff;border:1px solid var(--line);border-radius:16px;color:#34455a;font:inherit;font-size:.92rem;font-weight:500;text-align:left;padding:14px 18px;cursor:pointer;transition:.25s;display:flex;gap:12px}.tab b{font-size:.75rem;color:#9bacc0}.tab:hover{border-color:var(--brand)}.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tab.on b{color:var(--brand2)}.panel{background:linear-gradient(135deg,#eef5ff,#e8fbff);border:1px solid var(--line);border-radius:28px;padding:44px;display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:340px;position:relative;overflow:hidden}.panel .big{font-size:4.5rem;font-weight:800;line-height:1;color:#0a66ff26}.panel h3{font-size:1.8rem}.panel p{color:var(--muted);max-width:560px}.panel ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.panel li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:.82rem;color:#34455a}.swap>*{animation:fade .45s ease both}@keyframes fade{0%{opacity:0;transform:translateY(12px)}}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;counter-increment:s}.step:before{content:"0" counter(s);font-weight:800;font-size:1.6rem;color:#0a66ff40}.step h3{font-size:1.05rem;margin:6px 0}.step p{font-size:.88rem;color:var(--muted)}.page-hero{padding:150px 0 40px;background:radial-gradient(60% 60% at 90% 0,rgba(0,180,216,.14),transparent 70%),#fff}.page-hero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;margin-bottom:14px}.contact-box{display:grid;grid-template-columns:1fr 1.1fr;border-radius:32px;overflow:hidden;box-shadow:var(--shl);border:1px solid var(--line)}.honeypot-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.c-info{background:var(--soft);padding:50px 44px;border-right:1px solid var(--line)}.c-info h2{font-size:1.9rem;margin-bottom:28px}.info{display:grid;gap:22px}.info>div{display:flex;gap:16px}.info p{min-width:0}.info .i{flex:none;width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center}.info svg{width:20px;height:20px;stroke:var(--brand);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.info small{display:block;color:#7a8aa0;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.info span{font-size:.95rem;color:var(--ink);overflow-wrap:anywhere}.c-form{padding:50px 44px;background:#fff}.c-form h3{font-size:1.5rem;margin-bottom:20px}form{display:grid;gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:.8rem;font-weight:600;color:#34455a;display:grid;gap:6px}input,textarea,select{width:100%;background:var(--soft);border:1.5px solid transparent;border-radius:14px;padding:14px 16px;color:var(--ink);font:inherit;font-size:.93rem;outline:0;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #0a66ff1a}textarea{min-height:120px;resize:vertical}.err{color:#e5484d;font-size:.78rem;font-weight:500;min-height:1.2em}.btn.primary[disabled]{opacity:.7;cursor:not-allowed;transform:none}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:24px;right:24px;z-index:999;display:flex;align-items:flex-start;gap:14px;max-width:360px;background:#fff;border-left:4px solid var(--brand);border-radius:14px;box-shadow:var(--shl);padding:16px 18px;font-size:.9rem;color:var(--ink);animation:toast-in .25s ease}.toast-success{border-left-color:#1a9a5b}.toast-error{border-left-color:#e5484d}.toast span{flex:1}.toast button{flex:none;background:none;border:0;cursor:pointer;font-size:18px;line-height:1;color:#9bacc0;padding:0}.toast button:hover{color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (max-width:480px){.toast{left:16px;right:16px;max-width:none}}.map{margin-top:28px;border-radius:20px;overflow:hidden;border:1px solid var(--line);height:260px}.map iframe{width:100%;height:100%;border:0}footer{padding:50px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;background:var(--soft)}.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot nav{display:flex;gap:20px;flex-wrap:wrap}.foot nav a:hover{color:var(--brand)}.copy{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.rv{opacity:0;transform:translateY(32px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}@media (max-width:1020px){.hero-grid,.about-grid,.coe-wrap,.contact-box{grid-template-columns:1fr}.g3,.flow,.stat-grid{grid-template-columns:repeat(2,1fr)}.tabs{flex-direction:row;flex-wrap:wrap}.visual{max-width:560px;margin:0 auto;width:100%}.c-info{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:780px){section{padding:72px 0}.hero{padding-top:130px}.burger{display:block}.menu{position:absolute;top:76px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shl);flex-direction:column;align-items:stretch;padding:14px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s}.menu.open{opacity:1;pointer-events:auto;transform:none}.menu .btn{margin:8px 0 0;justify-content:center}.g3,.g2,.flow,.pillars,.two{grid-template-columns:1fr}.pillar:nth-child(2){margin-top:0}.stat-grid{grid-template-columns:1fr 1fr}.stat-box{padding:44px 20px}.c-info,.c-form{padding:34px 24px}.panel{padding:30px}.prod{padding:30px 24px}}@media (max-width:480px){.wrap{padding:0 16px}.page-hero{padding:124px 0 24px}.page-hero h1{font-size:clamp(2rem,10vw,2.5rem)}.contact-box{border-radius:20px}.c-info,.c-form{padding:28px 18px}.c-info h2{font-size:1.65rem;margin-bottom:22px}.info{gap:18px}.info>div{gap:12px;align-items:flex-start}.info .i{width:40px;height:40px;border-radius:12px}.info span{font-size:.88rem;line-height:1.55}.map{height:220px;margin-top:24px;border-radius:16px}input,textarea,select{padding:13px 14px}.c-form .btn{width:100%;justify-content:center}.visual{aspect-ratio:1/.9}.v-main{top:10%;right:3%;bottom:16%;left:3%;padding:16px}.v-a,.v-b,.v-c{padding:10px 12px}.v-a{top:0;right:0}.v-b{bottom:0;left:0}.v-c{right:0;bottom:7%}.v-a .chip,.v-b .chip{width:32px;height:32px;border-radius:10px}.vcard strong{font-size:.82rem}.vcard small{font-size:.65rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
