:root{--phone-h:min(74vh, calc(var(--u) * 42))}@media (max-width:760px){:root{--phone-h:min(60svh, 500px)}}.split{gap:clamp(1.5rem, calc(var(--u) * 4), 5rem);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;display:grid}.split.wide-visual{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.visual{min-height:calc(var(--phone-h) + 2rem);grid-template-areas:"v";place-items:center;display:grid}.visual>*{grid-area:v}@media (max-width:900px){.split,.split.wide-visual{grid-template-columns:minmax(0,1fr)}.slide{align-content:start}}.app-head{border-bottom:1px solid #00000012;align-items:center;gap:.6em;padding:.6em 1.1em .8em;display:flex}.app-head b{font-family:var(--font-display);font-size:1.1em;font-weight:700;font-stretch:105%}.glass{-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background:#ffffff24;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 30px 60px -25px #14001e8c}.card{color:#1d1026;background:#fff;border-radius:20px;box-shadow:0 30px 60px -25px #28052880,inset 0 2px #fff9}.overlay{z-index:3;font-size:calc(var(--phone-h) * .025);padding:1.1em 1.25em}.chip{font-size:calc(var(--phone-h) * .024);white-space:nowrap;border-radius:999px;align-items:center;gap:.55em;padding:.55em 1em;font-weight:500;display:inline-flex}.pulse{background:var(--color-magenta);border-radius:50%;width:.65em;height:.65em;animation:1.8s ease-out infinite pulse;box-shadow:0 0 #f0287a99}@keyframes pulse{to{box-shadow:0 0 0 .9em #f0287a00}}@media (max-width:760px){.visual{min-height:0;padding-block:1rem 2rem}.visual .overlay,.radar-card,.critics,.somm,.wine-card,.weather,.itinerary,.greece-pass{max-width:100%;translate:0}.radar-card,.wine-card{width:58%}.weather,.itinerary{width:100%;position:relative}.weather{align-self:start}.itinerary{align-self:end;margin-top:9rem}.postcard{width:100%}.slide .greece-pass{margin-top:50vw}.coverage-visual{width:100%}}
.pass{--pass-notch:.42em;width:min(100%,25em);font-size:var(--pass-size,clamp(.85rem, calc(var(--u) * 1.4), 2.1rem));color:#1d1026;filter:drop-shadow(0 1.2em 1.6em #28052859);grid-template-columns:1fr auto;line-height:1.25;display:grid}.pass-main,.pass-stub{background:#fff;padding:.9em 1.1em}.pass-main{-webkit-mask:radial-gradient(circle var(--pass-notch) at 100% 0, transparent 98%, #000) top right / 100% 51% no-repeat, radial-gradient(circle var(--pass-notch) at 100% 100%, transparent 98%, #000) bottom right / 100% 51% no-repeat;mask:radial-gradient(circle var(--pass-notch) at 100% 0, transparent 98%, #000) top right / 100% 51% no-repeat, radial-gradient(circle var(--pass-notch) at 100% 100%, transparent 98%, #000) bottom right / 100% 51% no-repeat;border-right:2px dashed #1d102633;border-radius:.7em 0 0 .7em;gap:.55em;display:grid}.pass-stub{-webkit-mask:radial-gradient(circle var(--pass-notch) at 0 0, transparent 98%, #000) top left / 100% 51% no-repeat, radial-gradient(circle var(--pass-notch) at 0 100%, transparent 98%, #000) bottom left / 100% 51% no-repeat;mask:radial-gradient(circle var(--pass-notch) at 0 0, transparent 98%, #000) top left / 100% 51% no-repeat, radial-gradient(circle var(--pass-notch) at 0 100%, transparent 98%, #000) bottom left / 100% 51% no-repeat;border-radius:0 .7em .7em 0;place-items:center;padding-inline:.9em;display:grid}.pass-top{color:#1d10269e;justify-content:space-between;align-items:baseline;gap:1em;font-size:.72em;display:flex}.pass-air{font-family:var(--font-display);color:var(--color-magenta);font-size:1.12em;font-weight:800;font-stretch:120%}.pass-route{grid-template-columns:auto 1fr auto;align-items:center;gap:.8em;display:grid}.pass-route b{font-family:var(--font-display);font-size:2.2em;font-weight:900;font-stretch:125%;line-height:1;display:block}.pass-route small{color:#1d10269e;font-size:.72em}.flightpath{border-bottom:2px dotted #1d102640;height:1.4em;position:relative;translate:0 -.7em}.flightpath svg{width:1.4em;height:1.4em;color:var(--color-magenta);animation:3.2s ease-in-out infinite fly;position:absolute;bottom:-.72em;left:0;rotate:90deg}@keyframes fly{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 1.4em)}}.pass-meta{border-top:1px solid #1d10261a;grid-template-columns:repeat(2,auto);justify-content:start;gap:.45em 1.2em;padding-top:.55em;display:grid}.pass-meta dt{color:#1d102694;font-size:.7em}.pass-meta dd{margin:0;font-size:.95em;font-weight:600}.barcode{background:repeating-linear-gradient(0deg,#1d1026 0 2px,#0000 2px 4px,#1d1026 4px 5px,#0000 5px 8px,#1d1026 8px 11px,#0000 11px 12px);width:2.2em;height:100%;min-height:6em}
.device{--device-h:var(--phone-h);height:var(--device-h);aspect-ratio:426/898;rotate:var(--device-rotate,0deg);flex:none;position:relative}.device-body{width:426px;height:898px;transform:scale(tan(atan2(var(--device-h), 898px)));transform-origin:0 0;background:linear-gradient(160deg,#ffffff80,#0000 12% 88%,#ffffff40),linear-gradient(90deg,#3a3640,#6b6672 8%,#2d2a33 50%,#6b6672 92%,#3a3640);border-radius:74px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 0 0 3px #1b1a1f,0 1px 2px #14001e66,0 18px 40px -20px #14001e99,0 60px 110px -40px #14001ebf}.device-btn{background:linear-gradient(90deg,#2d2a33,#77727e,#2d2a33);border-radius:2px;width:4px;position:absolute}.device-btn.left{left:-3px}.device-btn.right{right:-3px}.device-btn.action{height:36px;top:182px}.device-btn.vol-up{height:64px;top:246px}.device-btn.vol-down{height:64px;top:326px}.device-btn.side{height:104px;top:272px}.device-btn.camera{background:linear-gradient(90deg,#1b1a1f,#4a4652);width:3px;height:64px;top:548px;right:-1px}.device-screen{--safe-top:62px;--safe-bottom:34px;-webkit-font-smoothing:antialiased;letter-spacing:-.41px;isolation:isolate;border-radius:62px;outline:8px solid #050407;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:17px;line-height:22px;position:absolute;inset:12px;overflow:hidden}:where(.device-screen){color:#000;background:#fff}:where(.device-screen[data-tone=light]){color:#fff;background:#000}.device-island{z-index:30;background:#000;border-radius:20px;width:125px;height:37px;position:absolute;top:11px;left:50%;translate:-50%}.device-status{z-index:20;letter-spacing:-.4px;pointer-events:none;justify-content:space-between;align-items:center;height:54px;padding:4px 34px 0 50px;font-size:17px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.device-status svg{width:77px;height:14px}.device-home{z-index:30;background:currentColor;border-radius:3px;width:139px;height:5px;position:absolute;bottom:8px;left:50%;translate:-50%}.device-screen:after{z-index:40;pointer-events:none;content:"";background:linear-gradient(125deg,#ffffff29,#ffffff0a 30%,#0000 45%);position:absolute;inset:0}.ios-large-title{letter-spacing:.4px;padding:0 16px;font-size:34px;font-weight:700;line-height:41px}.ios-section{color:#3c3c4399;padding:0 32px 6px;font-size:13px;line-height:18px}.ios-list{background:#fff;border-radius:26px;margin:0 16px;overflow:hidden}.ios-row{align-items:center;gap:12px;min-height:52px;padding:12px 16px;display:flex;position:relative}.ios-row+.ios-row:before{content:"";border-top:.5px solid #3c3c434a;position:absolute;top:0;left:16px;right:0}.ios-grouped{background:#f2f2f7}.ios-tabbar{z-index:10;-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);background:#fafafcb8;border:.5px solid #fff9;border-radius:31px;justify-content:space-around;align-items:center;height:62px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:21px;left:21px;right:21px;box-shadow:0 8px 24px #0000001f}
.chat{background:radial-gradient(80% 38% at 88% 18%,#f0287a6b,#0000),radial-gradient(75% 40% at 8% 48%,#6c3bff61,#0000),radial-gradient(80% 36% at 92% 88%,#ff7a1a33,#0000),#140a20;flex-direction:column;display:flex}.chat-btn{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 0 0 .5px #ffffff38}.chat-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.chat-head{padding:calc(var(--safe-top) - 4px) 16px 10px;text-align:center;grid-template-columns:48px minmax(0,1fr) 48px;align-items:start;gap:8px;display:grid}.chat-who{justify-items:center;display:grid}.chat-group-av{background:var(--iris);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:6px;font-size:32px;display:grid}.chat-name{letter-spacing:-.3px;background:#ffffff1a;border-radius:999px;padding:3px 14px;font-size:21px;font-weight:600;line-height:27px}.chat-sub{color:#ebebf599;letter-spacing:0;margin-top:4px;font-size:17px;line-height:22px}.chat-log{letter-spacing:-.3px;flex-direction:column;flex:1;justify-content:flex-end;gap:12px;padding:12px 16px;font-size:23px;line-height:28px;display:flex}.chat-stamp{color:#ebebf599;text-align:center;letter-spacing:.06px;margin-bottom:4px;font-size:17px;line-height:22px}.chat-stamp b{font-weight:600}.chat-in{transform-origin:0 100%;align-items:end;gap:8px;display:flex}.chat-av{width:36px;height:36px;color:var(--color-night);letter-spacing:0;background:var(--who);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.chat-sender{color:var(--who);letter-spacing:.06px;margin:0 0 2px 15px;font-size:17px;font-weight:500;line-height:22px;display:block}.bubble{isolation:isolate;background:#2f2539;border-radius:18px;width:fit-content;max-width:290px;padding:8px 15px;display:block;position:relative}.bubble:before{z-index:-1;content:"";background:inherit;width:22px;height:17px;clip-path:path("M0 17C4 17 6 15 6 10V0H22V17Z");position:absolute;bottom:0;left:-5px}.bubble.me{color:#fff;background:linear-gradient(135deg, var(--color-magenta), var(--color-violet));transform-origin:100% 100%;align-self:flex-end}.bubble.me:before{background:var(--color-violet);left:auto;right:-5px;scale:-1 1}.chat-typing{transform-origin:0 100%;background:#2f2539;border-radius:18px;gap:5px;width:fit-content;margin-left:44px;padding:16px 17px;display:flex}.chat-typing i{background:#ebebf599;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite chat-typing}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}@keyframes chat-typing{30%{transform:translateY(-4px)}}.chat-composer{padding:6px 16px calc(var(--safe-bottom) + 10px);align-items:center;gap:8px;display:flex}.chat-field{color:#ebebf566;background:#ffffff14;border-radius:22px;flex:1;justify-content:space-between;align-items:center;height:48px;padding:0 14px 0 18px;font-size:23px;display:flex;box-shadow:inset 0 0 0 .5px #ffffff38}.chat-field svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}.chat-av img{object-fit:cover;border-radius:50%;width:100%;height:100%}
.map{width:100%;height:auto;max-height:42vh;overflow:visible}.map .land{fill:none;stroke:#fff6ee33;stroke-width:3.4px;stroke-linecap:round}.map .arc{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--ease-glam) var(--d)}.is-active .map .arc{stroke-dashoffset:0}.map .pin{opacity:0;transition:opacity .6s ease var(--d)}.is-active .map .pin{opacity:1}.map .pin circle:first-child{transform-origin:50%;transform-box:fill-box;animation:2.4s ease-out infinite ping}@keyframes ping{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.map text{font-family:var(--font-sans);fill:var(--color-cream);stroke:#1a0930d9;stroke-width:4px;stroke-linejoin:round;paint-order:stroke;font-size:17px;font-weight:600}.map .tag{fill:#fff6eec7;font-size:13px;font-weight:500}@media (prefers-reduced-motion:reduce){.map .plane{display:none}}@media (max-width:760px){.map text{font-size:26px}.map .tag{display:none}}
.lock-screen{text-align:center;flex-direction:column;align-items:center;display:flex}.lock-padlock{fill:none;stroke:currentColor;stroke-width:1.8px;width:14px;height:18px;margin-top:60px}.lock-date{letter-spacing:0;opacity:.85;align-items:center;gap:6px;min-height:32px;margin-top:10px;font-size:26px;font-weight:600;line-height:32px;display:flex}.lock-date svg{fill:currentColor;width:17px;height:17px;margin-left:6px}.lock-time{font-variant-numeric:tabular-nums;letter-spacing:-3px;text-shadow:0 2px 20px #0000001f;opacity:.94;min-height:108px;font-size:112px;font-weight:600;line-height:108px}.lock-notif{text-align:left;letter-spacing:-.3px;-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);background:#ffffff38;border-radius:24px;align-items:center;gap:12px;width:calc(100% - 24px);margin:auto 0 124px;padding:16px;font-size:23px;line-height:29px;display:flex;box-shadow:inset 0 0 0 .5px #ffffff59}.lock-notif p{flex:1}.lock-notif-icon{background:var(--iris);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.lock-notif-head{justify-content:space-between;display:flex}.lock-notif-head b{font-weight:600}.lock-notif-head small{opacity:.7;font-size:19px}.lock-action{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0003;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;bottom:44px}.lock-action.left{left:46px}.lock-action.right{right:46px}.lock-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:22px;height:22px}
.passport{aspect-ratio:1.42;background:#1a2366;border-radius:14px;grid-template-columns:1fr 1fr;width:min(100%,44rem);padding:10px;display:grid;position:relative;rotate:-2deg;box-shadow:0 40px 80px -30px #000000b3;container-type:inline-size}.passport-page{background:repeating-radial-gradient(circle at 30% 40%,#2340ff0d 0 2px,#0000 2px 9px),linear-gradient(135deg,#fdf6ea,#f3ead8);position:relative;overflow:hidden}.passport-page:first-child{border-radius:6px 0 0 6px;box-shadow:inset -18px 0 24px -18px #00000059}.passport-page:last-child{border-radius:0 6px 6px 0;box-shadow:inset 18px 0 24px -18px #00000059}.passport-label{color:#1a23668c;letter-spacing:.08em;font-size:2.2cqi;position:absolute;top:4%;left:6%}
.postcard{aspect-ratio:1.45;background:linear-gradient(#8ec5ff 0%,#d6ecff 55%,#2a46ff 56%);border:10px solid #fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 40px 70px -30px #00001eb3}.postcard svg{width:100%;height:100%;position:absolute;inset:0}.wave{animation:7s linear infinite waves}.wave.b{animation-duration:11s;animation-direction:reverse}@keyframes waves{to{transform:translate(-200px)}}.postcard p{font-family:var(--font-display);font-size:calc(var(--phone-h) * .05);color:#fff;text-shadow:0 2px 12px #1426a880;font-weight:900;font-stretch:125%;line-height:.95;position:absolute;bottom:7%;left:6%}
.seal{filter:drop-shadow(0 16px 24px #5a145059)}.seal text{font-family:var(--font-display)}.seal-mark{font-stretch:125%}.seal-spin{transform-origin:60px 60px;transform-box:view-box;animation:24s linear infinite seal-spin}@keyframes seal-spin{to{rotate:360deg}}
.flaps{gap:.08em;display:flex}.flaps span{width:1em;height:1.45em;font-family:var(--font-display);color:#ffe9b0;background:linear-gradient(#2a2233 50%,#221b2b 50%);border-radius:.12em;place-items:center;font-size:1.05em;font-weight:700;font-stretch:100%;display:grid;position:relative}.flaps span:after{content:"";background:#0009;height:1px;position:absolute;top:50%;left:0;right:0}
.stamp{top:var(--y);left:var(--x);font-family:var(--font-display);color:var(--c);text-align:center;border:.3em double var(--c);mix-blend-mode:multiply;rotate:var(--r);place-items:center;padding:.6em .9em;font-size:3cqi;font-weight:800;font-stretch:115%;line-height:1.05;display:grid;position:absolute}.stamp small{font-family:var(--font-sans);margin-top:.2em;font-size:.9em;font-weight:500;font-stretch:100%;display:block}.stamp.round{aspect-ratio:1;border-radius:50%;width:7em;padding:0}.stamp.oval{border-radius:50%;padding:.9em 1.3em}