/* Za vlasnike (/za-vlasnike/): prefix ao-, loaded on that page only, after as.css. Source: design/za-vlasnike-2026-10-12/index.html,
   generated by build/tools/owners_port.py (edit the prototype or the script, not this file). The page is one container (.ao). */
.ao{container:ao/inline-size;overflow:clip;color:var(--as-ink);font:16px/1.55 var(--as-font);--hdr:var(--as-hdr,72px);
  --navy:var(--as-navy);--navy-2:var(--as-navy-2);--ink:var(--as-ink);--ink-2:var(--as-ink-2);--ink-3:var(--as-ink-3);
  --sea:var(--as-sea);--sea-hover:var(--as-sea-hover);--sea-ink:var(--as-sea-ink);--sea-50:var(--as-sea-50);--sea-100:var(--as-sea-100);
  --canvas:var(--as-canvas);--surface:#fff;--surface-2:var(--as-surface-2);--line:var(--as-line);--line-2:var(--as-line-2);
  --beach:var(--as-beach);--ok:var(--as-ok);--ok-50:var(--as-ok-50);--warn:var(--as-warn);--warn-50:var(--as-warn-50);
  --viber:var(--as-viber);--wa:var(--as-wa);--link:var(--as-link);--font:var(--as-font);
  --r-sm:var(--as-r-sm);--r:var(--as-r);--r-md:var(--as-r-md);--r-lg:var(--as-r-lg);--r-xl:var(--as-r-xl);
  --sh-1:var(--as-sh-1);--sh-2:var(--as-sh-2);--sh-pop:var(--as-sh-pop);--ease:var(--as-ease);--gut:var(--as-gut)}
.ao *,.ao ::before,.ao ::after{box-sizing:border-box}
.ao :where(h1,h2,h3,h4,p,ul,ol,figure){margin:0}
.ao :where(ul,ol){padding:0;list-style:none}
.ao :where(img){display:block;max-width:100%;height:auto}
.ao :where(button:not(.as-btn),input,select){font:inherit;color:inherit}
.ao h1,.ao h2,.ao h3,.ao h4{font-family:inherit;color:inherit;text-transform:none}
.ao a:where(:not([class*="btn"])){color:var(--link);text-underline-offset:3px}
.ao-tel{color:inherit!important;font-weight:inherit;white-space:nowrap}
.ao-ic{width:20px;height:20px;flex:none;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ao-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ao-eyebrow{font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--sea-ink)}
.ao-h1{font-size:clamp(34px,4.6vw,60px);line-height:1.03;font-weight:760;letter-spacing:-.036em;text-wrap:balance}
.ao-h2{font-size:clamp(27px,3vw,40px);line-height:1.1;font-weight:730;letter-spacing:-.03em;text-wrap:balance}
.ao-h3{font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.016em}
.ao-lead{font-size:clamp(16.5px,1.45vw,19px);line-height:1.5;color:var(--ink-2);max-width:58ch;text-wrap:pretty}
.ao-small{font-size:14px;line-height:1.45;color:var(--ink-2)}
.ao-panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.ao-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;font-size:12.5px;font-weight:650;white-space:nowrap}
.ao-pill--ok{background:var(--ok-50);color:var(--ok)}
.ao-pill--sea{background:var(--sea-50);color:var(--sea-ink)}
.ao-pill--warn{background:var(--warn-50);color:var(--warn)}
.ao-pill--new{background:var(--sea);color:var(--navy)}

.ao-hero{padding-block:clamp(36px,6vw,80px) clamp(40px,5vw,72px)}
.ao-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
.ao-hero__copy{display:grid;gap:22px;justify-items:start}
.ao-hero__cta{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.ao-hero__cta a.ao-link{font-weight:600;font-size:15px;color:var(--ink);text-decoration:none}
.ao-hero__cta a.ao-link span{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.ao-checks{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;font-weight:560;color:var(--ink)}
.ao-checks li{display:flex;gap:7px;align-items:center}
.ao-checks .ao-ic{width:18px;height:18px;color:var(--ok);stroke-width:2.6}
.ao-devices{position:relative}
.ao-devices::before{content:"";position:absolute;inset:0 -40px 0 0;border-radius:var(--r-xl) 0 0 var(--r-xl);background:linear-gradient(160deg,var(--sea-100),var(--sea-50) 60%)}
.ao-devices::after{content:"";position:absolute;left:8%;right:-40px;bottom:14px;height:90px;border-top:3px solid var(--beach);border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.55}

.ao-laptop{position:relative;z-index:1;border-radius:14px;background:#fff;box-shadow:var(--sh-pop);overflow:hidden;border:1px solid var(--line)}
.ao-laptop .ao-app{container-name:ao-lap}
.ao-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.ao-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.ao-bar span{margin-inline:auto;font-size:11.5px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ao-hphone{position:absolute;z-index:2;--pw:206px;width:var(--pw);font-size:calc(var(--pw) / 19)}
.ao-toast{position:absolute;z-index:3;right:18px;top:-6px;display:flex;gap:.74em;align-items:center;padding:.74em 1.04em .74em .74em;border-radius:1.04em;background:#fff;box-shadow:var(--sh-pop);font-size:13.5px;line-height:1.3;white-space:nowrap;animation:ao-nudge 900ms var(--ease) 600ms 1 both}
.ao-toast__ic{width:2.52em;height:2.52em;border-radius:.74em;background:var(--sea);color:var(--navy);display:grid;place-items:center;flex:none}
.ao-toast__ic .ao-ic{width:1.33em;height:1.33em}
.ao-toast b{display:block;font-weight:680}
.ao-toast span{color:var(--ink-2)}
@keyframes ao-nudge{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-6px) scale(1.035)}100%{transform:none}}

.ao-dev{container:ao-dev/inline-size;position:relative}
.ao-dev .ao-laptop{margin:4.17cqi 0 5.36cqi 10.7cqi;border-radius:2.08cqi}
.ao-dev .ao-laptop .ao-app{--fs:1.5625cqi}
.ao-dev .ao-laptop .ao-app__in{grid-template-columns:10.5em minmax(0,1fr)}
.ao-dev .ao-bar{font-size:1.71cqi;height:2.61em;padding:0 1.04em;gap:.52em}
.ao-dev .ao-bar i{width:.78em;height:.78em}
.ao-dev .ao-bar span{font-size:1em;padding:.17em 1.04em;border-radius:.52em}
.ao-dev .ao-hphone{--pw:30.65cqi;left:-3.27cqi;bottom:-3.87cqi}
.ao-dev .ao-toast{right:2.68cqi;top:-.9cqi;font-size:clamp(11px,2.01cqi,13.5px)}
@container ao (max-width:1000px){
  .ao-hero__grid{grid-template-columns:1fr}
  .ao-devices{margin-inline:calc(var(--gut)*-1);padding:clamp(22px,4.5cqi,40px) var(--gut) clamp(34px,6cqi,52px)}
  .ao-devices::before{inset:0;border-radius:0}
  .ao-devices::after{left:0;right:0}
  .ao-dev{max-width:640px;margin-inline:auto}
}
@container ao (max-width:700px){
  .ao-devices{padding:24px var(--gut) 30px}
  .ao-dev{display:grid;justify-items:center;max-width:none}
  .ao-laptop{display:none}
  .ao-dev .ao-hphone{position:relative;left:auto;bottom:auto;--pw:min(250px,66cqi)}
  .ao-dev .ao-toast{position:relative;right:auto;top:auto;margin-top:-14px;animation:none;font-size:13px;max-width:100%}
}

.ao-phone{border-radius:30px;background:#0B1720;padding:7px;box-shadow:var(--sh-pop)}
.ao-phone__scr{border-radius:24px;overflow:hidden;background:var(--canvas);position:relative}
.ao-phone__notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:34%;height:16px;border-radius:10px;background:#0B1720;z-index:2}

.ao-hphone .ao-phone{aspect-ratio:9/18.6;border-radius:2.6em;padding:.61em;display:flex}
.ao-hphone .ao-phone__scr{flex:1;min-width:0;border-radius:2.09em;display:flex;flex-direction:column}
.ao-hphone .ao-phone__notch{top:.61em;height:1.39em;border-radius:.87em}
.ao-hphone .ao-app{--fs:1em;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.ao-hphone .ao-main{padding:.85em .9em 1em;gap:.75em;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 1.4em),transparent);mask-image:linear-gradient(#000 calc(100% - 1.4em),transparent)}

.ao-app{container:ao-app/inline-size;font-size:var(--fs,12px);line-height:1.45;color:var(--ink);background:var(--canvas)}
.ao-app__in{display:grid;grid-template-columns:12.5em minmax(0,1fr);min-height:100%}
.ao-side{background:#fff;border-right:1px solid var(--line);padding:1.3em .9em;display:flex;flex-direction:column;gap:.25em}
.ao-side__brand{display:flex;align-items:center;gap:.5em;font-weight:720;font-size:1.05em;color:var(--navy);padding:0 .5em 1em;letter-spacing:-.01em}
.ao-side__brand svg{width:1.5em;height:1.6em}
.ao-side a{display:flex;align-items:center;gap:.7em;padding:.62em .7em;border-radius:.6em;color:var(--ink);text-decoration:none;font-weight:560;pointer-events:none}
.ao-side a .ao-ic{width:1.3em;height:1.3em}
.ao-side a.ao-on{background:var(--sea-50);color:var(--sea-ink)}
.ao-side a em{margin-left:auto;font-style:normal;background:var(--navy);color:#fff;border-radius:99px;font-size:.82em;min-width:1.7em;height:1.7em;display:grid;place-items:center;font-weight:700}
.ao-side__me{margin-top:auto;display:flex;gap:.6em;align-items:center;padding:.7em .5em 0;border-top:1px solid var(--line);font-size:.95em}
.ao-av{width:2.4em;height:2.4em;border-radius:50%;background:var(--navy-2);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9em;flex:none}
.ao-side__me small{display:block;color:var(--ink-2);font-size:.88em}
.ao-main{padding:1.5em 1.6em 1.8em;display:grid;gap:1.1em;align-content:start;min-width:0}
.ao-mtop{display:flex;gap:1em;align-items:flex-start}
.ao-mtop__t{font-size:1.65em;line-height:1.15;font-weight:730;letter-spacing:-.025em}
.ao-mtop p{color:var(--ink-2);margin-top:.2em}
.ao-sample{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;font-size:.86em;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:99px;padding:.25em .7em;white-space:nowrap}
.ao-sample i{width:.5em;height:.5em;border-radius:50%;background:var(--beach)}
.ao-appbar{display:none}
.ao-tabbar{display:none}
.ao-card{background:#fff;border-radius:1em;box-shadow:var(--sh-1);min-width:0}
.ao-card__h{display:flex;align-items:center;gap:.6em;padding:.9em 1.1em;border-bottom:1px solid var(--line);font-weight:700;font-size:1.05em}
.ao-card__h span{margin-left:auto;font-weight:500;font-size:.88em;color:var(--ink-2)}
.ao-todo li{display:flex;align-items:center;gap:.8em;padding:.8em 1.1em;border-top:1px solid var(--line)}
.ao-todo li:first-child{border-top:0}
.ao-todo__ic{width:2.3em;height:2.3em;border-radius:.6em;display:grid;place-items:center;background:var(--sea-50);color:var(--sea-ink);flex:none}
.ao-todo__ic .ao-ic{width:1.25em;height:1.25em}
.ao-todo__ic--w{background:var(--warn-50);color:var(--warn)}
.ao-todo b{font-weight:650;display:block}
.ao-todo small{color:var(--ink-2);font-size:.9em;display:block}
.ao-todo .ao-mbtn{margin-left:auto}
.ao-mbtn{display:inline-flex;align-items:center;gap:.4em;height:2.5em;padding:0 .95em;border-radius:.65em;font-weight:650;font-size:.95em;white-space:nowrap;border:1px solid var(--line-2);background:#fff}
.ao-mbtn--sea{background:var(--sea);border-color:var(--sea);color:var(--navy)}
.ao-mbtn--navy{background:var(--navy);border-color:var(--navy);color:#fff}
.ao-mbtn .ao-ic{width:1.2em;height:1.2em}
.ao-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em}
.ao-kpi{background:#fff;border-radius:1em;box-shadow:var(--sh-1);padding:.9em 1em .6em;display:grid;gap:.15em;min-width:0}
.ao-kpi__l{display:flex;align-items:center;gap:.4em;font-weight:600;font-size:.92em;color:var(--ink-2)}
.ao-kpi__l .ao-ic{width:1.15em;height:1.15em}
.ao-kpi__v{font-size:2em;font-weight:740;letter-spacing:-.03em;line-height:1.1}
.ao-kpi__d{font-size:.84em;color:var(--ok);font-weight:600}
.ao-kpi svg{width:100%;height:2.4em;margin-top:.25em;overflow:visible}
.ao-chart{padding:.6em 1.1em 1em}
.ao-chart svg{width:100%;height:auto;display:block}
.ao-legend{display:flex;flex-wrap:wrap;gap:.4em 1.1em;font-size:.88em;color:var(--ink-2);padding:0 1.1em .9em}
.ao-legend i{display:inline-block;width:.75em;height:.75em;border-radius:.2em;margin-right:.35em;vertical-align:-.05em}
.ao-split2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.8em}
@container ao-lap (max-width:640px){.ao-split2 .ao-card__h span{display:none}}

.ao-inbox{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);background:#fff;border-radius:1em;box-shadow:var(--sh-1);overflow:hidden}
.ao-ilist{border-right:1px solid var(--line)}
.ao-ilist li{display:flex;gap:.7em;padding:.85em 1em;border-top:1px solid var(--line);align-items:flex-start}
.ao-ilist li:first-child{border-top:0}
.ao-ilist li.ao-on{background:var(--sea-50)}
.ao-ilist b{font-weight:650;display:flex;gap:.5em;align-items:center}
.ao-ilist small{display:block;color:var(--ink-2);font-size:.9em}
.ao-ilist .ao-t{margin-left:auto;font-size:.82em;color:var(--ink-3);white-space:nowrap}
.ao-idet{padding:1.2em 1.3em;display:grid;gap:1em;align-content:start}
.ao-idet__h{display:flex;gap:.8em;align-items:center}
.ao-idet__h b{font-size:1.25em;font-weight:720;letter-spacing:-.015em;display:block}
.ao-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em}
.ao-facts div{background:var(--surface-2);border-radius:.7em;padding:.6em .75em}
.ao-facts small{display:block;color:var(--ink-2);font-size:.82em;font-weight:600}
.ao-facts b{font-weight:680}
.ao-msg{background:var(--sea-50);border-radius:.2em 1em 1em 1em;padding:.8em 1em;color:var(--ink)}
.ao-reply{display:flex;flex-wrap:wrap;gap:.5em}
.ao-mbtn--viber{background:var(--viber);border-color:var(--viber);color:#fff}
.ao-mbtn--wa{background:var(--wa);border-color:var(--wa);color:#fff}
.ao-back{display:none}

.ao-hphone .ao-idet{gap:.75em}
.ao-hphone .ao-msg{padding:.7em .9em}
.ao-hphone .ao-facts{grid-template-columns:1fr;gap:0;background:#fff;border-radius:.8em;padding:.1em .85em}
.ao-hphone .ao-facts div{display:flex;justify-content:space-between;align-items:baseline;gap:.6em;background:none;border-radius:0;padding:.5em 0;border-top:1px solid var(--line)}
.ao-hphone .ao-facts div:first-child{border-top:0}
.ao-hphone .ao-facts div:last-child{grid-column:auto}
.ao-hphone .ao-facts small{font-size:.9em;font-weight:500}
.ao-hphone .ao-facts b{white-space:nowrap}
.ao-hphone .ao-reply{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5em}
.ao-hphone .ao-reply .ao-mbtn{flex-direction:column;justify-content:center;gap:.3em;height:auto;padding:.65em .2em .55em;border-radius:.85em;font-size:.85em}
.ao-hphone .ao-reply .ao-mbtn .ao-ic{width:1.45em;height:1.45em}

.ao-steps{display:flex;flex-wrap:wrap;gap:.35em}
.ao-steps span{display:inline-flex;align-items:center;gap:.45em;height:2.3em;padding:0 .8em;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:.92em;white-space:nowrap;color:var(--ink-2)}
.ao-steps span i{font-style:normal;width:1.55em;height:1.55em;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:.85em;color:var(--ink-2)}
.ao-steps span.ao-done i{background:var(--ok-50);color:var(--ok)}
.ao-steps span.ao-on{background:var(--navy);border-color:var(--navy);color:#fff}
.ao-steps span.ao-on i{background:var(--sea);color:var(--navy)}
.ao-units li{display:flex;gap:.8em;align-items:center;padding:.7em 1.1em;border-top:1px solid var(--line)}
.ao-units li:first-child{border-top:0}
.ao-units img{width:3.6em;height:2.6em;border-radius:.45em;object-fit:cover;flex:none}
.ao-units b{font-weight:670}
.ao-units small{display:block;color:var(--ink-2);font-size:.9em}
.ao-units .ao-pill{margin-left:auto;font-size:.82em;height:2em}
.ao-uedit{padding:1em 1.1em 1.1em;display:grid;gap:.9em}
.ao-fields{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:.7em}
.ao-fld{display:grid;gap:.3em}
.ao-fld label{font-size:.86em;font-weight:650;color:var(--ink-2)}
.ao-fld select,.ao-fld input{height:2.9em;border:1px solid var(--line-2);border-radius:.6em;background:#fff;padding:0 .7em;font-size:1em;width:100%;min-width:0}
.ao-guest{display:flex;align-items:center;gap:.9em;padding:.8em 1em;border-radius:.8em;background:var(--navy);color:#fff}
.ao-guest small{display:block;font-size:.8em;color:#9fc4da;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ao-guest b{font-size:1.3em;font-weight:730;letter-spacing:-.015em}
.ao-guest span{margin-left:auto;color:#cfe3ef;font-size:.92em;text-align:right}
.ao-ptable{width:100%;border-collapse:collapse}
.ao-ptable th{text-align:left;font-size:.84em;color:var(--ink-2);font-weight:650;padding:.7em 1.1em;border-bottom:1px solid var(--line)}
.ao-ptable td{padding:.75em 1.1em;border-bottom:1px solid var(--line);white-space:nowrap}
.ao-ptable td b{font-weight:700}
.ao-ptable tr:last-child td{border-bottom:0}
.ao-hint{display:flex;gap:.6em;align-items:flex-start;padding:.8em 1.1em;color:var(--ink-2);font-size:.92em;border-top:1px solid var(--line)}
.ao-hint .ao-ic{width:1.2em;height:1.2em;color:var(--sea-ink);margin-top:.1em}
.ao-gsee{padding:1em 1.1em;display:grid;gap:.6em}
.ao-gsee__row{display:flex;justify-content:space-between;gap:1em;align-items:baseline}
.ao-gsee__tot{font-size:1.9em;font-weight:760;letter-spacing:-.03em}
.ao-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6em;padding:1em 1.1em}
.ao-photos figure{position:relative;border-radius:.6em;overflow:hidden;aspect-ratio:3/2;background:var(--surface-2)}
.ao-photos img{width:100%;height:100%;object-fit:cover}
.ao-photos .ao-cover{position:absolute;left:.4em;top:.4em}
.ao-photos .ao-add{display:grid;place-items:center;align-content:center;gap:.3em;border:1.5px dashed var(--line-2);background:var(--surface-2);color:var(--ink-2);font-weight:600;font-size:.92em;text-align:center}
.ao-photos .ao-add .ao-ic{width:1.6em;height:1.6em;color:var(--sea-ink)}

@container ao-app (max-width:560px){
  .ao-app__in{grid-template-columns:1fr}
  .ao-side{display:none}
  .ao-appbar{display:flex;align-items:center;gap:.6em;padding:2.2em 1em .8em;background:#fff;border-bottom:1px solid var(--line);font-weight:700;font-size:1.05em}
  .ao-appbar svg.ao-logo{width:1.4em;height:1.5em}
  .ao-appbar .ao-av{margin-left:auto;width:2.2em;height:2.2em}
  .ao-tabbar{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:.5em .3em .9em}
  .ao-tabbar span{display:grid;justify-items:center;gap:.2em;font-size:.8em;font-weight:600;color:var(--ink-2);position:relative}
  .ao-tabbar span.ao-on{color:var(--sea-ink)}
  .ao-tabbar .ao-ic{width:1.6em;height:1.6em}
  .ao-tabbar em{position:absolute;top:-.3em;left:58%;font-style:normal;background:var(--navy);color:#fff;font-size:.8em;min-width:1.6em;height:1.6em;border-radius:99px;display:grid;place-items:center}
  .ao-main{padding:1em .9em 1.2em;gap:.9em}
  .ao-mtop__t{font-size:1.4em}
  .ao-mtop .ao-sample{display:none}
  .ao-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em}
  .ao-split2{grid-template-columns:1fr}
  .ao-wide-only{display:none}
  .ao-inbox{grid-template-columns:1fr}
  .ao-ilist{display:none}
  .ao-back{display:inline-flex;align-items:center;gap:.3em;color:var(--sea-ink);font-weight:650}
  .ao-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ao-facts div:last-child{grid-column:1/-1}
  .ao-fields{grid-template-columns:1fr 1fr}
  .ao-fields .ao-fld:last-child{grid-column:1/-1}
  .ao-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ao-todo li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5em .8em;align-items:start}
  .ao-todo .ao-mbtn{grid-column:2;justify-self:start;margin-left:0}
  .ao-ptable th:nth-child(3),.ao-ptable td:nth-child(3){display:none}
}

.ao-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ao-strip li{padding:28px clamp(18px,2.4vw,32px);display:grid;gap:8px;align-content:start}
.ao-strip li+li{border-left:1px solid var(--line)}
.ao-strip__big{font-size:clamp(30px,3.2vw,42px);font-weight:780;letter-spacing:-.04em;line-height:1;color:var(--navy)}
.ao-strip__big small{font-size:.5em;font-weight:700;letter-spacing:-.01em;color:var(--sea-ink);margin-left:4px}
.ao-ulabel{display:inline-flex;gap:6px;flex-wrap:wrap}
.ao-ulabel span{font-size:15px;font-weight:700;letter-spacing:-.01em;background:var(--navy);color:#fff;border-radius:8px;padding:6px 10px;line-height:1}
.ao-ulabel span:nth-child(2){background:var(--sea);color:var(--navy)}
.ao-ulabel span:nth-child(3){background:var(--sea-50);color:var(--sea-ink)}
.ao-strip h2{line-height:1.25;font-size:17.5px;font-weight:700;letter-spacing:-.012em;margin-top:6px}
@container ao (max-width:820px){.ao-strip{grid-template-columns:1fr}.ao-strip li+li{border-left:0;border-top:1px solid var(--line)}}

.ao-sec{padding-block:clamp(56px,7vw,104px)}
.ao-sec__head{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(28px,3.6vw,48px)}

.ao-tourc{container:ao-tour/inline-size}
.ao-tour{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.ao-tlist{display:grid;gap:6px;position:sticky;top:calc(var(--hdr,0px) + 24px)}
.ao-tbtn{display:grid;grid-template-columns:40px 1fr;gap:4px 14px;text-align:left;border:1px solid transparent;background:none;border-radius:var(--r-md);padding:14px 16px;cursor:pointer;transition:background-color .15s}
.ao-tbtn:hover{background:rgba(0,30,49,.04)}
.ao-tbtn__ic{grid-row:span 2;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--ink-2);box-shadow:var(--sh-1)}
.ao-tbtn b{font-size:17px;font-weight:700;letter-spacing:-.012em;align-self:center}
.ao-tbtn .ao-tbtn__d{grid-column:2;font-size:14.5px;color:var(--ink-2);line-height:1.5;display:none}
.ao-tbtn[aria-selected="true"]{background:#fff;border-color:var(--line);box-shadow:var(--sh-2)}
.ao-tbtn[aria-selected="true"] .ao-tbtn__ic{background:var(--sea);color:var(--navy);box-shadow:none}
.ao-tbtn[aria-selected="true"] .ao-tbtn__d{display:block}
.ao-screen{min-width:0}
.ao-frame{border-radius:16px;background:#fff;box-shadow:var(--sh-pop);overflow:hidden;border:1px solid var(--line)}
.ao-frame .ao-app{--fs:clamp(11px,calc((100cqi - 384px) / 69),13px);container-name:ao-lap}
.ao-frame .ao-phone__notch{display:none}
.ao-scr[hidden]{display:none}

.ao-frame .ao-main>.ao-scr{grid-area:1/1;min-width:0}
.ao-frame .ao-scr[hidden]{display:block!important;visibility:hidden}
.ao-tdesc{display:none}

@container ao-tour (max-width:940px){
  .ao-tour{grid-template-columns:1fr}
  .ao-tlist{position:static;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);scrollbar-width:none}
  .ao-tbtn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border:1px solid var(--line);background:#fff;white-space:nowrap;border-radius:99px}
  .ao-tbtn__ic{width:30px;height:30px;border-radius:50%;box-shadow:none;background:var(--surface-2)}
  .ao-tbtn__ic .ao-ic{width:16px;height:16px}
  .ao-tbtn b{font-size:15px}
  .ao-tbtn[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}
  .ao-tbtn[aria-selected="true"] .ao-tbtn__d{display:none}
  .ao-tdesc{display:block;font-size:15.5px;color:var(--ink-2);line-height:1.5;max-width:60ch;margin-bottom:18px}
  .ao-frame .ao-app{--fs:clamp(10.5px,calc(100cqi / 64),13px)}
}

.ao-shots{display:none}
.ao-shot[hidden]{display:none}
@container ao-tour (max-width:560px){
  .ao-tdesc{margin-bottom:8px}
  .ao-tdesc .ao-try{display:none}
  .ao-frame{display:none}
  .ao-shots{display:grid;justify-items:center;gap:4px}
  .ao-shot{width:min(330px,92%)}
  .ao-shots__cap{font-size:13px;color:var(--ink-2);text-align:center;text-wrap:balance}
}

.ao-gv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center}
.ao-gv__copy{display:grid;gap:18px;align-content:start}
.ao-gv__list{display:grid;gap:12px;margin-top:6px}
.ao-gv__list li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.ao-gv__list .ao-ic{color:var(--sea-ink);margin-top:2px}
.ao-gv__mocks{position:relative;display:grid;gap:16px}
.ao-scard{display:grid;grid-template-columns:200px minmax(0,1fr);background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}
.ao-scard__ph{position:relative;min-height:170px}
.ao-scard__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ao-heart{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center}
.ao-heart .ao-ic{width:17px;height:17px}
.ao-scard__b{padding:16px 18px;display:grid;gap:6px;align-content:start}
.ao-scard__b h3{line-height:1.25;font-size:18px;font-weight:720;letter-spacing:-.015em}
.ao-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--ink-2)}
.ao-meta span{display:inline-flex;gap:5px;align-items:center}
.ao-meta .ao-ic{width:16px;height:16px}
.ao-match{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--ok-50);color:var(--ok);font-weight:650;font-size:14px}
.ao-match .ao-ic{width:17px;height:17px}
.ao-scard__price{margin-top:auto;padding-top:8px;font-size:15px;color:var(--ink-2)}
.ao-scard__price b{font-size:20px;color:var(--ink);font-weight:740;letter-spacing:-.02em}
.ao-urow{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:14px;margin-left:clamp(0px,6%,48px)}
.ao-urow img{width:120px;height:86px;object-fit:cover;border-radius:10px}
.ao-urow h3{line-height:1.25;font-size:17px;font-weight:720;letter-spacing:-.012em}
.ao-urow .ao-meta{margin-top:4px}
.ao-urow__p{text-align:right;display:grid;gap:8px;justify-items:end}
.ao-urow__p b{font-size:16px;font-weight:700}
.ao-tag{position:absolute;font-size:12.5px;font-weight:650;color:var(--sea-ink);background:var(--sea-50);border:1px solid var(--sea-100);border-radius:99px;padding:3px 10px}
@container ao (max-width:900px){.ao-gv{grid-template-columns:1fr}}
@container ao (max-width:560px){
  .ao-scard{grid-template-columns:1fr}.ao-scard__ph{min-height:0;aspect-ratio:3/2}
  .ao-urow{grid-template-columns:84px minmax(0,1fr);margin-left:0}.ao-urow img{width:84px;height:70px}
  .ao-urow__p{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;text-align:left}
}

.ao-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);counter-reset:s}
.ao-how li{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:clamp(20px,2.4vw,30px);display:grid;gap:10px;align-content:start}
.ao-how__n{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:750;display:grid;place-items:center;font-size:16px}
.ao-how li:nth-child(3) .ao-how__n{background:var(--sea);color:var(--navy)}
.ao-how h3{line-height:1.25;font-size:19px;font-weight:720;letter-spacing:-.015em;margin-top:6px}
.ao-how p{color:var(--ink-2);font-size:15.5px;line-height:1.5}
.ao-wsteps{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ao-wsteps span{font-size:12.5px;font-weight:620;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:3px 9px}
.ao-badge{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;color:var(--ok);background:var(--ok-50);border-radius:99px;padding:5px 11px;justify-self:start;margin-top:4px}
.ao-badge .ao-ic{width:16px;height:16px}
@container ao (max-width:860px){.ao-how{grid-template-columns:1fr}}

.ao-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2vw,24px)}
.ao-claim{padding:clamp(24px,3vw,40px);display:grid;gap:16px;align-content:start;background:linear-gradient(180deg,#fff,var(--sea-50))}
.ao-claim__mock{margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px;display:grid;gap:12px;box-shadow:var(--sh-1)}
.ao-skel{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}
.ao-skel i{display:block;height:10px;border-radius:5px;background:var(--line)}
.ao-skel__ph{height:56px!important;border-radius:9px!important;background:var(--sea-100)!important}
.ao-skel__t{display:grid;gap:8px}
.ao-claim__btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1.5px dashed var(--sea);background:var(--sea-50);font-weight:650;color:var(--sea-ink)}
.ao-claim__btn .ao-ic{color:var(--sea-ink)}
.ao-claim ol{display:grid;gap:8px;counter-reset:c}
.ao-claim ol li{display:flex;gap:10px;font-size:15px;color:var(--ink-2);counter-increment:c}
.ao-claim ol li::before{content:counter(c);flex:none;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line-2);display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--ink)}
.ao-calc{padding:clamp(24px,3vw,40px);display:grid;gap:18px;align-content:start}
.ao-rng{display:grid;gap:8px}
.ao-rng__top{display:flex;justify-content:space-between;align-items:baseline;font-weight:620;font-size:15px}
.ao-rng__top output{font-size:20px;font-weight:740;letter-spacing:-.02em}

.ao-calc input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:32px;margin:0;background:none;cursor:pointer;--p:50%}
.ao-calc input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--sea) var(--p),var(--line) var(--p))}
.ao-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--sea);box-shadow:0 1px 3px rgba(0,30,49,.28)}
.ao-calc input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--line)}
.ao-calc input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--sea)}
.ao-calc input[type=range]::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--sea);box-shadow:0 1px 3px rgba(0,30,49,.28)}
.ao-rng__top output,.ao-res b{font-variant-numeric:tabular-nums}
.ao-res{display:grid;gap:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}
.ao-res div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;font-size:15px;border-top:1px solid var(--line)}
.ao-res div:first-child{border-top:0}
.ao-res b{font-weight:720;font-size:17px;white-space:nowrap}
.ao-res .ao-bad b{color:#B8352A}
.ao-res .ao-good{background:var(--navy);color:#fff}
.ao-res .ao-good b{font-size:22px;color:var(--sea)}
@container ao (max-width:860px){.ao-duo{grid-template-columns:1fr}}

.ao-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:start}
.ao-qa{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.ao-qa details{border-top:1px solid var(--line)}
.ao-qa details:first-child{border-top:0}
.ao-qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 22px;font-weight:660;font-size:16.5px;letter-spacing:-.01em}
.ao-qa summary::-webkit-details-marker{display:none}
.ao-qa summary .ao-ic{margin-left:auto;transition:transform .2s var(--ease);color:var(--ink-2)}
.ao-qa details[open] summary .ao-ic{transform:rotate(180deg)}
.ao-qa details p{padding:0 22px 20px;color:var(--ink-2);max-width:62ch}
@container ao (max-width:860px){.ao-faq{grid-template-columns:1fr}}

.ao-final{background:var(--navy);color:#fff;border-radius:var(--r-xl);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;position:relative;overflow:hidden}
.ao-final::after{content:"";position:absolute;right:-170px;top:-210px;width:340px;height:340px;border-radius:50%;border:3px solid var(--beach);opacity:.35}
.ao-final .ao-h2{color:#fff}
.ao-final p{color:#BFD3E0;margin-top:14px;max-width:52ch}
.ao-final__act{display:grid;gap:12px;justify-items:start;position:relative;z-index:1}
.ao-final__tel{font-size:14.5px;color:#BFD3E0}
.ao-final__tel b{color:#fff;font-weight:680}
@container ao (max-width:860px){.ao-final{grid-template-columns:1fr}.ao-final::after{display:none}}

@media (prefers-reduced-motion:reduce){.ao *{animation:none!important;transition:none!important}}