:root{--ink:#151d29;--green:#b5d8ff;--line:#dbe2e9;--muted:#637080;--paper:#f8fafc;--blue:#1574d6}body{background:var(--paper)}.hero h1>span,h2>span{color:#447ca9}.hero-copy .button,.dark,.hero-copy .button:hover{background:#192d43}.brand img{width:145px;height:46px;object-fit:contain}.announcement{background:#e5f0fc;color:#203a55}.announcement a{color:#204f83}a:focus-visible,button:focus-visible{outline-color:#197ad6}.push-icon{background:#1371ca;color:#fff}.push-icon span{color:#cce6ff}.feature-grid .feature-big{background:#bedbfa}.feature-grid article{background:#edf2f7}.feature-symbol{color:#2a6ba6}.check-list li:before{color:#2176bd}.app-icon{font-size:65px;background:#167adc;color:white;width:96px;height:96px;border-radius:25px;text-align:center;font-weight:700;margin-top:22px;line-height:90px;position:relative}.app-icon span{font-size:16px;position:absolute;right:18px;top:-11px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.product-card{padding:36px;border:1px solid #cbdced;background:#e4effa;border-radius:18px}.product-card.webkee{background:#fff}.product-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#526a80}.product-card h3{font:650 40px Manrope,sans-serif;letter-spacing:-1.5px;margin:26px 0 17px;display:flex;justify-content:space-between}.product-card h3 span{color:#4388cc}.product-card>p{max-width:480px;line-height:1.75;color:var(--muted)}.product-card .check-list{margin:24px 0}.product-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #cbdced;font-size:13px}.product-bottom b{font-size:21px}.product-bottom .button{font-size:12px;padding:16px}.banner-gallery-section{display:block}.banner-gallery{margin-top:36px;gap:26px}.banner-example{--device-bg:#e8eff6;--banner-bg:#b9d9f9;margin:0}.banner-example:nth-child(2){--device-bg:#e6edf5}.banner-example:nth-child(3){--device-bg:#e9eef3}.banner-play{min-height:90px;background:transparent}.banner-play b{font-size:14px}.banner-play-icon{background:#e1ecf7;color:#2168a6}.banner-example .banner-device{padding:34px 20px;background:var(--device-bg);box-shadow:none}.banner-example .mock-store{height:530px;min-height:530px;max-width:280px;border:6px solid #23282f;border-radius:43px;padding:0;position:relative;overflow:hidden;background:#fff;box-shadow:0 24px 32px #21344c24,0 0 0 2px #a5afbb,inset 0 0 0 1px #c7cdd4;transform:none}.banner-example .phone-status{height:49px;padding:15px 17px 0;font-size:10px;flex-shrink:0}.phone-island{width:74px;height:21px;top:10px;left:50%;transform:translateX(-50%);background:#11151a;border-radius:15px;position:absolute}.banner-example .store-nav{padding:20px 17px 12px;margin:0 12px;font-size:9px}.banner-example .store-collection{font-size:31px;letter-spacing:-1.4px;margin:22px 19px 15px}.banner-example .store-category{margin:0 19px 15px;font-size:7px}.banner-example .phone-shop-photo{width:100%;height:175px;object-fit:cover;margin:0;border-radius:0;flex-shrink:0}.phone-info{padding:17px;font-size:12px}.phone-info p{font-size:10px;color:#718095;margin:5px 0 13px}.phone-info>span{display:block;text-align:center;font-size:21px;color:#617789}.phone-home{position:absolute;bottom:7px;width:80px;height:4px;background:#182029;border-radius:4px;left:50%;transform:translateX(-50%)}.demo-message{position:absolute;z-index:4;left:10px;right:10px;background:#f7fbffef;backdrop-filter:blur(15px);border:1px solid #fff;border-radius:17px;box-shadow:0 8px 20px #142c4833;padding:14px;opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.2,.9,.25,1),opacity .5s}.demo-message.push{top:57px;transform:translateY(-160px);display:block}.demo-message.strip{bottom:44px;background:#176ac2;color:white;transform:translateY(140px);border:0;border-radius:7px;padding:12px}.demo-message.visible{opacity:1;transform:translateY(0)}.msg-brand{font-size:8px;letter-spacing:.8px;display:flex;justify-content:space-between;margin-bottom:7px}.msg-brand small{font-size:8px;letter-spacing:0}.demo-message strong{font-size:13px;line-height:1.3;display:block}.demo-message p{font-size:11px;line-height:1.5;margin-top:5px;color:inherit}.strip .msg-brand{display:none}.demo-disclaimer{text-align:center;font-size:12px;color:var(--muted);margin-top:22px}.ai-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ai-section h2{margin:23px 0}.ai-section>div>p{line-height:1.8;color:var(--muted);margin-bottom:24px;max-width:480px}.ai-card{background:#e8f1fb;padding:32px;border-radius:18px}.ai-card label{display:block;margin:20px 0 8px;font-size:13px}.ai-card input,.ai-card textarea{width:100%;border:1px solid #c9d9e9;padding:14px;border-radius:9px;background:#fff;color:var(--ink)}.ai-card textarea{height:90px;resize:vertical}.ai-card .button{margin-top:18px}.small{font-size:12px;color:var(--muted);line-height:1.6}.ai-card .small{margin:16px 0 0}.badge{background:#d0e5fa;color:#245b91}.app-manager-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:45px;align-items:center;margin-top:38px}.manager-point{margin-bottom:27px}.manager-point>span{font-size:11px;color:#3178b6}.manager-point h3{margin:10px 0;font-size:19px}.manager-point p{line-height:1.7;color:var(--muted);font-size:14px}.manager-image{background:#e6edf5;border-radius:18px;padding:24px;min-width:0}.manager-image img{width:100%;display:block;border-radius:8px;box-shadow:0 12px 30px #152f4920}.manager-image>span{font-size:11px;color:var(--muted);display:block;text-align:center;margin-top:16px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1296px;margin:32px auto 0}.sector{position:relative;min-height:460px;overflow:hidden;border-radius:16px;color:white;display:flex;align-items:flex-end}.sector>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.sector:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#102338e8)}.sector:hover>img{transform:scale(1.04)}.sector>div{z-index:1;padding:30px}.sector small{font-size:11px}.sector h3{font:600 29px Manrope;margin:16px 0}.sector p{font-size:14px;line-height:1.6;margin-bottom:22px}.sector span{font-size:12px}.product-switch{display:flex;gap:6px;padding:6px;background:#e9eef4;border-radius:14px;width:max-content;max-width:100%;margin:35px 0 26px}.product-switch button{border:0;background:transparent;padding:15px 30px;border-radius:10px;color:#53677d;font-weight:700}.product-switch button span{display:block;font-size:11px;font-weight:400;margin-top:4px}.product-switch button[aria-pressed=true]{background:#1c334c;color:white;box-shadow:0 4px 10px #10223820}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan-card{background:white;border:1px solid #d7e1ec;border-radius:14px;padding:25px;display:flex;flex-direction:column}.plan-card.recommended{background:#e3f0ff;border-color:#72a8df}.plan-top{font-size:12px;display:flex;justify-content:space-between;gap:5px;font-weight:700}.plan-top em{font-size:8px;font-style:normal;color:#215c98}.plan-price{margin:25px 0 18px}.plan-price b{display:block;font:650 40px Manrope;letter-spacing:-1.5px}.plan-price span{font-size:12px;color:var(--muted)}.plan-card>p{font-size:13px;color:var(--muted)}.plan-card .check-list{margin:24px 0;font-size:12px;flex:1}.plan-card .check-list li{font-size:12px}.plan-card .button{font-size:13px;padding:14px 17px}.outline{border:1px solid #bdcedf;background:transparent}.setup-cost{display:flex;justify-content:space-between;gap:30px;margin-top:25px;padding:27px;border:1px solid #d4dfe9;border-radius:12px}.setup-cost p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.6}.setup-cost>strong{font-size:23px;white-space:nowrap}.setup-cost small{display:block;font-size:10px;color:var(--muted);font-weight:400;text-align:right;margin-top:4px}.price-note{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.6}.pricing-help{display:flex;gap:20px;justify-content:space-between;margin-top:27px;font-size:14px}.reference-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reference-row>div,.reference-row>a{padding:30px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:18px}.reference-row>a:last-child{border:0}.reference-number strong{font:600 54px Manrope;letter-spacing:-3px}.reference-number strong span{color:#1574d6}.reference-number p,.reference-row small,.reference-row a>span{font-size:11px;color:var(--muted)}.reference-row h3{font:600 23px Manrope;letter-spacing:-.7px}.inquiry-form{background:#edf3f9;padding:32px;border-radius:16px;display:flex;flex-direction:column;gap:18px}.inquiry-form h3{font-size:24px;margin-bottom:5px}.inquiry-form label{font-size:12px;display:flex;flex-direction:column;gap:8px}.inquiry-form input,.inquiry-form textarea,.inquiry-form select{border:1px solid #cedae6;background:white;border-radius:8px;padding:13px;width:100%;font:inherit;font-size:14px;color:var(--ink)}.inquiry-form textarea{min-height:105px}.inquiry-form .button{width:100%}.contact-company{margin-top:27px}.final-cta{background:#c2ddf9}.final-cta em{color:#376b9e}.full-footer{background:#f0f4f8}.footer-top>div:first-child>span{color:#556b82}.full-footer a:hover{color:#186abb}.branches{gap:24px}.banner-example figcaption{font-size:10px;letter-spacing:1px}.hero .image-footnote{font-size:9px}
@media(min-width:1441px){header{max-width:1440px;padding-left:5%;padding-right:5%}}
@media(max-width:1050px){header{gap:15px}nav{gap:16px;font-size:12px}.plans-grid{grid-template-columns:repeat(2,1fr)}.product-card{padding:25px}.product-bottom{align-items:flex-start;flex-direction:column}.ai-section{gap:35px}.reference-row{grid-template-columns:repeat(2,1fr)}.reference-row>a:nth-child(2){border-right:0}.sector>div{padding:23px}.sector h3{font-size:25px}.banner-example .banner-device{padding:27px 10px}.banner-example .mock-store{height:500px;min-height:500px}.banner-example .store-collection{font-size:27px}}
@media(max-width:760px){.announcement{font-size:10px;padding:11px 16px;line-height:1.6;display:block;text-align:center}.announcement a{display:inline-block;margin-left:5px}header{height:80px;padding:0 20px}.brand img{width:120px;height:38px}.header-tools{margin-left:auto}.nav-cta{font-size:11px;padding:10px 13px}.menu{display:block;border:0;background:transparent;font-size:22px}header nav{display:none;position:absolute;top:125px;left:12px;right:12px;z-index:30;background:#fff;border:1px solid #d1dfec;padding:20px;border-radius:12px;box-shadow:0 16px 30px #1232;flex-direction:column;gap:20px}header nav.is-open{display:flex}.hero{grid-template-columns:1fr}.hero h1{font-size:48px}.hero-copy .actions{flex-wrap:wrap}.hero-note{line-height:1.6}.product-pair,.ai-section,.app-manager-grid,.sector-grid{grid-template-columns:1fr}.product-card h3{font-size:35px}.product-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}.section-head{gap:20px;align-items:flex-start;flex-direction:column}.section-head>p{max-width:100%}.intro-strip{flex-wrap:wrap;gap:19px;padding:25px 20px;margin:0 20px}.intro-strip>div{font-size:15px}.intro-strip>span{width:100%}.banner-gallery{grid-template-columns:1fr;gap:30px}.banner-example .banner-device{padding:32px 24px}.banner-example .mock-store{height:530px;min-height:530px}.banner-example .store-collection{font-size:31px}.banner-play{min-height:70px}.sector{min-height:430px}.ai-card{padding:23px}.setup-cost{flex-direction:column;gap:16px}.setup-cost small{text-align:left}.pricing-help{flex-direction:column;gap:10px}.reference-row>div,.reference-row>a{padding:22px 15px}.reference-row h3{font-size:20px}.reference-number strong{font-size:43px}.product-switch{width:100%}.product-switch button{flex:1;padding:14px 10px}.plan-card{padding:20px 16px}.plan-price b{font-size:34px}.plan-top{flex-direction:column;min-height:27px}.plan-card .button{gap:8px}.inquiry-form{padding:24px}.final-cta h2{font-size:43px}.final-cta{padding:45px 25px}.branches{grid-template-columns:1fr 1fr}.footer-top{gap:30px}.app-manager-grid{gap:25px}.manager-image{padding:14px}}
@media(max-width:370px){.plans-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.header-tools .nav-cta{font-size:10px;padding:9px}.hero .actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.demo-message{opacity:1;transform:none!important}}

@media(max-width:760px){.menu{font-size:0}.menu[aria-expanded=true]::before{box-shadow:none;transform:rotate(45deg)}.menu[aria-expanded=true]::after{content:"";position:absolute;width:25px;height:2px;background:currentColor;transform:rotate(-45deg)}}
/* Kontrastní oznámení proti světlému displeji telefonu. */
.demo-message.push{background:#17283d;color:#fff;border:1px solid #405670;box-shadow:0 10px 28px #08182b55;backdrop-filter:none}
.demo-message.push strong{color:#fff}
.demo-message.push p{color:#edf4ff}
.demo-message.push .msg-brand{color:#c7ddf5}
.demo-message.push .msg-brand small{color:#c7ddf5}
.photo-stage .hero-push{background:#17283d;color:#fff;border:1px solid #405670;box-shadow:0 16px 38px #08182b55}
.photo-stage .hero-push strong{color:#fff}
.photo-stage .hero-push p,.photo-stage .hero-push .push-meta,.photo-stage .hero-push .notification-action{color:#edf4ff}
.photo-stage .hero-push .push-icon{background:#d0e6ff;color:#17283d}
/* Úvod 1:1 podle dodané reference Notifee, s identitou APPKEE. */
body{background:#f9fbfa}
.announcement{background:#f9fbfa;border-bottom:1px solid #dce3e7;display:flex;justify-content:space-between;align-items:center;padding:12px 3.5%;font-size:14px;font-weight:600}
.announcement>span{display:flex;gap:12px;align-items:center}.reference-star{color:#df2a24;font-size:25px;line-height:1}.announcement>a{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#2d526f}
body>header{max-width:none;margin:0 3.5%;padding:0;height:84px;border-bottom:1px solid #dce3e7;background:#f9fbfa;gap:25px}.brand img{width:156px;height:48px;mix-blend-mode:multiply}header nav{font-size:14px;gap:25px}.nav-cta{font-size:14px;padding:16px 22px;border-radius:40px}.hero{max-width:none;padding:48px 3.5% 45px;grid-template-columns:1fr 1.04fr;gap:40px;align-items:center}.hero-copy>.eyebrow{font-size:14px;letter-spacing:1.5px;line-height:1.5;margin-bottom:33px}.hero h1{font-size:clamp(56px,5.15vw,100px);letter-spacing:-.065em;line-height:1.09;margin:0 0 36px;font-weight:650}.hero h1>span{color:#487caa}.hero-copy>p{font-size:17px;line-height:1.85;max-width:510px}.hero-copy .actions{margin-top:35px;gap:20px;flex-wrap:wrap}.hero-copy .button{padding:21px 24px;background:#243f58}.hero-explainer{color:#df2a24;font-size:17px;font-weight:700;gap:14px}.hero-explainer .play{width:48px;height:48px;border:0;background:#df2a24;color:#fff;font-size:19px}.hero-note{font-size:11px}.hero .photo-stage{min-height:0;height:auto;aspect-ratio:1.16;border-radius:14px;margin-top:39px}.photo-stage .hero-photo{object-position:center}.photo-stage .photo-caption{font-size:clamp(28px,2.9vw,54px);line-height:1.08;left:30px;bottom:145px;letter-spacing:-.065em}.photo-stage .hero-push{left:14%;right:4%;bottom:25px;top:auto;padding:19px;transform:rotate(-3deg)}.hero .image-footnote{bottom:-24px;font-size:9px}.nav-products .mega{z-index:60}
@media(min-width:1700px){body>header{height:112px}header nav{font-size:18px;gap:30px}.brand img{width:200px;height:62px}.announcement{font-size:18px;padding-top:15px;padding-bottom:15px}.announcement>a{font-size:18px}.hero{padding-top:58px;gap:55px}.hero-copy>.eyebrow{font-size:18px;margin-bottom:45px}.hero-copy>p{font-size:22px;max-width:650px}.hero-copy .button{font-size:18px;padding:26px 30px}.hero-explainer{font-size:22px}.hero .photo-stage{margin-top:55px}.photo-stage .photo-caption{bottom:185px;left:40px}.photo-stage .hero-push{padding:24px;bottom:34px}.photo-stage .push strong{font-size:20px}.photo-stage .push p{font-size:15px}.photo-stage .push-meta{font-size:11px}.photo-stage .notification-action{font-size:12px}.hero-note{font-size:14px}.nav-cta{font-size:18px;padding:20px 28px}}
@media(max-width:1000px){header nav{gap:15px;font-size:12px}.brand img{width:135px}.hero{gap:28px}.hero h1{font-size:clamp(48px,5.4vw,60px)}.hero-copy>.eyebrow{font-size:10px}.hero-copy>p{font-size:15px}.hero .photo-stage{aspect-ratio:auto;height:510px}.photo-stage .photo-caption{left:22px;font-size:33px}.photo-stage .hero-push{left:6%;padding:15px}.hero-copy .actions{gap:15px}.hero-explainer{font-size:14px}.hero-explainer .play{width:38px;height:38px;font-size:14px}}
@media(max-width:760px){.announcement{padding:10px 20px;font-size:10px;gap:8px;align-items:flex-start;flex-direction:column}.announcement>a{font-size:10px;margin-left:28px}.reference-star{font-size:20px}body>header{margin:0 20px;height:76px;gap:12px}.brand img{width:123px;height:40px}header nav{top:76px;left:0;right:0;margin:0;font-size:14px;gap:20px}.nav-cta{font-size:11px;padding:11px 14px}.hero{padding:35px 6% 50px;grid-template-columns:1fr;gap:28px}.hero-copy>.eyebrow{font-size:10px;margin-bottom:25px}.hero h1{font-size:clamp(47px,9vw,64px);margin-bottom:26px;letter-spacing:-.06em}.hero-copy>p{font-size:16px}.hero-copy .actions{margin-top:26px;gap:19px}.hero-copy .button{padding:17px 19px}.hero .photo-stage{margin:0;height:460px;width:100%;aspect-ratio:auto}.photo-stage .photo-caption{bottom:150px;font-size:35px}.hero .hero-note{font-size:11px;line-height:1.7}.nav-products .mega{position:static;box-shadow:none;padding:12px 0;min-width:0;width:auto}.hero-explainer{font-size:14px}}
@media(min-width:1001px){.hero .photo-stage{align-self:start;margin-top:55px}}
/* Informační proužek odjíždí, navigace zůstává u horní hrany. */
body>header{--header-expanded-height:84px;position:sticky;top:0;z-index:1000;width:auto;height:var(--header-expanded-height);transition:height .2s ease,background-color .2s ease,box-shadow .2s ease,margin-bottom .2s ease}
body>header.is-stuck{height:70px;margin-bottom:calc(var(--header-expanded-height) - 70px);background:rgba(249,251,250,.9);box-shadow:0 7px 22px #142b4212;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
body>header .brand{flex-shrink:0}body>header .brand img{flex-shrink:0;transition:none}
@media(min-width:1700px){body>header{--header-expanded-height:112px}}
@media(max-width:760px){body>header{--header-expanded-height:76px}body>header nav{top:100%}body>header .header-tools,body>header .menu{flex-shrink:0}body>header .header-tools{display:flex}body>header .menu{display:grid}}
/* clip netvoří samostatný scrollovací kontejner, takže sticky sleduje stránku. */
html,body{overflow-x:clip;overflow-y:visible}
/* Horní informační proužek podle posledního dodaného výřezu. */
.announcement{min-height:52px;padding:11px 2.2%;background:#f9fbf8;border-bottom:1px solid #dfe5dc;color:#1b211d;font-size:14px;font-weight:600;line-height:1.4}
.announcement>span{gap:12px}.announcement .reference-star{font-size:27px;color:#df2a24;font-weight:400}
.announcement>a{margin:0;color:#294d35;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;white-space:nowrap}
@media(min-width:1700px){.announcement{min-height:72px;padding-top:15px;padding-bottom:15px;font-size:20px}.announcement>a{font-size:20px}.announcement .reference-star{font-size:34px}.announcement>span{gap:16px}}
@media(max-width:760px){.announcement{padding:10px 20px;gap:7px;font-size:10px;line-height:1.5}.announcement .reference-star{font-size:21px}.announcement>span{gap:10px}.announcement>a{font-size:11px;margin-left:31px}}
/* Bílé pozadí původního loga splyne s podkladem i v přichycené liště. */
body>header .brand{background:transparent;border:0;box-shadow:none;mix-blend-mode:multiply}
body>header .brand img,.full-footer .brand img{background:transparent;border:0;box-shadow:none;mix-blend-mode:multiply}
.arrival-demo{background:#102b46;color:#fff;padding:75px 5%;scroll-margin-top:85px}.arrival-inner{max-width:1296px;margin:auto}.arrival-demo .eyebrow{font-size:12px;letter-spacing:1.4px;margin-bottom:28px}.arrival-demo h2{font-size:clamp(40px,4.4vw,64px);line-height:1.15;letter-spacing:-2.8px}.arrival-demo h2 span{color:#78c8ff}.arrival-lead{color:#bdcddd;font-size:19px;line-height:1.65;margin-top:24px}.arrival-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #49647d;border-radius:18px;overflow:hidden;margin-top:40px}.arrival-editor{padding:36px;background:#18364f;min-width:0}.arrival-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.arrival-editor-head h3{font-size:17px;font-weight:500}.arrival-editor-head>span{font-size:10px;border:1px solid #60788d;border-radius:5px;padding:8px;color:#b9cbdb;letter-spacing:.6px}.arrival-presets{display:flex;gap:10px;margin:28px 0}.arrival-presets button{border:1px solid #597187;border-radius:30px;padding:11px 24px;background:transparent;color:#d5e0ea;font-size:14px}.arrival-presets button[aria-pressed=true]{background:#78c8ff;color:#102b46;border-color:#78c8ff}.arrival-editor label{display:flex;justify-content:space-between;font-size:14px;margin:25px 0 12px}.arrival-editor label span{font-size:12px;color:#b4c6d6}.arrival-editor input,.arrival-editor textarea{display:block;width:100%;background:#112c43;border:1px solid #5b7891;color:white;border-radius:9px;padding:16px;font-size:16px;line-height:1.6}.arrival-editor textarea{resize:vertical;min-height:132px}.arrival-editor input:focus,.arrival-editor textarea:focus{outline:2px solid #78c8ff;outline-offset:2px}.arrival-send{display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;background:#78c8ff;color:#102b46;border:0;border-radius:9px;padding:21px 25px;margin-top:28px;font-weight:700;font-size:15px}.arrival-send:hover{background:#a3d9ff}.arrival-hint{font-size:12px;color:#b4c6d6;margin-top:18px}.arrival-preview{min-width:0;background:radial-gradient(ellipse at 50% 35%,#497a9e,#183c5b 75%);padding:30px 30px 23px;display:flex;flex-direction:column;align-items:center}.arrival-preview-label{display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:1.8px;color:#d9e7f2;margin-bottom:22px}.arrival-phone{width:278px;height:535px;max-width:100%;padding:6px;border-radius:43px;background:linear-gradient(110deg,#9ea8b2,#1a2530 12%,#71808d 50%,#15212c 90%);box-shadow:0 28px 45px #07162565,0 0 0 1px #8a9cad}.arrival-screen{height:100%;border:3px solid #080e17;border-radius:37px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 80%,#63b8f299,transparent 55%),radial-gradient(ellipse at 0% 20%,#458bb8,transparent 70%),linear-gradient(155deg,#183c65,#16304e 52%,#397aaf);color:#fff}.arrival-status{display:flex;justify-content:space-between;align-items:center;height:42px;padding:10px 16px 0;font-size:9px}.arrival-island{position:absolute;left:50%;transform:translateX(-50%);top:10px;background:#080d15;width:79px;height:22px;border-radius:20px}.arrival-lock{text-align:center;margin-top:13px;font-size:15px;color:#e6f4ff}.arrival-date{text-align:center;font-size:12px;margin-top:12px}.arrival-time{text-align:center;font-family:Manrope,sans-serif;font-size:63px;font-weight:500;letter-spacing:-4px;line-height:1.2;margin-top:4px}.arrival-clock-note{text-align:center;font-size:11px;color:#d4e9fa;margin-top:5px}.arrival-notification{position:absolute;top:231px;left:10px;right:10px;display:flex;gap:9px;padding:13px 11px;background:#fff;border:1px solid #dbe5ee;border-radius:18px;box-shadow:0 12px 24px #071a3555;opacity:0;transform:translateY(-210px) scale(.95);transition:transform .75s cubic-bezier(.18,.88,.24,1.08),opacity .4s}.arrival-notification.is-visible{opacity:1;transform:translateY(0) scale(1)}.arrival-app-icon{position:relative;width:32px;height:32px;flex-shrink:0;background:#81cfff;color:#112e48;font-weight:700;font-size:28px;line-height:30px;text-align:center;border-radius:9px}.arrival-app-icon>span{position:absolute;font-size:7px;right:4px;top:-7px}.arrival-message{min-width:0;flex:1}.arrival-meta{display:flex;justify-content:space-between;gap:5px;align-items:center;margin:1px 0 6px;color:#60758a;font-size:7px;letter-spacing:.4px}.arrival-meta small{font-size:7px;white-space:nowrap;letter-spacing:0}.arrival-message strong{font-size:12px;line-height:1.4;color:#172a44;display:block;overflow-wrap:anywhere}.arrival-message p{font-size:11px;line-height:1.5;color:#40566c;margin-top:5px;overflow-wrap:anywhere}.arrival-phone-bottom{position:absolute;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between}.arrival-phone-bottom span{display:grid;place-items:center;background:#09274870;border-radius:50%;width:32px;height:32px;color:#d4eafd}.arrival-home{position:absolute;bottom:8px;width:90px;height:4px;border-radius:4px;background:#e5f2ff;left:50%;transform:translateX(-50%)}.arrival-disclaimer{text-align:center;font-size:10px;color:#c1d5e6;line-height:1.7;max-width:310px;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.arrival-editor{padding:25px}.arrival-editor-head{align-items:flex-start;flex-direction:column}.arrival-preview{padding:25px 18px}.arrival-presets button{padding:10px 17px}.arrival-phone{width:260px}.arrival-editor input,.arrival-editor textarea{font-size:14px}}
@media(max-width:700px){.arrival-demo{padding:50px 6%}.arrival-demo h2{font-size:40px;letter-spacing:-2px}.arrival-lead{font-size:16px}.arrival-grid{grid-template-columns:1fr;margin-top:28px}.arrival-editor{padding:25px 20px}.arrival-editor-head{flex-direction:row;align-items:center}.arrival-editor-head h3{font-size:14px}.arrival-editor-head>span{font-size:8px;padding:6px}.arrival-preview{padding:25px 20px}.arrival-phone{width:278px}.arrival-send{padding:18px;font-size:13px}.arrival-editor input,.arrival-editor textarea{font-size:16px}.arrival-presets{gap:8px}.arrival-presets button{padding:10px 20px}}
@media(prefers-reduced-motion:reduce){.arrival-notification{transition:none;transform:none}}
/* Zpráva začíná celá nad displejem a sjede přímo z jeho horní hrany. */
.arrival-notification{transform:translateY(calc(-100% - 245px));opacity:1;transition:transform 1.5s cubic-bezier(.2,.8,.25,1)}
.arrival-notification.is-visible{transform:translateY(0)}
.arrival-notification.is-resetting{transition:none}
@media(prefers-reduced-motion:reduce){.arrival-notification{transition:none;transform:none;opacity:0}.arrival-notification.is-visible{opacity:1}}
.hero .photo-stage .hero-photo{object-position:65% center}