.hero-v3{--v3-ink:#182c35;--v3-paper:#f5f4ed;--v3-lime:#d7ed80;--v3-soft:#e5e9d9;--v3-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--v3-serif:Georgia,'Times New Roman',serif;position:relative;background:var(--v3-paper);color:var(--v3-ink);isolation:isolate;overflow:hidden}
.hero-v3 *,.hero-v3 *::before,.hero-v3 *::after{box-sizing:border-box}
.hero-v3 .v3-inner{width:min(1360px,calc(100% - 112px));margin-inline:auto;display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:center;padding:50px 0 55px}
.hero-v3 .v3-copy{position:relative;z-index:3;padding:13px 0 20px}
.hero-v3 .v3-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;font-family:var(--v3-sans);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}
.hero-v3 .v3-eyebrow-mark{width:9px;height:9px;border-radius:50%;background:#839d41;box-shadow:0 0 0 4px #d7ed803b;flex:none}
.hero-v3 h1{font-family:var(--v3-serif);font-size:clamp(66px,6.85vw,103px);font-weight:400;line-height:.99;letter-spacing:-.064em;margin:0;position:relative;white-space:nowrap}
.hero-v3 h1 em{font-weight:400;position:relative;z-index:1;letter-spacing:-.06em}
.hero-v3 h1 em::after{content:'';position:absolute;left:4px;right:-4px;bottom:9%;height:12%;z-index:-1;background:var(--v3-lime);transform:rotate(-2deg);border-radius:2px}
.hero-v3 .v3-heading-star{display:inline-block;font-size:.53em;font-family:var(--v3-sans);font-weight:300;line-height:1;margin-left:24px;vertical-align:5px;color:#5c733a;transform:rotate(-8deg)}
.hero-v3 .v3-description{font-family:var(--v3-sans);font-size:16px;font-weight:400;line-height:1.75;letter-spacing:-.012em;max-width:385px;margin:28px 0 0;color:#5f6d70}
.hero-v3 .v3-actions{display:flex;flex-direction:column;align-items:flex-start;gap:21px;margin-top:30px}
.hero-v3 .v3-primary{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;background:var(--v3-ink);color:var(--v3-paper);padding:17px 22px;border:1px solid var(--v3-ink);border-radius:5px;font:550 12px/1.4 var(--v3-sans);min-height:55px;text-decoration:none;box-shadow:0 5px 12px #182c3510;transition:background .25s,transform .25s,box-shadow .25s}
.hero-v3 .v3-primary:hover{background:#2d454d;transform:translateY(-3px);box-shadow:0 9px 22px #182c3525}
.hero-v3 .v3-primary>span{font-size:22px;font-weight:400;line-height:1;transition:transform .25s}
.hero-v3 .v3-primary:hover>span{transform:translate(2px,-2px)}
.hero-v3 .v3-secondary{display:inline-flex;align-items:center;gap:26px;color:var(--v3-ink);font:550 11px/1.5 var(--v3-sans);text-decoration:none}
.hero-v3 .v3-secondary>span{font-size:18px;font-weight:400;transition:transform .25s}
.hero-v3 .v3-secondary:hover>span{transform:translateY(3px)}
.hero-v3 .v3-personal{display:flex;align-items:center;gap:13px;margin-top:34px;font-family:var(--v3-sans);font-size:10px;line-height:1.65}
.hero-v3 .v3-personal p{margin:0}
.hero-v3 .v3-personal p>span{color:#738077}
.hero-v3 .v3-personal-line{height:31px;width:2px;background:#a0b965;flex:none}
.hero-v3 .v3-visual{position:relative;min-width:0;padding-top:1px}
.hero-v3 .v3-stage{position:relative;width:100%;aspect-ratio:.99;container-type:inline-size;perspective:1200px;isolation:isolate;--v3-rx:0deg;--v3-ry:0deg}
.hero-v3 .v3-stage-backdrop{position:absolute;inset:4% -2% 1% 0;border-radius:46% 45% 42% 48%;background:radial-gradient(ellipse at 55% 49%,#d9e5b8c4 0%,#e5ead571 48%,#f5f4ed00 73%);z-index:-2}
.hero-v3 .v3-backdrop-grid{position:absolute;inset:0;background-image:linear-gradient(#75866e1a 1px,transparent 1px),linear-gradient(90deg,#75866e1a 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#0009 5%,transparent 68%);transform:perspective(500px) rotateX(14deg) rotateZ(-8deg)}
.hero-v3 .v3-backdrop-orbit{position:absolute;inset:9% -1% 2% 0;border:1px solid #bbc7a954;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 0 28px #dce4c91a}
.hero-v3 .v3-composition{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--v3-rx)) rotateY(var(--v3-ry));transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}
.hero-v3 .v3-browser-shell{position:absolute;left:7%;top:9%;width:91%;z-index:2;animation:v3-browser-float 8s ease-in-out 1.3s infinite}
.hero-v3 .v3-browser{width:100%;background:#fbfaf4;border-radius:11px;overflow:hidden;border:1px solid #e4e3d9;box-shadow:0 30px 50px -20px #2638264a,0 12px 23px -14px #22322550,3px 4px 0 #d7d9cb;transform:rotateX(4deg) rotateY(-10deg) rotateZ(2.6deg);transform-origin:50% 65%;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s}
.hero-v3 .v3-stage:hover .v3-browser{transform:rotateX(3deg) rotateY(-7deg) rotateZ(1.8deg);box-shadow:0 36px 58px -20px #26382650,0 12px 23px -14px #22322550,3px 4px 0 #d7d9cb}
.hero-v3 .v3-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:4.3cqw;min-height:18px;padding-inline:2.2cqw;background:#eeeee7;border-bottom:1px solid #e3e3d9;color:#9ca193;font-family:var(--v3-sans)}
.hero-v3 .v3-window-dots{display:flex;gap:.65cqw}
.hero-v3 .v3-window-dots i{display:block;width:.85cqw;height:.85cqw;border-radius:50%;background:#bfc7b5}
.hero-v3 .v3-window-dots i:nth-child(2){background:#d0d5c7}
.hero-v3 .v3-window-dots i:nth-child(3){background:#dce0d5}
.hero-v3 .v3-browser-address{display:flex;gap:.8cqw;align-items:center;justify-content:center;width:50%;height:2.5cqw;min-height:11px;border-radius:3px;background:#f9f9f3;font-size:1.2cqw;color:#858f80;letter-spacing:.02em}
.hero-v3 .v3-browser-address svg{height:1.6cqw;width:1.6cqw;min-height:7px;min-width:7px}
.hero-v3 .v3-browser-plus{font-size:2cqw;line-height:1}
.hero-v3 .v3-cafe-nav{height:9.5cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 4.5cqw;background:#fbfaf4}
.hero-v3 .v3-cafe-logo{font-family:var(--v3-serif);font-size:5cqw;letter-spacing:-.075em;line-height:.9;color:#2a4239}
.hero-v3 .v3-cafe-logo>span{display:block;font-family:var(--v3-sans);font-size:.82cqw;letter-spacing:.1em;line-height:1.5;margin-top:.9cqw;font-weight:550}
.hero-v3 .v3-cafe-links{display:flex;gap:2.2cqw;align-items:center;font:500 1.25cqw/1.5 var(--v3-sans);color:#54604e;margin-left:auto;white-space:nowrap}
.hero-v3 .v3-cafe-active{border-bottom:1px solid #768469;padding-bottom:.3cqw}
.hero-v3 .v3-cafe-nav-dot{width:3.7cqw;height:3.7cqw;display:flex;align-items:center;justify-content:center;font:400 2cqw/1 var(--v3-sans);border-radius:50%;border:1px solid #c5ccba;color:#42533c;margin-left:1cqw}
.hero-v3 .v3-cafe-content{position:relative;height:44cqw;overflow:hidden}
.hero-v3 .v3-cafe-home,.hero-v3 .v3-cafe-menu{position:absolute;inset:0;overflow:hidden}
.hero-v3 .v3-cafe-home{background:#57624e;opacity:1;transform:scale(1);transition:opacity .55s,transform .8s}
.hero-v3 .v3-cafe-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:brightness(.89);transform:scale(1.025);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}
.hero-v3 .v3-stage:hover .v3-cafe-photo{transform:scale(1.065)}
.hero-v3 .v3-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#14281ed6 0%,#253e2a66 52%,#1b2f1d10 100%),linear-gradient(0deg,#10221755,transparent 50%)}
.hero-v3 .v3-cafe-photo-copy{position:absolute;top:8cqw;left:5cqw;right:4cqw;color:#fffdf1}
.hero-v3 .v3-cafe-photo-copy>span:first-child{font:500 1.15cqw/1.6 var(--v3-sans);letter-spacing:.14em;color:#e5e8d6}
.hero-v3 .v3-cafe-photo-copy h2{font-family:var(--v3-serif);font-size:6.9cqw;line-height:1.04;font-weight:400;letter-spacing:-.055em;margin:1.8cqw 0 2.8cqw;color:#fffdf1}
.hero-v3 .v3-cafe-photo-cta{display:inline-flex;gap:3.7cqw;align-items:center;font:500 1.3cqw/1.6 var(--v3-sans);border-bottom:1px solid #eeeed788;padding-bottom:.9cqw;letter-spacing:.015em}
.hero-v3 .v3-cafe-photo-cta b{font-size:2.3cqw;font-weight:400;line-height:1}
.hero-v3 .v3-cafe-photo-index{position:absolute;left:5cqw;bottom:3cqw;font:500 .9cqw/1.5 var(--v3-sans);letter-spacing:.1em;color:#e7ebde}
.hero-v3 .v3-cafe-menu{background:#e9eddc;padding:4cqw 5cqw;opacity:0;transform:translateY(5cqw);transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}
.hero-v3 .v3-menu-intro{position:relative;border-bottom:1px solid #bdc8ac;padding-bottom:2cqw;margin-bottom:.5cqw}
.hero-v3 .v3-menu-intro>span:first-child{font:550 1cqw/1.5 var(--v3-sans);letter-spacing:.12em;color:#6f7d5e}
.hero-v3 .v3-menu-intro h2{font:400 5.4cqw/.98 var(--v3-serif);letter-spacing:-.05em;margin:1cqw 0;color:#2d4438}
.hero-v3 .v3-menu-flower{position:absolute;right:0;top:3cqw;font:400 8cqw/1 var(--v3-sans);color:#8da358}
.hero-v3 .v3-menu-item{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.7cqw 0;border-bottom:1px solid #c8d1b9;font-family:var(--v3-sans)}
.hero-v3 .v3-menu-item>div{display:flex;flex-direction:column;gap:.55cqw}
.hero-v3 .v3-menu-item strong{font-size:1.7cqw;line-height:1.25;letter-spacing:-.02em;font-weight:550;color:#344d3e}
.hero-v3 .v3-menu-item>div>span{font-size:1.1cqw;line-height:1.5;color:#778367}
.hero-v3 .v3-menu-item>span{font-size:2.1cqw;line-height:1;color:#60784b}
.hero-v3 .v3-cafe-footer{height:11.7cqw;display:flex;justify-content:space-between;align-items:center;gap:2cqw;padding:0 5cqw;color:#4d634b;background:#fbfaf4}
.hero-v3 .v3-cafe-footer>span:first-child{font:600 1.15cqw/1.5 var(--v3-sans);letter-spacing:.055em}
.hero-v3 .v3-cafe-footer>span:nth-child(2){font:400 1.2cqw/1.6 var(--v3-sans);color:#84907a}
.hero-v3 .v3-cafe-footer-mark{font:italic 400 6cqw/1 var(--v3-serif);letter-spacing:-.07em}
.hero-v3 .v3-phone-shell{position:absolute;left:0;top:45%;width:28%;z-index:5;transform:translateZ(45px);animation:v3-phone-float 7.2s ease-in-out 1.7s infinite}
.hero-v3 .v3-phone{height:56cqw;background:#fbfaf4;border:1px solid #b8c1ac;border-radius:4cqw;padding:1.1cqw;overflow:hidden;box-shadow:0 22px 35px -12px #26382655,3px 4px 0 #bcc8ae;transform:rotateX(5deg) rotateY(-7deg) rotateZ(-8deg);display:flex;flex-direction:column;position:relative;color:#38513d}
.hero-v3 .v3-phone::before{content:'';position:absolute;inset:.7cqw;border:1px solid #cfd5c6;border-radius:3.3cqw;pointer-events:none;z-index:4}
.hero-v3 .v3-phone-notch{position:absolute;top:1.4cqw;left:35%;right:35%;height:1.5cqw;border-radius:5px;background:#e0e5d8;z-index:3}
.hero-v3 .v3-phone-top{height:7.5cqw;min-height:7.5cqw;padding:2.7cqw 1.8cqw 1.3cqw;display:flex;align-items:center;justify-content:space-between;font:400 3.1cqw/1 var(--v3-serif);letter-spacing:-.07em}
.hero-v3 .v3-phone-top>span{font:400 2cqw/1 var(--v3-sans);letter-spacing:0}
.hero-v3 .v3-phone-photo{height:12.2cqw;min-height:12.2cqw;background-image:url('assets/studio-cafe.jpg');background-size:cover;background-position:center 60%;margin:0 .45cqw;position:relative}
.hero-v3 .v3-phone-photo::after{content:'';position:absolute;inset:0;background:#21351a14}
.hero-v3 .v3-phone-copy{padding:2.3cqw 1.9cqw 0;flex:1}
.hero-v3 .v3-phone-copy>span:first-child{font:500 .8cqw/1.5 var(--v3-sans);letter-spacing:.1em;color:#8b947b;display:block}
.hero-v3 .v3-phone-copy h3{font:400 4cqw/1.01 var(--v3-serif);letter-spacing:-.06em;margin:1.3cqw 0 1.8cqw;color:#38513d}
.hero-v3 .v3-phone-rule{height:1px;background:#d5dccb;margin:0 0 1cqw}
.hero-v3 .v3-phone-list{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1cqw 0;border-bottom:1px solid #e0e4d6;font:500 1.05cqw/1.5 var(--v3-sans);white-space:nowrap}
.hero-v3 .v3-phone-list b{font-size:1.7cqw;font-weight:400}
.hero-v3 .v3-phone-bottom{background:#e8eddb;margin:.6cqw .5cqw 0;padding:2cqw 1.5cqw;border-radius:0 0 2.6cqw 2.6cqw;display:flex;align-items:center;justify-content:space-between;gap:.4cqw;font:550 .75cqw/1.5 var(--v3-sans);letter-spacing:.04em}
.hero-v3 .v3-phone-bottom>span{font-size:1.6cqw;line-height:1}
.hero-v3 .v3-contact-shell{position:absolute;right:0;top:77%;width:47%;z-index:6;animation:v3-contact-float 7.7s ease-in-out 2s infinite}
.hero-v3 .v3-contact-card{display:flex;align-items:center;gap:2.3cqw;position:relative;padding:3.4cqw 3cqw;background:var(--v3-lime);border:1px solid #cce476;border-radius:1.9cqw;box-shadow:0 18px 25px -12px #384f2a38,2px 3px 0 #b7ca72;transform:rotateX(2deg) rotateY(-9deg) rotateZ(4deg)}
.hero-v3 .v3-contact-icon{width:5.8cqw;height:5.8cqw;background:#e8f6b7;display:flex;align-items:center;justify-content:center;border-radius:1.5cqw;flex:none}
.hero-v3 .v3-contact-icon svg{width:3.5cqw;height:3.5cqw;color:#506334}
.hero-v3 .v3-contact-card>div{display:flex;flex-direction:column;gap:.9cqw}
.hero-v3 .v3-contact-card>div>span{font:600 .85cqw/1.5 var(--v3-sans);letter-spacing:.1em;color:#66803f;white-space:nowrap}
.hero-v3 .v3-contact-card strong{font:500 2.8cqw/1.05 var(--v3-sans);letter-spacing:-.045em;color:#30452c}
.hero-v3 .v3-contact-arrow{font:400 3.1cqw/1 var(--v3-sans);color:#415b2b;align-self:flex-end;margin-left:auto}
.hero-v3 .v3-detail-tag{position:absolute;top:2%;right:4%;display:flex;align-items:center;gap:1.1cqw;font:500 1.35cqw/1.6 var(--v3-sans);color:#61755d;transform:rotate(2deg)}
.hero-v3 .v3-detail-dot{width:1cqw;height:1cqw;border-radius:50%;background:#98b461;flex:none}
.hero-v3 .v3-demo-trigger{position:absolute;bottom:3.8%;left:37%;display:flex;align-items:center;justify-content:center;gap:11px;padding:12px 14px;min-height:44px;border:1px solid #c0ccad;border-radius:50px;background:#fafbf5;color:#3f583d;box-shadow:0 4px 14px #344b2510;font:550 10px/1.5 var(--v3-sans);cursor:pointer;z-index:7;transition:background .25s,transform .25s,box-shadow .25s;white-space:nowrap}
.hero-v3 .v3-demo-trigger:hover{background:#edf3df;transform:translateY(-2px);box-shadow:0 6px 16px #344b2520}
.hero-v3 .v3-demo-icon{display:flex;flex-direction:column;gap:3px;width:12px}
.hero-v3 .v3-demo-icon i{height:1px;background:#6a8153;width:12px;display:block;transition:transform .25s,opacity .25s}
.hero-v3 .v3-demo-arrow{font-size:17px;font-weight:400;line-height:1;margin-left:3px}
.hero-v3.v3-concept-menu .v3-cafe-home{opacity:0;transform:scale(1.04)}
.hero-v3.v3-concept-menu .v3-cafe-menu{opacity:1;transform:translateY(0)}
.hero-v3.v3-concept-menu .v3-browser{transform:rotateX(2deg) rotateY(-4deg) rotateZ(.5deg)}
.hero-v3.v3-concept-menu .v3-demo-icon i:first-child{transform:translateY(4px) rotate(45deg)}
.hero-v3.v3-concept-menu .v3-demo-icon i:nth-child(2){opacity:0}
.hero-v3.v3-concept-menu .v3-demo-icon i:last-child{transform:translateY(-4px) rotate(-45deg)}
.hero-v3 .v3-demo-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-v3 .v3-visual-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4% 0 3%;position:relative;z-index:8;color:#84907d;font:400 9px/1.5 var(--v3-sans)}
.hero-v3 .v3-visual-caption p{display:flex;align-items:center;gap:10px;margin:0;font:inherit}
.hero-v3 .v3-caption-line{height:1px;width:24px;background:#aeba99}
.hero-v3 .v3-motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 2px;border:0;background:transparent;font:500 9px/1.5 var(--v3-sans);color:#61705e;cursor:pointer}
.hero-v3 .v3-motion-toggle:hover{color:#243b2d}
.hero-v3 .v3-motion-toggle:disabled{cursor:default;opacity:.7}
.hero-v3 .v3-motion-icon{height:10px;width:10px;display:inline-block;position:relative}
.hero-v3 .v3-motion-icon::before,.hero-v3 .v3-motion-icon::after{content:'';position:absolute;top:1px;bottom:1px;width:2px;background:currentColor;border-radius:1px}
.hero-v3 .v3-motion-icon::before{left:1px}.hero-v3 .v3-motion-icon::after{right:1px}
.motion-paused .hero-v3 .v3-motion-icon::before{left:2px;top:0;bottom:0;width:0;height:0;background:transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;border-radius:0}
.motion-paused .hero-v3 .v3-motion-icon::after{display:none}
.hero-v3 .v3-bottom-line{height:1px;background:#d5d9d0;position:absolute;bottom:0;left:max(56px,calc((100% - 1360px)/2));right:max(56px,calc((100% - 1360px)/2))}
.hero-v3 a:focus-visible,.hero-v3 button:focus-visible{outline:3px solid #8fa645;outline-offset:5px}
.hero-v3.v3-ready .v3-copy>.v3-enter{animation:v3-copy-enter .85s cubic-bezier(.16,1,.3,1) both}
.hero-v3.v3-ready .v3-copy>.v3-enter:nth-child(2){animation-delay:.1s}.hero-v3.v3-ready .v3-copy>.v3-enter:nth-child(3){animation-delay:.2s}.hero-v3.v3-ready .v3-copy>.v3-enter:nth-child(4){animation-delay:.3s}.hero-v3.v3-ready .v3-copy>.v3-enter:nth-child(5){animation-delay:.4s}
.hero-v3.v3-ready .v3-visual.v3-enter{animation:v3-visual-enter 1.25s cubic-bezier(.16,1,.3,1) .2s both}
.motion-paused .hero-v3 .v3-browser-shell,.motion-paused .hero-v3 .v3-phone-shell,.motion-paused .hero-v3 .v3-contact-shell{animation-play-state:paused}
.motion-paused .hero-v3 .v3-enter{animation:none!important;opacity:1;transform:none}
.motion-paused .hero-v3 .v3-composition{transform:none!important;transition:none}
.motion-paused .hero-v3 *{transition:none!important}
@keyframes v3-copy-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes v3-visual-enter{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes v3-browser-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes v3-phone-float{0%,100%{translate:0 0}50%{translate:0 7px}}
@keyframes v3-contact-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(min-width:1500px){.hero-v3 .v3-inner{gap:42px;padding-top:56px;padding-bottom:65px}.hero-v3 h1{font-size:110px}.hero-v3 .v3-description{font-size:18px}.hero-v3 .v3-personal{margin-top:39px}.hero-v3 .v3-primary{font-size:13px;min-height:58px}.hero-v3 .v3-secondary{font-size:12px}}
@media(max-width:1100px){.hero-v3 .v3-inner{width:calc(100% - 72px);grid-template-columns:1fr 1.05fr;gap:20px;padding-block:42px 45px}.hero-v3 h1{font-size:6.9vw}.hero-v3 .v3-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:23px}.hero-v3 .v3-description{font-size:14px;line-height:1.8;margin-top:25px}.hero-v3 .v3-heading-star{margin-left:18px}.hero-v3 .v3-actions{margin-top:26px;gap:20px}.hero-v3 .v3-primary{font-size:10px;padding:15px 18px;min-height:52px;gap:25px}.hero-v3 .v3-secondary{font-size:10px;gap:22px}.hero-v3 .v3-personal{font-size:9px;margin-top:29px;gap:11px}.hero-v3 .v3-visual{margin-left:-4px;margin-right:-6px}.hero-v3 .v3-stage{aspect-ratio:.94}.hero-v3 .v3-browser-shell{top:12%}.hero-v3 .v3-phone-shell{top:46%}.hero-v3 .v3-contact-shell{top:74%}.hero-v3 .v3-demo-trigger{left:35%;bottom:3%;font-size:9px;gap:8px;padding-inline:12px;min-height:42px}.hero-v3 .v3-visual-caption{font-size:8px;padding-top:4px}.hero-v3 .v3-motion-toggle{font-size:8px}.hero-v3 .v3-caption-line{width:17px}.hero-v3 .v3-bottom-line{left:36px;right:36px}}
@media(max-width:850px){.hero-v3 .v3-inner{width:calc(100% - 48px);grid-template-columns:1fr 1fr;gap:13px;padding:37px 0 39px}.hero-v3 h1{font-size:7.2vw}.hero-v3 .v3-copy{padding-top:7px}.hero-v3 .v3-eyebrow{font-size:7px;letter-spacing:.08em;gap:8px;margin-bottom:22px}.hero-v3 .v3-eyebrow-mark{width:6px;height:6px;box-shadow:0 0 0 3px #d7ed803b}.hero-v3 .v3-description{font-size:12px;line-height:1.85;margin-top:23px}.hero-v3 .v3-primary{font-size:9px;gap:19px;min-height:49px;padding:13px 15px}.hero-v3 .v3-primary>span{font-size:19px}.hero-v3 .v3-secondary{font-size:9px;gap:15px}.hero-v3 .v3-personal{font-size:8px;gap:10px;margin-top:27px}.hero-v3 .v3-personal-line{height:27px}.hero-v3 .v3-visual{margin-left:-6px;margin-right:-5px}.hero-v3 .v3-stage{aspect-ratio:.86}.hero-v3 .v3-browser-shell{top:16%;left:5%;width:94%}.hero-v3 .v3-phone-shell{top:47%;left:-1%;width:29%}.hero-v3 .v3-phone{height:58cqw}.hero-v3 .v3-contact-shell{top:71%;right:-2%;width:50%}.hero-v3 .v3-demo-trigger{left:36%;bottom:6%;font-size:8px;gap:7px;padding:9px 10px;min-height:37px}.hero-v3 .v3-demo-icon{width:10px;gap:2px}.hero-v3 .v3-demo-icon i{width:10px}.hero-v3.v3-concept-menu .v3-demo-icon i:first-child{transform:translateY(3px) rotate(45deg)}.hero-v3.v3-concept-menu .v3-demo-icon i:last-child{transform:translateY(-3px) rotate(-45deg)}.hero-v3 .v3-demo-arrow{font-size:14px;margin:0}.hero-v3 .v3-detail-tag{top:6%;font-size:1.65cqw}.hero-v3 .v3-visual-caption{padding-top:0;font-size:7px;gap:12px}.hero-v3 .v3-visual-caption p{gap:7px}.hero-v3 .v3-motion-toggle{font-size:7px;gap:6px}.hero-v3 .v3-bottom-line{left:24px;right:24px}}
@media(max-width:640px){.hero-v3 .v3-inner{display:flex;flex-direction:column;gap:25px;width:calc(100% - 40px);padding:31px 0 25px;align-items:stretch}.hero-v3 .v3-copy{padding:0;z-index:3}.hero-v3 .v3-eyebrow{font-size:8px;letter-spacing:.09em;gap:9px;margin-bottom:24px}.hero-v3 .v3-eyebrow-mark{width:7px;height:7px}.hero-v3 h1{font-size:clamp(55px,13.7vw,83px);line-height:.99;letter-spacing:-.065em}.hero-v3 .v3-heading-star{font-size:.51em;margin-left:24px;vertical-align:5px}.hero-v3 h1 em::after{height:11%;bottom:10%}.hero-v3 .v3-description{font-size:14px;line-height:1.8;max-width:355px;margin-top:24px}.hero-v3 .v3-actions{flex-direction:row;align-items:center;gap:18px 20px;flex-wrap:wrap;margin-top:25px}.hero-v3 .v3-primary{font-size:10px;gap:18px;min-height:51px;padding:14px 17px;border-radius:4px}.hero-v3 .v3-primary>span{font-size:20px}.hero-v3 .v3-secondary{font-size:10px;gap:13px}.hero-v3 .v3-personal{font-size:9px;gap:11px;margin-top:24px}.hero-v3 .v3-personal-line{height:29px}.hero-v3 .v3-visual{margin:0 -1px}.hero-v3 .v3-stage{aspect-ratio:.93;max-width:460px;margin-inline:auto;perspective:900px}.hero-v3 .v3-browser-shell{top:10%;left:6%;width:92%}.hero-v3 .v3-browser{border-radius:8px;transform:rotateX(3deg) rotateY(-7deg) rotateZ(2deg);box-shadow:0 22px 34px -18px #26382669,0 7px 16px -12px #22322550,2px 3px 0 #d7d9cb}.hero-v3 .v3-stage:hover .v3-browser{transform:rotateX(3deg) rotateY(-7deg) rotateZ(2deg)}.hero-v3 .v3-browser-shell{animation-name:v3-browser-float-mobile}.hero-v3 .v3-phone-shell{left:1%;top:44%;width:28%;animation-name:v3-phone-float-mobile}.hero-v3 .v3-phone{height:56cqw;border-radius:4cqw;box-shadow:0 15px 24px -12px #26382665,2px 3px 0 #bcc8ae}.hero-v3 .v3-contact-shell{top:74%;right:1%;width:47%;animation-name:v3-contact-float-mobile}.hero-v3 .v3-contact-card{box-shadow:0 13px 22px -13px #384f2a48,1px 2px 0 #b7ca72}.hero-v3 .v3-detail-tag{top:1%;right:5%;font-size:1.7cqw;gap:1.3cqw}.hero-v3 .v3-detail-dot{width:1.3cqw;height:1.3cqw}.hero-v3 .v3-demo-trigger{left:auto;right:5%;bottom:4%;min-height:44px;padding:11px 13px;font-size:9px;gap:9px}.hero-v3 .v3-demo-arrow{font-size:16px;margin-left:2px}.hero-v3 .v3-demo-icon{width:11px;gap:3px}.hero-v3 .v3-demo-icon i{width:11px}.hero-v3.v3-concept-menu .v3-demo-icon i:first-child{transform:translateY(4px) rotate(45deg)}.hero-v3.v3-concept-menu .v3-demo-icon i:last-child{transform:translateY(-4px) rotate(-45deg)}.hero-v3 .v3-visual-caption{padding:0 2% 0 3%;font-size:8px;max-width:460px;margin-inline:auto}.hero-v3 .v3-motion-toggle{font-size:8px;min-height:42px;gap:7px}.hero-v3 .v3-caption-line{width:20px}.hero-v3 .v3-bottom-line{left:20px;right:20px}.hero-v3.v3-concept-menu .v3-browser{transform:rotateX(1deg) rotateY(-3deg) rotateZ(.5deg)}}
@media(max-width:380px){.hero-v3 .v3-inner{width:calc(100% - 32px);padding-top:28px;gap:25px}.hero-v3 h1{font-size:13.7vw}.hero-v3 .v3-eyebrow{font-size:7px;letter-spacing:.085em}.hero-v3 .v3-description{font-size:12px;margin-top:23px}.hero-v3 .v3-actions{gap:18px}.hero-v3 .v3-primary{font-size:10px;min-height:50px;padding-inline:17px;gap:25px}.hero-v3 .v3-secondary{font-size:10px}.hero-v3 .v3-personal{font-size:8px;margin-top:23px}.hero-v3 .v3-heading-star{margin-left:19px}.hero-v3 .v3-stage{aspect-ratio:.89}.hero-v3 .v3-browser-shell{top:11%}.hero-v3 .v3-phone-shell{top:43%}.hero-v3 .v3-contact-shell{top:70%}.hero-v3 .v3-demo-trigger{bottom:4%;right:2%;font-size:8px;padding:10px 12px;min-height:42px}.hero-v3 .v3-visual-caption{font-size:7px}.hero-v3 .v3-motion-toggle{font-size:7px}.hero-v3 .v3-bottom-line{left:16px;right:16px}}
@keyframes v3-browser-float-mobile{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes v3-phone-float-mobile{0%,100%{translate:0 0}50%{translate:0 3px}}
@keyframes v3-contact-float-mobile{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media(prefers-reduced-motion:reduce){.hero-v3 *,.hero-v3 *::before,.hero-v3 *::after{animation:none!important;transition:none!important}.hero-v3 .v3-enter{opacity:1!important;transform:none!important}.hero-v3 .v3-composition{transform:none!important}.hero-v3 .v3-cafe-photo{transform:none!important}}