@layer app{.hero.hero-cover{isolation:isolate;color:#fff;background:#103f33;border:1px solid #245b49;border-radius:20px;grid-template-columns:.9fr 1.15fr;gap:32px;margin-top:28px;margin-bottom:32px;padding:60px 46px 44px;position:relative;overflow:hidden}.hero-cover:before{content:"";z-index:-1;background:radial-gradient(at 20% 15%,#2c6f53 0,#0000 65%),linear-gradient(120deg,#103f33,#12392f);position:absolute;inset:0}.hero-cover .hero-copy{z-index:2;position:relative}.hero-cover h1{letter-spacing:-1px;font-size:clamp(30px,3vw,44px)}.hero-cover .product-category{color:#c1da9b}.hero-cover .hero-description{color:#d3e0da;font-size:15px}.hero-cover .hero-meta{color:#c2d4ca}.hero-cover .hero-actions .mantine-Button-root{color:#193d2b;background:#c4df84;border-color:#c4df84}.hero-cover .hero-actions .mantine-Button-root:hover{background:#d4eaa5}.hero-cover .text-link{color:#fff}.hero-cover a:focus-visible,.hero-cover button:focus-visible{outline-color:#d6edac}.cover-visual{perspective:1200px;min-width:0;padding:68px 0 0;position:relative}.cover-stage{animation:1.2s cubic-bezier(.2,.7,.2,1) both cover-arrive,14s ease-in-out 1.2s infinite cover-float;position:relative;transform:rotateY(7deg)rotateX(3deg)rotate(-2deg)}.cover-depth{pointer-events:none;background:#79a78b12;border:1px solid #a9d9bc55;border-radius:10px;position:absolute;inset:0}.cover-depth-back{transform:translate(-16px,-34px)rotate(-4deg)}.cover-depth-front{transform:translate(5px,-18px)rotate(-2deg)}.cover-window{color:#304e41;background:#f4f7f4;border:1px solid #d3e1d4;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 24px 50px #031b3055}.cover-window-bar{background:#eaf1e9;border-bottom:1px solid #cfddd0;justify-content:space-between;gap:12px;padding:13px 16px;font-size:12px;display:flex}.cover-window-brand{color:#34604a;font-family:Arial,sans-serif;font-size:13px;font-weight:600}.cover-window-brand bdi{margin-left:6px;font-size:10px;font-weight:400}.cover-window img{width:100%;height:auto;display:block}.cover-window-footer{border-top:1px solid #dae3da;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px;font-size:11px;display:flex}.cover-window-footer a{color:#145b43;align-items:center;gap:6px;min-height:36px;display:inline-flex}.cover-window-footer a:hover{text-decoration:underline}.cover-window-footer a:focus-visible{outline-offset:1px;outline-color:#145b43}.cover-bottom{color:#c2d4ca;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;font-size:11px;display:flex;position:relative}.cover-motion.mantine-Button-root{color:#e5f0e9;min-height:44px;padding-inline:10px;font-size:11px}.cover-motion.mantine-Button-root:hover{background:#ffffff15}.cover-light{pointer-events:none;opacity:.45;background:radial-gradient(circle,#addb6738,#0000 65%);border-radius:50%;width:480px;height:480px;animation:18s ease-in-out infinite alternate cover-light-drift;position:absolute}.cover-light-one{top:-220px;left:-100px}.cover-light-two{opacity:.3;animation-delay:-9s;bottom:-160px;right:-100px}.cover-lines{pointer-events:none;opacity:.35;position:absolute;inset:-55px -10px 0;overflow:hidden}.cover-lines span{background:linear-gradient(#0000,#b3d4b080,#0000);width:1px;height:600px;position:absolute;top:0;left:15%;transform:rotate(36deg)}.cover-lines span:nth-child(2){left:50%}.cover-lines span:nth-child(3){left:85%}:is(.cover-visual[data-paused] *,.cover-visual:has(.cover-window a:focus-visible) .cover-stage){animation-play-state:paused}@keyframes cover-arrive{0%{opacity:0;transform:translateY(28px)rotateY(15deg)rotateX(7deg)rotate(-4deg)}to{opacity:1;transform:translateY(0)rotateY(7deg)rotateX(3deg)rotate(-2deg)}}@keyframes cover-float{0%,to{transform:translateY(0)rotateY(7deg)rotateX(3deg)rotate(-2deg)}50%{transform:translateY(-9px)rotateY(3deg)rotateX(1deg)rotate(-1deg)}}@keyframes cover-light-drift{0%{transform:translate(-20px,-10px)scale(.95)}to{transform:translate(50px,35px)scale(1.15)}}@media (max-width:1100px){.hero.hero-cover{gap:26px;padding:40px 30px 30px}.hero-cover h1{font-size:34px}.cover-window-footer{font-size:10px}}@media (max-width:800px){.hero.hero-cover{border-radius:14px;grid-template-columns:1fr;gap:6px;margin-top:20px;padding:36px 28px 20px}.hero-cover h1{font-size:clamp(30px,5vw,40px)}.cover-visual{width:100%;max-width:600px;margin-inline:auto;padding-top:56px}.cover-stage{animation:1s ease-out both cover-arrive;transform:none}.cover-depth-back{transform:translate(-5px,-25px)rotate(-3deg)}.cover-depth-front{transform:translate(3px,-12px)rotate(-1deg)}.cover-bottom{margin-top:16px}}@media (max-width:480px){.hero.hero-cover{width:calc(100% - 20px);padding:30px 20px 14px}.hero-cover h1{font-size:29px}.hero-cover .hero-description{font-size:14px}.hero-cover .hero-actions{gap:12px}.hero-cover .hero-actions .mantine-Button-root{padding-inline:13px;font-size:13px}.cover-window-bar{padding:10px;font-size:10px}.cover-window-footer{padding:4px 8px;font-size:9px}.cover-window-footer a{gap:3px}.cover-bottom{font-size:10px}}@media (prefers-reduced-motion:reduce){.cover-stage{animation:none;transform:none}.cover-light{animation:none}.cover-motion.mantine-Button-root{display:none}}}