.hero-root{flex-direction:row;align-items:center;gap:40px;max-width:1400px;min-height:80vh;margin:0 auto;padding:70px 48px 90px;display:flex;position:relative;overflow:visible}.hero-left{opacity:0;flex-direction:column;flex:0 0 40%;gap:24px;max-width:40%;transition:opacity .7s,transform .7s;display:flex;transform:translateY(32px)}.hero-left--visible{opacity:1;transform:translateY(0)}.hero-heading{letter-spacing:-.03em;color:var(--foreground);font-size:max(40px,min(5vw,56px));font-weight:900;line-height:1.14}.hero-heading__accent{color:#f97316;font-style:italic;position:relative}.hero-heading__accent:after{content:"";z-index:-1;background:rgba(249,115,22,.2);border-radius:4px;height:6px;position:absolute;bottom:2px;left:0;right:0}.hero-subtext{color:#555;max-width:440px;font-size:1.05rem;font-weight:400;line-height:1.7}.hero-cta-row{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.hero-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:14px 26px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.hero-btn--primary{color:#fff;background:#1a1a1a;border:none}.hero-btn--primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.hero-btn--secondary{color:#1a1a1a;background:#fff;border:1.5px solid #d0cec9}.hero-btn--secondary:hover{background:#f5f5f0;border-color:#b0aeaa;transform:translateY(-1px)}.hero-right{opacity:0;flex:1;min-height:500px;transition:opacity .8s .2s,transform .8s .2s;position:relative;transform:translate(40px)}.hero-right--visible{opacity:1;transform:translate(0)}.hero-iphone{z-index:2;filter:drop-shadow(0 24px 48px rgba(0,0,0,.18));width:240px;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.hero-iphone__img{border-radius:28px;width:100%;height:auto;display:block}.hero-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-float-card{z-index:3;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;min-width:190px;max-width:210px;padding:14px 18px;transition:box-shadow .3s;position:absolute;box-shadow:0 8px 32px rgba(0,0,0,.2)}.hero-float-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.3)}.hero-float-card__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.hero-float-card__title{color:#fff;letter-spacing:-.01em;font-size:13px;font-weight:700}.hero-float-card__body{color:#a1a1aa;flex-direction:column;gap:6px;font-size:11.5px;display:flex}.hero-float-card__body p{align-items:center;gap:4px;margin:0;display:flex}.hero-float--top{animation:5s ease-in-out infinite floatY;top:15px;right:0}.hero-float--mid{margin-top:-55px;animation:6s ease-in-out 1s infinite floatMid;top:50%;right:30px}.hero-float--bot{animation:5.5s ease-in-out .5s infinite floatY;bottom:15px;right:0}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatMid{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:1200px){.hero-root{padding:60px 32px 80px}.hero-float-card{min-width:170px;max-width:190px}.hero-iphone{width:210px;left:20px}}@media (max-width:1024px){.hero-root{flex-direction:column;gap:50px;min-height:auto;padding:50px 24px 70px}.hero-left{flex:unset;text-align:center;align-items:center;max-width:100%}.hero-subtext{max-width:520px;margin:0 auto}.hero-cta-row{justify-content:center}.hero-right{justify-content:center;width:100%;min-height:560px;display:flex}.hero-iphone{width:200px;left:50%;transform:translate(-50%,-50%)}.hero-lines{display:none}.hero-float--top{top:0;left:5%;right:auto}.hero-float--mid{top:30%;left:58%;right:auto}.hero-float--bot{bottom:0;left:10%;right:auto}}@media (max-width:640px){.hero-heading{font-size:2rem}.hero-right{min-height:660px}.hero-iphone{width:180px}.hero-float-card{min-width:155px;max-width:170px;padding:10px 12px}.hero-btn{width:100%;padding:14px 22px;font-size:.88rem}.hero-cta-row{flex-direction:column;width:100%}}