/* Owner-approved hero crop: Tatras background and selectable HTML app transcript. */
@media(min-width:1400px){main .hero.hero-approved{min-height:830px}}
.hero.hero-approved{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center;min-height:760px;isolation:isolate}
.hero-band{background:linear-gradient(180deg,rgba(1,12,34,.12),rgba(1,12,34,.04)),url('/assets/hero-tatry-v1.webp') center bottom/cover no-repeat}
.hero-approved .copy{padding:64px 0 150px;max-width:100%;align-self:start}
.hero-approved .slogan{font-size:clamp(44px,5.4vw,78px);font-weight:700;line-height:1.02;letter-spacing:-.045em;margin-bottom:28px}
.hero-approved .slogan span{white-space:normal;overflow-wrap:anywhere}
.hero-approved .slogan .spectrum{color:#71b8ff;background:linear-gradient(100deg,#0be9fe,#64aaff 48%,#d851fc);background-clip:text;-webkit-text-fill-color:transparent}
.hero-approved .claim{font-size:clamp(22px,2.1vw,30px);font-weight:600;color:var(--white);line-height:1.35}
.hero-approved .hero-description{max-width:540px;font-size:18px;line-height:1.6;color:var(--white);text-shadow:0 1px 8px #010c22;margin-top:20px}
.hero-approved .actions{margin-top:28px}
.hero-approved .hero-learn{color:#0be9fe;font-size:17px;text-decoration:underline;text-underline-offset:8px;min-height:32px;display:inline-flex;gap:16px;align-items:center}
.hero-phone{margin:58px 0 48px;justify-self:center;width:min(100%,320px);min-width:0;perspective:1400px}
.phone-body{position:relative;border:3px solid #aaa89e;border-radius:44px;padding:7px;background:#101419;box-shadow:8px 3px 0 #525658,12px 4px 0 #20272f,18px 22px 35px #0009;transform:rotateY(-18deg) rotateZ(3deg);transform-style:preserve-3d}
.phone-body:after{content:"";position:absolute;right:-10px;top:130px;width:4px;height:52px;border:1px solid #a0a6ab;border-radius:4px;background:#41484d;box-shadow:0 68px 0 -1px #74797d}
.phone-screen{border-radius:34px;background:linear-gradient(160deg,#061a31,#010c22);padding:15px 12px 20px;color:#f5f7ff;min-width:0}
.phone-status{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:10px;height:18px;padding:0 5px;margin-bottom:15px}
.phone-island{position:absolute;width:85px;height:22px;left:50%;top:-4px;transform:translateX(-50%);background:#000;border-radius:20px}
.phone-appbar{position:relative;text-align:center;border-bottom:1px solid #b8c7e319;padding:0 0 16px;margin-bottom:18px}
.phone-appbar strong{font-size:16px;font-weight:600}
.phone-appbar h2{font-size:11px;font-weight:400;margin:5px 0 0}
.phone-back{position:absolute;left:2px;top:2px;font-size:24px}
.phone-transcript{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}
.phone-message{display:grid;grid-template-columns:57px minmax(0,1fr);gap:7px;align-items:center;font-size:12px;line-height:1.4}
.phone-speaker{font-size:11px}
.phone-message p{margin:0;padding:9px 10px;background:#213753;border-radius:12px;overflow-wrap:anywhere}
.phone-assistant .phone-speaker{color:#0be9fe}
.phone-assistant p{background:#06367c}
.phone-ended{text-align:center;margin-top:21px}
.phone-wave{color:#b196fa;font-size:23px;letter-spacing:2px;line-height:1}
.phone-ended p{font-size:11px;margin:9px 0 0}
.hero-phone figcaption{font-size:10px;letter-spacing:.07em;line-height:1.6;text-align:center;margin:24px -15px 0;color:var(--white);text-shadow:0 1px 5px #010c22}
@media(max-width:1200px) and (min-width:901px){.hero.hero-approved{gap:32px}.hero-approved .slogan{font-size:58px}.hero-approved .claim{font-size:24px}.hero-phone{width:300px}}
@media(max-width:900px){.hero.hero-approved{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;min-height:0}.hero-approved .copy{padding:56px 0 28px;justify-self:start}.hero-approved .slogan{font-size:clamp(40px,8vw,64px)}.hero-approved .hero-description{font-size:16px}.hero-phone{width:min(290px,calc(100% - 28px));margin:24px auto 52px}.hero-band{background-position:32% bottom;background-size:auto 100%}}
@media(max-width:540px){.hero-approved .copy{padding:40px 0 16px}.hero-approved .slogan{font-size:42px}.hero-approved .claim{font-size:22px}.hero-approved .hero-description{font-size:15px}.hero-phone{margin-top:32px}.hero-phone figcaption{margin-left:0;margin-right:0}.phone-body{transform:rotateY(-12deg) rotateZ(2deg)}}
@media(max-width:360px){.hero-approved .slogan{font-size:36px}.hero-approved .claim{font-size:20px}.hero-phone{width:calc(100% - 12px)}.phone-screen{padding-left:9px;padding-right:9px}.phone-message{grid-template-columns:49px minmax(0,1fr);gap:5px}.phone-body{transform:none}}
@media(forced-colors:active){.hero-approved .slogan .spectrum{-webkit-text-fill-color:currentColor;background:none}.phone-body,.phone-message p{border:1px solid CanvasText}}