@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap";:root{--bg: #f8f6f2;--surface: #ffffff;--text: #0f2630;--muted: #456a78;--brand: #0088c8;--brand-deep: #00567d;--line: #c7dce7;--accent: #ff9c4b;--shadow: 0 16px 44px rgba(0, 52, 78, .12);--radius: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 88% -12%,#b9ebff 0%,transparent 35%),radial-gradient(circle at 10% 22%,#ffd8b8 0%,transparent 28%),var(--bg);font-family:Zen Kaku Gothic New,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.55}.page{overflow-x:hidden}.hero{width:min(1140px,92vw);margin:1.3rem auto 1.5rem;background:linear-gradient(145deg,#fff,#ecf7fd);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow);padding:1.1rem 1.1rem 1.8rem;position:relative}.hero:after{content:"";position:absolute;inset:-12% auto auto 70%;width:280px;height:280px;background:radial-gradient(circle,rgba(0,136,200,.22),transparent 66%);pointer-events:none;animation:pulse 4.8s ease-in-out infinite}.hero-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1.08fr);gap:1rem;align-items:center;position:relative;z-index:1}.nav{display:flex;align-items:center;justify-content:space-between}.nav-actions{display:flex;align-items:center;gap:.55rem}.brand img{width:190px;max-width:38vw;display:block}.lang-toggle{display:inline-flex;align-items:center;gap:.2rem;border:1px solid var(--line);border-radius:999px;background:#fff;padding:.2rem}.lang-btn{border:0;background:transparent;color:var(--brand-deep);font-weight:800;font-size:.74rem;border-radius:999px;padding:.35rem .6rem;cursor:pointer}.lang-btn.active{background:linear-gradient(130deg,var(--brand) 0%,#00a0dd 100%);color:#fff}.hero-content{max-width:none;padding:2rem .2rem .5rem;animation:rise .85s ease both}.hero-visual{margin:0;width:min(100%,760px);justify-self:end;animation:rise .9s ease both}.hero-illustration{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 24px rgba(0,86,125,.15))}.hero-illustration .pipeline-connector{fill:none;stroke:#73b4d5;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:8 8;animation:showcase-flow 3.3s linear infinite}.hero-illustration .output-conn{stroke:#8fc3dc;animation-duration:3.7s}.hero-illustration .pipeline-dot{opacity:.95;filter:drop-shadow(0 0 2px rgba(0,136,200,.34))}.hero-illustration .pipeline-square{opacity:.92;filter:drop-shadow(0 0 2px rgba(0,86,125,.34))}.hero-illustration .ai-ring{transform-origin:center;transform-box:fill-box;animation:showcase-rotate 4.5s linear infinite}.hero-illustration .ai-core{animation:showcase-core-pulse 2.8s ease-in-out infinite}.hero-illustration .scanline{animation:showcase-scan 6s ease-in-out infinite}.hero-illustration .type-line{transform-origin:left center;transform-box:fill-box;animation:showcase-typing 2.7s ease-in-out infinite}.hero-illustration .tl-2{animation-delay:.2s}.hero-illustration .tl-3{animation-delay:.4s}.hero-illustration .tl-4{animation-delay:.6s}.hero-illustration .new-row{animation:showcase-row-add 2.4s ease-in-out infinite}.hero-illustration .messy-jitter{animation:showcase-jitter 1.8s ease-in-out infinite}.hero-illustration .mj-2{animation-delay:.45s}.hero-illustration .token{animation:showcase-token-path 2.8s linear infinite}.hero-illustration .token-2{animation-delay:.9s}.hero-illustration .token-3{animation-delay:1.7s}.hero-illustration .check-pop{animation:showcase-check 2.2s ease-in-out infinite}.hero-illustration .cp-2{animation-delay:.7s}.hero-illustration .voice-level{transform-origin:center;transform-box:fill-box;animation:showcase-voice-level 1.5s ease-in-out infinite}.hero-illustration .v1{animation-delay:.1s}.hero-illustration .v2{animation-delay:.8s}.hero-illustration .v3{animation-delay:.3s}.hero-illustration .v4{animation-delay:1.1s}.hero-illustration .v5{animation-delay:.6s}.hero-illustration .doc-line{transform-origin:left center;transform-box:fill-box;animation:showcase-typing 2.3s ease-in-out infinite}.hero-illustration .dl-2{animation-delay:.2s}.hero-illustration .dl-3{animation-delay:.4s}.hero-illustration .sheet-bar{transform-origin:center bottom;transform-box:fill-box;animation:showcase-bar-grow 2.6s ease-in-out infinite}.hero-illustration .sb-2{animation-delay:.2s}.hero-illustration .sb-3{animation-delay:.4s}.hero-illustration .gear-spin{transform-origin:center;transform-box:fill-box;animation:showcase-rotate 5s linear infinite}.eyebrow{margin:0;color:var(--brand-deep);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}h1,h2,h3{font-family:Sora,Zen Kaku Gothic New,sans-serif;margin:0;line-height:1.18}h1{margin-top:.8rem;font-size:clamp(1.9rem,4.7vw,3.25rem);max-width:19ch}.lead{margin:1rem 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);max-width:62ch}.price-promise{margin:.9rem 0 0;padding:.65rem .82rem;border-left:4px solid var(--accent);background:#fff7ef;color:#6c4d34;border-radius:8px;max-width:65ch;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.35rem}.pill-row{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.55rem}.pill{border:1px solid #b4d8ea;color:var(--brand-deep);background:#f5fcff;font-size:.83rem;font-weight:700;padding:.3rem .65rem;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:.65rem 1.15rem;border:1px solid transparent;background:linear-gradient(130deg,var(--brand) 0%,#00a0dd 100%);color:#fff;font-weight:700;font-size:.96rem;text-decoration:none;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.05);box-shadow:0 10px 24px #0088c84d}.btn-ghost{background:#fff;color:var(--brand-deep);border-color:var(--line)}.btn-small{font-size:.84rem;padding:.52rem .9rem}.hero-strip{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.hero-strip div{border:1px solid var(--line);border-radius:14px;padding:.85rem .9rem;background:#fff;animation:rise .9s ease both}.hero-strip div:nth-child(2){animation-delay:.1s}.hero-strip div:nth-child(3){animation-delay:.2s}.hero-strip span{display:block;font-weight:800;color:var(--brand-deep)}.hero-strip p{margin:.2rem 0 0;color:var(--muted);font-size:.92rem}.section{width:min(1140px,92vw);margin:0 auto;padding:2.3rem 0}#contact{scroll-margin-top:1rem}.section h2{font-size:clamp(1.45rem,3vw,2.1rem)}.section>p{color:var(--muted);margin:.7rem 0 0}.grid{display:grid;gap:.9rem;margin-top:1rem}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:0 6px 16px #00496c14;animation:rise .8s ease both}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.14s}.card h3{font-size:1.2rem}.card p{margin:.55rem 0 0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.list{margin:.85rem 0 0;padding-left:1.15rem}.list li{margin-bottom:.52rem}.ordered{counter-reset:steps;list-style:none;padding-left:0}.ordered li{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.78rem .8rem .78rem 2.3rem;position:relative}.ordered li:before{counter-increment:steps;content:counter(steps);position:absolute;left:.7rem;top:.7rem;width:1.2rem;height:1.2rem;border-radius:100%;font-size:.78rem;font-weight:700;background:#e4f5ff;color:var(--brand-deep);display:grid;place-items:center}.note{max-width:74ch}.incentive{background:linear-gradient(180deg,#fff,#f6fbff)}.cta{border-radius:calc(var(--radius) + 4px);background:linear-gradient(180deg,#edf7fc,#e6f2fa);border:1px solid #b8d6e6;padding:1.5rem}.form-status{margin-top:.9rem;padding:.65rem .8rem;border-radius:10px;font-weight:700}.form-status.success{background:#ecfbf2;border:1px solid #86d7a8;color:#14603a}.form-status.error{background:#fff1f1;border:1px solid #efabab;color:#8f1d1d}.contact-form{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.contact-form label{display:grid;gap:.3rem;font-weight:700;font-size:.94rem}.contact-form .wide{grid-column:1 / -1}.contact-meta{margin-top:.9rem;background:#fff;border:1px dashed #a7cadc;border-radius:12px;padding:.8rem}.contact-meta p{margin:.25rem 0;color:#2f4d5d}.check{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;font-weight:500}.check input{width:auto}.domain-link{color:var(--brand-deep);font-weight:700;text-decoration-thickness:2px;text-underline-offset:2px}input,textarea{width:100%;border:1px solid #abc9d8;border-radius:10px;padding:.68rem .72rem;font:inherit;background:#fff}input:focus,textarea:focus{outline:2px solid rgba(0,136,200,.25);border-color:var(--brand)}.contact-form .btn{width:fit-content;margin-top:.2rem}.footer{text-align:center;padding:1.3rem 1rem 1.8rem;color:#5b7985;font-size:.93rem}.footer p{margin:.32rem 0}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.8}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes screen-glide{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-4px);opacity:.94}}@keyframes showcase-rotate{to{transform:rotate(360deg)}}@keyframes showcase-core-pulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.08);opacity:.7}}@keyframes showcase-scan{0%,to{transform:translateY(0);opacity:.25}50%{transform:translateY(70px);opacity:.95}}@keyframes showcase-flow{to{stroke-dashoffset:-56}}@keyframes showcase-dot{0%,to{opacity:.35;transform:scale(1)}50%{transform:scale(1.18);opacity:1}}@keyframes showcase-typing{0%,20%{transform:scaleX(.04);opacity:.3}60%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:.8}}@keyframes showcase-row-add{0%,to{opacity:.15}50%{opacity:.95}}@keyframes showcase-jitter{0%,to{transform:translate(0)}20%{transform:translate(1px,-1px)}60%{transform:translate(-1px,1px)}}@keyframes showcase-token-path{0%{transform:translate(0);opacity:0}15%{opacity:1}50%{transform:translate(96px);opacity:1}to{transform:translate(192px);opacity:0}}@keyframes showcase-check{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:1}}@keyframes showcase-voice-level{0%,to{transform:scaleY(.4);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes showcase-bar-grow{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media (max-width: 920px){.hero-main{grid-template-columns:1fr;gap:.4rem}.hero-visual{justify-self:center;width:min(100%,780px);margin-top:.25rem}.three,.split,.hero-strip{grid-template-columns:1fr}}@media (max-width: 640px){.hero{margin-top:.8rem;padding:.95rem .9rem 1.3rem}.nav{flex-wrap:wrap;gap:.65rem}.contact-form{grid-template-columns:1fr}.contact-form .wide{grid-column:auto}.btn-small{padding:.45rem .7rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero-illustration *{animation:none!important;transition:none!important}}.hero-illustration .grid-appear{animation:showcase-grid-appear 3s ease-in-out infinite}.hero-illustration .ga-2{animation-delay:1s}.hero-illustration .ga-3{animation-delay:2s}@keyframes showcase-grid-appear{0%,to{opacity:.3}50%{opacity:1}}
