.home-page .home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:42px;padding:20px 0 48px}
.home-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px;color:#9aacc3;font-size:12px;letter-spacing:.04em}
.home-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:7px;background:#133532;color:#99f6e4;font-size:11px;font-weight:600;letter-spacing:0}
.home-page h1{font-size:clamp(34px,4.5vw,57px);font-weight:750;letter-spacing:-.045em;line-height:1.12;margin-bottom:20px;color:#f1f5f9}
.home-page h1.animated-gradient-title{background:linear-gradient(135deg,var(--cyan),var(--blue),var(--violet));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}
.home-lead{color:#adbbce;font-size:18px;line-height:1.75;max-width:620px}
.home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.home-actions .btn{min-height:48px;padding:13px 21px;border-radius:12px!important;font-size:14px;font-weight:600}
.home-note{color:#adbbce;font-size:12px;line-height:1.7;margin-top:16px}
.home-page a:focus-visible{outline:2px solid #5eead4;outline-offset:5px}
.home-page .home-visual{border-radius:24px;box-shadow:none;backdrop-filter:none;aspect-ratio:1200/676}
.home-page .home-visual img{display:block;width:100%;height:auto;object-fit:contain;border-radius:inherit}
.home-news{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:22px 24px;border:1px solid #375851;border-radius:16px;background:linear-gradient(115deg,#12352e99,#101c30cc);margin-bottom:48px}
.home-news-copy{flex:1;min-width:180px}.home-news h2{font-size:19px;line-height:1.4;margin:5px 0}.home-news p{color:#adbbce;font-size:14px;line-height:1.7}.home-news>a{color:#99f6e4;font-size:14px;text-underline-offset:4px;white-space:nowrap}
.home-section{margin-bottom:48px;scroll-margin-top:115px}.home-section-heading{margin-bottom:23px}.home-section-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.25;letter-spacing:-.025em;margin-bottom:10px}.home-section-heading p{max-width:730px;color:#adbbce;font-size:15px;line-height:1.75}
.home-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-tool{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #29354a;border-radius:18px;background:#111b2bd9}
.home-tool-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.home-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#143039;color:#67e8f9}.home-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.home-tool h3{font-size:22px;line-height:1.3;letter-spacing:-.02em;margin-bottom:12px}.home-tool p{color:#adbbce;font-size:14px;line-height:1.75}.home-tool ul{display:grid;gap:7px;list-style:none;margin:18px 0 24px;font-size:12px;color:#c2cfe1}.home-tool li{position:relative;padding-left:17px}.home-tool li:before{content:'\2713';position:absolute;left:0;color:#5eead4}.home-tool>.btn{margin-top:auto;min-height:44px;border-radius:10px!important;font-size:13px;font-weight:600}.home-tool-editor{border-color:#365850;background:linear-gradient(150deg,#10352b80,#111b2bd9)}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none}.home-step-number{display:block;margin-bottom:12px;color:#5eead4;font:12px 'JetBrains Mono',monospace}.home-steps h3{font-size:18px;line-height:1.4;margin-bottom:9px}.home-steps p{color:#adbbce;font-size:14px;line-height:1.75}
.home-workflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-workflow{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #29354a;border-radius:20px;background:#111b2bd9}.home-workflow h3{font-size:23px;line-height:1.35;margin-bottom:23px}.home-workflow ol{display:grid;gap:17px;list-style:none;margin-bottom:24px}.home-workflow li{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px}.home-workflow li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#133532;color:#99f6e4;font:11px 'JetBrains Mono',monospace}.home-workflow p{font-size:14px;line-height:1.75;color:#adbbce}.home-workflow>.btn{margin-top:auto;min-height:44px;border-radius:11px!important;font-size:13px;font-weight:600}
.home-pricing{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:26px;border:1px solid #29354a;border-radius:18px;background:#111b2bd9;margin-bottom:48px}.home-pricing>div{flex:1;min-width:200px}.home-pricing h2{font-size:24px;line-height:1.3;margin-bottom:10px}.home-pricing p{color:#adbbce;font-size:14px;line-height:1.75;max-width:730px}.home-pricing>.btn{font-size:13px;min-height:44px;border-radius:10px!important;flex:0 0 auto}
.home-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-roadmap>article{padding:20px;border:1px dashed #384152;border-radius:14px;background:#10182780}.home-roadmap h3{font-size:17px;line-height:1.4;margin:12px 0 8px}.home-roadmap p{font-size:13px;color:#adbbce;line-height:1.75}.home-pill-planned{background:#30281e;color:#fcd89c}
.home-page .home-language-control[hidden]{display:none!important}
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:12px 18px;background:#f1f5f9;color:#0b1421;border-radius:8px;transform:translateY(-180%);text-decoration:none}.skip-link:focus{transform:none}
@media(max-width:1000px){.home-page .home-hero{gap:26px}.home-tools{gap:12px}.home-tool{padding:20px}}
@media(max-width:800px){.home-page .home-hero{grid-template-columns:1fr;padding-top:10px;gap:28px}.home-page .home-visual{max-width:600px}.home-tools,.home-steps,.home-roadmap{grid-template-columns:1fr}.home-tool{padding:24px}.home-news{gap:12px;padding:20px}.home-steps{gap:22px}.home-step-number{margin-bottom:7px}.home-section{margin-bottom:36px}.home-news,.home-pricing{margin-bottom:36px}.home-pricing{padding:22px}}
@media(max-width:500px){.home-actions{align-items:stretch;flex-direction:column}.home-actions .btn{width:100%}.home-lead{font-size:16px}.home-page .home-hero{padding-bottom:30px}.home-kicker{margin-bottom:16px}}
@media(max-width:800px){.home-workflows{grid-template-columns:1fr}.home-workflow{padding:22px}}
/* Motion stays on the homepage and uses transforms/opacity for smooth playback. */
.home-hero>div{animation:home-arrive .8s cubic-bezier(.2,.7,.2,1) both}
.home-hero .home-kicker{animation:home-arrive .7s .08s both}
.home-hero .home-lead{animation:home-arrive .8s .16s both}
.home-hero .home-actions{animation:home-arrive .8s .24s both}
.home-hero .home-note{animation:home-arrive .8s .32s both}
.home-page .home-visual{overflow:visible;border:0;background:none;isolation:isolate;animation:home-arrive 1s .18s both}
.home-visual::before{content:'';position:absolute;inset:-18px;z-index:-1;pointer-events:none;border-radius:40px;background:radial-gradient(ellipse at 25% 55%,#8b5cf64d,transparent 65%),radial-gradient(ellipse at 80% 35%,#06b6d43d,transparent 65%);filter:blur(24px);animation:home-glow 7s ease-in-out infinite alternate}
.home-visual picture{display:block;border:1px solid #06b6d42e;border-radius:inherit;animation:home-float 8s ease-in-out infinite}
.home-tool,.home-workflow,.home-roadmap>article,.home-pricing{position:relative;isolation:isolate;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.home-tool::after,.home-workflow::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--home-pointer-x,50%) var(--home-pointer-y,0%),#5eead41a,transparent 72%);opacity:0;transition:opacity .35s ease}
.home-icon{transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s ease,box-shadow .35s ease}
.home-page .btn{position:relative;overflow:hidden}
.home-page .btn::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff26 50%,transparent 75%);transform:translateX(-130%)}
.home-page .btn:focus-visible::after{animation:home-shine .7s ease}
.home-tool:focus-within,.home-workflow:focus-within{border-color:#5eead480;box-shadow:0 12px 30px #02061740}
.home-tool:focus-within::after,.home-workflow:focus-within::after{opacity:1}
.home-news{position:relative;overflow:hidden}
.home-news::before{content:'';position:absolute;top:0;left:0;width:40%;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#5eead4,transparent);animation:home-news-scan 9s ease-in-out infinite}
.home-news>a{transition:color .25s ease,text-decoration-color .25s ease}
.home-reveal-pending{opacity:0;transform:translate3d(0,24px,0)}
.home-revealed{animation:home-arrive .7s cubic-bezier(.2,.7,.2,1) var(--home-reveal-delay,0ms) both}
.home-tools>.home-tool:nth-child(2),.home-workflows>.home-workflow:nth-child(even),.home-roadmap>article:nth-child(2){--home-reveal-delay:80ms}
.home-tools>.home-tool:nth-child(3),.home-roadmap>article:nth-child(3){--home-reveal-delay:160ms}
.home-motion-paused,.home-motion-paused *,.home-motion-paused *::before,.home-motion-paused *::after{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){
  .home-tool:hover,.home-workflow:hover{transform:translateY(-6px);border-color:#5eead480;box-shadow:0 16px 36px #02061750}
  .home-tool:hover::after,.home-workflow:hover::after{opacity:1}
  .home-tool:hover .home-icon{transform:translateY(-3px) rotate(-6deg);background-color:#1b4650;box-shadow:0 5px 20px #06b6d426}
  .home-roadmap>article:hover,.home-pricing:hover{transform:translateY(-4px);border-color:#56738c}
  .home-page .btn:hover{transform:translateY(-2px)}
  .home-page .btn:hover::after{animation:home-shine .7s ease}
  .home-news>a:hover{color:#d1fff6;text-decoration-color:#5eead4}
}
@keyframes home-arrive{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes home-float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-9px,0) rotate(.4deg)}}
@keyframes home-glow{from{opacity:.5;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@keyframes home-shine{to{transform:translateX(130%)}}
@keyframes home-news-scan{0%,15%{transform:translateX(-110%);opacity:0}30%{opacity:1}70%{opacity:1}85%,100%{transform:translateX(360%);opacity:0}}
@media(max-width:800px){.home-tools>.home-tool,.home-workflows>.home-workflow,.home-roadmap>article{--home-reveal-delay:0ms}}
@media(prefers-reduced-motion:reduce){
  .home-page,.home-page *,.home-page *::before,.home-page *::after{animation:none!important;transition:none!important}
  .home-reveal-pending{opacity:1;transform:none}
  .home-page .home-tool:hover,.home-page .home-workflow:hover,.home-page .home-roadmap>article:hover,.home-page .home-pricing:hover,.home-page .btn:hover,.home-page .home-icon{transform:none}
  .home-visual::before{opacity:.65}
  .home-news::before{display:none}
}