/* Version 3: people first, daylight, clear contrast. */
:root{--ink:#272d46;--muted:#656e83;--line:#e2e7ef;--blue-soft:#f0f5ff;--warm:#fff8ea}
body{background:#fff}.header{top:24px;max-width:1120px;width:calc(100% - 64px);margin:24px auto 0;border:1px solid #e5e9f1;border-radius:100px;background:rgba(255,255,255,.97);box-shadow:0 8px 32px #1e266d08}.nav{height:78px;padding:0 26px;max-width:none}.nav .logo{width:125px}.btn{border-radius:100px;padding:16px 24px}.nav .btn{background:var(--navy);border-color:var(--navy)}.nav .btn:hover{background:#303d92}h2{font-weight:500;color:var(--navy);letter-spacing:-.045em}h3{color:var(--navy)}.hero-v3{background:linear-gradient(115deg,#eaf1ff 0%,#dde8fc 60%,#ceddfa 100%);text-align:left;padding:65px 0 45px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center;max-width:1280px;padding:0 45px}.hero-copy{padding-bottom:25px}.hero-v3 .eyebrow{color:var(--blue-dark);font-size:11px;letter-spacing:.13em;margin-bottom:26px}.hero-v3 h1{font-size:clamp(3.2rem,5.9vw,5.2rem);font-weight:500;letter-spacing:-.055em;line-height:1.12;color:var(--navy)}.hero-v3 h1 span{color:var(--blue);font-weight:500}.hero-v3 .intro{max-width:475px;margin:27px 0 29px;font-size:17px;line-height:1.85;color:#60697e}.hero-v3 .actions{justify-content:flex-start;gap:11px}.hero-v3 .btn{font-size:13px;padding:15px 20px;gap:14px}.hero-v3 .btn.secondary{background:white;border-color:#dce2ec}.hero-v3 .micro{font-size:12px;max-width:440px;line-height:1.8;margin-top:18px;color:#747d90}.human-hero{margin:0;position:relative;min-width:0}.human-hero img{width:100%;height:auto;object-fit:contain}.human-hero figcaption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--muted);margin-top:14px}.human-hero figcaption span{display:flex;padding:6px;background:#fff1cf;color:#86631a;border-radius:50%}.human-hero figcaption svg{width:15px;height:15px}.channels{padding:25px 0 42px;border-color:#eef0f6}.channels p{font-size:13px;color:#778097;margin-bottom:25px}.channel-logos{color:#8a91a1;gap:65px;font-size:23px}.comparison-section{padding:85px 0 55px;background:#f8faff;border-bottom:1px solid #edf1f8}.comparison-heading{text-align:center;max-width:800px;margin:0 auto 42px}.comparison-heading .eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:20px}.comparison-heading h2{font-size:clamp(2.25rem,4vw,3.4rem);font-weight:500;letter-spacing:-.045em;line-height:1.14}.comparison-heading>p:last-child{margin-top:21px;font-size:17px;line-height:1.75}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-card{padding:35px 35px 26px;border:1px solid var(--line);border-radius:20px;background:white}.comparison-card.before{background:#fff}.comparison-card.after{background:#edf4ff;border-color:#ccdcf9;position:relative;box-shadow:0 10px 30px #4781f707}.comparison-label{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;color:#7d879b;margin-bottom:19px}.after .comparison-label{color:var(--blue-dark)}.comparison-card h3{font-size:1.9rem;line-height:1.22;font-weight:500;color:#646d80;letter-spacing:-.04em}.after h3{color:var(--navy)}.comparison-card ul{padding:0;margin:28px 0 23px;list-style:none}.comparison-card li{display:flex;gap:12px;align-items:start;font-size:15px;line-height:1.65;color:#657084;margin:19px 0;min-height:49px}.after li{color:#394b70}.comparison-card li svg,.manual-mark{width:22px;height:22px;flex-shrink:0;margin-top:2px}.comparison-card li svg{background:white;border:1px solid #d3e2fa;border-radius:50%;color:var(--blue);padding:3px}.manual-mark{border-radius:50%;background:#f1f3f7;display:flex;justify-content:center;align-items:center;color:#9098a8;font-size:16px;line-height:1}.comparison-note{border-top:1px solid var(--line);padding-top:20px;font-size:13px;line-height:1.8;color:#798297}.after .comparison-note{border-color:#ccdcf4;color:#50658b}.first-time{display:flex;gap:20px;align-items:center;padding:30px 0 0;margin-top:20px}.first-time-icon{width:49px;height:49px;border-radius:14px;background:#ffefca;display:grid;place-items:center;color:#9b7624;flex-shrink:0}.first-time h3{font-size:18px;font-weight:500;letter-spacing:-.02em}.first-time p{font-size:14px;line-height:1.8;margin-top:7px;max-width:640px}.first-time .textlink{flex-shrink:0;margin:0 0 0 auto;font-size:13px;white-space:nowrap}.everyday-section{padding-top:45px;padding-bottom:5px}.everyday-options{display:flex;gap:14px}.everyday-option{flex:1;display:flex;align-items:center;gap:15px;border:1px solid #e5e9f3;background:#fff;border-radius:12px;padding:17px 20px;text-align:left;color:var(--navy);transition:background .2s,border-color .2s}.everyday-option>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#f1f5fc;color:var(--blue-dark)}.everyday-option b{font-size:15px;font-weight:500}.everyday-option>svg{margin-left:auto;width:15px;color:#a3aec1}.everyday-option.active{background:#f2f6ff;border-color:#acc7f7}.everyday-option.active>span{background:var(--blue);color:#fff}.everyday-detail{display:flex;align-items:baseline;justify-content:center;gap:12px;padding:19px 20px;min-height:80px;line-height:1.7;text-align:center}.everyday-detail strong{font-size:14px;font-weight:500;color:var(--navy)}.everyday-detail p{font-size:14px}.section{padding:85px 0}.home-v3 .section-head h2{font-size:clamp(2.2rem,3.8vw,3.1rem);font-weight:500}.section-head>p{font-size:16px;line-height:1.8}.feature-tabs{border-color:#e4eaf4;gap:35px}.feature-tabs button{font-size:14px;color:#737e92}.feature-tabs button[aria-selected=true]{color:var(--blue-dark)}.feature-panel{background:#f6f9ff;padding:42px 30px;border-radius:0 0 20px 20px;gap:40px}.feature-copy h3{font-size:2rem;font-weight:500}.feature-copy .checks li{font-size:14px}.ai-section{background:#edf4ff;color:var(--navy);padding:80px 0;border-top:1px solid #e4ecfa;border-bottom:1px solid #e4ecfa}.ai-section .section-head p{color:var(--muted)}.ai-section .eyebrow{color:var(--blue-dark)}.ai-section h2,.ai-copy h3{color:var(--navy);font-weight:500}.ai-copy h3{font-size:2.2rem}.ai-copy p{color:#606f8b;font-size:16px;line-height:1.85}.ai-copy .textlink{color:var(--blue-dark)}.ai-tabs{gap:12px}.ai-tabs button{color:#5a6a88;border-color:#ccdaf1;border-radius:100px;background:transparent}.ai-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}.ai-tabs button span{background:#fff;color:#657692}.ai-tabs button[aria-selected=true] span{background:#ffffff20;color:#e5ecff}.conversation{background:white;box-shadow:0 16px 45px #4781f710;border:1px solid #dbe5f6}.conversation-head{color:var(--navy)}.guest p{background:#fafbfd}.invoice-visual{background:#fff8ea;border:1px solid #f5e8cb}.invoice-card{transform:rotate(-2deg);box-shadow:0 15px 35px #97722008}.invoice-card h3{color:var(--navy)}.greek-label{background:#ffe9b7;color:#816127}.booking-section{background:white;padding:65px 0;border-top:1px solid #eef1f7;border-bottom:1px solid #eef1f7}.booking-preview{border-radius:20px;box-shadow:0 15px 45px #1e266d08}.booking-preview-top{color:white}.analytics-card{background:#fff;box-shadow:0 12px 40px #1e266d06}.metric-labels span{border-radius:100px}.pricing-teaser{background:#f5f8ff;padding:75px 0;border-top:1px solid #e8eef8;border-bottom:1px solid #e8eef8}.price-example{box-shadow:0 12px 30px #1e266d04;border-color:#dfe7f6}.saving-badge{background:#fff0ca;border-radius:100px;color:#80601b}.final-cta{background:white;padding:85px 0}.final-cta .wrap{max-width:1080px;padding:55px 32px;border:1px solid #dce7f9;border-radius:24px;background:#edf4ff}.final-cta h2{font-size:clamp(2rem,3.7vw,3rem);font-weight:500;max-width:770px;margin:auto;color:var(--navy)}.final-cta p:not(.eyebrow){max-width:650px;margin:23px auto;color:#65738e;line-height:1.8}.final-cta .eyebrow{color:var(--blue-dark)}.footer{background:#fff;color:var(--ink);border-color:#e9edf4}.footer-top p,.footer-bottom{color:#7a8395}.footer-bottom{border-color:#e9edf4}.footer-top>a{padding:0;background:none}.page-heading{padding-top:58px}.demo-main{background:white}.demo-grid{padding-top:65px}.demo-copy h1{font-weight:500}.demo-form-card h2{font-weight:500}.price-summary .eyebrow{color:#c0d2ff}.price-summary .btn{background:white;color:var(--navy)}.checks li{font-size:14px}.eyebrow{font-size:11px;letter-spacing:.13em}.nav .logo img,.footer-top img{height:auto}
@media(min-width:1450px){.hero-layout{max-width:1340px}.hero-v3 h1{font-size:82px}}
@media(max-width:1050px){.header{width:calc(100% - 44px)}.nav{gap:22px;padding:0 24px}.navlinks{gap:19px}.hero-layout{padding:0 32px;grid-template-columns:1fr 1.1fr;gap:8px}.hero-v3{padding-top:65px}.hero-v3 h1{font-size:clamp(3.3rem,6.5vw,4.5rem)}.hero-v3 .intro{font-size:16px}.hero-v3 .actions{gap:10px}.hero-v3 .btn{font-size:12px;padding:13px 17px}.human-hero figcaption{font-size:10px;gap:8px}.comparison-card{padding:30px 27px}.comparison-card li{font-size:14px}.first-time{flex-wrap:wrap;gap:18px}.first-time>div{flex:1}.first-time .textlink{margin-left:67px}.feature-panel{gap:28px}.everyday-detail{flex-direction:column;align-items:center;gap:4px}.everyday-detail p{font-size:13px}.final-cta .wrap{margin:0 32px}}
@media(max-width:720px){.header{width:calc(100% - 30px);top:14px;margin-top:14px}.nav{height:65px;padding:0 18px;gap:15px}.nav .logo{width:105px}.navlinks{top:75px;background:white;border-radius:19px;box-shadow:0 15px 30px #1e266d12;border:1px solid var(--line)}.hero-v3{padding:43px 0 28px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;padding:0 24px;gap:24px}.hero-copy{padding:0}.hero-v3 h1{font-size:clamp(3.2rem,12.5vw,4.8rem);line-height:1.13;letter-spacing:-.05em}.hero-v3 .eyebrow{font-size:10px;margin-bottom:22px}.hero-v3 .intro{font-size:16px;line-height:1.8;margin:23px 0}.hero-v3 .btn{padding:14px 18px;font-size:12px}.hero-v3 .actions{gap:10px}.hero-v3 .micro{font-size:12px;margin-top:16px}.human-hero{margin:12px -7px 0}.human-hero figcaption{font-size:11px;margin-top:10px;gap:7px}.channels{padding:22px 0 32px}.channels p{font-size:12px;line-height:1.8;margin-bottom:20px}.channel-logos{gap:25px;font-size:20px}.comparison-section{padding:55px 0 35px}.comparison-heading{margin-bottom:28px}.comparison-heading h2{font-size:2.3rem}.comparison-heading>p:last-child{font-size:15px}.comparison-grid{grid-template-columns:1fr;gap:18px}.comparison-card{padding:28px 25px}.comparison-card h3{font-size:1.8rem}.comparison-card li{font-size:14px;min-height:0;margin:17px 0}.comparison-note{font-size:13px}.comparison-card ul{margin:24px 0}.first-time{margin-top:10px;gap:15px;align-items:start}.first-time-icon{width:40px;height:40px;border-radius:11px}.first-time h3{font-size:17px;line-height:1.35}.first-time p{font-size:14px;line-height:1.75;margin-top:12px}.first-time .textlink{margin-left:55px;font-size:13px;white-space:normal}.everyday-section{padding-top:28px}.everyday-options{gap:7px}.everyday-option{flex-direction:column;gap:9px;padding:13px 8px;justify-content:center;border-radius:10px;min-width:0}.everyday-option b{font-size:12px}.everyday-option>svg{display:none}.everyday-option>span{width:31px;height:31px}.everyday-detail{min-height:110px;padding:17px 8px;display:block}.everyday-detail p{font-size:13px;margin-top:5px}.section{padding:55px 0}.home-v3 .section-head h2{font-size:2.15rem}.feature-tabs{gap:8px;justify-content:space-between}.feature-tabs button{font-size:12px;line-height:1.45;max-width:34%;gap:6px;text-align:left;padding:13px 0}.feature-tabs svg{width:17px;flex-shrink:0}.feature-panel{padding:27px 19px;gap:25px}.feature-copy h3{font-size:1.8rem}.ai-section{padding:55px 0}.ai-copy h3{font-size:2rem}.ai-tabs{gap:7px}.ai-tabs button{font-size:11px;padding:11px 10px}.ai-copy p{font-size:15px}.invoice-visual{padding:25px}.booking-section{padding:55px 0}.pricing-teaser{padding:55px 0}.final-cta{padding:50px 0}.final-cta .wrap{margin:0 20px;padding:35px 23px;border-radius:20px}.final-cta h2{font-size:2rem;line-height:1.15}.final-cta p:not(.eyebrow){font-size:15px}.page-heading{padding-top:42px}.demo-grid{padding-top:45px}.checks li{font-size:14px}}
/* Feature overview: eight linked product previews. */
.bento-section{padding:55px 0 35px;background:#fff}.bento-heading{text-align:center;margin:0 auto 36px;max-width:720px}.bento-heading h2{font-size:clamp(2.1rem,3.6vw,3rem);font-weight:500;line-height:1.15}.bento-heading>p:last-child{margin-top:18px;font-size:16px;line-height:1.75}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bento-card{display:block;position:relative;min-width:0;overflow:hidden;padding:25px;border:1px solid #e2e8f3;border-radius:20px;background:#f8faff;transition:transform .2s,box-shadow .2s,border-color .2s}.bento-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.bento-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--blue-dark);border:1px solid #e7edf7}.bento-icon svg{width:19px;height:19px}.bento-arrow{display:grid;place-items:center;width:25px;height:25px;color:#7790b7;transition:transform .2s}.bento-arrow svg{width:17px;height:17px}.bento-card:hover .bento-arrow{transform:translateX(3px);color:var(--blue-dark)}.bento-card h3{font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin-bottom:12px}.bento-card>p,.bento-booking-copy>p{font-size:14px;line-height:1.75;color:#66748b}.bento-calendar{grid-column:span 2;background:#edf4ff}.bento-calendar-ui{margin-top:23px;padding:15px 14px 4px;background:white;border:1px solid #dce5f6;border-radius:12px;box-shadow:0 7px 20px #4781f706}.bc-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:11px;color:var(--muted)}.bc-title b{color:#465675;font-weight:500}.bc-row{display:grid;grid-template-columns:105px 1fr;align-items:center;min-height:32px;border-top:1px solid #eff2f8;font-size:10px;color:#65738b}.bc-row>div{display:grid;grid-template-columns:repeat(7,1fr);background:repeating-linear-gradient(to right,transparent 0,transparent calc(14.28% - 1px),#edf1f8 calc(14.28% - 1px),#edf1f8 14.28%);padding:3px 0}.bc-row i{font-style:normal;font-size:10px;color:#456391;background:#dce9ff;padding:3px 8px;border-radius:4px;white-space:nowrap;overflow:hidden}.bc-row i.coral{background:#ffe6de;color:#99675e}.bc-row i.gold{background:#fff0c9;color:#8b753c}.bento-inbox{background:#f7f9ff}.bento-chat{margin-top:25px}.bento-chat>span{display:block;font-size:12px;padding:12px;background:white;border:1px solid #e5eaf5;border-radius:10px 10px 10px 2px;color:#63718a}.bento-chat>div{font-size:11px;display:flex;align-items:start;gap:7px;line-height:1.6;color:#4e75b6;margin:14px 0 0}.bento-chat svg{width:15px;height:15px;margin-top:2px}.bento-reviews{background:#fff9ed;border-color:#f2e8d2}.bento-reviews .bento-icon{color:#b88927;border-color:#f4e6c6}.bento-review-ui{margin-top:24px}.bento-review-ui>span{font-size:23px;letter-spacing:3px;color:#d5a13d;white-space:nowrap}.bento-review-ui p{font-size:14px;margin-top:5px;color:#837454}.bento-review-ui small{display:flex;gap:6px;align-items:start;font-size:11px;line-height:1.65;margin-top:13px;color:#887b62}.bento-review-ui svg{width:14px;height:14px;margin-top:2px}.bento-copilot{background:#f1f4ff}.bento-prompt{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;background:white;border:1px solid #dfe6f8;border-radius:12px;margin-top:24px;padding:12px;color:#647192}.bento-prompt>span{display:flex;background:var(--blue);border-radius:50%;padding:5px;color:#fff;flex-shrink:0}.bento-prompt svg{width:13px;height:13px}.bento-channels{background:#f7fafc}.bento-channel-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.bento-channel-tags>span{border:1px solid #e0e7ef;background:white;border-radius:6px;padding:5px 8px;font-size:11px;color:#667791}.bento-invoicing{grid-column:span 2;background:#fff6f1;border-color:#f4e6dc}.bento-invoicing .bento-icon{color:#bf7966;border-color:#f1e1d8}.bento-docs{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.bento-docs>span{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid #f0e1d8;border-radius:8px;color:#977a6c;font-size:11px}.bento-docs svg{width:16px;height:16px;color:#c69278}.bento-analytics{grid-column:span 2;background:#f5f9ff}.bento-analytics-ui{display:flex;align-items:end;gap:20px;margin-top:24px}.bento-analytics-ui>div:first-child{display:flex;flex-direction:column;gap:7px;width:90px}.bento-analytics-ui>div:first-child>span{font-size:11px;color:#72829e}.bento-bars{height:78px;display:flex;align-items:end;gap:7px;flex:1;border-bottom:1px solid #dfe8f7}.bento-bars i{flex:1;background:#c8dcff;border-radius:4px 4px 0 0}.bento-bars i:last-child{background:var(--blue)}.bento-booking{grid-column:span 2;background:#f6faff;display:grid;grid-template-columns:1.1fr 1fr;gap:10px;padding-right:0;padding-bottom:0}.bento-booking-copy{padding-bottom:25px}.bento-booking-copy .bento-top{margin-right:10px}.bento-booking-image{position:relative;align-self:stretch;min-width:0;border-radius:14px 0 0 0;overflow:hidden}.bento-booking-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:47% center}.bento-booking-image>span{position:absolute;bottom:16px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:5px;background:white;border-radius:7px;font-size:10px;color:var(--navy);padding:10px}.bento-booking-image svg{width:13px;height:13px}.bento-caption{text-align:center;font-size:11px;color:#8691a4;margin-top:18px}.home-v3 #difference{border-top:1px solid #e5ebf5;padding-bottom:65px}
@media(max-width:1050px){.bento-card{padding:22px}.bento-card h3{font-size:19px}.bento-grid{gap:13px}.bento-card>p,.bento-booking-copy>p{font-size:13px}.bento-booking{padding-right:0;padding-bottom:0}.bento-booking-image>span{font-size:9px;padding:8px}.bento-docs{gap:7px}.bento-docs>span{padding:8px;font-size:10px}}
@media(max-width:800px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-calendar,.bento-invoicing,.bento-analytics,.bento-booking{grid-column:span 2}.bento-invoicing{grid-column:span 1}.bento-channels{grid-column:span 1}.bento-copilot{grid-column:span 2}.bento-prompt{max-width:380px}.bento-calendar-ui{margin-top:20px}.bento-card h3{font-size:21px}.bento-card>p,.bento-booking-copy>p{font-size:14px}.bento-booking{min-height:260px}.bento-docs>span{font-size:11px}}
@media(max-width:480px){.bento-section{padding-top:35px;padding-bottom:20px}.bento-heading{margin-bottom:27px}.bento-heading h2{font-size:2rem}.bento-heading>p:last-child{font-size:15px}.bento-grid{gap:13px;grid-template-columns:1fr}.bento-grid .bento-card{grid-column:span 1;padding:23px;border-radius:17px}.bento-card h3{font-size:22px}.bento-card>p,.bento-booking-copy>p{font-size:15px}.bento-top{margin-bottom:15px}.bento-grid .bento-booking{grid-template-columns:1.15fr 1fr;padding-right:0;padding-bottom:0;min-height:280px}.bento-booking h3{font-size:21px}.bento-booking-image>span{font-size:9px;left:8px;right:8px}.bento-booking-image>span svg{display:none}.bc-row{grid-template-columns:87px 1fr}.bc-row i{padding:3px 5px}.bento-calendar-ui{padding:13px 10px 4px}.bento-inbox .bento-chat{display:flex;align-items:center;gap:13px;margin-top:20px}.bento-chat>span{flex:1;font-size:12px}.bento-chat>div{flex:1;margin:0;font-size:11px}.bento-review-ui{margin-top:18px}.bento-caption{font-size:11px;line-height:1.7}.home-v3 #difference{padding-bottom:45px}}

/* Give the host more presence while keeping the copy clear. */
@media(min-width:721px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:24px}.human-hero{margin-right:-35px}.human-hero img{width:calc(100% + 24px);max-width:none}.human-hero figcaption{color:#4f6080}}
.hero-v3 .intro{color:#485774}.hero-v3 .micro{color:#576887}.hero-v3 h1 span{color:var(--blue-dark)}
@media(max-width:720px){.human-hero{margin:12px -18px 0}.human-hero figcaption{padding:0 14px;color:#4f6080}}

/* A cohesive product gallery: quiet expand cues and low-saturation tonal surfaces. */
.bento-grid .bento-card{align-content:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(ellipse at 90% 100%,var(--bento-cloud,#e6effd) 0%,transparent 72%),var(--bento-base,#f8faff);border-color:var(--bento-border,#dfe7f3)}
.bento-calendar,.bento-inbox{--bento-base:#f7faff;--bento-cloud:#e4eefc;--bento-border:#dfe7f3}
.bento-reviews{--bento-base:#fcfaf5;--bento-cloud:#f3eddf;--bento-border:#eae5d9}
.bento-copilot{--bento-base:#f8f9ff;--bento-cloud:#eaeafb;--bento-border:#e3e5f2}
.bento-channels{--bento-base:#f8fbfa;--bento-cloud:#e5f0eb;--bento-border:#dfe9e4}
.bento-invoicing{--bento-base:#fcfaf6;--bento-cloud:#f3ecdf;--bento-border:#ebe4d9}
.bento-analytics{--bento-base:#f8faff;--bento-cloud:#e7ebfa;--bento-border:#e0e5f2}
.bento-booking{--bento-base:#fcfaf7;--bento-cloud:#f5e9df;--bento-border:#ebe3dc}
.bento-top{min-height:44px;padding-right:50px}
.bento-plus{position:absolute;top:22px;right:22px;z-index:2;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#ffffffed;border:1px solid #dfe5ef;color:var(--navy);box-shadow:0 2px 6px #1e266d06;pointer-events:none;transition:transform 260ms var(--motion-ease),border-color 260ms var(--motion-ease),box-shadow 260ms var(--motion-ease),background 260ms var(--motion-ease)}
.bento-plus svg{width:19px;height:19px}
.bento-booking .bento-top{padding-right:0}
.bento-calendar-ui,.bento-prompt,.bento-chat>span,.bento-docs>span,.bento-channel-tags>span{box-shadow:0 3px 10px #1e266d05}
.bento-review-ui,.bento-analytics-ui{padding:14px;background:#ffffffd9;border:1px solid #e4e8f0;border-radius:12px;box-shadow:0 3px 10px #1e266d05}
.bento-booking-image>span{box-shadow:0 3px 10px #1e266d09}
.home-v3 .bento-card:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-color:#9bb9e9;box-shadow:0 0 0 5px #4781f712,0 8px 20px #1e266d09}
.home-v3 .bento-card:focus-visible .bento-plus,.home-v3 .bento-card:active .bento-plus{background:#fff;border-color:#b0c5e6;box-shadow:0 4px 12px #1e266d10}
.home-v3 .bento-card:active{border-color:#a6bde0;box-shadow:0 2px 8px #1e266d0a}
@media(hover:hover) and (pointer:fine){
.home-v3 .bento-grid .bento-card:hover{transform:translateY(-2px);border-color:#b1c5e3;box-shadow:0 9px 24px #1e266d0c}
.home-v3 .bento-card:hover .bento-plus{transform:translateY(-1px);border-color:#b0c5e6;background:#fff;box-shadow:0 4px 12px #1e266d10}
}
@media(max-width:480px){.bento-plus{top:22px;right:22px}.bento-booking .bento-top{min-height:44px}}
@media(prefers-reduced-motion:reduce){.home-v3 .bento-card .bento-plus{transform:none!important;transition:none!important}}

/* The sticky header belongs to the full page. A flow-based grid cell paints only the top two rows. */
.home-v3 .page-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;--hero-background:linear-gradient(115deg,#eaf1ff 0%,#dde8fc 60%,#ceddfa 100%)}
.home-v3 .top-region-background{grid-column:1;grid-row:1 / 3;background:var(--hero-background);pointer-events:none}
.home-v3 .site-header{grid-column:1;grid-row:1;align-self:start;background:transparent;margin-top:24px;padding:0;position:sticky;top:18px;z-index:1000}
.home-v3 .site-header .nav-pill{position:relative;top:auto;margin:0 auto;background:#fff}
.home-v3 .hero-v3{grid-column:1;grid-row:2;background:transparent}
.home-v3 .home-content{grid-column:1;grid-row:3;min-width:0}
.home-v3 .page-shell>.footer{grid-column:1;grid-row:4}
@media(max-width:720px){.home-v3 .site-header{margin-top:16px;top:16px}}

/* A quiet editorial cue, associated only with the Hero Product Tour button. */
.hero-tour-cue{position:relative;display:inline-flex;max-width:100%}
.hero-tour-note{display:none}
@media(min-width:1051px){
.hero-v3 .actions{padding-bottom:30px}
.hero-tour-note{position:absolute;top:calc(100% + 8px);right:0;display:flex;align-items:center;gap:5px;white-space:nowrap;pointer-events:none;color:#946354}
.hero-tour-note svg{width:36px;height:30px;flex-shrink:0;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.hero-tour-note>span{font-family:Georgia,'Times New Roman',serif;font-size:16px;font-style:italic;font-weight:400;letter-spacing:.015em;line-height:1.35;transform:rotate(-3deg)}
}

/* Customer stories: editorial hierarchy, independent of the number of entries. */
.customer-stories{background:#fff}
.stories-heading{max-width:780px;margin-bottom:38px}
.stories-heading h2{font-weight:500;color:var(--navy);font-size:clamp(2.1rem,3.6vw,3rem);line-height:1.17}
.stories-heading>p:last-child{margin-top:22px;font-size:16px;line-height:1.85;max-width:740px}
.stories-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:20px;align-items:stretch}
.story-card{min-width:0;padding:30px;border:1px solid var(--line);border-radius:26px;background:#f8faff;display:flex;flex-direction:column;align-items:flex-start;transition:border-color 280ms cubic-bezier(.22,1,.36,1),box-shadow 280ms cubic-bezier(.22,1,.36,1)}
.story-featured{grid-row:span 2;padding:36px;background:#f7f7f4}
.story-card:last-child:nth-child(even):not(.story-featured){grid-column:1 / -1}
.story-identity{display:flex;align-items:center;gap:18px;width:100%}
.story-identity h3{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.025em;color:var(--navy)}
.story-person{font-size:14px;color:var(--ink);margin-top:7px}
.story-context{font-size:13px;line-height:1.6;margin-top:5px}
.story-image{width:66px;height:82px;object-fit:cover;object-position:45% 24%;border-radius:15px;flex-shrink:0}
.story-featured .story-identity{flex-direction:column;align-items:flex-start;gap:24px}
.story-featured .story-logo{width:100%;height:190px;object-fit:contain;background:#fff;padding:18px;border-radius:18px}
.story-featured h3{font-size:25px}
.story-card blockquote,.story-summary{margin:24px 0;flex:1}
.story-card blockquote p,.story-summary p{font-size:17px;line-height:1.8;color:var(--navy);font-style:normal}
.story-featured blockquote p{font-size:21px;line-height:1.75}
.story-proof{display:inline-flex;padding:6px 12px;border-radius:100px;background:#eaf0f8;color:#485675;font-size:12px;line-height:1.5}
.story-featured .story-proof{background:#ebece5}
.stories-bridge{text-align:center;font-size:14px;margin-top:28px}
@media(hover:hover) and (pointer:fine){.story-card:hover{border-color:#c9d4e6;box-shadow:0 7px 22px #1e266d06}}
@media(max-width:720px){.stories-grid{grid-template-columns:1fr;gap:16px}.story-featured{grid-row:auto}.story-card{padding:26px;border-radius:24px}.story-featured .story-logo{height:170px}.story-card blockquote p,.story-summary p{font-size:17px}.story-identity h3{font-size:20px}.stories-heading{margin-bottom:28px}.stories-heading>p:last-child{font-size:15px}.stories-bridge{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-card{transition:none}}

/* Full-width closing chapter, scoped to the homepage footer. */
.home-v3 .closing-footer{--closing-navy:#111936;background:var(--closing-navy);color:#f5f7fd;border:0;border-radius:0;padding:0}
.closing-cta{padding:86px 0 58px;max-width:810px}
.closing-cta h2{color:#f5f7fd;font-size:clamp(2.4rem,4.5vw,3.75rem);font-weight:500;line-height:1.14;letter-spacing:-.045em;max-width:800px}
.closing-description{max-width:660px;margin-top:24px;color:#b9c3d7;font-size:17px;line-height:1.85}
.closing-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.closing-footer .btn{transition:background 280ms cubic-bezier(.22,1,.36,1),border-color 280ms cubic-bezier(.22,1,.36,1);transform:none}
.closing-footer .closing-primary{background:#f5f7fd;color:#111936;border-color:#f5f7fd}
.closing-footer .closing-primary:hover{background:#e3ebfb;border-color:#e3ebfb;color:#111936}
.closing-footer .closing-secondary{background:transparent;color:#f5f7fd;border-color:#67718a}
.closing-footer .closing-secondary:hover{background:#ffffff09;border-color:#a7b1c8;color:#fff}
.closing-footer .btn svg{transition:transform 280ms cubic-bezier(.22,1,.36,1)}
.closing-footer .btn:hover svg{transform:translateX(3px)}
.closing-trust{margin-top:22px;font-size:13px;color:#a9b5cc;line-height:1.7}
.closing-columns{border-top:1px solid #ffffff1a;padding:48px 0;display:grid;grid-template-columns:1.6fr repeat(var(--footer-groups),1fr);gap:56px}
.closing-logo{display:inline-flex;background:#fff;border-radius:12px;padding:10px 14px}
.closing-logo img{width:126px;height:auto}
.closing-brand>p{max-width:310px;margin-top:22px;color:#b9c3d7;font-size:15px;line-height:1.85}
.closing-column h3{font-size:12px;font-weight:500;letter-spacing:.13em;line-height:1.5;color:#a9b5cc;margin:4px 0 16px}
.closing-column ul{list-style:none;padding:0;margin:0}
.closing-column a{display:inline-flex;align-items:center;min-height:42px;font-size:15px;color:#c7d0e1;line-height:1.6;transition:color 280ms ease}
.closing-footer a:not(.btn):hover{color:#fff}
.closing-utility{border-top:1px solid #ffffff1a;padding:22px 0 26px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-size:13px;color:#a9b5cc}
.closing-legal{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-left:auto}
.closing-legal a{display:inline-flex;align-items:center;min-height:44px;color:#b9c3d7;transition:color 280ms ease}
.closing-languages{display:flex;gap:3px;flex-wrap:wrap}
.closing-languages button{min-width:44px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:8px;color:#b9c3d7;font-size:13px}
.closing-languages button[aria-pressed=true]{color:#fff;border-color:#ffffff30;background:#ffffff08}
.closing-footer :is(a,button):focus-visible{outline:2px solid #9fbdff;outline-offset:4px}
@media(max-width:720px){.closing-cta{padding:58px 0 40px}.closing-cta h2{font-size:2.4rem}.closing-description{font-size:16px;margin-top:22px}.closing-actions{flex-direction:column;align-items:stretch;gap:12px}.closing-actions .btn{width:100%}.closing-columns{grid-template-columns:1fr;gap:32px;padding:36px 0}.closing-brand>p{max-width:380px}.closing-column a{min-height:44px}.closing-utility{gap:12px 22px;align-items:flex-start}.closing-legal{margin-left:0;gap:6px 18px;width:100%}.closing-trust{font-size:12px}}
@media(prefers-reduced-motion:reduce){.closing-footer .btn,.closing-footer .btn svg,.closing-column a,.closing-legal a{transition:none}.closing-footer .btn:hover svg{transform:none}}

/* Product-first Hero: split introduction above a wide future video surface. */
.hero-product-layout{padding-bottom:0}
.hero-product-layout .hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:end;padding-bottom:70px}
.hero-product-layout .hero-copy{padding:0}
.hero-product-layout .hero-summary{min-width:0;padding-bottom:4px}
.hero-product-layout .intro{margin:0 0 24px;max-width:100%}
.hero-product-layout .actions{flex-wrap:wrap}
.hero-product-layout .micro{margin-top:18px}
.hero-product-band{position:relative;padding:70px 32px 64px;background:linear-gradient(#1e266d22,#1e266d22),url('/assets/greek-stay.dd65575f81b8902c.jpg') center 55% / cover}
 .hero-proof{position:relative;display:flex;align-items:center;justify-content:center;list-style:none;width:fit-content;max-width:100%;margin:-92px auto 48px;padding:12px 18px;gap:24px;border:1px solid #b8c9e7;border-radius:15px;background:#edf2fb;box-shadow:0 5px 18px #1e266d18;text-align:left}
.hero-proof li{display:flex;gap:8px;align-items:center}
.hero-proof li>span{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--navy);color:#fff}
.hero-proof svg{width:12px;height:12px}
.hero-proof p{font-size:12px;font-weight:600;line-height:1.5;color:var(--navy)}
.hero-product-band>.wrap{max-width:1120px;padding:0}
.hero-product-demo{position:relative;width:100%;aspect-ratio:3684/2160;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 70px #1e266d24;overflow:hidden;text-align:left}
/* Both media layers share the same containing block and clipping. */
.hero-product-demo .hero-demo-poster,
.hero-product-demo .product-demo-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;transform:none;object-fit:contain;object-position:center}
.hero-product-demo .hero-demo-poster{z-index:1}
.hero-product-demo .product-demo-video{z-index:2;opacity:0;transition:opacity 300ms var(--motion-ease)}
.hero-product-demo .product-demo-video.is-ready{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-product-demo .product-demo-video{transition:none}}
@media(max-width:1050px){.hero-product-layout .hero-layout{gap:32px}.hero-product-layout h1{font-size:clamp(3rem,6vw,4.5rem)}}
@media(max-width:720px){.hero-product-layout .hero-layout{gap:26px;padding-bottom:54px}.hero-product-layout h1{font-size:clamp(3.2rem,12.5vw,4.8rem)}.hero-product-layout .intro{margin:0 0 23px}.hero-product-band{padding:48px 16px 32px}.hero-proof{flex-direction:column;align-items:flex-start;width:fit-content;margin:-70px auto 30px;padding:13px 16px;border-radius:15px;gap:10px}.hero-proof p{font-size:11px}.hero-product-demo{border-radius:16px}}

/* Compact product Hero, with one accessible, manually selected workspace. */
.hero-v3.hero-product-layout{padding-top:36px;padding-bottom:0}
.hero-product-layout .hero-layout{padding-bottom:46px}
.hero-product-layout .hero-product-band{padding-top:52px}
.hero-product-layout .hero-proof{margin-top:-74px;margin-bottom:26px}
.hero-app-frame.hero-product-demo{aspect-ratio:auto;border-radius:20px;box-shadow:0 16px 48px #1e266d20}
.hero-app-bar{height:42px;display:flex;align-items:center;gap:18px;padding:0 22px;background:#f7f9fc;border-bottom:1px solid var(--line);font-size:13px;color:#536079}
.hero-window-dots{display:flex;gap:6px}.hero-window-dots i{width:7px;height:7px;border-radius:50%;background:#c2cbd9}
.hero-app-divider{color:#aab4c4;margin:0 7px}.hero-preview-label{margin-left:auto;font-size:12px}
.hero-demo-tabs{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid var(--line);overflow-x:auto;background:#fff;scrollbar-width:thin}
.hero-demo-tabs button{flex:0 0 auto;min-height:42px;border:1px solid transparent;border-radius:9px;background:transparent;color:#526079;padding:9px 16px;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background 200ms,color 200ms}
.hero-demo-tabs button:hover{background:#f2f5fb;color:var(--navy)}
.hero-demo-tabs button[aria-selected=true]{background:#eaf1ff;color:#234e9d;border-color:#d6e3fb}
.hero-demo-tabs button:focus-visible,.hero-demo-panel:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.hero-demo-panel{background:#f4f7fb}.hero-demo-media{position:relative;aspect-ratio:3684/2160;overflow:hidden;background:#fff}
.hero-demo-media.product-demo-host{border-radius:0}
.hero-mockup{padding:30px 40px 16px;background:linear-gradient(135deg,#f4f7fc,#eaf0fa);display:flex;flex-direction:column;justify-content:center;gap:14px}
.hero-mock-content{width:100%;max-width:900px;margin:auto}.hero-mock-content .conversation{max-width:680px;margin:auto;box-shadow:0 8px 28px #1e266d0c}
.hero-sample{font-size:12px;text-align:center;color:#5c687d;margin:0}
.hero-mock-content .booking-preview{height:390px;border-radius:14px;overflow:hidden}
.hero-rates-card{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}
.hero-mock-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid var(--line);color:var(--navy)}
.hero-mock-heading strong{font-size:18px}.hero-mock-heading>span{font-size:12px;color:#647087}
.hero-rate-scroll{overflow:auto}.hero-rates-card table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:500px}
.hero-rates-card caption{text-align:left;padding:16px 24px;color:#66738a;font-size:13px}
.hero-rates-card th,.hero-rates-card td{padding:16px 24px;border-bottom:1px solid #edf0f6;white-space:nowrap}
.hero-rates-card thead{background:#f8faff;color:#56647c}.hero-rates-card tbody th{font-weight:500;color:var(--navy)}
.hero-rates-card td strong{display:block;color:var(--navy);font-weight:600}.hero-rates-card td span{display:block;font-size:12px;color:#34766b;margin-top:5px}
.hero-sync-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:20px 24px;font-size:13px;color:#5d6b84}.hero-sync-row>span{display:flex;gap:6px;align-items:center;color:#34766b;margin-right:auto}.hero-sync-row svg{width:16px;height:16px}
@media(max-width:1050px){.hero-mockup{padding:22px}.hero-mock-content .booking-preview{height:310px}.hero-rates-card th,.hero-rates-card td{padding:12px 18px}}
@media(max-width:720px){
 .hero-v3.hero-product-layout{padding-top:36px}.hero-product-layout .hero-layout{padding-bottom:52px;gap:26px}
 .hero-product-layout .hero-product-band{padding-top:48px}.hero-product-layout .hero-proof{margin-top:-70px;margin-bottom:28px}.hero-product-layout .hero-proof p{font-size:12px}
 .hero-app-frame.hero-product-demo{border-radius:14px}.hero-app-bar{height:36px;padding:0 12px;gap:10px;font-size:12px}.hero-preview-label{display:none}
 .hero-demo-tabs{padding:8px;gap:3px}.hero-demo-tabs button{padding:9px 12px;min-height:44px}
 .hero-demo-panel .hero-demo-media{aspect-ratio:auto;height:380px}
 .hero-demo-panel .hero-demo-media:not(.hero-mockup){overflow-x:auto}
 .hero-demo-panel .hero-demo-poster,.hero-demo-panel .product-demo-video{width:648px;min-width:100%;height:380px;object-position:left top}
 .hero-mockup{padding:14px 12px 12px;justify-content:flex-start;overflow:auto;gap:10px}.hero-mock-content{margin:auto 0;flex:0 0 auto}
 .hero-mock-content .conversation{padding:18px;font-size:14px}.hero-mock-content .conversation p{font-size:14px}.hero-mock-content .conversation-head{gap:8px}.hero-mock-content .tiny-tag{display:none}
 .hero-mock-content .booking-preview{height:320px}.hero-mock-content .booking-search{left:10px;right:10px;padding:12px;gap:10px}.hero-mock-content .booking-search span{font-size:12px}
 .hero-mock-heading{padding:14px;flex-wrap:wrap}.hero-mock-heading strong{font-size:16px}.hero-rates-card th,.hero-rates-card td{padding:10px 14px}.hero-sync-row{padding:14px;gap:10px}.hero-rates-card caption{padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){.hero-demo-tabs button{transition:none}}
@media(min-width:721px){
 .hero-v3.hero-product-layout{padding-top:44px}
 .hero-product-layout .hero-layout{padding-bottom:54px}
 .hero-product-layout .hero-proof{margin-bottom:32px}
 .hero-app-bar{height:32px}
 .hero-demo-tabs{padding-top:6px;padding-bottom:6px}
}
@media(max-width:720px){.hero-product-layout .hero-copy{width:100%;min-width:0;max-width:100%;align-self:stretch}.hero-product-layout .hero-summary{width:100%}}

/* Reference-led hierarchy: one centered message, detached product navigation. */
.hero-v3.hero-product-layout{padding-top:56px}
.hero-product-layout .hero-layout{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding-bottom:32px;max-width:1040px}
.hero-product-layout .hero-copy{width:100%;max-width:900px;text-align:center}
.hero-product-layout .eyebrow{margin:0 auto 20px;font-size:12px;letter-spacing:.12em}
.hero-product-layout h1{font-size:clamp(3.5rem,5.4vw,5.3rem);line-height:1.06;letter-spacing:-.045em;margin:0 auto;font-weight:600}
.hero-product-layout .hero-summary{padding:0;width:100%;max-width:680px}
.hero-product-layout .intro{margin:0 auto 26px;font-size:18px;line-height:1.65;max-width:660px}
.hero-product-layout .actions{justify-content:center;margin:0}
.hero-product-layout .actions .btn{border-radius:12px;padding:17px 26px}
.hero-product-layout .hero-product-band{padding:0 32px 64px;background:none}
.hero-demo-navigation{display:flex;align-items:center;gap:14px;margin:0 auto 24px;width:100%}
.hero-demo-navigation .hero-demo-tabs{flex:1;min-width:0;justify-content:space-between;padding:5px;gap:5px;border:1px solid #cfdaec;border-radius:100px;background:#e4ebf7;scrollbar-width:none}
.hero-demo-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1 0 auto;border-radius:100px;padding:11px 18px;color:#5a6780;font-size:15px;font-weight:500}
.hero-demo-tabs button svg{width:18px;height:18px;flex-shrink:0}
.hero-demo-tabs button[aria-selected=true]{background:#fff;color:#3268d9;border-color:#dce3f0;box-shadow:0 2px 5px #1e266d12}
.hero-demo-arrow{display:grid;place-items:center;flex:0 0 42px;height:42px;background:white;border:1px solid #d4ddea;box-shadow:0 2px 5px #1e266d10;border-radius:50%;font-size:24px;color:#6b7890;cursor:pointer}
.hero-demo-arrow:hover{color:var(--blue);border-color:var(--blue)}
.hero-demo-arrow:focus-visible,.hero-demo-tour button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.hero-app-frame.hero-product-demo{padding:8px;background:#e8edf6;border:1px solid #cfdaec;border-radius:22px;box-shadow:0 12px 35px #1e266d12}
.hero-app-frame .hero-demo-panel{border-radius:14px 14px 0 0;overflow:hidden}
.hero-demo-tour{position:relative;background:#fff;padding:22px;text-align:center;border-radius:0 0 14px 14px}
.hero-demo-tour button{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;font:inherit;font-size:16px;font-weight:600;color:var(--navy);cursor:pointer}
.hero-demo-tour button>span{display:grid;place-items:center;background:#e4efff;border-radius:50%;width:36px;height:36px;font-size:13px;color:var(--blue)}
.hero-demo-tour button svg{width:18px;height:18px}
@media(max-width:720px){
.hero-v3.hero-product-layout{padding-top:38px}
.hero-product-layout .hero-layout{gap:18px;padding-bottom:24px}
.hero-product-layout .eyebrow{font-size:10px;line-height:1.6;margin-bottom:16px}
.hero-product-layout h1{font-size:clamp(2.7rem,10vw,4rem);line-height:1.1}
.hero-product-layout .intro{font-size:16px;line-height:1.65;margin-bottom:22px}
.hero-product-layout .hero-product-band{padding:0 16px 36px}
.hero-demo-navigation{gap:7px;margin-bottom:16px}
.hero-demo-navigation .hero-demo-tabs{justify-content:flex-start}
.hero-demo-tabs button{font-size:14px;padding:10px 13px;min-height:44px}
.hero-demo-arrow{flex-basis:32px;height:36px;font-size:20px}
.hero-app-frame.hero-product-demo{padding:5px;border-radius:16px}
.hero-demo-tour{padding:17px 8px}.hero-demo-tour button{font-size:14px;gap:8px}
}

/* Airy sky: lightweight vector clouds drifting behind the existing content. */
.home-v3 .top-region-background{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 5%,#fff1da99,transparent 31%),linear-gradient(180deg,#c7def5 0%,#e3effa 38%,#f5f8fd 76%,#fff 100%)}
.hero-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-sky:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 34% 29% at 50% 27%,#f6faffb8,transparent 100%)}
.sky-cloud{position:absolute;display:block;width:clamp(230px,27vw,490px);height:220px;background:url('/assets/images-hero-cloud.ca0bc8b0b456affb.svg') center/contain no-repeat;opacity:.78;animation:sky-drift 16s ease-in-out infinite alternate;will-change:transform}
.sky-cloud-1{left:-7%;top:90px;animation-delay:-24s;--drift:150px;--lift:-12px}
.sky-cloud-2{right:-9%;top:230px;width:clamp(300px,35vw,620px);height:270px;animation-duration:20s;animation-delay:-40s;--drift:-175px;--lift:12px}
.sky-cloud-3{left:15%;top:20px;width:230px;height:115px;opacity:.45;animation-duration:18s;animation-delay:-15s;--drift:110px;--lift:8px}
.sky-cloud-4{right:13%;top:65px;width:290px;height:135px;opacity:.48;animation-duration:23s;animation-delay:-65s;--drift:-130px;--lift:-8px}
.sky-cloud-5{left:-10%;top:460px;width:440px;height:190px;opacity:.47;animation-duration:21s;animation-delay:-50s;--drift:170px;--lift:-16px}
@keyframes sky-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--drift),var(--lift),0)}}
.hero-v3.hero-product-layout{position:relative}
.hero-demo-arrow{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;aspect-ratio:1;padding:0;line-height:1}
.hero-demo-arrow svg{display:block;width:20px;height:20px;flex:0 0 20px;margin:0;transform:none}
@media(max-width:720px){.sky-cloud-1{left:-42%;top:110px;opacity:.6}.sky-cloud-2{right:-48%;top:300px;opacity:.55}.sky-cloud-3,.sky-cloud-5{display:none}.sky-cloud-4{right:-20%;top:40px;opacity:.35}.hero-demo-navigation{gap:7px}.hero-demo-arrow{width:40px;height:40px;min-width:40px;min-height:40px;flex-basis:40px}.hero-demo-arrow svg{width:18px;height:18px;flex-basis:18px}}
@media(prefers-reduced-motion:reduce){.sky-cloud{animation:none;will-change:auto}}

/* Sunlight enters from above the navigation; no visible sun disc. */
.home-v3 .top-region-background{background:radial-gradient(ellipse 42% 420px at 76% -65px,#ffe4aaad 0%,#fff0ca70 38%,#fff6df26 68%,transparent 100%),linear-gradient(180deg,#c7def5 0%,#e3effa 38%,#f5f8fd 76%,#fff 100%)}
.hero-sky:before{content:"";position:absolute;z-index:1;pointer-events:none;top:-180px;right:-6%;width:80%;height:740px;transform:rotate(-16deg);transform-origin:75% 0;background:linear-gradient(111deg,transparent 27%,#fff0c92b 32%,#fff5dc40 36%,transparent 42%,transparent 49%,#ffebba26 53%,transparent 60%);filter:blur(24px);opacity:.85}
@media(max-width:720px){.home-v3 .top-region-background{background:radial-gradient(ellipse 85% 350px at 94% -55px,#ffe4aaad 0%,#fff0ca66 40%,transparent 100%),linear-gradient(180deg,#c7def5 0%,#e3effa 38%,#f5f8fd 76%,#fff 100%)}.hero-sky:before{width:120%;height:580px;right:-35%;opacity:.65}}

/* Brand reference: brand_noxio.pdf, Logo Construction (page 1).
   Exact logo colours; pale sky surfaces are tints, not new brand colours. */
:root{--noxio-charcoal:#333333;--noxio-blue:#2684fc;--noxio-red:#ef4130;--noxio-orange:#f58220;--noxio-yellow:#ffba00}
.home-v3 .hero-product-layout h1{color:var(--navy);font-weight:600;line-height:1.08;letter-spacing:-.045em}
.home-v3 .hero-product-layout h1 span{color:var(--hero-headline-blue,#2f7df6);font-weight:700}
.home-v3 .hero-product-layout .eyebrow{color:var(--navy);font-weight:500;letter-spacing:.12em}
.home-v3 .hero-product-layout .hero-layout{gap:22px;padding-bottom:30px}
.home-v3 .hero-product-layout .hero-summary{max-width:740px}
.home-v3 .hero-product-layout .intro{max-width:740px;margin:0 auto 28px;font-size:18px;line-height:1.65;color:var(--noxio-charcoal)}
.home-v3 .hero-product-layout .intro strong{display:block;font-weight:600;text-wrap:balance}
.home-v3 .hero-product-layout .intro>span{display:block;margin-top:8px;font-size:17px;font-weight:400;text-wrap:balance}
.home-v3 .hero-summary .actions .btn,.home-v3 .navtools .btn{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 5px 14px #1e266d1a}
.home-v3 .hero-summary .actions .btn{font-size:15px;min-height:56px;padding:16px 27px}
.home-v3 .hero-summary .actions .btn:hover,.home-v3 .navtools .btn:hover{background:#303d92;border-color:#303d92}
.home-v3 .hero-summary .actions .btn:focus-visible{outline-color:var(--noxio-blue)}
.home-v3 .hero-demo-navigation .hero-demo-tabs{background:#ffffff70;border-color:#2684fc30;box-shadow:0 4px 16px #1e266d06}
.home-v3 .hero-demo-tabs button{color:var(--noxio-charcoal);font-weight:400}
.home-v3 .hero-demo-tabs button[aria-selected=true]{background:#fff;color:var(--navy);font-weight:600;border-color:#2684fc24;box-shadow:0 2px 7px #1e266d12}
.home-v3 .hero-demo-tabs button[aria-selected=true] svg{color:var(--noxio-blue)}
.home-v3 .hero-demo-arrow{color:var(--noxio-charcoal);border-color:#33333320;box-shadow:0 2px 5px #33333308}
.home-v3 .hero-demo-arrow:hover{color:var(--noxio-blue);border-color:var(--noxio-blue)}
.home-v3 .top-region-background{background:radial-gradient(ellipse 42% 420px at 76% -65px,#fff0cf99 0%,#fff0cf33 42%,transparent 100%),linear-gradient(180deg,#9fc8f1 0%,#c9e2f6 38%,#e4f0fa 76%,#fff 100%)}
.home-v3 .hero-sky:after{background:radial-gradient(ellipse 38% 285px at 50% 290px,#ffffff8c 0%,#ffffff2e 48%,transparent 100%)}
@media(max-width:720px){
.home-v3 .hero-product-layout .hero-layout{gap:20px;padding-bottom:25px}
.home-v3 .hero-product-layout .intro{font-size:16px;line-height:1.65;margin-bottom:25px}
.home-v3 .hero-product-layout .intro>span{font-size:15px;line-height:1.7;margin-top:10px}
.home-v3 .hero-summary .actions .btn{font-size:14px;padding:15px 24px;min-height:53px}
.home-v3 .top-region-background{background:radial-gradient(ellipse 85% 310px at 94% -55px,#fff0cf80 0%,#fff0cf26 40%,transparent 100%),linear-gradient(180deg,#a9cff2 0%,#cce4f7 42%,#e4f0fa 78%,#fff 100%)}
.home-v3 .hero-sky:after{background:radial-gradient(ellipse 75% 245px at 50% 260px,#ffffff80 0%,#ffffff29 48%,transparent 100%)}
}
/* Keep sunlight and animated clouds behind the hero, including their pseudo-elements. */
.home-v3 .top-region-background{isolation:isolate;z-index:0}
.home-v3 .hero-v3{z-index:1}

/* Mediterranean daylight: preserve the existing scene and product architecture. */
.home-v3 .sky-cloud{opacity:.84}
.home-v3 .sky-cloud-3,.home-v3 .sky-cloud-4{opacity:.52}
.home-v3 .sky-cloud-5{opacity:.56}
.home-v3 .hero-sky:before{opacity:.6}
.home-v3 .hero-app-frame.hero-product-demo{background:#edf5fbd9;border-color:#2684fc40;box-shadow:0 24px 60px -18px #1e266d30,0 5px 16px #2684fc0d,inset 0 1px 0 #ffffffd9}
@media(max-width:720px){
 .home-v3 .sky-cloud-1{opacity:.68}
 .home-v3 .sky-cloud-2{opacity:.62}
 .home-v3 .sky-cloud-4{opacity:.4}
 .home-v3 .hero-sky:before{opacity:.45}
 .home-v3 .hero-app-frame.hero-product-demo{box-shadow:0 14px 32px -12px #1e266d30,inset 0 1px 0 #ffffffd9}
}

/* Photographic Hero trial. ?heroScene=clouds restores the cloud-only backdrop.
   Inter, navigation, copy, tabs, demo and all cloud timings remain unchanged. */
.home-v3[data-hero-scene=photo] .hero-photo{position:absolute;inset:0;display:block}
.home-v3[data-hero-scene=photo] .hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.home-v3[data-hero-scene=photo] .top-region-background:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 74%,#ffffff59 86%,#ffffffd1 94%,#fff 100%)}
.home-v3[data-hero-scene=photo] .hero-sky:after{background:radial-gradient(ellipse 36% 340px at 50% 295px,#ffffff9e 0%,#ffffff52 58%,transparent 100%)}
.home-v3[data-hero-scene=photo] .sky-cloud{opacity:.32}
.home-v3[data-hero-scene=photo] .sky-cloud-3,.home-v3[data-hero-scene=photo] .sky-cloud-4{opacity:.24}
.home-v3[data-hero-scene=photo] .hero-demo-navigation .hero-demo-tabs{background:#ffffffe6;border-color:#ffffffbf;box-shadow:0 5px 20px #1e266d14;backdrop-filter:blur(12px)}
.home-v3[data-hero-scene=photo] .hero-app-frame.hero-product-demo{background:#edf5fbeb;border:1px solid #ffffffd9;box-shadow:0 0 0 5px #2684fc59,0 24px 60px -18px #1e266d52}
.home-v3 .hospitality-trust{position:relative;padding-top:24px;padding-bottom:28px;text-align:center}
.hospitality-trust-card{padding:42px 30px 32px;background:#f3f8fd;border:3px solid #fff;border-radius:30px;box-shadow:0 10px 32px #1e266d06}
.hospitality-trust .eyebrow{margin:0 0 16px;font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.6;color:var(--navy)}
.hospitality-trust h2{font-size:clamp(30px,3.1vw,44px);font-weight:650;line-height:1.18;letter-spacing:-.04em;text-wrap:balance;margin:0;color:var(--navy)}
.hospitality-trust-intro{margin:18px auto 34px;max-width:1020px;font-size:18px;line-height:1.6;color:#53617e;text-wrap:balance}
.hospitality-trust-benefits{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0}
.hospitality-trust-benefits li{display:flex;align-items:flex-start;gap:20px;text-align:left;padding:26px 22px;background:#fff;border:1px solid #fff;border-radius:24px;box-shadow:0 6px 20px #1e266d03}
.hospitality-trust .trust-icon{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#e9f4ff;color:var(--noxio-blue)}
.hospitality-trust .trust-icon svg{width:30px;height:30px}
.trust-benefit-copy{min-width:0;padding-top:4px}
.hospitality-trust-benefits h3,.hospitality-trust-support h3{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.025em;color:var(--navy);margin:0}
.hospitality-trust-benefits p{margin:12px 0 0;font-size:15px;line-height:1.7;color:#53617e}
.hospitality-trust-support{display:flex;align-items:center;gap:24px;text-align:left;padding:16px 24px;margin-top:20px;background:#eaf4fd;border:1px solid #fff;border-radius:24px}
.hospitality-trust-support .trust-icon{background:#d9ecff}
.hospitality-trust-support h3{font-size:20px}
.hospitality-trust-support p{margin:4px 0 0;font-size:16px;line-height:1.6;color:#53617e}
.hospitality-trust-channels{list-style:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:26px 30px;margin:0;padding:34px 24px 32px}
.hospitality-trust-channels li{display:flex;align-items:center;justify-content:center;min-height:50px;flex-shrink:0}
.hospitality-trust-channels img,.trust-invoicing-logos img{display:block;object-fit:contain;max-width:100%;height:auto;filter:none;opacity:1}
.trust-logo-booking{width:145px}.trust-logo-airbnb{width:118px}.trust-logo-expedia{width:128px}.trust-logo-vrbo{width:100px}.trust-logo-agoda{width:92px}
.trust-google-hotels{gap:6px}.trust-google-hotels img{width:80px}
.trust-google-hotels span{font-size:19px;font-weight:400;letter-spacing:0;color:#5f6368}
.hospitality-trust-mydata{display:flex;justify-content:center;align-items:center;gap:28px;margin:0 24px;padding-top:28px;border-top:1px solid #d4e4f5;color:#53617e;font-size:13px;line-height:1.6}
.trust-invoicing-logos{display:flex;justify-content:center;align-items:center;gap:24px;flex:0 0 auto;flex-wrap:wrap}
.trust-logo-mydata{width:160px}.trust-logo-aade{width:160px;border-left:1px solid #d4e4f5;padding-left:24px;box-sizing:content-box}
.trust-compliance-copy{text-align:left;border-left:1px solid #d4e4f5;padding-left:28px}
.trust-compliance-copy strong{display:block;font-size:14px;font-weight:600;color:var(--navy)}
.trust-compliance-copy>span{display:block;margin-top:4px}
@media(max-width:1100px){
 .hospitality-trust-card{padding:36px 24px 28px}
 .hospitality-trust-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .hospitality-trust-benefits li:last-child{grid-column:1/-1}
 .hospitality-trust-channels{justify-content:center;gap:26px 40px;padding-inline:0}
 .hospitality-trust-mydata{flex-direction:column;gap:18px;margin-inline:0}
 .trust-compliance-copy{text-align:center;border-left:0;padding-left:0}
}
@media(max-width:720px){
 .home-v3[data-hero-scene=photo] .hero-photo img{object-position:57% center}
 .home-v3[data-hero-scene=photo] .hero-sky:after{background:radial-gradient(ellipse 85% 285px at 50% 265px,#ffffffb8 0%,#ffffff73 60%,transparent 100%)}
 .home-v3[data-hero-scene=photo] .sky-cloud{opacity:.3}
 .home-v3[data-hero-scene=photo] .hero-app-frame.hero-product-demo{box-shadow:0 0 0 3px #2684fc45,0 14px 32px -12px #1e266d40}
 .home-v3 .hospitality-trust{padding:16px 16px 20px}
 .hospitality-trust-card{padding:30px 16px 26px;border-width:2px;border-radius:26px}
 .hospitality-trust h2{font-size:29px;line-height:1.2}.hospitality-trust .eyebrow{font-size:9px;line-height:1.7;margin-bottom:16px}
 .hospitality-trust-intro{font-size:15px;margin:16px auto 26px}
 .hospitality-trust-benefits{grid-template-columns:1fr;gap:12px}
 .hospitality-trust-benefits li{padding:22px 18px;gap:16px;border-radius:21px}
 .hospitality-trust .trust-icon{flex-basis:48px;width:48px;height:48px}.hospitality-trust .trust-icon svg{width:25px;height:25px}
 .trust-benefit-copy{padding-top:0}
 .hospitality-trust-benefits h3,.hospitality-trust-support h3{font-size:17px}
 .hospitality-trust-benefits p{font-size:14px;line-height:1.65;margin-top:10px}
 .hospitality-trust-support{align-items:flex-start;gap:16px;padding:20px 18px;margin-top:16px;border-radius:21px}
 .hospitality-trust-support p{font-size:14px;line-height:1.65;margin-top:8px}
 .hospitality-trust-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:28px 0}.hospitality-trust-channels li{min-width:0}
 .trust-logo-booking{width:128px}.trust-logo-airbnb{width:104px}.trust-logo-expedia{width:116px}.trust-logo-vrbo{width:90px}.trust-logo-agoda{width:84px}
 .trust-google-hotels{gap:5px}.trust-google-hotels img{width:70px}.trust-google-hotels span{font-size:16px}
 .trust-invoicing-logos{gap:16px}.trust-logo-mydata{width:124px}.trust-logo-aade{width:124px;padding-left:0;border:0}
 .hospitality-trust-mydata{gap:20px;padding-top:24px;font-size:12px}
 .trust-compliance-copy strong{font-size:13px}

}

@media(max-width:380px){.hospitality-trust-benefits li,.hospitality-trust-support{flex-direction:column;gap:14px}.trust-google-hotels{flex-wrap:wrap;row-gap:2px}.trust-google-hotels span{font-size:15px}.trust-invoicing-logos{flex-direction:column;gap:20px}}
