.home-ai-showcase{--fx-blue:#005dfd;--fx-cyan:#0bb9e8;--fx-ease:cubic-bezier(.22,1,.36,1);--fx-spring:cubic-bezier(.34,1.4,.64,1);isolation:isolate;background:#fff;border-bottom:1px solid #0000001f;padding:120px 4vw 110px;position:relative;overflow:hidden}.home-ai-showcase>.ai-backdrop{-webkit-mask-image:linear-gradient(#fff 35%,#0000 80%);mask-image:linear-gradient(#fff 35%,#0000 80%)}.hai-head{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:4vw;margin-bottom:56px;display:grid}.hai-head .kicker{color:var(--blue)}.hai-head h2{letter-spacing:-.06em;max-width:980px;margin:22px 0 0;font-size:clamp(46px,6vw,92px);line-height:.94}.hai-head p{color:#5b6474;max-width:440px;margin:0;font-size:16px;line-height:1.75}.hai-more{gap:24px;min-height:56px;margin-top:46px;display:inline-flex}.hai-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.hai-card{isolation:isolate;min-width:0;transition:transform .55s var(--fx-ease),box-shadow .45s var(--fx-ease);background:#fff;border:1px solid #005dfd24;border-radius:26px;flex-direction:column;display:flex;position:relative;box-shadow:0 24px 50px -30px #073caa59}.hai-card:hover,.hai-card:focus-within{box-shadow:0 40px 70px -34px #073caa80}.hai-card h3 a:after{content:"";border-radius:inherit;z-index:2;position:absolute;inset:0}.hai-copy{flex-direction:column;flex:1;padding:26px 28px 30px;display:flex}.hai-tagline{letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-size:11px}.hai-card h3{letter-spacing:-.045em;margin:14px 0 12px;font-size:clamp(28px,2.6vw,38px);font-weight:400;line-height:1.05}.hai-card p{color:#5b6474;margin:0 0 22px;font-size:14px;line-height:1.7}.hai-card .service-open{margin-top:auto}.hai-visual{background:radial-gradient(90% 80% at 85% 0,#0569ef24,#0000 60%),linear-gradient(#f3f8ff,#e6f0ff);border-radius:18px;height:300px;margin:10px 10px 0;padding:24px;position:relative;overflow:hidden}.hai-call{background:#fff;border:1px solid #005dfd1f;padding:22px 22px 10px;box-shadow:0 18px 40px -30px #073caa73}.hai-call-head{align-items:center;gap:14px;display:flex}.hai-ring{width:42px;height:42px;color:var(--blue);background:#f0f6ff;border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.hai-call-head b{letter-spacing:-.025em;color:var(--ink);font-size:18px;font-weight:400;display:block}.hai-call-head small{color:#626262;margin-top:4px;font-size:11px;display:block}.hai-wave{grid-template-columns:repeat(28,minmax(0,1fr));align-items:center;width:min(100%,300px);height:56px;margin:10px auto 8px;display:grid}.hai-wave i{width:50%;height:var(--h,50%);transform-origin:50%;opacity:.8;background:linear-gradient(15deg,#005dfd,#0569ef 42%,#0bb9e8 100%);border-radius:3px;justify-self:center}.hai-steps{border-top:1px solid #0000001a;margin:0;padding:0;list-style:none}.hai-steps li{isolation:isolate;color:var(--ink);border-bottom:1px solid #0000001a;align-items:center;gap:12px;padding:10px;font-size:12px;display:flex;position:relative}.hai-steps li:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#005dfd12,#0bb9e810);border:1px solid #005dfd40;border-radius:8px;position:absolute;inset:4px 0}.hai-steps li:first-child:before{opacity:1}.hai-steps li span{color:var(--blue);font-size:10px}.hai-steps li em{color:var(--blue);margin-left:auto;font-size:15px;font-style:normal}.hai-query{color:#0d2a66;background:#fff;border-radius:13px;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 10px 22px -14px #073caa73}.hai-query svg{width:18px;height:18px;color:var(--blue);flex:none}.hai-typed{white-space:nowrap;overflow:hidden}.hai-result{background:#ffffffb3;border:1px dashed #c8d6ee;border-radius:13px;align-items:center;gap:12px;margin-top:12px;padding:13px 16px;display:flex}.hai-result i{color:#5b6474;background:#e9eef7;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.hai-result b{color:#0d2a66;font-size:14px;font-weight:500;display:block}.hai-result small{color:#5b6474;font-size:11px}.hai-result-hit{background:#fff;border:1px solid #005dfd59;box-shadow:0 14px 28px -16px #073caa80}.hai-result-hit i{background:linear-gradient(135deg,var(--fx-blue),#0569ef 42%,var(--fx-cyan) 100%);color:#fff}.hai-reel{place-items:center;padding:16px;display:grid}.hai-phone{z-index:2;aspect-ratio:9/16;background:radial-gradient(90% 60% at 85% 10%,#0bb9e880,#0000 60%),linear-gradient(165deg,#0b4fe6,#005dfd 60%,#0a7ef0);border:4px solid #fff;border-radius:18px;flex-direction:column;justify-content:center;width:118px;padding:30px 9px 10px;display:flex;position:relative;transform:rotate(-4deg);box-shadow:0 26px 40px -18px #07288c99}.hai-bars{gap:3px;display:flex;position:absolute;top:9px;left:9px;right:9px}.hai-bars i{background:#fff6;border-radius:2px;flex:1;height:2px}.hai-bars i:first-child{background:#fff}.hai-caps{flex-direction:column;align-items:flex-start;gap:0;display:flex;position:absolute;top:24px;left:10px}.hai-caps span,.hai-caps strong{color:#0d2a66;background:#fff;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600}.hai-caps strong{color:#fff;letter-spacing:-.04em;background:0 0;padding:0;font-size:17px;font-weight:700;line-height:1}.hai-box{aspect-ratio:3/4;color:#0a2f8a;background:linear-gradient(160deg,#fff,#dbe8ff);border-radius:4px;flex-direction:column;justify-content:flex-end;width:44px;margin-left:-22px;padding:16px 5px 5px;font-size:6px;font-weight:700;line-height:1.1;display:flex;position:absolute;top:44%;left:50%;transform:rotate(-8deg);box-shadow:6px 8px 0 -2px #9cc0ff,0 14px 20px -10px #00196eb3}.hai-box:before{content:"";background:linear-gradient(90deg,#005dfd,#0bb9e8);height:24%;position:absolute;top:20%;left:0;right:0}.hai-cta{color:var(--fx-blue);background:#fff;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:700;position:absolute;bottom:10px;left:9px;right:9px}.hai-frame{z-index:1;aspect-ratio:9/16;border:4px solid #fff;border-radius:16px;width:104px;position:absolute;box-shadow:0 16px 30px -18px #07288c80}.hai-frame-a{background:linear-gradient(#f3f8ff,#cfe2ff);translate:-92px 14px;rotate:-12deg}.hai-frame-b{background:linear-gradient(165deg,#005dfd,#0569ef 42%,#0bb9e8 100%);translate:92px 14px;rotate:10deg}.hai-v-bento .hai-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hai-v-bento .hai-card:first-child{grid-row:1/span 2}.hai-v-bento .hai-card:first-child .hai-visual{height:330px;padding:34px}.hai-v-bento .hai-card:not(:first-child){flex-direction:row;align-items:stretch}.hai-v-bento .hai-card:not(:first-child) .hai-visual{flex:0 0 44%;height:auto;min-height:220px;margin:10px 0 10px 10px}.hai-v-bento .hai-card:not(:first-child) .hai-copy{padding:24px 26px}.hai-v-bento .hai-card:not(:first-child) h3{font-size:clamp(24px,2vw,30px)}.hai-switch{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,60px);display:grid}.hai-tabs{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hai-tabs li{background:#fff;border:1px solid #005dfd24;border-radius:20px;position:relative;overflow:hidden}.hai-tabs li:first-child{border-color:#005dfd73;box-shadow:0 22px 44px -26px #073caa73}.hai-tabs a{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;padding:24px 26px;display:grid}.hai-tab-num{color:var(--blue);padding-top:8px;font-size:11px}.hai-tabs strong{letter-spacing:-.04em;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.1;display:block}.hai-tabs small{color:#5b6474;margin-top:8px;font-size:13px;line-height:1.65;display:block}.hai-tabs .ui-arrow,.hai-tabs svg{color:var(--blue);margin-top:8px}.hai-progress{background:linear-gradient(90deg,var(--fx-blue),#0569ef 42%,var(--fx-cyan) 100%);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.hai-stage{aspect-ratio:4/3;background:linear-gradient(#f3f8ff,#e6f0ff);border:1px solid #005dfd24;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #073caa73}.hai-panel{opacity:0;place-items:center;padding:6%;display:grid;position:absolute;inset:0}.hai-panel:first-child{opacity:1}.hai-panel .hai-visual{background:0 0;width:min(100%,460px);height:auto;min-height:300px;margin:0;transform:scale(1.15)}@media (prefers-reduced-motion:no-preference){.hai-card{transition:opacity .6s ease calc(var(--i)*.11s),translate .9s var(--fx-spring) calc(var(--i)*.11s),scale .9s var(--fx-spring) calc(var(--i)*.11s),transform .55s var(--fx-ease),border-color .35s,box-shadow .45s var(--fx-ease)}[data-ai-reveal=pending] .hai-card,[data-ai-reveal=pending] .hai-tabs li,[data-ai-reveal=pending] .hai-stage{opacity:0;translate:0 40px}.hai-tabs li,.hai-stage{transition:opacity .6s ease calc(var(--i,0)*.11s),translate .9s var(--fx-spring) calc(var(--i,0)*.11s)}.hai-wave i{animation:1.8s ease-in-out infinite call-wave-pulse;animation-delay:calc(var(--i)*-90ms)}.hai-steps li{animation:6s ease-in-out infinite call-route-flow;animation-delay:calc(var(--i)*2s)}.hai-steps li:before,.hai-steps li:first-child:before{animation:6s ease-in-out infinite call-step-pulse;animation-delay:calc(var(--i)*2s)}.hai-typed{animation:7s steps(34,end) infinite haiType}.hai-result-miss{animation:haiMiss 7s var(--fx-ease) infinite}.hai-result-hit{animation:haiHit 7s var(--fx-spring) infinite}.hai-phone{animation:4s ease-in-out infinite haiBob}.hai-caps>*{animation:haiPop 4s var(--fx-spring) infinite both}.hai-caps>:nth-child(2){animation-delay:.2s}.hai-caps>:nth-child(3){animation-delay:.4s}.hai-frame-a{animation:4s ease-in-out infinite haiFanA}.hai-frame-b{animation:4s ease-in-out infinite haiFanB}.hai-panel,.hai-panel:first-child{animation:haiPanel 15s var(--fx-ease) infinite;animation-delay:calc((3 - var(--i))*-5s)}.hai-progress{animation:15s linear infinite haiProgress;animation-delay:calc((3 - var(--i))*-5s)}.hai-tabs li,.hai-tabs li:first-child{box-shadow:none;border-color:#005dfd24}.hai-tabs li{animation:haiTab 15s var(--fx-ease) infinite;animation-delay:calc((3 - var(--i))*-5s)}.hai-switch:hover *,.hai-switch:focus-within *{animation-play-state:paused}}@keyframes haiType{0%{max-width:0}40%,to{max-width:100%}}@keyframes haiMiss{0%,40%{opacity:.35;translate:0}48%,62%{opacity:1;translate:0}70%,to{opacity:.45}}@keyframes haiHit{0%,62%{opacity:.3;scale:.96}72%,96%{opacity:1;scale:1}to{opacity:.3;scale:.96}}@keyframes haiBob{50%{translate:0 -8px;rotate:2deg}}@keyframes haiPop{0%{opacity:0;scale:.7}12%,85%{opacity:1;scale:1}to{opacity:0}}@keyframes haiFanA{50%{translate:-100px 8px;rotate:-15deg}}@keyframes haiFanB{50%{translate:100px 8px;rotate:13deg}}@keyframes haiPanel{0%{opacity:0;scale:.96}3%,31%{opacity:1;scale:1}35%,to{opacity:0;scale:1.02}}@keyframes haiProgress{0%{transform:scaleX(0)}33.3%{transform:scaleX(1)}33.4%,to{transform:scaleX(0)}}@keyframes haiTab{0%,32%{border-color:#005dfd73;box-shadow:0 22px 44px -26px #073caa73}36%,to{box-shadow:none;border-color:#005dfd24}}@media (max-width:1000px){.hai-head{grid-template-columns:1fr;gap:18px}.hai-grid{grid-template-columns:1fr 1fr}.hai-v-stage .hai-card:last-child{grid-column:1/-1}.hai-v-bento .hai-grid{grid-template-columns:1fr}.hai-v-bento .hai-card:first-child{grid-row:auto}.hai-switch{grid-template-columns:1fr}.hai-stage{order:-1}}@media (max-width:600px){.home-ai-showcase{padding:72px 5vw 70px}.hai-head{margin-bottom:34px}.hai-head h2{font-size:clamp(40px,12vw,56px)}.hai-grid{grid-template-columns:1fr;gap:16px}.hai-visual{height:290px;padding:18px}.hai-v-bento .hai-card:first-child .hai-visual{height:240px;padding:18px}.hai-v-bento .hai-card:not(:first-child){flex-direction:column}.hai-v-bento .hai-card:not(:first-child) .hai-visual{min-height:200px;margin:10px 10px 0}.hai-tabs a{gap:12px;padding:18px}.hai-stage{aspect-ratio:1}.hai-panel .hai-visual{min-height:240px;transform:none}.hai-more{justify-content:space-between;width:100%}}@keyframes call-wave-pulse{0%,to{opacity:.55;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes call-route-flow{0%,32%,to{transform:translate(0)}12%,24%{transform:translate(4px)}}@keyframes call-step-pulse{0%,32%,to{opacity:0}12%,24%{opacity:1}}
