:root{--ink: #0e3a4a;--ink-soft: #4a6a7a;--muted: #7d97a6;--cream: #f4fbfc;--cream-2: #e9f4f6;--sand: #d8ecef;--foam: #e9f8fa;--aqua: #0bb3c2;--aqua-deep: #0a7d8c;--teal: #075c6e;--coral: #ff7a59;--coral-soft: #ffd8cc;--line: rgba(14, 58, 74, .1);--line-soft: rgba(14, 58, 74, .06);--radius: 18px;--shadow-lg: 0 30px 60px -25px rgba(7, 92, 110, .35);--shadow-md: 0 10px 30px -10px rgba(7, 92, 110, .2)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.015em;line-height:1.1;margin:0;color:var(--ink)}a{color:var(--aqua-deep);text-decoration:none}img{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 24px}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 50% at 50% 0%,#c8f0f3 0%,var(--cream) 60%)}.bubbles{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.bubble{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(11,179,194,.15) 60%,transparent 80%);border:1px solid rgba(11,179,194,.15);animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.3}to{transform:translateY(-120vh) translate(30px);opacity:0}}.top-banner{display:block;position:relative;z-index:20;background:var(--teal);color:#fff;text-align:center;font-size:14px;font-weight:600;line-height:1.4;padding:10px 16px}.top-banner:hover{background:var(--ink);color:#fff}.top-banner:focus-visible{outline:2px solid var(--coral);outline-offset:-4px}@media (max-width: 480px){.top-banner{font-size:13px;padding:9px 16px}}header{padding:28px 0;position:relative;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--ink)}.logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--aqua),#5fd9e5);display:grid;place-items:center;box-shadow:0 6px 16px -4px #0bb3c280}.logo-mark svg{width:18px;height:18px;color:#fff}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink-soft);box-shadow:var(--shadow-md)}.dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 #ff7a5999;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff7a5999}70%{box-shadow:0 0 0 10px #ff7a5900}to{box-shadow:0 0 #ff7a5900}}.hero{padding:60px 0 80px;text-align:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;background:#ff7a591f;color:var(--coral);font-size:13px;font-weight:600;letter-spacing:.04em;margin-bottom:26px}.hero h1{font-size:clamp(40px,6vw,72px);color:var(--ink);margin-bottom:22px}.hero h1 em{font-style:italic;color:var(--aqua)}.hero p.lead{font-size:clamp(17px,1.6vw,20px);color:var(--ink-soft);max-width:640px;margin:0 auto 36px}.signup{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:14px;column-gap:14px;row-gap:28px}.signup .field{position:relative}.signup label{position:absolute;top:12px;left:16px;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;pointer-events:none}.signup input[type=text],.signup input[type=email]{width:100%;background:var(--foam);border:1px solid transparent;padding:32px 16px 14px;color:var(--ink);font-size:15px;font-family:inherit;border-radius:12px;outline:0;transition:border-color .15s ease,background .15s ease}.signup input:focus{border-color:var(--aqua);background:#fff}.signup input::-moz-placeholder{color:#9ab2bf}.signup input::placeholder{color:#9ab2bf}.signup .btn-wrap{grid-column:1 / -1;margin-top:6px}.btn{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:16px 22px;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;font-size:15px;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 10px 24px -8px #0e3a4a66;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:hover{transform:translateY(-1px);background:var(--teal)}.btn:active{transform:translateY(0)}.btn svg{width:16px;height:16px}.form-meta{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:18px}.form-meta .perk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0bb3c21f;color:var(--aqua-deep);font-weight:600;margin:0 4px}.form-msg{margin:16px auto 0;max-width:560px;padding:12px 16px;border-radius:10px;font-size:14px;display:none}.form-msg.success{display:block;background:#0bb3c21f;color:var(--aqua-deep);border:1px solid rgba(11,179,194,.3)}.form-msg.error{display:block;background:#ff7a591f;color:var(--coral);border:1px solid rgba(255,122,89,.3)}.trust{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:38px;color:var(--ink-soft);font-size:14px}.trust span{display:inline-flex;align-items:center;gap:8px}.trust svg{width:16px;height:16px;color:var(--aqua)}section{padding:90px 0;position:relative}.section-head{text-align:center;margin-bottom:56px}.section-head h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:14px}.section-head p{color:var(--ink-soft);max-width:580px;margin:0 auto;font-size:17px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--aqua-deep);margin-bottom:14px;font-weight:700}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:30px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px #0e3a4a08}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--aqua),#5fd9e5);display:grid;place-items:center;color:#fff;margin-bottom:18px;box-shadow:0 6px 14px -4px #0bb3c266}.card-icon svg{width:22px;height:22px}.card h3{font-size:20px;margin-bottom:10px;font-family:Inter,sans-serif;font-weight:700}.card p{margin:0;color:var(--ink-soft);font-size:15px}.mock-section{background:#fff;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.mock-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.mock-text h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:18px}.mock-text p{color:var(--ink-soft);font-size:16px;margin:0 0 14px}.mock-list{list-style:none;padding:0;margin:24px 0 0}.mock-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;color:var(--ink);font-size:15px}.mock-list svg{flex-shrink:0;width:20px;height:20px;color:var(--aqua);margin-top:2px}.phones{display:flex;gap:18px;justify-content:center;perspective:1200px}.phone{flex:1;max-width:220px;background:linear-gradient(180deg,#1a2f3a,#0d2230);border-radius:32px;padding:8px;box-shadow:var(--shadow-lg),inset 0 0 0 1px #ffffff14;transform:rotateY(-8deg) rotateX(4deg);transition:transform .4s ease}.phone:nth-child(2){transform:translateY(-20px) rotateY(0) rotateX(2deg);z-index:2}.phone:nth-child(3){transform:rotateY(8deg) rotateX(4deg)}.phone:hover{transform:translateY(-8px) rotateY(0) rotateX(0);z-index:5}.phone-screen{background:#fff;border-radius:26px;padding:16px 12px;color:var(--ink);height:400px;overflow:hidden;position:relative;font-size:11px}.phone-notch{width:60px;height:6px;background:#1a2f3a;border-radius:4px;margin:0 auto 10px}.ps-title{font-weight:700;font-size:14px;margin:8px 0 4px;color:var(--ink);font-family:Fraunces,serif}.ps-sub{color:var(--muted);font-size:10px;margin-bottom:12px}.ps-card{background:var(--cream);border-radius:12px;padding:10px;margin-bottom:8px;border:1px solid var(--line-soft)}.ps-card.featured{background:linear-gradient(135deg,var(--aqua),var(--aqua-deep));color:#fff;border-color:transparent}.ps-row{display:flex;justify-content:space-between;align-items:center}.ps-tag{font-size:9px;padding:2px 7px;border-radius:99px;background:#fff;color:var(--aqua-deep);font-weight:700}.ps-card.featured .ps-tag{background:#ffffff40;color:#fff}.ps-h{font-weight:700;font-size:12px}.ps-p{font-size:10px;color:var(--muted);margin-top:2px}.ps-card.featured .ps-p{color:#ffffffe6}.ps-price{font-weight:700;font-size:13px}.ps-btn{background:var(--ink);color:#fff;text-align:center;padding:11px;border-radius:10px;font-weight:600;font-size:11px;margin-top:8px}.ps-btn.cta{background:var(--coral)}.ps-dive-img{height:80px;border-radius:10px;margin-bottom:10px;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.5),transparent 50%),linear-gradient(180deg,#5fd9e5 0%,var(--aqua) 50%,var(--teal) 100%);position:relative;overflow:hidden}.ps-dive-img:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse at 50% 100%,rgba(243,233,200,.5),transparent 70%)}.ps-stepper{display:flex;gap:4px;margin-bottom:10px}.ps-stepper div{flex:1;height:4px;border-radius:2px;background:#e0eef2}.ps-stepper div.active{background:var(--aqua)}.ps-field{background:var(--cream);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:10px;color:var(--ink-soft);border:1px solid var(--line-soft)}.ps-field strong{display:block;color:var(--ink);font-size:11px;margin-bottom:2px;font-weight:700}.ps-check{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:10px}.ps-check:before{content:"✓";width:16px;height:16px;border-radius:50%;background:var(--aqua);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700}.dashboard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px;box-shadow:var(--shadow-lg);overflow:hidden}.dash-bar{display:flex;align-items:center;gap:8px;padding:12px 16px}.dash-bar i{width:12px;height:12px;border-radius:50%;background:#0e3a4a1a}.dash-bar i:nth-child(1){background:#ff6259}.dash-bar i:nth-child(2){background:#ffbd2e}.dash-bar i:nth-child(3){background:#28c940}.dash-bar .url{margin-left:14px;padding:5px 14px;background:var(--cream);border-radius:8px;font-size:12px;color:var(--ink-soft);font-family:SF Mono,Menlo,monospace}.dash-body{background:var(--cream);border-radius:16px;padding:24px;color:var(--ink);display:grid;grid-template-columns:200px 1fr;gap:24px;min-height:460px}.dash-side{display:flex;flex-direction:column;gap:4px}.dash-brand{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:14px;font-weight:700}.dash-brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--aqua),#5fd9e5)}.dash-nav-item{padding:9px 12px;border-radius:8px;font-size:13px;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;gap:10px}.dash-nav-item.active{background:var(--ink);color:#fff}.dash-nav-item:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.dash-main h4{margin:0 0 4px;font-size:22px;font-family:Fraunces,serif;font-weight:600}.dash-main .sub{color:var(--ink-soft);font-size:13px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border-radius:12px;padding:14px;border:1px solid var(--line-soft)}.stat .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat .val{font-size:24px;font-weight:700;margin-top:4px;font-family:Fraunces,serif}.stat .delta{font-size:11px;color:#1aa37a;margin-top:2px;font-weight:600}.stat .delta.warn{color:var(--coral)}.booking-list{background:#fff;border-radius:12px;padding:4px;border:1px solid var(--line-soft)}.bl-head{display:grid;grid-template-columns:1.4fr 1fr .7fr .6fr .6fr;padding:12px 14px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.bl-row{display:grid;grid-template-columns:1.4fr 1fr .7fr .6fr .6fr;padding:12px 14px;border-top:1px solid var(--line-soft);align-items:center;font-size:13px}.bl-name{display:flex;align-items:center;gap:10px;font-weight:600}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--aqua),#5fd9e5);color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px}.badge{font-size:11px;padding:3px 10px;border-radius:99px;font-weight:700}.badge.green{background:#d9f5e9;color:#1aa37a}.badge.amber{background:#fff1d6;color:#b87b00}.badge.blue{background:#d9eef4;color:var(--aqua-deep)}.final{text-align:center;background:linear-gradient(180deg,var(--cream),var(--cream-2));border-top:1px solid var(--line-soft)}.final h2{font-size:clamp(30px,4vw,50px);margin-bottom:18px}.final p{color:var(--ink-soft);max-width:540px;margin:0 auto 36px;font-size:17px}footer{border-top:1px solid var(--line-soft);padding:30px 0 50px;color:var(--muted);font-size:13px;text-align:center}footer a{color:var(--aqua-deep)}@media (max-width: 860px){.why{grid-template-columns:1fr}.mock-wrap{grid-template-columns:1fr;gap:40px}.phones{transform:scale(.95)}.dash-body{grid-template-columns:1fr}.dash-side{flex-direction:row;flex-wrap:wrap;overflow-x:auto}.stats{grid-template-columns:repeat(2,1fr)}.bl-head,.bl-row{grid-template-columns:1.4fr .8fr .7fr}.bl-head>:nth-child(2),.bl-row>:nth-child(2),.bl-head>:nth-child(5),.bl-row>:nth-child(5){display:none}.signup{grid-template-columns:1fr}section{padding:70px 0}}
