:root{
  --bg:#f4f8fc;
  --surface:#ffffff;
  --surface-soft:#eef5fb;
  --surface-strong:#dde7f1;
  --ink:#102536;
  --ink-soft:#385064;
  --muted:#647587;
  --line:#dbe5ee;
  --line-strong:#c8d7e4;
  --brand:#1e4462;
  --brand-2:#2a5f87;
  --brand-3:#ddeaf5;
  --accent:#8fc7e3;
  --accent-soft:#e5f3fa;
  --danger:#b42318;
  --danger-soft:#fee4e2;
  --success:#2f78a3;
  --success-soft:#e1f0f8;
  --warning:#3e718e;
  --warning-soft:#e5f1f7;
  --radius-xs:10px;
  --radius-sm:14px;
  --radius-md:20px;
  --radius-lg:28px;
  --shadow-sm:0 1px 2px rgba(16,37,54,.04),0 6px 18px rgba(16,37,54,.05);
  --shadow-md:0 14px 36px rgba(16,37,54,.08);
  --shadow-lg:0 28px 72px rgba(16,37,54,.14);
  --focus:0 0 0 4px rgba(42,95,135,.15);
  --ease:cubic-bezier(.2,.8,.2,1);
  --content:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
button,input,select,textarea{font-size:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{color:inherit}
::selection{background:var(--brand-3);color:var(--brand)}
.wrap{width:min(var(--content),calc(100% - 40px));margin-inline:auto}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;transition:top .2s}
.skip-link:focus{top:16px}

/* Shared controls */
.btn{min-height:44px;border:1px solid transparent;border-radius:14px;padding:10px 16px;font-weight:760;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.99)}
.btn:focus-visible,.lang-btn:focus-visible,.mobile-menu:focus-visible,.side button:focus-visible,.dialog-close:focus-visible,.text-btn:focus-visible,.catalog-tabs button:focus-visible,.qty-btn:focus-visible,.input-icon-btn:focus-visible{outline:none;box-shadow:var(--focus)}
.btn.primary{background:var(--brand);color:#fff;box-shadow:0 10px 22px rgba(30,68,98,.16)}
.btn.primary:hover{background:var(--brand-2);box-shadow:0 14px 28px rgba(30,68,98,.2)}
.btn.soft{background:var(--surface);border-color:var(--line);color:var(--ink-soft)}
.btn.soft:hover{border-color:var(--line-strong);background:#fbfdff}
.btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.btn.ghost:hover{background:var(--surface)}
.btn.accent{background:var(--accent);color:#153047}
.btn.accent:hover{background:#a9d8ed}
.btn.danger-btn{background:var(--danger);color:#fff}
.btn-lg{min-height:50px;padding:12px 20px;border-radius:15px}
.btn-xl{min-height:54px;padding:14px 20px;border-radius:16px;width:100%}
.arrow{transition:transform .2s var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}

.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label{font-size:13px;font-weight:760;color:var(--ink-soft)}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:13px;padding:12px 13px;min-height:46px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.field textarea{resize:vertical;min-height:92px}
.field input::placeholder,.field textarea::placeholder{color:#8b9eae}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#adc1d1}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-2);box-shadow:var(--focus)}
.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(180,35,24,.08)}
.field-help{font-size:12px;color:var(--muted)}
.field-error{min-height:0;font-size:12px;color:var(--danger);font-weight:650}
.field-error:empty{display:none}
.notice{border:1px solid var(--line);border-radius:13px;padding:12px 14px;font-size:14px;margin-top:12px}
.notice.success{background:var(--success-soft);border-color:#baddeb;color:#285f80}
.notice.error{background:var(--danger-soft);border-color:#f4c8c3;color:#8e1b14}

/* Public shell */
.public-page{overflow-x:hidden}
.utility-bar{background:var(--brand);color:#dbeaf5;font-size:12px}
.utility-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.availability-badge{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.01em}
.availability-dot{width:7px;height:7px;border-radius:50%;background:#56d99b;box-shadow:0 0 0 4px rgba(86,217,155,.18)}
.utility-phone{color:#d6ebf7;font-weight:760;display:inline-flex;align-items:center;min-height:30px}
.top{position:sticky;top:0;z-index:50;background:rgba(244,248,252,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(203,219,232,.72)}
.nav{height:76px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.035em;font-size:20px;white-space:nowrap}
.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(30,68,98,.14)}
.brand-mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-mark-light{background:rgba(255,255,255,.12);box-shadow:none}
.navlinks{display:flex;align-items:center;gap:26px;margin-left:auto}
.navlinks a{position:relative;font-size:14px;color:var(--ink-soft);font-weight:680;padding:9px 0}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--brand);border-radius:3px;transition:right .2s var(--ease)}
.navlinks a:hover::after{right:0}
.nav-actions{display:flex;align-items:center;gap:10px}
.lang{display:flex;align-items:center;padding:3px;background:#edf3f8;border:1px solid var(--line);border-radius:12px}
.lang-btn{border:0;background:transparent;color:var(--muted);height:34px;padding:0 9px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer;transition:.18s}
.lang-btn.active{background:#fff;color:var(--brand);box-shadow:var(--shadow-sm)}
.nav-cta{min-height:42px;padding-inline:15px}
.mobile-menu{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.mobile-menu span{width:17px;height:1.5px;background:var(--ink);transition:.2s}
.mobile-menu.open span:first-child{transform:translateY(3.25px) rotate(45deg)}
.mobile-menu.open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}

.hero{position:relative;isolation:isolate;padding:94px 0 86px;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 72% 22%,rgba(143,199,227,.16),transparent 31%),linear-gradient(180deg,#fbfdff 0%,#f4f8fc 76%)}
.hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);pointer-events:none}
.hero-orb-one{width:420px;height:420px;right:-200px;top:80px;background:rgba(30,68,98,.05)}
.hero-orb-two{width:280px;height:280px;left:-170px;bottom:-80px;background:rgba(143,199,227,.10)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:72px;align-items:center}
.hero-copy{max-width:690px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--brand-2);font-size:12px;font-weight:820;letter-spacing:.08em;text-transform:uppercase;background:var(--brand-3);border:1px solid #c9dce9;padding:8px 11px;border-radius:999px}
.eyebrow-icon{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(143,199,227,.20)}
.hero h1{font-size:clamp(48px,6.4vw,82px);line-height:.98;letter-spacing:-.064em;margin:22px 0 24px;max-width:780px}
.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--ink-soft);font-size:13px;font-weight:650}
.trust-item{display:flex;align-items:center;gap:7px}
.check-icon{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:12px;font-weight:900}
.hero-visual{position:relative;min-width:0}
.hero-panel{position:relative;background:linear-gradient(150deg,#214d71 0%,#16364f 100%);color:#fff;border-radius:32px;padding:28px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.hero-panel::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;top:-90px;background:rgba(143,199,227,.12)}
.hero-panel::after{content:"";position:absolute;inset:auto 20px 18px auto;width:100px;height:100px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent);transform:rotate(12deg)}
.hero-panel-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.panel-kicker{display:block;color:#91afc2;font-size:11px;font-weight:820;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.hero-panel h2{font-size:30px;line-height:1.08;letter-spacing:-.04em;margin:0}
.live-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);padding:7px 9px;border-radius:999px;font-size:11px;font-weight:760;color:#dbeaf5}
.live-dot{width:6px;height:6px;border-radius:50%;background:#8ed7f0;box-shadow:0 0 0 4px rgba(142,215,240,.16)}
.preview-steps{position:relative;z-index:1;display:grid;gap:8px;margin:24px 0}
.preview-step{display:grid;grid-template-columns:42px 1fr 28px;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:16px;padding:13px}
.preview-step.active{background:#fff;color:var(--ink);border-color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.step-number{font-variant-numeric:tabular-nums;font-size:12px;font-weight:850;color:#9ab5c7}
.preview-step.active .step-number{color:var(--brand-2)}
.preview-step b{display:block;font-size:14px;letter-spacing:-.01em}
.preview-step small{display:block;margin-top:2px;font-size:11px;color:#9eb6c6}
.preview-step.active small{color:var(--muted)}
.step-check,.step-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:12px}
.step-check{background:var(--success-soft);color:var(--success);font-weight:900}
.step-arrow{border:1px solid rgba(255,255,255,.12);color:#bed0dc}
.price-preview{position:relative;z-index:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:15px}
.price-preview-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#9eb6c6;margin-bottom:11px}
.hero-service-preview{display:grid;gap:8px}
.hero-service-item{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px}
.hero-service-item b{font-size:12px;color:#f4f9fc}
.hero-service-item span{color:#bfe2f2;font-weight:800}
.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:11px 13px;box-shadow:var(--shadow-md);min-width:170px}
.floating-card b{display:block;font-size:12px}
.floating-card small{display:block;color:var(--muted);font-size:10px;margin-top:1px}
.floating-card-one{left:-32px;bottom:56px}
.floating-card-two{right:-24px;top:70px}
.floating-icon,.floating-date{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--success-soft);color:var(--success);font-weight:900}
.floating-date{background:var(--accent-soft);color:#28536e;font-size:12px}

.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-grid>div{padding:22px 24px;border-right:1px solid var(--line)}
.proof-grid>div:first-child{padding-left:0}
.proof-grid>div:last-child{border-right:0;padding-right:0}
.proof-grid b,.proof-grid span{display:block}
.proof-grid b{font-size:13px;color:var(--ink)}
.proof-grid span{font-size:12px;color:var(--muted);margin-top:3px}

.section{padding:92px 0}
.section-soft{background:var(--surface-soft);border-block:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,470px);gap:48px;align-items:end;margin-bottom:34px}
.compact-head{grid-template-columns:minmax(0,780px)}
.section-kicker{display:block;color:var(--brand-2);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.section-kicker.light{color:#94b9ce}
.section h2,.tracking-section h2,.faq-section h2{font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.055em;margin:0}
.section-intro{color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;min-height:220px;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#c8d9e5}
.service-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-65px;bottom:-70px;background:var(--surface-soft);transition:transform .3s var(--ease)}
.service-card:hover::after{transform:scale(1.2)}
.service-icon{width:44px;height:44px;border-radius:14px;background:var(--surface-soft);display:grid;place-items:center;color:var(--brand);margin-bottom:28px}
.service-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font-size:19px;letter-spacing:-.025em;margin:0 0 6px}
.service-card p{color:var(--muted);font-size:13px;margin:0 0 16px}
.service-card-foot{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.service-price{font-size:18px;font-weight:850;letter-spacing:-.03em}
.service-price small{font-size:11px;color:var(--muted);font-weight:650;letter-spacing:0}
.service-add{border:0;background:var(--brand);color:#fff;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:transform .18s,background .18s;font-size:18px}
.service-add:hover{transform:scale(1.05);background:var(--brand-2)}

.how-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.how-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;min-height:270px;display:flex;flex-direction:column}
.how-card-featured{background:var(--brand);color:#fff;border-color:var(--brand)}
.how-index{position:absolute;right:20px;top:18px;font-size:13px;color:#a8b9b1;font-weight:850}
.how-card-featured .how-index{color:#8eafc3}
.how-icon{width:48px;height:48px;border-radius:15px;background:var(--surface-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:auto}
.how-card-featured .how-icon{background:rgba(255,255,255,.09);color:#fff}
.how-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.how-card h3{font-size:21px;letter-spacing:-.03em;margin:30px 0 8px}
.how-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.how-card-featured p{color:#bed2df}

.booking-section{background:#f8fbfe}
.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.booking-main{display:grid;gap:16px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}
.form-card-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
.form-step{flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}
.form-card-head h3{font-size:19px;letter-spacing:-.025em;margin:1px 0 3px}
.form-card-head p{font-size:13px;color:var(--muted);margin:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field-full{grid-column:1/-1}
.booking-services{display:grid;gap:10px}
.booking-service-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 105px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:13px 14px;background:#fbfdff}
.booking-service-info{display:flex;align-items:center;gap:12px;min-width:0}
.booking-service-icon{flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--surface-soft);color:var(--brand);display:grid;place-items:center}
.booking-service-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.booking-service-info b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.booking-service-info small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.qty-control{display:grid;grid-template-columns:36px 1fr 36px;border:1px solid var(--line-strong);background:#fff;border-radius:12px;overflow:hidden;align-items:stretch}
.qty-btn{border:0;background:#f5f9fc;cursor:pointer;color:var(--brand);font-weight:900;min-height:38px}
.qty-btn:hover{background:var(--surface-soft)}
.qty-control input{border:0!important;box-shadow:none!important;min-width:0;text-align:center;padding:7px 2px;min-height:38px;background:#fff}
.line-total{text-align:right;font-size:14px;font-weight:850;letter-spacing:-.02em}
.service-error{display:block;margin-top:8px}
.booking-summary{position:sticky;top:96px}
.summary-card{background:var(--brand);color:#fff;border-radius:26px;padding:22px;box-shadow:var(--shadow-md)}
.summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.summary-head h3{font-size:18px;letter-spacing:-.03em;margin:0}
.summary-shield{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#dceef7}
.summary-shield svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.summary-price{font-size:44px;font-weight:900;letter-spacing:-.055em;margin-top:22px;font-variant-numeric:tabular-nums}
.summary-note{font-size:12px;color:#adc4d3;line-height:1.55;margin:4px 0 20px}
.summary-lines{border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:12px 0;display:grid;gap:7px}
.summary-lines>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#aec5d5}
.summary-lines b{color:#fff;font-size:12px}
.summary-context{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.summary-context>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:13px;padding:10px;min-width:0}
.summary-context-label{display:block;color:#97b1c2;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:780;margin-bottom:3px}
.summary-context b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.minimum-notice{background:var(--warning-soft);color:#315f79;border-radius:11px;padding:9px 10px;font-size:11px;font-weight:700;margin-bottom:10px}
.summary-card .btn.primary{background:var(--accent);color:#153047;box-shadow:none}
.summary-card .btn.primary:hover{background:#a9d8ed}
.summary-card .btn.primary[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.summary-legal{font-size:10px;color:#93aebe;line-height:1.45;text-align:center;margin-top:9px}
.summary-card .notice{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff;margin-top:14px}
.summary-card .notice.success{background:#e2f1f8;color:#245c7c;border-color:#e2f1f8}
.summary-card .notice.error{background:#ffe4e1;color:#7d1a14;border-color:#ffe4e1}

.tracking-section{background:var(--brand);color:#fff;padding:90px 0;position:relative;overflow:hidden}
.tracking-section::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;bottom:-260px;background:rgba(143,199,227,.08)}
.tracking-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:76px;align-items:center;position:relative;z-index:1}
.tracking-copy h2{margin:0 0 18px;max-width:610px}
.tracking-copy>p{color:#adc4d3;max-width:560px;margin:0;font-size:16px;line-height:1.7}
.tracking-example{appearance:none;display:inline-flex;align-items:center;gap:14px;margin-top:28px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);padding:10px 12px;border-radius:14px;font:inherit;font-size:11px;color:inherit;cursor:pointer;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.tracking-example:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}
.tracking-example:focus-visible{outline:3px solid rgba(241,193,87,.35);outline-offset:3px}
.tracking-example>span{font-weight:850;color:#fff}
.tracking-example small{color:#c7e6f4;font-weight:760;white-space:nowrap}
.tracking-example.loading{opacity:.72;pointer-events:none}
.mini-progress{display:flex;gap:3px}
.mini-progress i{display:block;width:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.14);transition:background .18s ease}
.mini-progress i.done,.mini-progress i.current{background:var(--accent)}
.tracking-card{background:#fff;color:var(--ink);border-radius:26px;padding:22px;box-shadow:0 24px 56px rgba(0,0,0,.18)}
.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.track-form .btn{min-height:46px}
.tracking-card .field label{color:var(--ink-soft)}
.track-result{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.track-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.track-result-head span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.track-result-head h3{font-size:20px;letter-spacing:-.03em;margin:2px 0 0}
.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:820;background:var(--surface-soft);color:var(--brand)}
.status-chip.success{background:var(--success-soft);color:var(--success)}
.status-chip.warning{background:var(--warning-soft);color:var(--warning)}
.status-chip.danger{background:var(--danger-soft);color:var(--danger)}
.track-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.track-meta>div{border:1px solid var(--line);border-radius:12px;padding:9px 10px;min-width:0}
.track-meta span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:780}
.track-meta b{display:block;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-stepper{display:grid;gap:0}
.status-step{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:start;position:relative;padding-bottom:13px}
.status-step:last-child{padding-bottom:0}
.status-step::before{content:"";position:absolute;left:11px;top:21px;bottom:-1px;width:1px;background:var(--line)}
.status-step:last-child::before{display:none}
.status-dot{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);background:#fff;color:transparent;font-size:10px;font-weight:900;z-index:1}
.status-step.done .status-dot{background:var(--success);border-color:var(--success);color:#fff}
.status-step.current .status-dot{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff}
.status-step b{display:block;font-size:12px;margin-top:1px;color:var(--muted)}
.status-step.done b,.status-step.current b{color:var(--ink)}
.status-step small{font-size:9px;color:#8b9eae;margin-top:3px}
.track-error{background:var(--danger-soft);color:var(--danger);border-radius:13px;padding:12px 13px;font-size:12px;font-weight:700;margin-top:14px}

.faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0}
.faq-list summary{list-style:none;cursor:pointer;padding:20px 38px 20px 0;font-weight:760;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:3px;top:18px;width:26px;height:26px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:16px;color:var(--muted);transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list p{color:var(--muted);font-size:14px;line-height:1.7;margin:-4px 40px 20px 0}

.footer{background:#102d43;color:#d6e3ec;padding:54px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:50px;align-items:start}
.footer-brand{color:#fff}
.footer-grid p{color:#8eaabd;font-size:13px;max-width:430px;margin:14px 0 0}
.footer-links,.footer-contact{display:grid;gap:9px;font-size:13px}
.footer-links a,.footer-contact a{color:#c2d2de;display:inline-flex;align-items:center;min-height:32px}
.footer-links a:hover,.footer-contact a:hover{color:#fff}
.footer-contact>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7692a5;font-weight:800;margin-bottom:3px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;color:#7692a5;font-size:11px}

.reveal{animation:revealUp .65s var(--ease) both}
.reveal-delay{animation-delay:.08s}
@keyframes revealUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-delay{animation:none}.btn,.service-card,.mobile-menu span{transition:none}}

/* Toast */
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:9px;pointer-events:none}
.toast{width:min(380px,calc(100vw - 36px));background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 14px;box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:10px;animation:toastIn .22s var(--ease) both;pointer-events:auto}
.toast-dot{width:9px;height:9px;border-radius:50%;background:var(--success);margin-top:6px;flex:0 0 auto}
.toast.error .toast-dot{background:var(--danger)}
.toast b{display:block;font-size:13px}
.toast span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
@keyframes toastIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

/* Admin login */
.admin-page{background:#f4f8fb;color:var(--ink)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(440px,1.1fr)}
.login-brand-panel{position:relative;overflow:hidden;background:linear-gradient(150deg,#1e4a69,#0f2c41);color:#fff;padding:42px clamp(30px,5vw,72px);display:flex;flex-direction:column}
.login-brand-panel::before,.login-brand-panel::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.login-brand-panel::before{width:420px;height:420px;right:-220px;top:-110px;background:rgba(143,199,227,.12)}
.login-brand-panel::after{width:320px;height:320px;left:-180px;bottom:-140px;background:rgba(255,255,255,.035)}
.admin-login-brand{position:relative;z-index:1;color:#fff}
.login-brand-copy{position:relative;z-index:1;margin:auto 0;max-width:610px}
.login-kicker{display:block;color:#92b8ce;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;margin-bottom:10px}
.login-brand-copy h1{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.06em;margin:0 0 22px}
.login-brand-copy p{color:#adc4d3;font-size:16px;line-height:1.7;max-width:520px}
.login-feature-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.login-feature-grid>div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);padding:12px;border-radius:13px}
.login-feature-grid b,.login-feature-grid span{display:block}
.login-feature-grid b{font-size:12px}
.login-feature-grid span{font-size:10px;color:#92adbf;margin-top:2px}
.login-form-panel{display:grid;place-items:center;padding:34px}
.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow-md)}
.login-card-head{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.login-lock{width:44px;height:44px;border-radius:14px;background:var(--surface-soft);color:var(--brand);display:grid;place-items:center}
.login-lock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-card-head span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}
.login-card-head h2{font-size:24px;letter-spacing:-.04em;margin:1px 0 0}
.login-card form{display:grid;gap:14px}
.password-wrap{position:relative}
.password-wrap input{padding-right:46px}
.input-icon-btn{position:absolute;right:6px;top:6px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:9px;cursor:pointer}
.input-icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.login-submit{margin-top:2px}
.back-site{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:18px}

/* Admin shell */
.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;background:#173a54;color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:80}
.side-brand{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 22px}
.side-brand .brand{font-size:17px}
.side-close{display:none;border:0;background:rgba(255,255,255,.06);color:#fff;width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer}
.side-nav{display:grid;gap:5px}
.side-nav button,.logout-btn{width:100%;border:0;background:transparent;color:#9db7c8;border-radius:12px;min-height:44px;padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-weight:680;font-size:13px;transition:background .16s,color .16s}
.side-nav button:hover,.side-nav button.active,.logout-btn:hover{background:rgba(255,255,255,.075);color:#fff}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto}
.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.nav-count{margin-left:auto;min-width:22px;height:22px;border-radius:999px;padding:0 6px;background:rgba(143,199,227,.16);color:#c6e4f2;display:grid;place-items:center;font-size:10px;font-weight:850}
.side-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
.admin-user{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:5px}
.admin-avatar{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#173047;display:grid;place-items:center;font-size:12px;font-weight:900}
.admin-user b,.admin-user small{display:block}
.admin-user b{font-size:12px}
.admin-user small{font-size:10px;color:#9db7c8;margin-top:1px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-overlay{display:none}
.admin-main{min-width:0}
.admin-topbar{position:sticky;top:0;z-index:40;height:80px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(243,246,244,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.admin-title-group{display:flex;align-items:center;gap:12px}
.admin-breadcrumb{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.admin-title-group h1{font-size:22px;letter-spacing:-.035em;margin:1px 0 0}
.admin-menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.admin-menu-btn span{width:16px;height:1.5px;background:var(--ink)}
.admin-content{padding:28px;max-width:1500px;margin:0 auto}
.admin-view{min-width:0}
.welcome-row,.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.welcome-row h2,.view-head h2{font-size:26px;letter-spacing:-.04em;margin:0 0 3px}
.welcome-row p,.view-head p{margin:0;color:var(--muted);font-size:13px}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.stat-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;min-width:0;overflow:hidden}
.stat-card::after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-36px;top:-35px;background:var(--surface-soft)}
.stat-icon{width:35px;height:35px;border-radius:11px;background:var(--surface-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:15px}
.stat-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.stat-card small{display:block;color:var(--muted);font-size:10px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-card b{display:block;font-size:27px;letter-spacing:-.05em;margin-top:3px;font-variant-numeric:tabular-nums}
.stat-card .stat-note{font-size:10px;color:var(--muted);margin-top:3px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px;margin-top:14px}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 1px rgba(16,37,54,.02)}
.recent-panel,.status-panel,.editor-panel,.create-panel{padding:18px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.panel-label{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:820;margin-bottom:2px}
.panel-head h3{font-size:16px;letter-spacing:-.025em;margin:0}
.text-btn{border:0;background:transparent;color:var(--brand-2);font-size:11px;font-weight:780;cursor:pointer;padding:7px 8px;min-height:36px;border-radius:9px}
.recent-list{display:grid}
.recent-item{display:grid;grid-template-columns:88px minmax(0,1fr) 110px 94px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.recent-item:first-child{border-top:0}
.recent-code{font-size:11px;font-weight:850;color:var(--brand)}
.recent-customer b,.recent-customer span{display:block}
.recent-customer b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-customer span{font-size:10px;color:var(--muted);margin-top:1px}
.recent-date{font-size:10px;color:var(--ink-soft)}
.status-overview{display:grid;gap:11px}
.status-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.status-bar-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}
.status-bar-label span{color:var(--ink-soft)}
.status-bar-label b{font-size:10px}
.status-bar-track{grid-column:1/-1;height:6px;border-radius:999px;background:var(--surface-soft);overflow:hidden}
.status-bar-fill{height:100%;border-radius:inherit;background:var(--brand-2);min-width:3px}
.status-bar-fill.ready{background:var(--accent)}
.status-bar-fill.delivered{background:var(--success)}
.status-bar-fill.cancelled{background:var(--danger)}
.toolbar{display:flex;gap:10px;align-items:center;padding:12px;margin-bottom:12px}
.search-box{position:relative;display:flex;align-items:center;min-width:280px;flex:1}
.search-box svg{position:absolute;left:12px;width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8}
.search-box input,.toolbar select{height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);outline:none}
.search-box input{width:100%;padding:0 12px 0 38px}
.toolbar select{padding:0 34px 0 12px;min-width:180px}
.search-box input:focus,.toolbar select:focus{border-color:var(--brand-2);box-shadow:var(--focus)}
.table-wrap{overflow:auto;position:relative}
.appointments-table{width:100%;border-collapse:collapse;min-width:900px}
th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:middle}
th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f95a6;font-weight:820;background:#fafcff;position:sticky;top:0;z-index:2}
td{font-size:12px;color:var(--ink-soft)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:#fbfdff}
.cell-code{font-weight:850;color:var(--brand)}
.cell-customer b,.cell-customer span,.cell-date b,.cell-date span{display:block}
.cell-customer b,.cell-date b{font-size:12px;color:var(--ink)}
.cell-customer span,.cell-date span{font-size:10px;color:var(--muted);margin-top:1px}
.status-select{appearance:none;min-width:132px;min-height:34px;border:1px solid var(--line);border-radius:999px;padding:7px 25px 7px 9px;font-size:10px;font-weight:800;background:#f8fbfd;color:var(--ink-soft);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#748b9c 50%),linear-gradient(135deg,#748b9c 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.status-select:focus{outline:none;box-shadow:var(--focus);border-color:var(--brand-2)}
.row-actions{display:flex;justify-content:flex-end;gap:6px}
.mini{border:1px solid var(--line);background:#fff;color:var(--ink-soft);height:34px;padding:0 10px;border-radius:9px;font-size:10px;font-weight:760;cursor:pointer}
.mini:hover{background:var(--surface-soft)}
.mini.danger{color:var(--danger);border-color:#f0d0cd}
.table-empty{padding:50px 20px;text-align:center;display:grid;place-items:center;color:var(--muted)}
.empty-icon{width:46px;height:46px;border-radius:14px;background:var(--surface-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:10px}
.empty-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.table-empty b{color:var(--ink);font-size:13px}
.table-empty span:last-child{font-size:10px;margin-top:3px}
.theme-note{background:var(--surface-soft);color:var(--ink-soft);border:1px solid var(--line);padding:8px 10px;border-radius:10px;font-size:11px}
.catalog-tabs{display:inline-flex;padding:4px;border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:14px;gap:3px}
.catalog-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:9px;font-size:11px;font-weight:760;cursor:pointer}
.catalog-tabs button.active{background:var(--brand);color:#fff}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px;align-items:start}
.create-panel{position:sticky;top:98px}
.editor-list{display:grid;gap:9px}
.editor-row{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfdff}
.editor-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.editor-row-title{min-width:0}
.editor-row-title b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editor-row-title span{display:block;color:var(--muted);font-size:10px;margin-top:1px}
.editor-fields{display:grid;grid-template-columns:1fr 1fr 120px 110px;gap:8px;align-items:end}
.region-fields{grid-template-columns:1.3fr 1fr 1fr auto}
.slot-fields{grid-template-columns:1.1fr .9fr .9fr .7fr auto}
.editor-fields .field label{font-size:10px}
.editor-fields .field input,.editor-fields .field select{min-height:36px;height:36px;padding:7px 9px;border-radius:9px;font-size:11px}
.editor-save-row{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.toggle-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:720;white-space:nowrap}
.toggle-label input{accent-color:var(--brand)}
.stack-form{display:grid;gap:11px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.create-panel .field input,.create-panel .field select{min-height:42px;padding:10px 11px;font-size:12px}

/* Dialogs */
dialog{border:0;padding:0;color:var(--ink)}
dialog::backdrop{background:rgba(10,30,45,.52);backdrop-filter:blur(4px)}
.app-dialog{width:min(760px,calc(100% - 28px));max-height:88vh;border-radius:22px;background:#fff;box-shadow:var(--shadow-lg);overflow:auto}
.dialog-head{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px 14px;border-bottom:1px solid var(--line)}
.dialog-head h2{font-size:22px;letter-spacing:-.04em;margin:1px 0 0}
.dialog-close{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:20px;cursor:pointer}
#appointmentDetail{padding:18px 20px 22px}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}
.detail-card{border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}
.detail-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:760}
.detail-card b{display:block;font-size:12px;margin-top:2px;word-break:break-word}
.detail-section{margin-top:18px}
.detail-section h3{font-size:13px;margin:0 0 9px}
.detail-items{border:1px solid var(--line);border-radius:13px;overflow:hidden}
.detail-item{display:grid;grid-template-columns:minmax(0,1fr) 70px 95px;gap:10px;padding:9px 11px;border-top:1px solid var(--line);font-size:11px}
.detail-item:first-child{border-top:0}
.detail-item b{text-align:right}
.detail-total{display:flex;justify-content:space-between;gap:14px;background:var(--surface-soft);border-radius:12px;padding:10px 11px;margin-top:8px;font-size:11px}
.detail-timeline{display:grid;gap:0}
.detail-timeline-row{position:relative;display:grid;grid-template-columns:20px 1fr auto;gap:8px;padding-bottom:10px;font-size:11px}
.detail-timeline-row::after{content:"";position:absolute;left:9px;top:18px;bottom:0;width:1px;background:var(--line)}
.detail-timeline-row:last-child::after{display:none}
.detail-timeline-dot{width:19px;height:19px;border-radius:50%;background:var(--success-soft);border:1px solid #c4e2ef;color:var(--success);display:grid;place-items:center;font-size:8px;font-weight:900;z-index:1}
.detail-timeline-row time{font-size:10px;color:var(--muted)}
.confirm-dialog{width:min(440px,calc(100% - 28px));border-radius:22px;background:#fff;padding:24px;text-align:center;box-shadow:var(--shadow-lg)}
.confirm-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;margin:0 auto 14px}
.confirm-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.danger-icon{background:var(--danger-soft);color:var(--danger)}
.confirm-dialog h2{font-size:21px;letter-spacing:-.035em;margin:0 0 7px}
.confirm-dialog p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.delete-second{margin-top:12px;background:var(--danger-soft);color:var(--danger);border-radius:11px;padding:9px 10px;font-size:10px;font-weight:780}
.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:42px}
  .floating-card-one{left:-14px}.floating-card-two{right:-10px}
  .stats{grid-template-columns:repeat(3,1fr)}
  .dashboard-grid{grid-template-columns:1fr}
  .status-panel{order:-1}
  .status-overview{grid-template-columns:repeat(2,1fr);column-gap:18px}
  .catalog-layout{grid-template-columns:1fr}.create-panel{position:static}
  .editor-fields{grid-template-columns:1fr 1fr 110px 100px}
}

@media(max-width:980px){
  .navlinks{position:absolute;left:20px;right:20px;top:76px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow-lg);display:none;flex-direction:column;align-items:stretch;gap:2px}
  .navlinks.open{display:flex}
  .navlinks a{padding:11px 12px;border-radius:10px}
  .navlinks a:hover{background:var(--surface-soft)}
  .navlinks a::after{display:none}
  .mobile-menu{display:flex}
  .nav-cta{display:none}
  .hero{padding-top:64px}
  .hero-grid{grid-template-columns:1fr;gap:46px}
  .hero-copy{max-width:760px}
  .hero-visual{width:min(620px,100%);margin-inline:auto}
  .proof-grid{grid-template-columns:1fr 1fr}
  .proof-grid>div{border-bottom:1px solid var(--line)}
  .proof-grid>div:nth-child(2){border-right:0}
  .proof-grid>div:nth-child(3),.proof-grid>div:nth-child(4){border-bottom:0}
  .proof-grid>div:first-child,.proof-grid>div:nth-child(3){padding-left:0}
  .section-head{grid-template-columns:1fr;gap:14px}
  .service-grid{grid-template-columns:1fr 1fr}
  .how-grid{grid-template-columns:1fr 1fr}
  .how-card-featured{grid-column:1/-1}
  .booking-layout{grid-template-columns:1fr}
  .booking-summary{position:static}
  .summary-card{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
  .summary-head,.summary-price,.summary-note,.summary-lines,.minimum-notice,.summary-card .btn,.summary-legal,#bookingMessage{grid-column:1/-1}
  .summary-context{grid-column:1/-1}
  .tracking-layout{grid-template-columns:1fr;gap:32px}
  .faq-layout{grid-template-columns:1fr;gap:30px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
  .login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}
  .admin-shell{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;width:260px;transform:translateX(-105%);transition:transform .22s var(--ease);box-shadow:var(--shadow-lg)}
  .side.open{transform:none}
  .side-close{display:block}
  .side-overlay{position:fixed;inset:0;background:rgba(13,39,58,.42);z-index:70}
  .side-overlay.open{display:block}
  .admin-menu-btn{display:flex}
  .admin-topbar{padding-inline:18px}
  .admin-content{padding:20px}
}

@media(max-width:760px){
  .wrap{width:min(var(--content),calc(100% - 28px))}
  .utility-phone{display:none}
  .utility-inner{justify-content:center}
  .nav{height:68px}.navlinks{top:68px;left:14px;right:14px}
  .brand{font-size:17px}.brand-mark{width:32px;height:32px}
  .lang{display:none}
  .hero h1{font-size:clamp(44px,13vw,64px)}
  .hero{padding:52px 0 62px}
  .lead{font-size:16px}
  .trust-row{gap:11px 14px}
  .floating-card{display:none}
  .hero-panel{padding:20px;border-radius:24px}
  .hero-panel h2{font-size:25px}
  .section{padding:68px 0}
  .service-grid{grid-template-columns:1fr 1fr}
  .how-grid{grid-template-columns:1fr}
  .how-card-featured{grid-column:auto}
  .service-card{min-height:176px;padding:18px}
  .service-card-foot{gap:6px}.service-price{font-size:16px;white-space:nowrap}.service-price small{font-size:10px}.service-add{width:34px;height:34px;flex:0 0 auto}
  .form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}
  .booking-service-row{grid-template-columns:1fr 130px}.line-total{grid-column:2;text-align:center}
  .track-form{grid-template-columns:1fr}
  .track-meta{grid-template-columns:1fr 1fr}
  .track-meta>div:last-child{grid-column:1/-1}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}
  .stats{grid-template-columns:1fr 1fr}
  .recent-item{grid-template-columns:80px minmax(0,1fr) 90px}.recent-item>.status-chip{grid-column:2/-1;justify-self:start}
  .status-overview{grid-template-columns:1fr}
  .view-head{align-items:flex-start;flex-direction:column}
  .toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0}.toolbar select{min-width:0;width:100%}
  .table-wrap{background:transparent;border:0;box-shadow:none;overflow:visible}
  .appointments-table{display:block;min-width:0}
  .appointments-table thead{display:none}
  .appointments-table tbody{display:grid;gap:12px}
  .appointments-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow-sm)}
  .appointments-table td{display:block;border:0!important;padding:0;background:transparent!important;min-width:0}
  .appointments-table td::before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:820}
  .appointments-table td[data-label="Müşteri"],.appointments-table td[data-label="Randevu"],.appointments-table td[data-label="Durum"],.appointments-table .actions-cell{grid-column:1/-1}
  .appointments-table .status-select{width:100%;min-height:42px}
  .appointments-table .row-actions{justify-content:stretch}.appointments-table .row-actions .mini{flex:1;height:40px}
  .theme-note{align-self:flex-start}
  .editor-fields,.region-fields,.slot-fields{grid-template-columns:1fr 1fr}.editor-save-row{grid-column:1/-1;justify-content:space-between}
  .catalog-tabs{width:100%;overflow:auto}.catalog-tabs button{flex:1;white-space:nowrap}
}

@media(max-width:520px){
  .hero-actions{display:grid}.hero-actions .btn{width:100%}
  .hero-panel-head{align-items:center}.live-badge{padding:6px 8px}
  .preview-step{grid-template-columns:34px 1fr 26px;padding:11px}
  .proof-grid{grid-template-columns:1fr}.proof-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:15px 0!important}.proof-grid>div:last-child{border-bottom:0!important}
  .booking-service-row{grid-template-columns:minmax(0,1fr) 112px;gap:10px}.qty-control{width:112px}.line-total{grid-column:2;text-align:center}
  .summary-price{font-size:39px}
  .summary-context{grid-template-columns:1fr}
  .tracking-section{padding:70px 0}
  .tracking-card{padding:16px;border-radius:20px}
  .tracking-example{width:100%;justify-content:space-between}
  .faq-list summary{padding-right:34px}
  .login-form-panel{padding:18px}.login-card{padding:20px;border-radius:21px}
  .admin-topbar{height:70px;padding-inline:14px}.topbar-actions .btn{padding-inline:10px;font-size:11px}.admin-content{padding:14px}
  .stats{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-card:last-child{grid-column:1/-1}
  .recent-item{grid-template-columns:70px 1fr}.recent-date{grid-column:2}.recent-item>.status-chip{grid-column:2}
  .editor-fields,.region-fields,.slot-fields{grid-template-columns:1fr}.editor-save-row{grid-column:auto}
  .two-col{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}.detail-item{grid-template-columns:1fr 55px 80px}
  .dialog-actions{grid-template-columns:1fr}
}
.status-bar-fill.pct-0{width:0}.status-bar-fill.pct-10{width:10%}.status-bar-fill.pct-20{width:20%}.status-bar-fill.pct-30{width:30%}.status-bar-fill.pct-40{width:40%}.status-bar-fill.pct-50{width:50%}.status-bar-fill.pct-60{width:60%}.status-bar-fill.pct-70{width:70%}.status-bar-fill.pct-80{width:80%}.status-bar-fill.pct-90{width:90%}.status-bar-fill.pct-100{width:100%}
.status-bar-fill.pct-0{min-width:0}

@media(max-width:380px){
  .service-grid{grid-template-columns:1fr}
  .booking-service-row{grid-template-columns:1fr}.qty-control{width:150px}.line-total{grid-column:auto;text-align:left}
  .stats{grid-template-columns:1fr}.stat-card:last-child{grid-column:auto}
}

/* v0.2.1 — persistent booking confirmation + independent tracking methods */
.booking-success-card{margin-top:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:16px;padding:13px;display:flex;align-items:flex-start;gap:11px;color:#fff}
.booking-success-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:#e2f1f8;color:#245c7c;font-weight:900}
.booking-success-copy{min-width:0;display:grid;gap:4px;flex:1}.booking-success-copy>span{font-size:11px;color:#b9ccd9;font-weight:800}.booking-success-copy>strong{font-size:25px;letter-spacing:.035em;line-height:1.05}.booking-success-copy>small{font-size:10px;line-height:1.45;color:#b9ccd9}
.booking-success-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.success-action{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;min-height:36px;padding:7px 10px;border-radius:10px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.success-action:hover{background:rgba(255,255,255,.14)}.success-action.primary-action{background:var(--accent);border-color:var(--accent);color:#1c251f}
.track-mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:13px;margin-bottom:13px}.track-mode{border:0;background:transparent;min-height:40px;border-radius:9px;font:inherit;font-size:11px;font-weight:850;color:var(--muted);cursor:pointer}.track-mode.active{background:#fff;color:var(--brand);box-shadow:0 2px 9px rgba(30,68,98,.08)}
.track-form{grid-template-columns:minmax(0,1fr) auto}.track-helper{font-size:10px;color:var(--muted);margin:8px 1px 0;line-height:1.5}
.track-list-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.track-list-title>b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--surface-soft);color:var(--brand);font-size:11px}.track-order-list{display:grid;gap:8px}.track-order-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.track-order-card:hover{border-color:#b9ccd9;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.track-order-main,.track-order-side{display:grid;gap:3px}.track-order-main b{font-size:13px}.track-order-main small,.track-order-side small{font-size:10px;color:var(--muted)}.track-order-side{justify-items:end}.track-order-arrow{font-size:15px;color:var(--muted)}
.footer-credit{color:#a9bdca!important;text-decoration:none;font-weight:750}.footer-credit:hover{color:#fff!important}
@media(max-width:700px){.track-form{grid-template-columns:1fr}.track-order-card{grid-template-columns:minmax(0,1fr) auto}.track-order-arrow{display:none}.booking-success-copy>strong{font-size:22px}.footer-credit{align-self:flex-start}}
.footer-credit{display:inline-flex;align-items:center;min-height:36px;padding:5px 0}

/* v0.3.0 — practical admin controls */
.view-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.source-chip{display:inline-flex;align-items:center;width:max-content;min-height:22px;padding:3px 7px;border-radius:999px;background:#edf4f9;color:#496b82;font-size:9px;font-weight:850;letter-spacing:.02em;margin-top:3px}
.source-whatsapp{background:#e8f4fa;color:#286d95}.source-phone{background:#eef4f9;color:#42637b}.source-manual{background:#edf3f7;color:#516d80}
.whatsapp-mini,.whatsapp-btn{background:#e7f4fa!important;border-color:#bfdeec!important;color:#286988!important;text-decoration:none}.whatsapp-mini:hover,.whatsapp-btn:hover{background:#dfeff7!important}
.sound-toggle.sound-on{background:#e7f4fa;border-color:#bfdeec;color:#286988}
.detail-quick-actions{display:flex;justify-content:flex-end;margin:12px 0 2px}
.capacity-setting{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;margin-bottom:14px}.capacity-setting h3{margin:3px 0 5px}.capacity-setting p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.switch-control{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:850;cursor:pointer}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:46px;height:26px;border-radius:999px;background:#c9d7e2;transition:.2s}.switch-track::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.14);transition:.2s}.switch-control input:checked+.switch-track{background:var(--brand)}.switch-control input:checked+.switch-track::after{transform:translateX(20px)}.switch-control input:focus-visible+.switch-track{box-shadow:var(--focus)}
.capacity-off .capacity-field,.capacity-off .slot-fields .field:nth-child(4){opacity:.45}
.manual-dialog{width:min(880px,calc(100% - 28px))}.manual-appointment-form{display:grid;gap:16px}.manual-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manual-address{grid-column:1/-1}.manual-services{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface-soft)}.manual-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}.manual-section-head h3{margin:0;font-size:15px}.manual-section-head span{font-size:10px;color:var(--muted)}.manual-service-rows{display:grid;gap:7px}.manual-service-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 10px}.manual-service-row>div{display:grid;gap:2px}.manual-service-row b{font-size:11px}.manual-service-row span{font-size:9px;color:var(--muted)}.manual-service-row input{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 9px;font:inherit}.manual-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:11px}.manual-total b{font-size:18px}.manual-success{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #bfdeec;background:#edf6fb;border-radius:14px;padding:12px}.manual-success>div{display:grid;gap:3px}.manual-success b{font-size:12px}.manual-success span{font-size:10px;color:#496b82}.manual-actions{margin-top:0}
.muted{color:var(--muted);font-weight:500}
@media(max-width:700px){.view-actions{width:100%}.view-actions .btn{flex:1}.capacity-setting{align-items:flex-start;flex-direction:column}.manual-form-grid{grid-template-columns:1fr}.manual-address{grid-column:auto}.manual-success{align-items:stretch;flex-direction:column}.detail-quick-actions .btn{width:100%}.topbar-actions .sound-toggle{max-width:132px;white-space:normal;line-height:1.15}}
@media(max-width:520px){.manual-service-row{grid-template-columns:1fr 92px}.manual-dialog{width:calc(100% - 16px)}.topbar-actions .sound-toggle{font-size:9px}}

/* v0.3.0 — restrained visual pass: less template-like, more everyday business UI */
.public-page .hero::before{background:#f8fbfe}
.public-page .hero-orb,.public-page .floating-card{display:none}
.public-page .hero-panel{border-radius:14px;background:#1e4a69;box-shadow:0 16px 36px rgba(16,37,54,.13)}
.public-page .hero-panel::before,.public-page .hero-panel::after{display:none}
.public-page .eyebrow{background:transparent;border:0;border-radius:0;padding:0;text-transform:none;letter-spacing:.035em}
.public-page .eyebrow-icon{box-shadow:none}
.public-page .preview-step,.public-page .price-preview{border-radius:9px}
.public-page .proof-grid>div{padding-block:18px}
.public-page .service-card{border-radius:11px;box-shadow:none;transition:border-color .18s,background .18s;min-height:205px}
.public-page .service-card:hover{transform:none;box-shadow:none;background:#fbfdff;border-color:#bfd1dd}
.public-page .service-card::after{display:none}
.public-page .service-icon,.public-page .service-add{border-radius:8px}
.public-page .how-grid{grid-template-columns:repeat(3,1fr)}
.public-page .how-card,.public-page .how-card-featured{border-radius:11px;background:#fff;color:var(--ink);border-color:var(--line);min-height:245px}
.public-page .how-card-featured p,.public-page .how-card p{color:var(--muted)}
.public-page .how-card-featured .how-index{color:#a8b9b1}
.public-page .how-card-featured .how-icon,.public-page .how-icon{background:var(--surface-soft);color:var(--brand);border-radius:8px}
.public-page .form-card,.public-page .booking-summary,.public-page .tracking-card,.public-page .track-result,.public-page .faq-list details{border-radius:11px}
.public-page .booking-service-row{border-radius:9px}
.public-page .booking-service-icon,.public-page .form-step{border-radius:7px}
.public-page .field input,.public-page .field select,.public-page .field textarea{border-radius:8px}
.public-page .btn{border-radius:8px}
.public-page .brand-mark,.public-page .lang,.public-page .lang-btn,.public-page .mobile-menu{border-radius:7px}
.public-page .booking-success-card,.public-page .track-mode-switch,.public-page .track-order-card{border-radius:9px}
.admin-page .panel,.admin-page .stat-card,.admin-page .editor-row,.admin-page .table-wrap,.admin-page .toolbar{border-radius:11px}
.admin-page .btn,.admin-page .field input,.admin-page .field select,.admin-page .field textarea,.admin-page .status-select,.admin-page .mini{border-radius:8px}
@media(max-width:900px){.public-page .how-grid{grid-template-columns:1fr}}


.navlinks a.current{color:var(--brand);font-weight:800}
.navlinks a.current::after{right:0}
.page-hero{position:relative;padding:72px 0 32px;overflow:hidden}
.page-hero::before,.page-hero::after,.tracking-section::before,.footer::before{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:.55}
.page-hero::before{width:18px;height:18px;right:14%;top:92px;background:rgba(255,255,255,.42);box-shadow:-46px 38px 0 2px rgba(255,255,255,.26),38px 78px 0 5px rgba(255,255,255,.24),120px 18px 0 0 rgba(255,255,255,.22),170px 76px 0 8px rgba(255,255,255,.2)}
.page-hero::after{width:12px;height:12px;left:12%;top:140px;background:rgba(255,255,255,.36);box-shadow:34px 56px 0 4px rgba(255,255,255,.22),84px -20px 0 2px rgba(255,255,255,.2),146px 70px 0 7px rgba(255,255,255,.16)}
.tracking-section::before{width:14px;height:14px;left:9%;top:120px;background:rgba(255,255,255,.32);box-shadow:48px 40px 0 3px rgba(255,255,255,.18),140px 72px 0 6px rgba(255,255,255,.16),220px 8px 0 2px rgba(255,255,255,.16)}
.footer::before{width:10px;height:10px;right:10%;top:34px;background:rgba(255,255,255,.18);box-shadow:-55px 36px 0 4px rgba(255,255,255,.12),36px 64px 0 2px rgba(255,255,255,.1)}
.page-hero-panel{background:linear-gradient(160deg,var(--brand) 0%,#17344b 100%);color:#fff;border-radius:30px;padding:34px 36px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.page-hero-panel::after{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:end}
.page-hero-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 16px;max-width:760px}
.page-hero-copy p{max-width:680px;font-size:17px;line-height:1.7;color:#d6e7f5;margin:0}
.page-hero-copy .eyebrow{background:rgba(255,255,255,.08);color:#dcecff;border-color:rgba(255,255,255,.08)}
.page-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.page-summary-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px}
.page-summary-card b{display:block;font-size:16px;margin-bottom:8px}
.page-summary-card p{font-size:14px;line-height:1.6;color:#d4e4f2;margin:0}
.page-sections{padding-top:56px}
.cta-band{padding:26px 28px;border-radius:24px;background:linear-gradient(160deg,#eff6fb,#ffffff);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:var(--shadow-sm)}
.cta-band h3{margin:0 0 6px;font-size:28px;letter-spacing:-.04em}
.cta-band p{margin:0;color:var(--muted)}
.page-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.mini-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)}
.mini-card h3{margin:0 0 8px;font-size:22px;letter-spacing:-.03em}
.mini-card p{margin:0;color:var(--muted);line-height:1.7}
.page-section-spacing{padding:72px 0}
body.page-booking .booking-section,body.page-tracking .tracking-section,body.page-services .section,body.page-how .section{padding-top:56px}
@media (max-width: 900px){.page-hero-grid,.page-grid-2{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}.page-hero{padding:56px 0 26px}}

/* Booking abuse protection */
.bot-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.turnstile-box{margin:14px 0 4px;min-height:65px}
.turnstile-box.hidden{display:none;min-height:0}


/* v0.4.2 — clean blue system, no yellow/green remnants */
:root{
  --accent:#8fc7e3;
  --accent-soft:#e5f3fa;
  --success:#2f78a3;
  --success-soft:#e1f0f8;
  --warning:#3e718e;
  --warning-soft:#e5f1f7;
}
.utility-bar{color:#e6f2fa}
.utility-phone{color:#e9f5fb}
.availability-dot{background:#56d99b;box-shadow:0 0 0 4px rgba(86,217,155,.18)}
.live-dot{background:#9adcf2;box-shadow:0 0 0 4px rgba(154,220,242,.15)}
.eyebrow-icon{background:#9bcfe7;box-shadow:0 0 0 4px rgba(155,207,231,.16)}
.btn.accent{background:#b7dff1;color:#153047;border-color:#b7dff1}
.btn.accent:hover{background:#cce9f5;border-color:#cce9f5}
.summary-card .btn.primary,.success-action.primary-action{background:#b7dff1;border-color:#b7dff1;color:#153047}
.summary-card .btn.primary:hover{background:#cce9f5}
.hero-service-item span{color:#cce9f5}
.floating-date{background:#e5f3fa;color:#28536e}
.check-icon{background:#e3f2f9;color:#2f78a3}
.notice.success{background:#e8f4fa;border-color:#c1dfec;color:#285f80}
.status-chip.success,.status-chip.warning{background:#e5f1f7;color:#315f79;border-color:#c9deea}
.source-chip,.source-whatsapp,.source-phone,.source-manual{background:#edf4f9;color:#496b82}
.whatsapp-mini,.whatsapp-btn{background:#e7f3f9!important;border-color:#bfddea!important;color:#286988!important}
.whatsapp-mini:hover,.whatsapp-btn:hover{background:#dceef7!important}
.manual-success{border-color:#bfddea;background:#edf6fb}.manual-success span{color:#496b82}
.sound-toggle.sound-on{background:#e7f3f9;border-color:#bfddea;color:#286988}
.admin-page .side,.admin-page .login-brand-panel{background:linear-gradient(165deg,#173e59 0%,#102f46 100%)}
.admin-page .side-nav button.active{background:rgba(173,221,243,.13);color:#fff}
.admin-page .side-nav button:hover{background:rgba(173,221,243,.08)}
.admin-page .nav-count{background:#d7ecf7;color:#234f6d}
.admin-page .panel-label,.admin-page .admin-breadcrumb{color:#6e91a9}
.admin-page .stat-icon,.admin-page .empty-icon{background:#e6f2f8;color:#2c6d94}
.admin-page .status-bar-fill{background:#5e9fc4}
.admin-page .status-overview .status-row:nth-child(even) .status-bar-fill{background:#78b4d4}
.admin-page .login-kicker{color:#b6d6e8}
.admin-page .login-feature-grid>div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.10)}
.admin-page .login-feature-grid span{color:#b7cfdd}
.admin-page .brand-mark-light{background:rgba(255,255,255,.12)}
.footer{background:#102f46;color:#e8f3f9}
.footer p,.footer-links a,.footer-contact a,.footer-bottom,.footer-credit{color:#afc7d6!important}
.tracking-section{background:#214f70}
.public-page .hero-panel{background:linear-gradient(155deg,#1f4f70 0%,#173a54 100%);box-shadow:0 16px 36px rgba(16,37,54,.13)}
.page-hero-panel{background:linear-gradient(155deg,#224f70 0%,#173a54 100%)}

/* Soap bubbles: interactive glass bubbles with randomized motion. */
.bubble-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;isolation:isolate}
.bubble-field i{position:absolute;display:block;width:var(--bubble-size,36px);height:var(--bubble-size,36px);left:var(--bubble-left,10%);top:var(--bubble-top,10%);border-radius:50%;border:1px solid rgba(255,255,255,.58);background:radial-gradient(circle at 29% 23%,rgba(255,255,255,.98) 0 3.5%,rgba(255,255,255,.58) 5%,rgba(221,244,255,.19) 22%,rgba(255,255,255,.035) 55%,rgba(209,239,252,.10) 76%,rgba(255,255,255,.19) 100%);box-shadow:inset 3px 3px 9px rgba(255,255,255,.28),inset -8px -10px 16px rgba(157,215,242,.11),0 8px 24px rgba(7,31,47,.10),0 0 0 1px rgba(255,255,255,.04);opacity:var(--bubble-opacity,.78);pointer-events:auto;cursor:pointer;will-change:transform,opacity,filter;animation:bubble-wander var(--bubble-speed,11s) cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:var(--bubble-delay,0s);transform:translate3d(0,0,0) scale(.98);touch-action:manipulation}
.bubble-field i::before{content:"";position:absolute;width:21%;height:11%;left:20%;top:16%;border-radius:50%;background:rgba(255,255,255,.98);filter:blur(.35px);transform:rotate(-29deg);box-shadow:7px 8px 7px rgba(255,255,255,.16)}
.bubble-field i::after{content:"";position:absolute;width:8%;height:8%;left:43%;top:27%;border-radius:50%;background:rgba(255,255,255,.82);transition:all .26s ease}
.bubble-field i:hover{filter:brightness(1.12);border-color:rgba(255,255,255,.78)}
.bubble-field i.is-popping{animation-play-state:paused;pointer-events:none;opacity:0!important;filter:brightness(1.5) blur(1px);transition:opacity .2s ease-out,filter .2s ease-out,box-shadow .2s ease-out;box-shadow:0 0 0 10px rgba(255,255,255,.13),0 0 30px rgba(218,244,255,.3)}
.bubble-field i.is-popping::after{width:135%;height:135%;left:-18%;top:-18%;background:transparent;border:1.5px solid rgba(255,255,255,.72);box-shadow:0 0 16px rgba(255,255,255,.2);animation:bubble-pop-ring .26s ease-out forwards}
.hero-panel>.bubble-field,.page-hero-panel>.bubble-field,.tracking-section>.bubble-field,.footer>.bubble-field{z-index:0}
.hero-panel>*:not(.bubble-field),.page-hero-panel>*:not(.bubble-field),.tracking-section>.wrap,.footer>.wrap{position:relative;z-index:1}
@keyframes bubble-wander{
  0%{transform:translate3d(0,0,0) scale(.97) rotate(0deg)}
  24%{transform:translate3d(var(--bubble-x1,18px),var(--bubble-y1,-22px),0) scale(1.02) rotate(2deg)}
  52%{transform:translate3d(var(--bubble-x2,-20px),var(--bubble-y2,-8px),0) scale(.99) rotate(-2deg)}
  76%{transform:translate3d(var(--bubble-x3,12px),var(--bubble-y3,20px),0) scale(1.035) rotate(1deg)}
  100%{transform:translate3d(var(--bubble-x4,-8px),var(--bubble-y4,8px),0) scale(.98) rotate(-1deg)}
}
@keyframes bubble-pop-ring{0%{opacity:.9;transform:scale(.55)}100%{opacity:0;transform:scale(1.28)}}
@media(prefers-reduced-motion:reduce){.bubble-field i{animation:none!important;transform:none!important}}

/* Admin settings */
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:16px;align-items:start}
.settings-card{padding:22px}.settings-card h3{margin:4px 0 6px;font-size:20px;letter-spacing:-.025em}.settings-card>p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.65}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid var(--line)}
.setting-row:first-of-type{border-top:0;padding-top:4px}.setting-copy{min-width:0}.setting-copy b{display:block;font-size:13px}.setting-copy span{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.5}
.volume-control{display:grid;grid-template-columns:minmax(150px,260px) 54px;gap:12px;align-items:center}.volume-control input[type="range"]{width:100%;accent-color:var(--brand)}.volume-value{font-size:12px;font-weight:850;text-align:right;color:var(--brand)}
.sound-test-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.settings-note{padding:14px;border-radius:10px;background:#edf5fa;border:1px solid #d3e4ef;color:#4e6d81;font-size:11px;line-height:1.6}
@media(max-width:850px){.settings-grid{grid-template-columns:1fr}.setting-row{align-items:flex-start;flex-direction:column}.volume-control{width:100%;grid-template-columns:1fr 52px}}
/* Remove old flat decorative circles; only glass bubbles remain. */
.page-hero::before,.page-hero::after,.tracking-section::before,.tracking-section::after,.footer::before,.page-hero-panel::after{display:none!important}
.sound-ready-status{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border-radius:10px;border:1px solid #d3e4ef;background:#edf5fa;color:#4e6d81;font-size:10px;font-weight:800}
.sound-ready-status.ready{background:#e7f3f9;border-color:#bfddea;color:#286988}
.sound-ready-status.error{background:var(--danger-soft);border-color:#f4c8c3;color:#8e1b14}

.availability-badge{color:#d5f7e7}.availability-badge .availability-dot{background:#56d99b;box-shadow:0 0 0 4px rgba(86,217,155,.18)}

/* =========================================================
   v1.0 FINAL DESIGN SYSTEM
   Editorial local-service direction: fewer cards, clearer hierarchy,
   flatter surfaces, restrained motion, real business utility.
   ========================================================= */
:root{
  --bg:#f4f7f9;
  --surface:#ffffff;
  --surface-soft:#edf4f7;
  --surface-strong:#dce8ee;
  --ink:#0e2636;
  --ink-soft:#29485c;
  --muted:#6a7f8d;
  --line:#d7e1e7;
  --line-strong:#bdccd6;
  --brand:#173f5b;
  --brand-2:#285f80;
  --brand-3:#e3f0f6;
  --accent:#acd8eb;
  --accent-soft:#eaf6fb;
  --success:#2e8b68;
  --success-soft:#e9f7f1;
  --warning:#8b6d2d;
  --warning-soft:#f7f1e4;
  --danger:#b42318;
  --danger-soft:#feeceb;
  --shadow-sm:0 1px 2px rgba(14,38,54,.04),0 8px 20px rgba(14,38,54,.045);
  --shadow-md:0 18px 42px rgba(14,38,54,.085);
  --shadow-lg:0 30px 80px rgba(14,38,54,.13);
  --focus:0 0 0 4px rgba(40,95,128,.14);
  --content:1210px;
  --radius-xs:8px;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
}
body.final-ui{background:var(--bg)}
.final-ui .wrap{width:min(var(--content),calc(100% - 48px))}
.final-ui .utility-bar{background:#13364e;border-bottom:1px solid rgba(255,255,255,.05)}
.final-ui .utility-inner{height:31px}
.final-ui .utility-phone{color:#d7e7f0}
.final-ui .top{background:rgba(250,252,253,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(198,211,220,.72)}
.final-ui .nav{height:72px}
.final-ui .brand{font-size:19px;letter-spacing:-.035em}
.final-ui .brand-mark{width:32px;height:32px;border-radius:8px;box-shadow:none}
.final-ui .navlinks{gap:24px}
.final-ui .navlinks a{font-size:13px;font-weight:720}
.final-ui .navlinks a::after{height:1px;bottom:3px}
.final-ui .lang{border-radius:9px;padding:2px;background:#eef3f6}
.final-ui .lang-btn{height:32px;border-radius:7px}
.final-ui .btn{border-radius:9px;box-shadow:none;font-weight:760}
.final-ui .btn.primary{background:var(--brand);box-shadow:none}
.final-ui .btn.primary:hover{background:#205470;box-shadow:none}
.final-ui .btn.soft{background:#fff}
.final-ui .btn-lg{border-radius:10px}
.final-ui .btn-xl{border-radius:10px}
.final-ui .text-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:780;color:var(--brand);padding:7px 0}
.final-ui .text-link:hover{color:var(--brand-2)}
.final-ui .text-link span:last-child{transition:transform .18s ease}
.final-ui .text-link:hover span:last-child{transform:translate(2px,-2px)}
.final-ui .light-btn{background:#fff;color:var(--brand);border-color:#fff}
.final-ui .light-btn:hover{background:#eef8fc;border-color:#eef8fc}
.final-ui .section-kicker{font-size:10px;letter-spacing:.16em;color:#5f879f;margin-bottom:10px}
.final-ui .section-kicker.light{color:#b8d8e8}
.final-ui .eyebrow.clean-eyebrow{border:0;background:transparent;padding:0;border-radius:0;color:#52748b;font-size:11px;letter-spacing:.13em}
.final-ui .eyebrow.clean-eyebrow .eyebrow-icon{width:6px;height:6px;background:#6daecc;box-shadow:none}

/* Home hero: split editorial layout + service ticket, no floating SaaS cards */
.final-hero{padding:90px 0 92px;background:#f8fbfc;position:relative;overflow:hidden}
.final-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,63,91,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(23,63,91,.027) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.55) 48%,transparent 86%);z-index:0}
.final-hero::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(151,207,233,.13);right:-210px;top:60px;filter:blur(2px);z-index:0}
.final-hero .hero-grid{position:relative;z-index:1}
.final-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:76px;align-items:center}
.final-hero .hero-copy{max-width:720px}
.final-hero h1{font-size:clamp(50px,6.5vw,84px);line-height:.94;letter-spacing:-.067em;margin:20px 0 24px;max-width:820px}
.final-hero .lead{max-width:650px;font-size:18px;line-height:1.72;color:#547080}
.final-hero .hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}
.final-trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px}
.final-trust-row .trust-item{display:flex;align-items:center;gap:8px;color:#496577;font-size:12px;font-weight:650}
.trust-dot{width:7px;height:7px;border-radius:50%;background:#8fc7df;box-shadow:0 0 0 4px #e8f4f8}
.hero-orb,.floating-card{display:none!important}

.service-ticket{position:relative;overflow:hidden;background:#163e59;color:#fff;border-radius:18px;padding:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(13,49,73,.18)}
.service-ticket::before,.service-ticket::after{content:"";position:absolute;top:49%;width:18px;height:18px;border-radius:50%;background:#f8fbfc;z-index:2}
.service-ticket::before{left:-10px}.service-ticket::after{right:-10px}
.ticket-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;position:relative;z-index:1}
.ticket-kicker{display:block;color:#9fc2d6;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}
.ticket-head h2{font-size:25px;letter-spacing:-.04em;margin:0}
.ticket-live{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:999px;font-size:10px;font-weight:800;color:#d8e8f1}
.ticket-rule{border-top:1px dashed rgba(255,255,255,.22);margin:22px 0 18px}
.ticket-services{position:relative;z-index:1}
.service-ticket .price-preview-head{font-size:10px;color:#8eafc2;margin-bottom:10px}
.service-ticket .hero-service-preview{display:grid;gap:0}
.service-ticket .hero-service-item{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:14px}
.service-ticket .hero-service-item:last-child{border-bottom:0}
.service-ticket .hero-service-item b{font-size:12px;color:#fff}
.service-ticket .hero-service-item span{font-size:12px;color:#cfe9f5;font-weight:760}
.ticket-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:24px -26px -26px;background:#102f46;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.ticket-steps>div{padding:16px 18px;border-right:1px solid rgba(255,255,255,.08);min-width:0}
.ticket-steps>div:last-child{border-right:0}
.ticket-steps span{display:block;font-size:9px;letter-spacing:.08em;color:#7ea6bd;font-weight:800}
.ticket-steps b{display:block;font-size:11px;margin-top:5px}
.ticket-steps small{display:block;color:#88a7b9;font-size:9px;margin-top:2px;line-height:1.35}

/* Flat proof band */
.final-proof{background:#fff}
.final-proof .proof-grid{border-left:1px solid var(--line)}
.final-proof .proof-grid>div{position:relative;padding:24px 24px 23px;border-right:1px solid var(--line)}
.final-proof .proof-grid>div:first-child{padding-left:24px}
.final-proof .proof-grid>div:last-child{padding-right:24px}
.proof-index{font-size:9px!important;color:#8ca1af!important;letter-spacing:.08em;font-weight:800;margin-bottom:8px!important}
.final-proof .proof-grid b{font-size:13px}
.final-proof .proof-grid span:last-child{font-size:11px;line-height:1.5}

/* Section hierarchy */
.final-ui .section{padding:98px 0}
.final-ui .final-section-head{grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);align-items:end;gap:70px;margin-bottom:38px}
.final-ui .section h2,.final-ui .tracking-section h2,.final-ui .faq-section h2{font-size:clamp(38px,4.3vw,58px);letter-spacing:-.058em;line-height:1.02}
.section-side{display:grid;gap:8px;justify-items:start}
.final-ui .section-intro{font-size:15px;line-height:1.75;color:#6d818e}

/* Service cards: editorial price tiles rather than generic SaaS cards */
.final-ui .service-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.final-ui .service-card.final-service-card{min-height:250px;border-radius:12px;padding:20px;background:#fff;border:1px solid var(--line);box-shadow:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.final-ui .service-card.final-service-card::after{display:none}
.final-ui .service-card.final-service-card:hover{transform:translateY(-2px);border-color:#aec5d3;box-shadow:0 12px 30px rgba(14,38,54,.06)}
.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.final-ui .service-icon{width:40px;height:40px;border-radius:8px;margin:0;background:#edf5f8;color:#245b7a}
.service-unit{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8297a4;font-weight:800}
.service-card-copy{margin-top:42px}
.final-ui .service-card h3{font-size:21px;margin:0 0 7px;letter-spacing:-.035em}
.final-ui .service-card p{font-size:12px;line-height:1.6;color:#768995;margin:0}
.final-ui .service-card-foot{margin-top:auto;padding-top:22px;border-top:1px solid #e8eef2}
.final-ui .service-price{font-size:19px}
.final-ui .service-add.service-add-wide{width:auto;height:auto;min-height:34px;border-radius:8px;padding:8px 10px;display:inline-flex;gap:7px;font-size:10px;font-weight:800;background:#edf5f8;color:#245b7a}
.final-ui .service-add.service-add-wide:hover{background:#dfeef5;transform:none}
.final-ui .service-add.service-add-wide b{font-size:12px}
.page-home .service-grid{margin-top:8px}
.services-catalog-section{padding-top:38px!important}
.catalog-note{display:flex;gap:22px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:26px;color:#6d818e;font-size:11px}
.catalog-note b{color:var(--ink)}

/* Process: one continuous visual line */
.process-section{background:#eef4f7;border-block:1px solid var(--line)}
.process-line{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbd8df}
.process-line::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:#cbd8df}
.process-line article{padding:26px 28px 0 0;display:grid;grid-template-columns:46px 1fr;gap:16px;position:relative}
.process-line article::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px #eef4f7}
.process-number{font-size:10px;letter-spacing:.08em;color:#7690a0;font-weight:800;padding-top:3px}
.process-line h3{font-size:18px;margin:0 0 7px;letter-spacing:-.025em}
.process-line p{font-size:13px;line-height:1.65;color:#6e818d;margin:0}

/* Tracking promo */
.track-promo-section{padding:26px 0 0;background:#f4f7f9}
.track-promo{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:28px;align-items:center;background:#173f5b;color:#fff;border-radius:16px;padding:28px 30px}
.track-promo h2{font-size:30px;letter-spacing:-.045em;margin:3px 0 6px}
.track-promo p{margin:0;color:#b9cfdb;font-size:13px;max-width:560px}
.track-code-demo{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px 12px;background:rgba(255,255,255,.04)}
.track-code-demo span{font-size:11px;font-weight:850;margin-right:5px}
.track-code-demo i{width:14px;height:3px;background:#5f8ca6;border-radius:2px}
.track-code-demo i:nth-of-type(-n+3){background:#b9dbea}
.track-code-demo b{font-size:9px;color:#9ab6c6;margin-left:5px;white-space:nowrap}
.final-cta-section{padding:86px 0 92px}
.final-cta{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:34px}
.final-cta h2{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.055em;margin:0 0 8px;max-width:700px}
.final-cta p{margin:0;color:#6c808d;font-size:14px}
.compact-final-cta{padding-top:24px}

/* Interior page heading: no duplicated giant cards */
.page-intro{position:relative;background:#f8fbfc;border-bottom:1px solid var(--line);padding:72px 0 58px;overflow:hidden}
.page-intro::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,63,91,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,63,91,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,#000 0%,transparent 78%);pointer-events:none}
.page-intro-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:80px;align-items:end}
.page-intro h1{font-size:clamp(46px,5.5vw,72px);line-height:.98;letter-spacing:-.063em;margin:0;max-width:820px}
.page-intro-side{display:grid;gap:18px;justify-items:start}
.page-intro-side>p{margin:0;color:#617886;font-size:15px;line-height:1.75}
.booking-intro-note{display:flex;gap:10px;align-items:flex-start;border-left:2px solid #a8d7ea;padding-left:12px}
.booking-intro-note>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e3f2f8;color:#2b6586;font-size:10px;font-weight:850;flex:0 0 auto}
.booking-intro-note small{font-size:11px;line-height:1.55;color:#6d8492}

/* Booking: flat form sections, dark utility summary */
.final-booking-section{padding-top:46px!important;background:#f4f7f9}
.final-ui .booking-layout{grid-template-columns:minmax(0,1fr) 340px;gap:26px}
.final-ui .booking-main{gap:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.final-ui .form-card.final-form-section{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:28px}
.final-ui .form-card.final-form-section:last-child{border-bottom:0}
.final-ui .form-card-head{margin-bottom:22px}
.final-ui .form-card-head h2{font-size:19px;letter-spacing:-.03em;margin:1px 0 3px}
.final-ui .form-step{width:30px;height:30px;border-radius:7px;background:#e6f1f6;color:#235a78}
.final-ui .field label{font-size:12px;color:#365367}
.final-ui .field input,.final-ui .field select,.final-ui .field textarea{border-radius:8px;border-color:#cbd8e0;min-height:44px;background:#fff}
.final-ui .field input:focus,.final-ui .field select:focus,.final-ui .field textarea:focus{border-color:#6b9eb8;box-shadow:0 0 0 3px rgba(92,148,178,.12)}
.final-ui .booking-service-row{border:0;border-top:1px solid #e5ecef;border-radius:0;background:transparent;padding:13px 0}
.final-ui .booking-service-row:first-child{border-top:0}
.final-ui .booking-service-icon{width:34px;height:34px;border-radius:7px}
.final-ui .qty-control{border-radius:8px}
.final-ui .qty-btn{background:#f0f5f7}
.final-ui .booking-summary{top:92px}
.final-ui .summary-card.final-summary-card{background:#173f5b;border-radius:14px;padding:22px;box-shadow:none;border:1px solid #173f5b}
.final-ui .summary-shield{border-radius:8px}
.final-ui .summary-price{font-size:42px;margin-top:20px}
.final-ui .summary-context>div{border-radius:8px}
.final-ui .summary-card .light-btn{background:#fff!important;color:#173f5b!important;border-color:#fff!important}
.final-ui .summary-card .light-btn:hover{background:#e9f5fa!important}
.final-ui .booking-success-card{border-radius:10px}

/* Tracking: one purposeful dark stage, no duplicate hero */
.tracking-stage{position:relative;overflow:hidden;background:#173f5b;color:#fff;padding:92px 0 98px;min-height:610px}
.tracking-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,rgba(0,0,0,.4),transparent)}
.tracking-stage-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:80px;align-items:center}
.tracking-stage-copy h1{font-size:clamp(52px,5.7vw,78px);line-height:.95;letter-spacing:-.064em;margin:10px 0 20px;max-width:620px}
.tracking-stage-copy>p{font-size:16px;line-height:1.72;color:#b7ccd8;max-width:560px;margin:0}
.final-ui .tracking-example{margin-top:28px;border-radius:9px;background:rgba(255,255,255,.045);padding:10px 12px}
.final-ui .tracking-card.final-tracking-card{border-radius:14px;padding:24px;box-shadow:0 28px 70px rgba(5,28,43,.25)}
.tracking-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}
.tracking-card-head span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7d94a2;font-weight:800}
.tracking-card-head b{font-size:12px}
.final-ui .track-mode-switch{border-radius:8px;padding:3px;background:#eef3f6}
.final-ui .track-mode{border-radius:6px}
.final-track-form{grid-template-columns:1fr auto;gap:10px}
.final-track-form .field.hidden{display:none!important}
.final-track-form .field{min-width:0}
.final-track-form .btn{min-width:118px}
.final-ui .track-result{margin-top:20px}
.tracking-help-section{padding:46px 0 78px;background:#f4f7f9}
.tracking-help-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tracking-help-grid article{padding:22px 24px;border-right:1px solid var(--line)}
.tracking-help-grid article:first-child{padding-left:0}
.tracking-help-grid article:last-child{border-right:0;padding-right:0}
.tracking-help-grid article>span{display:block;font-size:9px;color:#8b9ca7;font-weight:800;letter-spacing:.08em;margin-bottom:7px}
.tracking-help-grid b{font-size:13px}
.tracking-help-grid p{font-size:11px;color:#748793;line-height:1.55;margin:5px 0 0}

/* How-it-works: editorial rows */
.process-detail-section{padding-top:40px!important}
.process-detail-list{border-top:1px solid var(--line)}
.process-detail-row{display:grid;grid-template-columns:72px minmax(0,1fr) 280px;gap:38px;align-items:center;padding:38px 0;border-bottom:1px solid var(--line)}
.process-detail-number{font-size:12px;color:#8a9da8;font-weight:850;letter-spacing:.12em;align-self:start;padding-top:6px}
.process-detail-copy h2{font-size:32px!important;letter-spacing:-.045em!important;margin:0 0 10px!important}
.process-detail-copy p{font-size:14px;line-height:1.7;color:#6c808d;margin:0;max-width:620px}
.process-detail-visual{min-height:130px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:center}
.calendar-visual{gap:6px}
.calendar-visual span{border:1px solid #cad8e0;border-radius:7px;padding:8px 10px;font-size:10px;color:#4e6c7d;background:#f7fafb}
.calendar-visual span:nth-child(2){background:#173f5b;color:#fff;border-color:#173f5b}
.ticket-code-visual{display:grid;align-content:center;justify-items:center;gap:4px;background:#173f5b;color:#fff;border-color:#173f5b}
.ticket-code-visual small{font-size:8px;letter-spacing:.15em;color:#9fc1d3}
.ticket-code-visual strong{font-size:23px;letter-spacing:.04em}
.status-visual{gap:8px}
.status-visual i{width:28px;height:5px;border-radius:4px;background:#e1e9ed}
.status-visual i.done{background:#89bdd5}.status-visual i.active{background:#173f5b}

/* Footer: quieter, more brand-like */
.final-ui .footer{position:relative;overflow:hidden;background:#102f46;padding:50px 0 20px}
.final-ui .footer-grid{grid-template-columns:1.45fr .65fr .65fr;gap:56px}
.final-ui .footer-brand .brand-mark{box-shadow:none}
.final-ui .footer-bottom{margin-top:38px}

/* Bubble containment on final surfaces */
.service-ticket>.bubble-field,.tracking-stage>.bubble-field,.track-promo>.bubble-field,.footer>.bubble-field{z-index:0}
.service-ticket>*:not(.bubble-field),.tracking-stage>.wrap,.track-promo>*:not(.bubble-field),.footer>.wrap{position:relative;z-index:1}
.tracking-stage>.bubble-field i{opacity:calc(var(--bubble-opacity,.78) * .72)}
.track-promo>.bubble-field i{opacity:calc(var(--bubble-opacity,.78) * .62)}
.service-ticket>.bubble-field i{opacity:calc(var(--bubble-opacity,.78) * .55)}
.final-ui .footer>.bubble-field i{opacity:calc(var(--bubble-opacity,.78) * .28)}

/* Admin: more like an operations tool, less like a template dashboard */
.admin-page{background:#f5f7f8}
.admin-page .admin-shell{grid-template-columns:236px minmax(0,1fr)}
.admin-page .side{background:#133a54;padding:18px 12px}
.admin-page .side-brand{padding:2px 8px 18px}
.admin-page .side-nav{gap:2px}
.admin-page .side-nav button,.admin-page .logout-btn{border-radius:8px;min-height:42px;font-size:12px;padding:9px 10px}
.admin-page .side-nav button.active{background:#204d69}
.admin-page .admin-topbar{background:#fff;border-bottom:1px solid var(--line);min-height:68px}
.admin-page .admin-main{background:#f5f7f8}
.admin-page .admin-content{padding:30px 34px 54px}
.admin-page .view-head{margin-bottom:22px}
.admin-page .view-head h2{font-size:27px;letter-spacing:-.04em}
.admin-page .view-head p{font-size:12px}
.admin-page .panel{border-radius:10px;box-shadow:none;border-color:#d8e1e6}
.admin-page .stat-card{border-radius:9px;box-shadow:none;padding:16px}
.admin-page .stat-card:hover{transform:none;box-shadow:none;border-color:#bccdd7}
.admin-page .stat-icon{border-radius:7px}
.admin-page .catalog-tabs{border-radius:9px;padding:3px}
.admin-page .catalog-tabs button{border-radius:6px}
.admin-page .editor-row{border-radius:8px;background:#fff}
.admin-page .create-panel,.admin-page .editor-panel{box-shadow:none}
.admin-page .settings-card{border-radius:10px}
.admin-page .app-dialog,.admin-page .confirm-dialog{border-radius:12px}
.admin-page .dialog-head{border-radius:12px 12px 0 0}
.admin-page .toast{border-radius:9px}
.admin-page .btn{border-radius:8px}
.admin-page .field input,.admin-page .field select,.admin-page .field textarea{border-radius:8px}
.admin-page .login-card{border-radius:14px;box-shadow:none}
.admin-page .login-feature-grid>div{border-radius:9px}

/* Responsive */
@media(max-width:1020px){
  .final-hero-grid{grid-template-columns:1fr;gap:48px}
  .final-hero .hero-copy{max-width:780px}
  .service-ticket{max-width:680px}
  .page-intro-grid{grid-template-columns:1fr;gap:26px;align-items:start}
  .page-intro-side{max-width:680px}
  .final-ui .final-section-head{grid-template-columns:1fr;gap:20px;align-items:start}
  .tracking-stage-grid{grid-template-columns:1fr;gap:38px}
  .tracking-stage-copy{max-width:700px}
  .final-ui .booking-layout{grid-template-columns:1fr}
  .final-ui .booking-summary{position:static}
  .final-ui .summary-card.final-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  .final-ui .summary-head,.final-ui .summary-price,.final-ui .summary-note,.final-ui .summary-lines,.final-ui .summary-context,.final-ui .minimum-notice,.final-ui .turnstile-box,.final-ui .summary-card .btn,.final-ui .summary-legal,.final-ui #bookingMessage{grid-column:1/-1}
  .process-detail-row{grid-template-columns:54px 1fr;gap:24px}
  .process-detail-visual{grid-column:2}
  .track-promo{grid-template-columns:1fr auto}
  .track-code-demo{display:none}
}
@media(max-width:820px){
  .final-ui .wrap{width:min(100% - 32px,var(--content))}
  .final-hero{padding:70px 0 72px}
  .final-hero h1{font-size:clamp(48px,12vw,68px)}
  .ticket-steps{grid-template-columns:1fr}
  .ticket-steps>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .ticket-steps>div:last-child{border-bottom:0}
  .final-proof .proof-grid{grid-template-columns:1fr 1fr}
  .final-proof .proof-grid>div{border-bottom:1px solid var(--line)}
  .final-proof .proof-grid>div:nth-child(2){border-right:0}
  .final-proof .proof-grid>div:nth-child(3),.final-proof .proof-grid>div:nth-child(4){border-bottom:0}
  .final-ui .service-grid{grid-template-columns:1fr 1fr}
  .process-line{grid-template-columns:1fr;gap:26px;border-top:0}
  .process-line::before{display:none}
  .process-line article{border-top:1px solid #cbd8df;padding-top:22px}
  .tracking-help-grid{grid-template-columns:1fr}
  .tracking-help-grid article{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}
  .tracking-help-grid article:last-child{border-bottom:0}
  .final-cta{align-items:flex-start;flex-direction:column}
  .track-promo{grid-template-columns:1fr;align-items:start}
  .track-promo .btn{justify-self:start}
}
@media(max-width:600px){
  .final-ui .wrap{width:min(100% - 24px,var(--content))}
  .final-ui .nav{height:66px}
  .final-hero{padding:54px 0 56px}
  .final-hero h1{font-size:48px;line-height:.96}
  .final-hero .lead{font-size:16px}
  .final-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:8px}
  .final-trust-row{display:grid;gap:10px}
  .service-ticket{padding:20px;border-radius:14px}
  .ticket-steps{margin:20px -20px -20px}
  .final-proof .proof-grid{grid-template-columns:1fr}
  .final-proof .proof-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:18px 0!important}
  .final-proof .proof-grid>div:last-child{border-bottom:0!important}
  .final-proof .proof-grid{border-left:0}
  .final-ui .section{padding:72px 0}
  .final-ui .service-grid{grid-template-columns:1fr}
  .final-ui .service-card.final-service-card{min-height:220px}
  .service-card-copy{margin-top:30px}
  .page-intro{padding:52px 0 42px}
  .page-intro h1{font-size:44px}
  .final-booking-section{padding-top:24px!important}
  .final-ui .form-card.final-form-section{padding:22px 18px}
  .final-ui .form-grid{grid-template-columns:1fr}
  .final-ui .field-full{grid-column:auto}
  .final-ui .booking-service-row{grid-template-columns:1fr auto;gap:10px}
  .final-ui .booking-service-row .line-total{display:none}
  .final-ui .qty-control{width:126px}
  .tracking-stage{padding:64px 0 70px;min-height:auto}
  .tracking-stage-copy h1{font-size:48px}
  .final-ui .tracking-card.final-tracking-card{padding:18px;border-radius:12px}
  .tracking-card-head{align-items:flex-start;flex-direction:column}
  .final-track-form{grid-template-columns:1fr}
  .final-track-form .btn{width:100%}
  .process-detail-row{grid-template-columns:1fr;gap:16px;padding:28px 0}
  .process-detail-number{padding:0}
  .process-detail-visual{grid-column:1}
  .track-promo{padding:22px;border-radius:12px}
  .final-cta-section{padding:64px 0 70px}
  .admin-page .admin-content{padding:22px 16px 40px}
}
@media(max-width:600px){
  .final-ui .footer-grid{grid-template-columns:1fr;gap:26px}
  .final-ui .footer-links{grid-template-columns:1fr 1fr;gap:4px 18px}
  .final-ui .footer-contact{gap:5px}
  .final-ui .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px}
  .final-ui .footer-credit{margin-top:4px}
}

/* =========================================================
   v1.2 FUTURE CLEAN
   Spatial, fluid, service-first design. No SaaS dashboard language.
   ========================================================= */
:root{
  --neo-bg:#eef6fb;
  --neo-bg-2:#f7fbfe;
  --neo-ink:#071927;
  --neo-ink-soft:#506b80;
  --neo-navy:#071d2f;
  --neo-navy-2:#0c2d46;
  --neo-navy-3:#164f73;
  --neo-cyan:#8dd8f5;
  --neo-cyan-2:#d8f2ff;
  --neo-line:rgba(15,55,82,.13);
  --neo-glass:rgba(255,255,255,.63);
  --neo-shadow:0 28px 80px rgba(7,29,47,.14);
  --neo-soft-shadow:0 12px 34px rgba(20,74,108,.08);
}
.neo-ui{background:var(--neo-bg);color:var(--neo-ink);overflow-x:hidden}
.neo-ui .wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.neo-ui .btn{border-radius:999px;min-height:48px;padding:0 20px;font-weight:800;letter-spacing:-.01em}
.neo-ui .btn.primary{background:linear-gradient(135deg,#dff6ff 0%,#9eddf7 100%);color:#08243a;border:1px solid rgba(255,255,255,.42);box-shadow:0 12px 32px rgba(74,173,217,.22),inset 0 1px 0 rgba(255,255,255,.86)}
.neo-ui .btn.primary:hover{background:linear-gradient(135deg,#effaff 0%,#afe6fb 100%);transform:translateY(-2px);box-shadow:0 18px 42px rgba(74,173,217,.28)}
.neo-ui .btn-lg{min-height:54px;padding-inline:24px}

.neo-header{position:fixed;left:0;right:0;top:18px;z-index:90;pointer-events:none}
.neo-nav{min-height:66px;padding:8px 10px 8px 14px;border:1px solid rgba(255,255,255,.64);background:rgba(247,252,255,.72);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);border-radius:24px;box-shadow:0 16px 48px rgba(7,29,47,.12),inset 0 1px 0 rgba(255,255,255,.94);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;pointer-events:auto}
.neo-brand{gap:10px;font-size:16px;letter-spacing:-.03em;color:var(--neo-ink)}
.neo-brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,#0b3655,#17658c);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px rgba(9,45,70,.19)}
.neo-navlinks{justify-self:center;display:flex;align-items:center;gap:4px}
.neo-navlinks a{padding:11px 14px;border-radius:999px;font-size:13px;color:#35546c;transition:.2s ease}
.neo-navlinks a:hover,.neo-navlinks a.current{background:rgba(20,91,132,.07);color:#0c3552}
.neo-navlinks a::after{display:none!important}
.neo-nav-actions{display:flex;align-items:center;gap:8px}
.online-pill{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(56,139,100,.16);background:rgba(226,248,237,.84);border-radius:999px;color:#245d43;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.online-pill .availability-dot{width:7px;height:7px;background:#4ed38d;box-shadow:0 0 0 4px rgba(78,211,141,.13),0 0 15px rgba(78,211,141,.45)}
.neo-lang{background:rgba(255,255,255,.56);border-color:rgba(17,66,96,.10);border-radius:999px;padding:3px}
.neo-lang .lang-btn{border-radius:999px;min-width:36px;height:34px}
.neo-nav-cta{min-height:42px!important;padding-inline:16px!important;gap:8px}

.neo-hero{position:relative;min-height:820px;padding:150px 0 104px;background:linear-gradient(180deg,#071b2d 0%,#0a2942 72%,#0d3552 100%);overflow:hidden;isolation:isolate}
.neo-hero::before{content:"";position:absolute;inset:0;z-index:-4;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 90%)}
.hero-aurora{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-2}
.hero-aurora-a{width:520px;height:520px;right:5%;top:70px;background:rgba(68,185,232,.18)}
.hero-aurora-b{width:420px;height:420px;left:-8%;bottom:30px;background:rgba(112,205,241,.10)}
.neo-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);align-items:center;gap:58px}
.neo-hero-copy{color:#fff;padding-top:18px}
.signal-label{display:inline-flex;align-items:center;gap:9px;color:#a9cce0;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.signal-label>span:first-child{display:block;width:22px;height:1px;background:linear-gradient(90deg,#8cdcf8,transparent);box-shadow:0 0 12px rgba(140,220,248,.7)}
.signal-label.dark{color:#527189}.signal-label.dark>span:first-child{background:linear-gradient(90deg,#2f88b4,transparent)}
.neo-hero-copy h1{max-width:690px;margin:22px 0 24px;font-size:clamp(58px,6.1vw,92px);line-height:.92;letter-spacing:-.072em;font-weight:760;text-wrap:balance}
.neo-hero-copy .lead{max-width:610px;margin:0;color:#b8cddd;font-size:18px;line-height:1.7}
.neo-hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}
.neo-inline-link{display:inline-flex;align-items:center;gap:8px;color:#d8edf8;font-weight:800;text-decoration:none;font-size:13px;padding:12px 0;border-bottom:1px solid rgba(216,237,248,.22);transition:.2s ease}
.neo-inline-link:hover{color:#fff;border-color:#fff;gap:12px}
.neo-inline-link.dark{color:#183f5a;border-color:rgba(24,63,90,.17)}.neo-inline-link.dark:hover{color:#0a263a;border-color:#0a263a}
.neo-inline-link.light{color:#d8edf8}
.hero-microcopy{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:42px;color:#8eb0c4;font-size:11px;font-weight:700}
.hero-microcopy>span{display:flex;align-items:center;gap:7px}.hero-microcopy i{width:5px;height:5px;border-radius:50%;background:#75d9f8;box-shadow:0 0 12px rgba(117,217,248,.8)}
.neo-hero-visual{position:relative;min-height:560px;display:grid;place-items:center}
.wash-orbit{position:relative;width:min(100%,540px);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 48% 42%,rgba(255,255,255,.12),rgba(255,255,255,.035) 41%,rgba(120,216,251,.05) 58%,transparent 70%);border:1px solid rgba(185,229,246,.12);box-shadow:inset 0 0 70px rgba(125,217,248,.04),0 45px 100px rgba(0,0,0,.2);overflow:visible!important;isolation:isolate}
.wash-orbit::before{content:"";position:absolute;inset:12%;border:1px solid rgba(196,234,248,.11);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.015),inset 0 0 45px rgba(102,207,246,.035)}
.orbit-line{position:absolute;inset:4%;border-radius:50%;border:1px dashed rgba(172,226,248,.13);animation:orbit-spin 28s linear infinite}
.orbit-line-b{inset:20%;border-style:solid;border-color:rgba(172,226,248,.08);animation-direction:reverse;animation-duration:22s}
.orbit-glow{position:absolute;width:62%;height:62%;left:19%;top:19%;border-radius:50%;background:radial-gradient(circle,rgba(101,210,249,.16),rgba(69,167,210,.04) 54%,transparent 72%);filter:blur(10px)}
.wash-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:67%;min-height:310px;padding:30px;border-radius:42% 58% 52% 48% / 48% 42% 58% 52%;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 30px 70px rgba(1,15,26,.25);color:#fff;display:flex;flex-direction:column;justify-content:center;z-index:2}
.wash-core-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.wash-core h2{font-size:28px;letter-spacing:-.04em;margin:7px 0 18px}.wash-core-rule{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent);margin-bottom:16px}.ticket-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8cc8e5;font-weight:850}.ticket-live{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:10px;color:#d5effa}.hero-service-preview{display:grid;gap:9px;margin-top:10px}.hero-service-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.hero-service-item:last-child{border-bottom:0}.hero-service-item b{font-size:12px;color:#fff}.hero-service-item span{font-size:11px;color:#9fdcf4!important;font-weight:800}.price-preview-head{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#739cb5;margin-bottom:2px}
.orbit-node{position:absolute;width:142px;padding:13px 14px;border-radius:18px;background:rgba(9,38,60,.78);border:1px solid rgba(159,218,241,.14);backdrop-filter:blur(16px);box-shadow:0 14px 38px rgba(0,0,0,.17);color:#dfeff7;z-index:3}.orbit-node span{font-size:10px;color:#79d5f6;font-weight:900}.orbit-node b{display:block;margin:5px 0 2px;font-size:12px}.orbit-node small{font-size:9px;color:#7d9db0}.orbit-node-one{left:-16px;top:22%}.orbit-node-two{right:-24px;top:49%}.orbit-node-three{left:8%;bottom:4%}
.hero-edge{position:absolute;left:0;right:0;bottom:-1px;height:80px;background:var(--neo-bg);clip-path:ellipse(64% 48% at 50% 100%)}
@keyframes orbit-spin{to{transform:rotate(360deg)}}

.signal-rail{position:relative;margin-top:-1px;background:var(--neo-bg);border-bottom:1px solid var(--neo-line)}
.signal-rail-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0 26px}
.signal-rail-inner>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;padding:18px 22px;border-right:1px solid var(--neo-line)}.signal-rail-inner>div:last-child{border-right:0}.signal-rail-inner span{grid-row:1/3;color:#75a9c6;font-size:10px;font-weight:900}.signal-rail-inner b{font-size:13px}.signal-rail-inner small{font-size:10px;color:#758b9b;margin-top:3px}

.neo-section{padding:110px 0;background:var(--neo-bg)}
.neo-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:60px;align-items:end;margin-bottom:50px}.neo-section-heading h2{max-width:760px;margin:15px 0 0;font-size:clamp(42px,4.5vw,68px);line-height:1;letter-spacing:-.055em}.neo-section-aside p{margin:0 0 18px;color:#60798b;line-height:1.72;font-size:14px}
.neo-service-grid{counter-reset:service;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-top:1px solid var(--neo-line);border-left:1px solid var(--neo-line)}
.neo-service-grid .service-card{counter-increment:service;position:relative;min-height:330px!important;padding:26px!important;border:0!important;border-right:1px solid var(--neo-line)!important;border-bottom:1px solid var(--neo-line)!important;border-radius:0!important;background:rgba(255,255,255,.38)!important;box-shadow:none!important;overflow:hidden;transition:background .25s ease,transform .25s ease}.neo-service-grid .service-card::before{content:"0" counter(service);position:absolute;right:22px;top:18px;font-size:11px;font-weight:900;color:#85a8bd;letter-spacing:.08em}.neo-service-grid .service-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-110px;background:radial-gradient(circle,rgba(101,205,244,.22),transparent 68%);transition:.3s ease}.neo-service-grid .service-card:hover{background:rgba(255,255,255,.72)!important;transform:translateY(-3px)!important}.neo-service-grid .service-card:hover::after{right:-55px;bottom:-85px}.neo-service-grid .service-card-top{display:flex;justify-content:flex-start;align-items:center}.neo-service-grid .service-icon{width:48px;height:48px;border-radius:16px;background:#0d314b;color:#d8f3ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.neo-service-grid .service-unit{margin-left:auto;font-size:10px;color:#718a9c}.neo-service-grid .service-card-copy{margin-top:54px}.neo-service-grid .service-card-copy h3{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.neo-service-grid .service-card-copy p{font-size:12px;color:#6c8292;line-height:1.6}.neo-service-grid .service-card-foot{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:14px}.neo-service-grid .service-price{font-size:24px;color:#103d5a}.neo-service-grid .service-add-wide{width:46px!important;height:46px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important}.neo-service-grid .service-add-wide span{display:none}.neo-service-grid .service-add-wide b{font-size:18px}

.neo-process-section{padding:120px 0;background:#081d2e;color:#fff;position:relative;overflow:hidden}.neo-process-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 32%,rgba(82,195,237,.11),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,56px 56px}.neo-process-shell{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:start}.process-intro{position:sticky;top:130px}.process-intro h2{margin:18px 0 28px;font-size:clamp(46px,4.5vw,70px);line-height:.98;letter-spacing:-.055em}.process-stream{position:relative;display:grid}.process-stream::before{content:"";position:absolute;left:30px;top:30px;bottom:30px;width:1px;background:linear-gradient(#7fd9f6,rgba(127,217,246,.1))}.process-stream article{position:relative;display:grid;grid-template-columns:62px 1fr;gap:24px;padding:14px 0 74px}.process-stream article:last-child{padding-bottom:14px}.process-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#dff8ff 0 5%,#74cce9 6%,#164d6d 56%,#0b2c43 100%);border:1px solid rgba(187,231,247,.28);box-shadow:0 0 32px rgba(90,199,239,.16),inset 0 1px 8px rgba(255,255,255,.22);z-index:1;color:#e9faff;font-size:10px;font-weight:900}.process-stream h3{font-size:30px;letter-spacing:-.04em;margin:7px 0 8px}.process-stream p{margin:0;color:#8fabbc;line-height:1.7;font-size:13px;max-width:460px}

.neo-track-section{padding:94px 0;background:var(--neo-bg)}
.neo-track-promo{position:relative;min-height:310px;border-radius:36px;padding:42px 46px;display:grid;grid-template-columns:1fr .9fr auto;gap:34px;align-items:center;background:linear-gradient(145deg,#0d3550,#0a2438);color:#fff;overflow:hidden;box-shadow:var(--neo-shadow)}
.neo-track-promo::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 35%),radial-gradient(circle at 75% 30%,rgba(104,209,246,.12),transparent 34%);pointer-events:none}.track-copy,.track-wave,.neo-track-promo>.btn{position:relative;z-index:2}.track-copy h2{font-size:42px;letter-spacing:-.05em;margin:14px 0 10px}.track-copy p{color:#9eb8c9;line-height:1.6;max-width:420px}.track-wave{display:grid;gap:10px;min-width:300px}.wave-code{font-size:30px;font-weight:850;letter-spacing:.06em}.wave-line{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.wave-line i{height:4px;border-radius:999px;background:#5ec9ed;box-shadow:0 0 12px rgba(94,201,237,.25)}.wave-line i:nth-child(n+6){background:rgba(255,255,255,.12);box-shadow:none}.track-wave>span{font-size:10px;color:#87a7b9}.glass-btn{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;backdrop-filter:blur(10px)}.glass-btn:hover{background:rgba(255,255,255,.14)!important}

.neo-cta-section{padding:40px 0 118px;background:var(--neo-bg)}.neo-cta{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding-top:52px;border-top:1px solid var(--neo-line)}.neo-cta h2{font-size:clamp(42px,4.2vw,66px);line-height:1;letter-spacing:-.055em;margin:14px 0 10px}.neo-cta p{margin:0;color:#61798a}
.neo-footer{background:#061827!important;color:#dcecf5!important;padding-top:64px;position:relative}.neo-footer::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#63c9ed,transparent);opacity:.45}

/* inner pages */
.neo-ui:not(.page-home){padding-top:105px;background:var(--neo-bg)}
.neo-page-intro{position:relative;padding:80px 0 56px;overflow:hidden}.neo-page-intro::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-140px;top:-180px;background:radial-gradient(circle,rgba(93,196,235,.16),transparent 66%)}.neo-page-intro-grid{display:grid;grid-template-columns:1fr minmax(260px,.44fr);gap:70px;align-items:end}.neo-page-intro h1{font-size:clamp(56px,6vw,88px);line-height:.92;letter-spacing:-.07em;margin:18px 0 0;max-width:860px}.neo-page-intro p{font-size:15px;line-height:1.75;color:#617b8d;margin:0}.neo-page-note{border-left:1px solid rgba(16,73,105,.18);padding-left:24px;color:#607a8d}.neo-page-note b{display:block;color:#133b56;margin-bottom:7px;font-size:13px}.neo-page-note p{font-size:12px}

/* booking futuristic workbench */
.neo-ui .booking-section{background:transparent!important;padding-top:28px!important}.neo-ui .booking-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important}.neo-ui .booking-main{display:grid;gap:0!important;border:1px solid var(--neo-line);background:rgba(255,255,255,.50);backdrop-filter:blur(16px);border-radius:28px;overflow:hidden;box-shadow:var(--neo-soft-shadow)}.neo-ui .form-card{border:0!important;border-bottom:1px solid var(--neo-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:30px!important}.neo-ui .form-card:last-child{border-bottom:0!important}.neo-ui .form-step{background:#0d3855!important;border-radius:50%!important}.neo-ui .booking-summary{position:sticky;top:110px}.neo-ui .summary-card{border-radius:28px!important;background:linear-gradient(145deg,#0c3049,#081f31)!important;box-shadow:var(--neo-shadow)!important;border:1px solid rgba(145,213,239,.12)}.neo-ui .summary-card .btn.primary{background:linear-gradient(135deg,#dff6ff,#9eddf7)!important;color:#08243a!important}.neo-ui .booking-service-row{border-radius:16px!important;background:rgba(255,255,255,.66)!important}.neo-ui .qty-control{border-radius:999px!important}.neo-ui .qty-btn{background:#edf6fb!important}.neo-ui .field input,.neo-ui .field select,.neo-ui .field textarea{border-radius:14px!important;background:rgba(255,255,255,.76)!important;border-color:rgba(19,72,103,.15)!important}

/* tracking */
.neo-ui .tracking-stage{position:relative;padding:100px 0 105px!important;background:linear-gradient(160deg,#071d2f,#0d3652)!important;overflow:hidden}.neo-ui .tracking-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(94,201,237,.13),transparent 30%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,52px 52px}.neo-ui .tracking-stage-grid{position:relative;z-index:1}.neo-ui .tracking-stage-copy h1{font-size:clamp(58px,6vw,84px)!important;line-height:.94!important;letter-spacing:-.065em!important}.neo-ui .final-tracking-card{border-radius:30px!important;background:rgba(245,251,255,.92)!important;backdrop-filter:blur(20px);box-shadow:var(--neo-shadow)!important}.neo-ui .track-mode-switch{border-radius:999px!important;padding:4px!important}.neo-ui .track-mode{border-radius:999px!important}.neo-ui .tracking-help-grid{border-top:1px solid var(--neo-line);border-left:1px solid var(--neo-line);gap:0!important}.neo-ui .tracking-help-grid article{border:0!important;border-right:1px solid var(--neo-line)!important;border-bottom:1px solid var(--neo-line)!important;border-radius:0!important;background:rgba(255,255,255,.38)!important}

/* services + process inner pages */
.neo-ui .page-hero,.neo-ui .page-hero-panel{display:none!important}.neo-ui .page-sections{padding-top:20px!important}.neo-ui .process-detail-list{border-top:1px solid var(--neo-line)}.neo-ui .process-detail-row{border-bottom:1px solid var(--neo-line)!important;border-radius:0!important;background:transparent!important}

@media(max-width:1080px){
  .neo-nav{grid-template-columns:auto 1fr auto}.online-pill{display:none}.neo-hero-grid{grid-template-columns:1fr 440px;gap:32px}.neo-hero-copy h1{font-size:64px}.orbit-node{width:126px}.neo-service-grid{grid-template-columns:repeat(2,1fr)!important}.neo-process-shell{gap:60px}.neo-track-promo{grid-template-columns:1fr .9fr}.neo-track-promo>.btn{grid-column:1/-1;width:max-content}
}
@media(max-width:850px){
  .neo-header{top:10px}.neo-ui .wrap{width:min(100% - 28px,1180px)}.neo-nav{min-height:58px;border-radius:20px;grid-template-columns:1fr auto;padding:7px 8px 7px 11px}.neo-navlinks{position:absolute;top:66px;left:0;right:0;display:none;background:rgba(246,251,254,.96);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 50px rgba(7,29,47,.15);border-radius:20px;padding:10px;flex-direction:column;align-items:stretch}.neo-navlinks.open{display:flex}.neo-navlinks a{padding:13px 14px}.neo-nav-actions .neo-lang,.neo-nav-actions .neo-nav-cta{display:none}.mobile-menu{display:flex!important}.neo-hero{padding:118px 0 90px;min-height:auto}.neo-hero-grid{grid-template-columns:1fr;gap:42px}.neo-hero-copy{padding-top:0}.neo-hero-copy h1{font-size:clamp(48px,13vw,68px);max-width:680px}.neo-hero-copy .lead{font-size:16px}.hero-microcopy{gap:12px 18px}.neo-hero-visual{min-height:450px}.wash-orbit{width:min(100%,440px)}.orbit-node{width:116px;padding:10px}.orbit-node-one{left:-4px}.orbit-node-two{right:-4px}.wash-core{width:64%;min-height:260px;padding:22px}.wash-core h2{font-size:22px}.signal-rail-inner{grid-template-columns:1fr 1fr}.signal-rail-inner>div:nth-child(2){border-right:0}.signal-rail-inner>div:nth-child(-n+2){border-bottom:1px solid var(--neo-line)}.neo-section{padding:84px 0}.neo-section-heading{grid-template-columns:1fr;gap:20px}.neo-section-heading h2{font-size:46px}.neo-service-grid{grid-template-columns:1fr!important}.neo-service-grid .service-card{min-height:270px!important}.neo-process-section{padding:90px 0}.neo-process-shell{grid-template-columns:1fr;gap:50px}.process-intro{position:static}.process-intro h2{font-size:48px}.process-stream article{padding-bottom:48px}.neo-track-promo{grid-template-columns:1fr;padding:32px;border-radius:28px}.track-wave{min-width:0}.neo-cta{grid-template-columns:1fr;align-items:start}.neo-page-intro{padding:54px 0 34px}.neo-page-intro-grid{grid-template-columns:1fr;gap:24px}.neo-page-note{border-left:0;border-top:1px solid var(--neo-line);padding:18px 0 0}.neo-ui .booking-layout{grid-template-columns:1fr!important}.neo-ui .booking-summary{position:static}.neo-ui .tracking-stage{padding:70px 0 78px!important}.neo-ui .tracking-stage-grid{grid-template-columns:1fr!important;gap:34px!important}
}
@media(max-width:540px){
  .neo-brand{font-size:14px}.neo-brand-mark{width:34px;height:34px}.neo-hero-copy h1{font-size:48px}.neo-hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-microcopy{display:grid;grid-template-columns:1fr}.neo-hero-visual{min-height:390px}.wash-orbit{width:360px;max-width:100%}.wash-core{width:68%;min-height:230px;padding:18px}.wash-core h2{font-size:19px}.orbit-node{width:102px;padding:9px;border-radius:14px}.orbit-node small{display:none}.orbit-node b{font-size:10px}.orbit-node-one{top:13%}.orbit-node-two{top:58%}.orbit-node-three{left:4%;bottom:2%}.signal-rail-inner{grid-template-columns:1fr}.signal-rail-inner>div{border-right:0!important;border-bottom:1px solid var(--neo-line)!important}.signal-rail-inner>div:last-child{border-bottom:0!important}.neo-section-heading h2,.process-intro h2,.neo-cta h2{font-size:40px}.neo-service-grid .service-card{padding:22px!important}.process-stream article{grid-template-columns:52px 1fr;gap:16px}.process-orb{width:52px;height:52px}.process-stream::before{left:25px}.process-stream h3{font-size:25px}.neo-track-promo{padding:26px}.track-copy h2{font-size:36px}.wave-code{font-size:24px}.neo-page-intro h1{font-size:48px}.neo-ui .form-card{padding:22px!important}
}
@media(prefers-reduced-motion:reduce){.orbit-line{animation:none!important}.neo-ui *{scroll-behavior:auto!important}}
.wash-orbit{transform:perspective(1000px) rotateX(var(--orbit-rx,0deg)) rotateY(var(--orbit-ry,0deg)) translate3d(var(--orbit-tx,0px),var(--orbit-ty,0px),0);transition:transform .18s ease-out}
.neo-ui .summary-card .light-btn{background:linear-gradient(135deg,#dff6ff,#9eddf7)!important;color:#08243a!important;border-color:rgba(255,255,255,.4)!important;border-radius:999px!important;box-shadow:0 12px 28px rgba(74,173,217,.18)!important}
.neo-ui .summary-card .light-btn:hover{background:linear-gradient(135deg,#f0fbff,#b3e8fb)!important}
.inner-process .process-mini{margin-top:20px}.inner-process .calendar-visual{display:flex;gap:7px;flex-wrap:wrap}.inner-process .calendar-visual span{padding:8px 11px;border-radius:999px;border:1px solid rgba(152,217,241,.18);background:rgba(255,255,255,.045);font-size:10px;color:#b8d3e2}.inner-process .ticket-code-visual{display:inline-grid;gap:4px;padding:13px 16px;border-radius:16px;border:1px solid rgba(152,217,241,.16);background:rgba(255,255,255,.045);width:max-content}.inner-process .ticket-code-visual small{font-size:8px;color:#79a1b7;letter-spacing:.12em}.inner-process .ticket-code-visual strong{font-size:18px;letter-spacing:.08em}.inner-process .status-visual{display:flex;align-items:center;gap:7px}.inner-process .status-visual i{width:34px;height:4px;border-radius:999px;background:rgba(255,255,255,.10)}.inner-process .status-visual i.done,.inner-process .status-visual i.active{background:#69d2f3;box-shadow:0 0 14px rgba(105,210,243,.24)}
.neo-page-note .btn{margin-top:20px}
@media(max-width:850px){.wash-orbit{transform:none!important}.neo-page-note .btn{margin-top:14px}}

/* =========================================================
   V2 — Future Clean final art direction
   ========================================================= */
.neo-ui{--v2-navy:#071a2a;--v2-navy-2:#0b2b43;--v2-ice:#dff7ff;--v2-cyan:#8edbf5;--v2-line:rgba(139,202,228,.18);--v2-text:#effaff;--v2-muted:#9fb9c9}
.neo-header{top:14px}
.neo-nav{min-height:64px;border-radius:16px!important;background:rgba(238,248,253,.78)!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 18px 45px rgba(5,28,45,.10)!important;backdrop-filter:blur(22px) saturate(1.15)!important;padding:7px 9px 7px 12px!important;position:relative;overflow:visible}
.neo-nav::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(77,180,224,.42),transparent);pointer-events:none}
.neo-navlinks{gap:4px!important}
.neo-navlinks a{position:relative;border-radius:8px!important;padding:10px 12px!important;color:#35566b!important}
.neo-navlinks a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:999px;background:transparent;box-shadow:none;transition:.2s}
.neo-navlinks a:hover{background:rgba(108,190,224,.08)!important;color:#0d334e!important}
.neo-navlinks a.current,.neo-navlinks a[aria-current="page"]{background:transparent!important;color:#0a2f49!important}
.neo-navlinks a.current::after,.neo-navlinks a[aria-current="page"]::after{background:#64c9ef;box-shadow:0 0 14px rgba(100,201,239,.75)}
.neo-lang{background:rgba(8,54,82,.045)!important;border-radius:10px!important}
.neo-nav-cta{border-radius:10px!important;background:#0b3653!important;box-shadow:none!important}
.neo-nav-cta:hover{background:#0f466b!important;transform:translateY(-1px)}
.online-pill{border-radius:10px!important;background:rgba(239,255,248,.70)!important;border-color:rgba(48,170,115,.20)!important}

.v2-hero{position:relative;min-height:900px;padding:154px 0 58px!important;background:linear-gradient(150deg,#061827 0%,#082339 52%,#0a2a42 100%)!important;color:#eefaff;overflow:hidden}
.v2-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 34%,rgba(92,199,239,.16),transparent 28%),radial-gradient(circle at 20% 84%,rgba(83,173,215,.09),transparent 31%);pointer-events:none}
.v2-grid-field{position:absolute;inset:0;background-image:linear-gradient(rgba(139,211,238,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(139,211,238,.032) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 92%);pointer-events:none}
.v2-water-orbit{position:absolute;border:1px solid rgba(157,224,247,.12);border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 26px rgba(88,190,226,.05))}
.v2-water-orbit-a{width:620px;height:620px;right:-80px;top:110px;transform:rotate(18deg)}
.v2-water-orbit-b{width:980px;height:420px;right:-260px;top:300px;transform:rotate(-18deg);border-color:rgba(157,224,247,.07)}
.v2-hero-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.62fr);grid-template-areas:"copy console" "micro console";gap:42px 64px;align-items:center}
.v2-hero-copy{grid-area:copy;max-width:900px}
.v2-hero-copy .signal-label{color:#a8d4e7}
.v2-hero-copy h1{font-size:clamp(72px,7.8vw,126px)!important;line-height:.84!important;letter-spacing:-.075em!important;margin:22px 0 28px!important;max-width:980px;text-wrap:balance}
.v2-hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;max-width:860px}
.v2-hero-bottom .lead{max-width:620px!important;color:#b7d0de!important;font-size:17px!important;line-height:1.7!important;margin:0!important}
.v2-hero-bottom .neo-hero-actions{margin:0!important;white-space:nowrap}
.v2-hero .pulse-cta{background:linear-gradient(135deg,#e4f9ff,#9adff8)!important;color:#08253a!important;border-radius:12px!important;box-shadow:0 12px 40px rgba(89,194,235,.16)!important}
.v2-hero .neo-inline-link.light{color:#e5f7ff!important}
.v2-hero-console{grid-area:console;align-self:center;border:1px solid rgba(164,221,243,.16);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));backdrop-filter:blur(18px);padding:22px;border-radius:18px;box-shadow:0 32px 80px rgba(0,0,0,.22);position:relative;overflow:hidden}
.v2-hero-console::before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(147,221,247,.11),transparent 32%,transparent 68%,rgba(147,221,247,.06));pointer-events:none}
.v2-console-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(160,218,241,.12)}
.v2-process-rail{display:grid;grid-template-columns:1fr;border-bottom:1px solid rgba(160,218,241,.12)}
.v2-process-rail>div{display:grid;grid-template-columns:38px 1fr;gap:2px 10px;padding:16px 0;border-bottom:1px solid rgba(160,218,241,.08)}
.v2-process-rail>div:last-child{border-bottom:0}.v2-process-rail span{grid-row:1/3;color:#72d5f4;font-size:10px;font-weight:900;letter-spacing:.08em}.v2-process-rail b{font-size:13px;color:#f0faff}.v2-process-rail small{font-size:10px;color:#82a7ba}
.v2-price-strip{padding-top:16px}.v2-price-strip .price-preview-head{color:#7da4b8!important}.v2-price-strip .hero-service-item{padding:9px 0!important;border-bottom:1px solid rgba(160,218,241,.07)!important}.v2-price-strip .hero-service-item:last-child{border-bottom:0!important}.v2-price-strip .hero-service-item span{color:#bcecff!important}
.v2-microcopy{grid-area:micro;margin:0!important;border-top:1px solid rgba(160,218,241,.12);padding-top:18px;align-self:end}.v2-microcopy span{color:#93b5c7!important}.v2-microcopy i{background:#66d4f4!important;box-shadow:0 0 12px rgba(102,212,244,.55)}
.signal-rail{background:#f8fcfe!important;border-color:#dbeaf1!important}.signal-rail-inner>div{padding-top:22px!important;padding-bottom:22px!important}.signal-rail-inner>div:hover{background:#f0f8fc}

/* service list: editorial instead of generic SaaS cards */
.neo-service-grid{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--neo-line)}
.neo-service-grid .service-card{min-height:0!important;border:0!important;border-bottom:1px solid var(--neo-line)!important;border-radius:0!important;background:transparent!important;padding:24px 4px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto 46px;align-items:center;gap:20px;box-shadow:none!important;transform:none!important}
.neo-service-grid .service-card:hover{background:linear-gradient(90deg,rgba(98,192,229,.07),transparent 72%)!important;padding-left:14px!important;padding-right:14px!important}
.neo-service-grid .service-icon{width:44px!important;height:44px!important;border-radius:50%!important;background:#eaf6fb!important;color:#0e4668!important;margin:0!important}
.neo-service-grid .service-card h3{font-size:26px!important;margin:0!important;letter-spacing:-.03em}.neo-service-grid .service-card p{margin:4px 0 0!important;color:#6d8392!important;max-width:650px}.neo-service-grid .service-card-foot{display:contents!important}.neo-service-grid .service-price{justify-self:end;font-size:18px!important;color:#0a2e47!important}.neo-service-grid .service-add{justify-self:end;border-radius:50%!important;background:#0b3c5a!important}

/* process rail */
.process-stream article{border-bottom:1px solid rgba(159,211,233,.13);padding-top:28px!important}.process-stream article:last-child{border-bottom:0}.process-stream h3{font-size:31px!important}.process-orb{border-radius:12px!important;background:linear-gradient(160deg,rgba(133,216,246,.16),rgba(255,255,255,.04))!important;border-color:rgba(143,218,246,.20)!important}

/* tracking command panel */
.final-tracking-card{border-radius:18px!important}.track-mode-switch{border-radius:12px!important}.track-mode{border-radius:9px!important}.neo-ui .tracking-help-grid article{min-height:130px}

/* Footer CTA should feel designed, not templated */
.neo-footer{overflow:hidden}.neo-footer::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-170px;border:1px solid rgba(126,211,241,.10);box-shadow:0 0 80px rgba(81,187,226,.06) inset}

/* Admin: practical, dense, futuristic rail; no SaaS card farm */
.admin-page{--admin-rail:#081d2d;--admin-rail-2:#0c314a;--admin-line:#d9e6ed;--admin-cyan:#79d4f3}
.admin-page .side{background:linear-gradient(180deg,var(--admin-rail),#0a273b 65%,#081d2d)!important;border-right:1px solid rgba(142,211,236,.10)!important}
.admin-page .side-nav button{position:relative;background:transparent!important;color:#9ab6c6!important;border-radius:6px!important}
.admin-page .side-nav button::before{content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:2px;border-radius:999px;background:transparent;box-shadow:none}
.admin-page .side-nav button.active{color:#fff!important;background:rgba(112,199,234,.08)!important}.admin-page .side-nav button.active::before{background:var(--admin-cyan);box-shadow:0 0 14px rgba(121,212,243,.7)}
.admin-page .admin-topbar{height:72px!important;background:rgba(249,252,253,.93)!important;backdrop-filter:blur(18px)!important}.admin-page .admin-content{background:#f5f9fb!important}
.admin-page .stats{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;border:1px solid var(--admin-line);background:#fff;border-radius:12px;overflow:hidden}
.admin-page .stat-card{border:0!important;border-right:1px solid var(--admin-line)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:18px!important}.admin-page .stat-card:last-child{border-right:0!important}
.admin-page .panel{border-radius:12px!important;border-color:var(--admin-line)!important;box-shadow:none!important}.admin-page .toolbar{border-radius:10px!important}.admin-page .catalog-tabs{border-radius:9px!important}.admin-page .catalog-tabs button{border-radius:7px!important}.admin-page .editor-row{border-radius:9px!important}.admin-page .app-dialog,.admin-page .confirm-dialog{border-radius:14px!important}.admin-page .btn{border-radius:8px!important}.admin-page .manual-services{border-radius:10px!important}.admin-page .source-chip,.admin-page .status-chip{border-radius:7px!important}

@media(max-width:1080px){
  .v2-hero{min-height:auto}.v2-hero-shell{grid-template-columns:1fr 380px;gap:36px}.v2-hero-copy h1{font-size:76px!important}.v2-hero-bottom{grid-template-columns:1fr}.v2-hero-bottom .neo-hero-actions{justify-content:flex-start}.admin-page .stats{grid-template-columns:repeat(3,1fr)!important}.admin-page .stat-card:nth-child(3){border-right:0!important}
}
@media(max-width:850px){
  .neo-nav{border-radius:14px!important}.neo-navlinks a::after{display:none}.v2-hero{padding:118px 0 48px!important}.v2-hero-shell{grid-template-columns:1fr;grid-template-areas:"copy" "console" "micro";gap:28px}.v2-hero-copy h1{font-size:clamp(52px,13vw,74px)!important}.v2-hero-bottom{display:block}.v2-hero-bottom .neo-hero-actions{margin-top:22px!important}.v2-hero-console{max-width:560px}.v2-water-orbit-a{right:-320px;top:180px}.v2-water-orbit-b{display:none}.neo-service-grid .service-card{grid-template-columns:48px 1fr auto;gap:14px}.neo-service-grid .service-price{grid-column:2/3;justify-self:start}.neo-service-grid .service-add{grid-column:3/4;grid-row:1/3}.admin-page .stats{grid-template-columns:1fr 1fr!important}.admin-page .stat-card{border-bottom:1px solid var(--admin-line)!important}.admin-page .stat-card:nth-child(even){border-right:0!important}
}
@media(max-width:540px){
  .v2-hero-copy h1{font-size:48px!important;line-height:.9!important}.v2-hero-console{padding:18px}.v2-microcopy{display:grid!important;grid-template-columns:1fr!important}.neo-service-grid .service-card{grid-template-columns:42px 1fr 38px;padding:20px 0!important}.neo-service-grid .service-card h3{font-size:21px!important}.neo-service-grid .service-card p{font-size:12px}.admin-page .stats{grid-template-columns:1fr!important}.admin-page .stat-card{border-right:0!important}
}

/* =========================================================
   V2.1 — Calm Future Clean refinement
   Reduce visual noise, fix CTA contrast, normalize service rows.
   ========================================================= */
.neo-ui{--calm-navy:#082338;--calm-navy-2:#0d3551;--calm-ice:#edf8fd;--calm-cyan:#8fd8f2}
.neo-ui .wrap{width:min(1140px,calc(100% - 48px))}

/* quieter header */
.neo-header{top:12px}
.neo-nav{min-height:58px!important;padding:6px 8px 6px 10px!important;border-radius:14px!important;background:rgba(248,252,254,.91)!important;box-shadow:0 10px 30px rgba(5,28,45,.085)!important;border-color:rgba(210,230,240,.82)!important}
.neo-nav::after{display:none!important}
.neo-brand{font-size:15px!important}
.neo-brand-mark{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:none!important;background:#0c3e5d!important}
.neo-navlinks{gap:2px!important}
.neo-navlinks a{font-size:12px!important;padding:9px 11px!important;border-radius:7px!important}
.neo-navlinks a.current::after,.neo-navlinks a[aria-current="page"]::after{left:11px!important;right:11px!important;bottom:3px!important;height:1.5px!important}
.neo-nav-actions{gap:7px!important}
.online-status{display:inline-flex;align-items:center;gap:7px;color:#2b654b;font-size:10px;font-weight:800;white-space:nowrap;padding:0 4px}
.online-status .availability-dot{width:6px;height:6px;flex:0 0 auto;background:#43cf83;box-shadow:0 0 0 3px rgba(67,207,131,.12),0 0 10px rgba(67,207,131,.26)}
.neo-lang{border-radius:8px!important;padding:2px!important}
.neo-lang .lang-btn{height:32px!important;min-width:34px!important;border-radius:7px!important}
.neo-nav-cta{min-height:38px!important;padding:0 14px!important;border-radius:9px!important;background:#0b3a58!important;color:#fff!important;border:1px solid #0b3a58!important;box-shadow:none!important}
.neo-nav-cta span{color:inherit!important}
.neo-nav-cta:hover{background:#0e496d!important;color:#fff!important;transform:none!important}

/* calmer hero hierarchy */
.v2-hero{min-height:760px!important;padding:138px 0 62px!important;background:linear-gradient(150deg,#071a2a 0%,#0a2940 58%,#0c3049 100%)!important}
.v2-hero::before{background:radial-gradient(circle at 76% 32%,rgba(92,199,239,.10),transparent 28%),radial-gradient(circle at 20% 84%,rgba(83,173,215,.055),transparent 34%)!important}
.v2-grid-field{opacity:.52}
.v2-water-orbit{opacity:.55}
.v2-hero-shell{grid-template-columns:minmax(0,1fr) 330px!important;grid-template-areas:"copy console" "micro console"!important;gap:34px 78px!important;align-items:center!important}
.v2-hero-copy{max-width:720px!important}
.v2-hero-copy h1{font-size:clamp(56px,5.5vw,84px)!important;line-height:.95!important;letter-spacing:-.058em!important;margin:18px 0 24px!important;max-width:760px!important;text-wrap:pretty!important}
.v2-hero-bottom{display:block!important;max-width:660px!important}
.v2-hero-bottom .lead{max-width:600px!important;font-size:16px!important;line-height:1.68!important;color:#aec5d3!important}
.v2-hero-bottom .neo-hero-actions{margin-top:26px!important;display:flex!important;align-items:center!important;gap:22px!important}
.v2-hero .pulse-cta{min-height:50px!important;padding:0 20px!important;border-radius:10px!important;background:#d9f4ff!important;color:#0a2c43!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.28)!important}
.v2-hero .pulse-cta:hover{background:#e9f9ff!important;transform:none!important;box-shadow:none!important}
.v2-hero .neo-inline-link.light{font-size:12px!important;border-bottom-color:rgba(229,247,255,.18)!important}
.v2-hero-console{width:100%;padding:18px!important;border-radius:14px!important;background:rgba(255,255,255,.042)!important;border-color:rgba(164,221,243,.13)!important;box-shadow:none!important;backdrop-filter:blur(10px)!important}
.v2-hero-console::before{opacity:.35}
.v2-console-head{padding-bottom:13px!important}
.v2-process-rail>div{padding:13px 0!important;grid-template-columns:32px 1fr!important}
.v2-process-rail span{font-size:9px!important}.v2-process-rail b{font-size:12px!important}.v2-process-rail small{font-size:9px!important}
.v2-microcopy{max-width:660px!important;padding-top:15px!important;gap:10px 20px!important}.v2-microcopy span{font-size:10px!important;color:#86a7b9!important}

/* the proof rail becomes a quiet utility strip */
.signal-rail-inner{grid-template-columns:repeat(4,1fr)!important;padding:0!important}
.signal-rail-inner>div{display:flex!important;align-items:center!important;min-height:58px!important;padding:0 18px!important;gap:0!important}
.signal-rail-inner span,.signal-rail-inner small{display:none!important}
.signal-rail-inner b{font-size:11px!important;font-weight:780!important;color:#2a4c62!important}
.signal-rail-inner>div:hover{background:transparent!important}

/* reduce section density */
.neo-section{padding:86px 0!important}
.neo-section-heading{gap:46px!important;margin-bottom:34px!important}
.neo-section-heading h2{font-size:clamp(38px,3.8vw,56px)!important;line-height:1.03!important;letter-spacing:-.045em!important;max-width:700px!important}
.neo-section-aside p{font-size:13px!important;line-height:1.65!important}
.neo-process-section{padding:92px 0!important}
.neo-process-shell{gap:76px!important}
.process-intro h2{font-size:clamp(38px,3.9vw,56px)!important;line-height:1.02!important}
.process-stream article{padding:20px 0 44px!important}
.process-stream h3{font-size:25px!important;margin-top:5px!important}
.neo-track-section{padding:74px 0!important}
.neo-track-promo{min-height:260px!important;border-radius:18px!important;padding:34px 38px!important;box-shadow:0 18px 54px rgba(7,29,47,.10)!important}
.track-copy h2{font-size:36px!important}
.neo-cta-section{padding:28px 0 92px!important}
.neo-cta{padding-top:40px!important}.neo-cta h2{font-size:clamp(36px,3.8vw,54px)!important}

/* page headers should clear the fixed navigation and breathe */
.neo-page-intro{padding:136px 0 46px!important}
.neo-page-intro-grid{gap:48px!important}
.neo-page-intro h1{font-size:clamp(46px,4.8vw,68px)!important;line-height:.98!important;letter-spacing:-.052em!important;max-width:760px!important}
.neo-page-note{max-width:330px!important}
.services-catalog-section{padding-top:24px!important;padding-bottom:84px!important}

/* service rows: equal rhythm, no jumping hover, no display:contents tricks */
.neo-service-grid{border-top:1px solid var(--neo-line)!important}
.neo-service-grid .service-row-card{min-height:108px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 160px 42px!important;align-items:center!important;gap:24px!important;padding:0 12px!important;border:0!important;border-bottom:1px solid var(--neo-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:background .16s ease,border-color .16s ease!important}
.neo-service-grid .service-row-card:hover{padding:0 12px!important;background:rgba(86,174,211,.045)!important;box-shadow:none!important;transform:none!important;border-color:rgba(15,55,82,.16)!important}
.service-row-main{min-width:0;display:flex;align-items:center;gap:16px}
.neo-service-grid .service-row-card .service-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important;background:#e5f3f9!important;color:#0c4b6c!important;margin:0!important}
.service-row-copy{min-width:0}
.service-row-copy .service-unit{display:block!important;margin:0 0 4px!important;color:#6f91a5!important;font-size:9px!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.neo-service-grid .service-row-card h3{font-size:21px!important;line-height:1.08!important;margin:0!important;letter-spacing:-.025em!important}
.neo-service-grid .service-row-card p{font-size:11px!important;line-height:1.5!important;margin:5px 0 0!important;color:#718594!important}
.service-row-price{justify-self:end;display:flex;align-items:baseline;gap:4px;white-space:nowrap;text-align:right}
.service-row-price strong{font-size:16px;color:#0a2f49;letter-spacing:-.02em}
.service-row-price small{font-size:10px;color:#708797}
.neo-service-grid .service-row-action{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:10px!important;background:#0b3c5a!important;color:#fff!important;display:grid!important;place-items:center!important;justify-self:end!important;border:0!important;transition:background .16s ease,transform .16s ease!important}
.neo-service-grid .service-row-action b{font-size:15px!important;font-weight:700!important;transition:transform .16s ease}
.neo-service-grid .service-row-card:hover .service-row-action{background:#0e4b70!important}
.neo-service-grid .service-row-card:hover .service-row-action b{transform:translateX(2px)}

/* calmer public utility surfaces */
.neo-ui .form-card{border-radius:14px!important;box-shadow:none!important}
.neo-ui .summary-card{border-radius:16px!important;box-shadow:none!important}
.neo-ui .final-tracking-card{border-radius:16px!important;box-shadow:0 16px 42px rgba(7,29,47,.08)!important}
.neo-ui .tracking-help-grid article{min-height:112px!important}
.neo-footer{box-shadow:none!important}

@media(max-width:1080px){
  .v2-hero-shell{grid-template-columns:minmax(0,1fr) 300px!important;gap:32px 48px!important}
  .v2-hero-copy h1{font-size:64px!important}
  .online-status{display:none}
}
@media(max-width:850px){
  .neo-ui .wrap{width:min(100% - 28px,1140px)}
  .v2-hero{padding:112px 0 46px!important}
  .v2-hero-shell{grid-template-columns:1fr!important;grid-template-areas:"copy" "console" "micro"!important;gap:26px!important}
  .v2-hero-copy h1{font-size:clamp(46px,11.5vw,64px)!important;line-height:.98!important}
  .v2-hero-console{max-width:520px!important}
  .signal-rail-inner{grid-template-columns:1fr 1fr!important}
  .signal-rail-inner>div{border-bottom:1px solid var(--neo-line)!important}
  .neo-page-intro{padding:112px 0 34px!important}
  .neo-service-grid .service-row-card{grid-template-columns:minmax(0,1fr) 116px 40px!important;gap:14px!important;min-height:102px!important}
  .service-row-price strong{font-size:15px}
  .neo-process-shell{gap:44px!important}
  .neo-track-promo{grid-template-columns:1fr!important}
}
@media(max-width:540px){
  .neo-nav{min-height:54px!important}
  .v2-hero-copy h1{font-size:44px!important;letter-spacing:-.045em!important}
  .v2-hero-bottom .neo-hero-actions{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .v2-hero-console{padding:16px!important}
  .v2-microcopy{display:grid!important;grid-template-columns:1fr!important}
  .signal-rail-inner{grid-template-columns:1fr 1fr!important}
  .signal-rail-inner>div{min-height:50px!important;padding:0 12px!important}
  .neo-section-heading h2,.process-intro h2,.neo-cta h2{font-size:36px!important}
  .neo-page-intro h1{font-size:42px!important}
  .neo-service-grid .service-row-card{grid-template-columns:minmax(0,1fr) 40px!important;gap:12px!important;min-height:104px!important;padding:10px 4px!important}
  .neo-service-grid .service-row-card:hover{padding:10px 4px!important}
  .service-row-main{gap:12px}
  .service-row-price{grid-column:1/2;justify-self:start;margin-left:50px;margin-top:-28px}
  .neo-service-grid .service-row-action{grid-column:2;grid-row:1/3}
  .neo-service-grid .service-row-card p{display:none}
}

/* V2.1.1 density cleanup */
.page-home .signal-rail,.page-home .neo-cta-section{display:none!important}
.neo-service-grid .service-row-card::before{display:none!important}
.neo-ui .booking-main{border-radius:16px!important;background:rgba(255,255,255,.66)!important;backdrop-filter:none!important;box-shadow:none!important}
.neo-ui .form-card{padding:24px!important}
.neo-ui .form-card-head{margin-bottom:18px!important}
.neo-ui .form-card-head h2{font-size:20px!important;line-height:1.15!important;letter-spacing:-.025em!important;margin:1px 0 3px!important}
.neo-ui .form-card-head p{font-size:12px!important}
.neo-ui .form-step{width:30px!important;height:30px!important;font-size:10px!important}
.neo-ui .booking-service-row{border-radius:10px!important;background:#fff!important}
.neo-ui .qty-control{border-radius:9px!important}
.neo-ui .field input,.neo-ui .field select,.neo-ui .field textarea{border-radius:9px!important;background:#fff!important}
.neo-ui .summary-card{border-radius:14px!important;background:#0c3049!important}
.neo-ui .summary-card .light-btn{border-radius:9px!important;box-shadow:none!important}
.neo-ui .tracking-stage-copy h1{font-size:clamp(48px,5vw,70px)!important;line-height:.98!important;letter-spacing:-.052em!important}
.neo-ui .final-tracking-card{border-radius:14px!important;backdrop-filter:none!important;background:#f8fcfe!important}
.neo-ui .track-mode-switch,.neo-ui .track-mode{border-radius:8px!important}
.neo-ui .tracking-help-grid article{background:transparent!important}
@media(max-width:850px){.page-home .neo-process-section{padding-top:72px!important}.neo-ui .form-card{padding:20px!important}}

/* V2.1.2 header de-cardification: integrated site chrome, not a floating SaaS pill */
.neo-header{top:0!important;background:rgba(248,252,254,.94)!important;border-bottom:1px solid rgba(207,226,236,.88)!important;backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important}
.neo-nav{min-height:64px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.neo-navlinks a{min-height:40px;display:inline-flex;align-items:center}
.neo-nav-cta{min-height:40px!important}
.v2-hero{padding-top:126px!important}
.neo-page-intro{padding-top:122px!important}
@media(max-width:850px){.neo-header{top:0!important}.neo-nav{min-height:60px!important}.neo-navlinks{top:60px!important;border-radius:0 0 14px 14px!important}.v2-hero{padding-top:98px!important}.neo-page-intro{padding-top:100px!important}}

/* ============================================================
   V3 / CLEAN ATELIER PUBLIC ART DIRECTION
   Purposefully avoids SaaS cards, floating glass navs and bento UI.
   Admin styles remain unchanged.
   ============================================================ */
.atelier-ui{
  --paper:#f3f1ea;
  --paper-2:#ebe8df;
  --ink:#0e2026;
  --ink-soft:#53656a;
  --ocean:#0a3141;
  --ocean-2:#082733;
  --water:#a9dce8;
  --water-2:#d8f0f5;
  --line:rgba(14,32,38,.16);
  --line-dark:rgba(255,255,255,.18);
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;
}
.atelier-ui *{box-sizing:border-box}
.atelier-ui .wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.atelier-ui main{overflow:hidden}
.atelier-ui a{color:inherit}
.atelier-ui .skip-link{background:var(--ink);color:#fff}

/* Header */
.atelier-header{position:sticky;top:0;z-index:60;background:rgba(243,241,234,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.atelier-nav{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.atelier-wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:780;letter-spacing:-.025em;width:max-content}
.atelier-mark{width:26px;height:26px;display:grid;place-items:center;border:1px solid currentColor;font-size:12px;line-height:1}
.atelier-links{display:flex;align-items:center;gap:34px;position:static!important}
.atelier-links a{font-size:13px;text-decoration:none;color:#31474d;position:relative;padding:27px 0 25px}
.atelier-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--ocean);transition:right .2s ease}
.atelier-links a:hover::after,.atelier-links a.current::after{right:0}
.atelier-links a.current{font-weight:750;color:var(--ink)}
.atelier-nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;min-width:0}
.atelier-ui .online-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#35634e;white-space:nowrap}
.atelier-ui .availability-dot{width:7px;height:7px;background:#2fbd76;box-shadow:0 0 0 4px rgba(47,189,118,.11)}
.atelier-lang{display:flex;gap:5px}
.atelier-lang .lang-btn{border:0;background:transparent;padding:5px 3px;min-width:28px;height:30px;font-size:11px;color:#7c8b8f;border-radius:0;cursor:pointer}
.atelier-lang .lang-btn.active{color:var(--ink);text-decoration:underline;text-underline-offset:5px;background:transparent;box-shadow:none}
.atelier-book-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid var(--ink);padding:8px 0 6px;font-size:13px;font-weight:760;white-space:nowrap}
.atelier-book-link:hover{border-color:var(--water);color:#184c60}
.atelier-ui .mobile-menu{display:none;background:transparent;border:0;border-radius:0;width:38px;height:38px}

/* Hero — editorial + physical textile visual, not a dashboard */
.atelier-hero{position:relative;min-height:690px;padding:82px 0 90px;background:var(--paper);color:var(--ink);overflow:hidden}
.atelier-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:78px;align-items:center;position:relative;z-index:1}
.atelier-hero-copy{padding-top:18px}
.atelier-kicker{display:flex;align-items:center;gap:12px;margin-bottom:30px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#587178;font-weight:760}
.atelier-kicker>span:first-child{display:block;width:46px;height:1px;background:#78919a}
.atelier-hero h1{max-width:720px;margin:0;font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;font-weight:500;font-size:clamp(58px,6.1vw,92px);line-height:.94;letter-spacing:-.055em;text-wrap:balance}
.atelier-lead{max-width:590px;margin:32px 0 0;font-size:17px;line-height:1.72;color:#53666c}
.atelier-actions{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}
.atelier-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-width:210px;padding:15px 18px;background:var(--ocean);color:#fff!important;text-decoration:none;font-size:13px;font-weight:760;border:1px solid var(--ocean);transition:background .2s ease,color .2s ease,transform .2s ease}
.atelier-primary:hover{background:#15485b;transform:translateY(-1px)}
.atelier-text-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:720;border-bottom:1px solid rgba(14,32,38,.45);padding:8px 0 6px}
.atelier-text-link:hover{border-color:var(--ocean)}
.atelier-proofline{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:50px;padding-top:18px;color:#65787d;font-size:11px}
.atelier-proofline span{position:relative;padding-left:11px}
.atelier-proofline span::before{content:"";position:absolute;left:0;top:.5em;width:3px;height:3px;border-radius:50%;background:#3aa8c8}

.atelier-visual{position:relative;min-height:535px}
.textile-plane{position:absolute;inset:0 26px 0 0;background:var(--ocean);overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 89%,82% 100%,0 100%,0 12%)}
.textile-weave{position:absolute;inset:-12%;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 11px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 9px),
  linear-gradient(135deg,#0b3445,#0b2b3a 58%,#0d3b4e);transform:rotate(-2deg) scale(1.04)}
.textile-plane::before{content:"";position:absolute;left:8%;right:9%;top:42%;height:34%;border:1px solid rgba(190,235,245,.18);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-8deg);z-index:1;box-shadow:0 -70px 0 -69px rgba(255,255,255,.12),0 70px 0 -69px rgba(255,255,255,.12)}
.water-sheen{position:absolute;width:72%;height:78%;right:-18%;top:-13%;border-radius:50%;background:radial-gradient(circle at 35% 36%,rgba(215,247,253,.34),rgba(127,211,232,.08) 36%,transparent 67%);filter:blur(2px)}
.textile-caption{position:absolute;left:42px;bottom:38px;z-index:2;color:#eaf9fc;display:grid;gap:14px;max-width:220px}
.textile-caption>span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#91c8d7}
.textile-words{display:grid;gap:8px}
.textile-word{display:block;font-family:"Iowan Old Style",Georgia,serif;font-size:38px;line-height:.92;font-weight:500;letter-spacing:-.03em;color:#f3fbfd;text-shadow:0 1px 0 rgba(0,0,0,.05)}
.textile-word + .textile-word{padding-top:8px;border-top:1px solid rgba(198,234,243,.14)}
.atelier-stamp{position:absolute;right:34px;top:30px;z-index:2;color:#bce6ef;font-size:10px;text-transform:uppercase;letter-spacing:.17em;writing-mode:vertical-rl}
.atelier-side-note{position:absolute;left:-28px;top:54px;z-index:3;background:var(--paper);border:1px solid var(--line);width:156px;padding:15px 16px}
.atelier-side-note span{font-size:10px;color:#6c8187}
.atelier-side-note p{font-family:"Iowan Old Style",Georgia,serif;font-size:18px;line-height:1.15;margin:30px 0 0;color:var(--ink)}
.atelier-hero>.bubble-field{z-index:2;pointer-events:none}
.atelier-hero>.bubble-field i{pointer-events:auto}
.atelier-hero>.bubble-field i:nth-child(n+6){opacity:.36!important}

/* Section system */
.atelier-services,.atelier-final-cta{background:var(--paper);padding:110px 0}
.atelier-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:80px;align-items:end;margin-bottom:56px}
.atelier-section-head h2,.atelier-final-grid h2{margin:8px 0 0;font-family:"Iowan Old Style",Georgia,serif;font-size:clamp(42px,5vw,68px);line-height:.98;font-weight:500;letter-spacing:-.045em}
.atelier-section-head>p{margin:0;color:#617379;line-height:1.7;font-size:14px}
.atelier-section-no{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#60767c}

/* Dynamic services rendered by app.js */
.atelier-ui .atelier-service-list{display:block;border-top:1px solid var(--line)}
.atelier-ui .atelier-service-list .service-card{min-height:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:27px 6px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:30px!important;transform:none!important;overflow:visible!important;transition:background .18s ease!important}
.atelier-ui .atelier-service-list .service-card::after{display:none!important}
.atelier-ui .atelier-service-list .service-card:hover{background:rgba(169,220,232,.14)!important}
.atelier-ui .atelier-service-list .service-row-main{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:18px!important}
.atelier-ui .atelier-service-list .service-icon{width:42px!important;height:42px!important;margin:0!important;border-radius:50%!important;background:transparent!important;border:1px solid var(--line)!important;color:var(--ocean)!important}
.atelier-ui .atelier-service-list .service-unit{display:none!important}
.atelier-ui .atelier-service-list h3{font-family:"Iowan Old Style",Georgia,serif!important;font-size:25px!important;font-weight:500!important;margin:0 0 3px!important;letter-spacing:-.02em!important}
.atelier-ui .atelier-service-list p{margin:0!important;font-size:12px!important;color:#708187!important}
.atelier-ui .atelier-service-list .service-row-price{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.atelier-ui .atelier-service-list .service-row-price strong{font-size:17px;letter-spacing:-.02em}
.atelier-ui .atelier-service-list .service-row-price small{font-size:10px;color:#718287}
.atelier-ui .atelier-service-list .service-add{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ocean)!important;padding:10px!important;font-size:18px!important;transform:none!important}
.atelier-ui .atelier-service-list .service-add:hover{transform:translateX(4px)!important;background:transparent!important}

/* Process: one dark editorial field, no cards */
.atelier-process{background:var(--ocean);color:#f1fbfd;padding:110px 0 120px;position:relative;overflow:hidden}
.atelier-process::after{content:"";position:absolute;right:-220px;top:-120px;width:620px;height:620px;border-radius:50%;border:1px solid rgba(184,226,237,.13)}
.atelier-section-head-light{position:relative;z-index:1}
.atelier-section-head-light .atelier-section-no{color:#86b7c5}
.atelier-section-head-light h2{color:#fff}
.atelier-text-link-light{color:#fff!important;border-color:rgba(255,255,255,.38)}
.atelier-process-list{position:relative;z-index:1;border-top:1px solid var(--line-dark)}
.atelier-process-list article{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line-dark)}
.process-number{font-family:"Iowan Old Style",Georgia,serif;font-size:46px;color:#8fc8d8;line-height:1}
.atelier-process-list h3{font-family:"Iowan Old Style",Georgia,serif;font-size:29px;font-weight:500;margin:0 0 5px;letter-spacing:-.02em}
.atelier-process-list p{margin:0;color:#a9c8d1;font-size:13px;line-height:1.65;max-width:640px}

/* Tracking strip */
.atelier-track{background:#d9edf1;padding:80px 0;position:relative;overflow:hidden;color:var(--ink)}
.atelier-track-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;position:relative;z-index:1}
.atelier-track h2{font-family:"Iowan Old Style",Georgia,serif;font-size:clamp(42px,5vw,66px);font-weight:500;letter-spacing:-.04em;margin:8px 0 18px}
.atelier-track p{margin:0;color:#4f686f;max-width:480px;line-height:1.7}
.atelier-track-command{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;border-top:1px solid rgba(14,32,38,.32);border-bottom:1px solid rgba(14,32,38,.32);padding:23px 4px;text-decoration:none;font-size:13px}
.atelier-track-command>span:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}
.command-line{height:1px;background:rgba(14,32,38,.22)}
.atelier-track-command b{font-size:12px}
.atelier-track>.bubble-field i{border-color:rgba(255,255,255,.76)!important;opacity:.62!important}

.atelier-final-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:end}
.atelier-primary-dark{min-width:220px}

/* Footer */
.atelier-footer{position:relative;background:#091f29;color:#e7f5f8;padding:70px 0 24px;overflow:hidden}
.atelier-footer-top{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:70px;padding-bottom:64px}
.atelier-wordmark-light{color:#fff}
.atelier-footer p{color:#9db9c1;max-width:380px;font-size:13px;line-height:1.7;margin:20px 0 0}
.atelier-footer .footer-links,.atelier-footer .footer-contact{display:grid;align-content:start;gap:12px}
.atelier-footer .footer-links a,.atelier-footer .footer-contact a,.atelier-footer .footer-contact span{font-size:12px;color:#bed2d8;text-decoration:none}
.atelier-footer .footer-contact span{color:#7599a3;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.atelier-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:#789ca6;font-size:10px}
.atelier-footer .footer-credit{color:#9cc8d3!important}

/* Inner page shared intro */
.atelier-page-intro{padding:94px 0 62px;background:var(--paper);border-bottom:1px solid var(--line)}
.atelier-page-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,410px);gap:80px;align-items:end}
.atelier-page-intro h1{font-family:"Iowan Old Style",Georgia,serif;font-size:clamp(54px,6vw,86px);font-weight:500;letter-spacing:-.05em;line-height:.95;margin:10px 0 0}
.atelier-page-intro p{margin:0;color:#607379;line-height:1.75}

/* Re-skin booking UI to look like a service form, not a SaaS dashboard */
.atelier-ui.page-booking .booking-section{background:var(--paper);padding:72px 0 110px}
.atelier-ui.page-booking .section-head{display:none}
.atelier-ui.page-booking .booking-layout{grid-template-columns:minmax(0,1fr) 310px;gap:58px}
.atelier-ui.page-booking .booking-main{gap:0;border-top:1px solid var(--line)}
.atelier-ui.page-booking .form-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;padding:34px 0}
.atelier-ui.page-booking .form-card-head{margin-bottom:26px}
.atelier-ui.page-booking .form-step{width:auto;height:auto;background:transparent;color:#6c8288;border-radius:0;font-family:"Iowan Old Style",Georgia,serif;font-size:28px;place-items:start}
.atelier-ui.page-booking .form-card-head h3{font-family:"Iowan Old Style",Georgia,serif;font-size:28px;font-weight:500;margin:0}
.atelier-ui.page-booking .form-card-head p{font-size:12px}
.atelier-ui.page-booking .field input,.atelier-ui.page-booking .field select,.atelier-ui.page-booking .field textarea{border-radius:0;border:0;border-bottom:1px solid #aebec2;background:transparent;padding-left:0;padding-right:0;box-shadow:none!important}
.atelier-ui.page-booking .field label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#65787e}
.atelier-ui.page-booking .booking-service-row{border-radius:0;border:0;border-bottom:1px solid rgba(14,32,38,.11);background:transparent;padding:14px 0}
.atelier-ui.page-booking .booking-service-icon{border-radius:50%;background:transparent;border:1px solid var(--line)}
.atelier-ui.page-booking .qty-control{border-radius:0;background:transparent}
.atelier-ui.page-booking .qty-btn{background:transparent}
.atelier-ui.page-booking .booking-summary{top:100px}
.atelier-ui.page-booking .summary-card{border-radius:0;background:var(--ocean);box-shadow:none;padding:26px}
.atelier-ui.page-booking .summary-context>div{border-radius:0}
.atelier-ui.page-booking .summary-card .btn,.atelier-ui.page-booking .light-btn{border-radius:0!important;background:var(--water)!important;color:#10303d!important}

/* Tracking page: one composed stage */
.atelier-ui.page-tracking .tracking-stage{background:var(--ocean);padding:98px 0 118px;min-height:650px}
.atelier-ui.page-tracking .tracking-stage-grid{grid-template-columns:.8fr 1.2fr;gap:86px}
.atelier-ui.page-tracking .tracking-stage-copy h1{font-family:"Iowan Old Style",Georgia,serif;font-size:clamp(55px,6vw,86px);font-weight:500;letter-spacing:-.05em;line-height:.95}
.atelier-ui.page-tracking .final-tracking-card{border-radius:0;background:#f7f4ed;box-shadow:none;border:0;padding:28px;color:var(--ink)}
.atelier-ui.page-tracking .track-mode-switch{border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--line);padding:0}
.atelier-ui.page-tracking .track-mode{border-radius:0}
.atelier-ui.page-tracking .track-mode.active{box-shadow:none;border-bottom:2px solid var(--ocean)}
.atelier-ui.page-tracking .field input{border-radius:0;border:0;border-bottom:1px solid #b6c3c6;background:transparent;padding-left:0}
.atelier-ui.page-tracking .final-track-form .btn{border-radius:0;background:var(--ocean)}
.atelier-ui.page-tracking .tracking-help-section{background:var(--paper);padding:78px 0}
.atelier-ui.page-tracking .tracking-help-grid{border-top:1px solid var(--line)}
.atelier-ui.page-tracking .tracking-help-grid article{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:22px 0}

@media(max-width:980px){
  .atelier-ui .wrap{width:min(100% - 36px,1240px)}
  .atelier-nav{grid-template-columns:1fr auto;height:66px}
  .atelier-links{position:absolute!important;left:18px;right:18px;top:66px;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border:1px solid var(--line);padding:12px;z-index:10}
  .atelier-links.open{display:flex}
  .atelier-links a{padding:13px 8px}
  .atelier-links a::after{display:none}
  .atelier-nav-actions{gap:10px}
  .atelier-ui .online-status{display:none}
  .atelier-book-link{display:none}
  .atelier-ui .mobile-menu{display:flex!important}
  .atelier-hero{padding:64px 0 70px;min-height:0}
  .atelier-hero-grid{grid-template-columns:1fr;gap:48px}
  .atelier-hero h1{font-size:clamp(52px,12vw,76px)}
  .atelier-visual{min-height:460px}
  .atelier-side-note{left:14px}
  .atelier-section-head,.atelier-track-grid,.atelier-page-intro-grid{grid-template-columns:1fr;gap:28px}
  .atelier-process-list article{grid-template-columns:84px 1fr}
  .atelier-final-grid{grid-template-columns:1fr;align-items:start}
  .atelier-footer-top{grid-template-columns:1fr 1fr;gap:40px}
  .atelier-footer-top>div:first-child{grid-column:1/-1}
  .atelier-ui.page-booking .booking-layout{grid-template-columns:1fr;gap:28px}
  .atelier-ui.page-booking .booking-summary{position:static}
  .atelier-ui.page-tracking .tracking-stage-grid{grid-template-columns:1fr;gap:42px}
}

@media(max-width:620px){
  .atelier-ui .wrap{width:calc(100% - 28px)}
  .atelier-nav-actions .atelier-lang{display:none}
  .atelier-hero{padding-top:48px}
  .atelier-kicker{margin-bottom:20px;font-size:9px}
  .atelier-kicker>span:first-child{width:26px}
  .atelier-hero h1{font-size:clamp(46px,13vw,62px);line-height:.96}
  .atelier-lead{font-size:15px;margin-top:22px}
  .atelier-actions{align-items:stretch;gap:12px}
  .atelier-primary{width:100%;min-width:0}
  .atelier-text-link{width:max-content}
  .atelier-proofline{gap:12px 22px;margin-top:32px}
  .atelier-visual{min-height:355px}
  .textile-plane{inset:0}
  .textile-caption{left:24px;bottom:26px;max-width:180px}.textile-word{font-size:30px;line-height:.94}
  .atelier-side-note{display:none}
  .atelier-services,.atelier-final-cta,.atelier-process{padding:76px 0}
  .atelier-section-head{margin-bottom:34px}
  .atelier-section-head h2,.atelier-final-grid h2{font-size:44px}
  .atelier-ui .atelier-service-list .service-card{grid-template-columns:1fr auto!important;gap:14px!important;padding:22px 0!important}
  .atelier-ui .atelier-service-list .service-row-main{grid-template-columns:44px 1fr!important;gap:12px!important}
  .atelier-ui .atelier-service-list .service-row-price{grid-column:1/2;margin-left:56px}
  .atelier-ui .atelier-service-list .service-add{grid-column:2/3;grid-row:1/3!important}
  .atelier-process-list article{grid-template-columns:58px 1fr;padding:26px 0}.process-number{font-size:32px}
  .atelier-track{padding:66px 0}.atelier-track h2{font-size:44px}.atelier-track-command{grid-template-columns:auto 1fr auto}.atelier-track-command b{display:none}
  .atelier-footer-top{grid-template-columns:1fr}.atelier-footer-top>div:first-child{grid-column:auto}
  .atelier-footer .footer-bottom{display:grid;gap:10px}
  .atelier-page-intro{padding:64px 0 46px}.atelier-page-intro h1{font-size:50px}
  .atelier-ui.page-booking .form-grid{grid-template-columns:1fr}.atelier-ui.page-booking .field-full{grid-column:auto}
}
/* Final specificity guard: legacy v2 hero rules used !important. */
.atelier-ui .atelier-hero.v2-hero{
  min-height:690px!important;
  padding:82px 0 90px!important;
  background:var(--paper)!important;
  color:var(--ink)!important;
}
.atelier-ui .atelier-hero.v2-hero>.bubble-field i{
  border-color:rgba(70,135,151,.28);
  background:radial-gradient(circle at 29% 23%,rgba(255,255,255,.92) 0 3.5%,rgba(255,255,255,.5) 5%,rgba(169,220,232,.16) 22%,rgba(255,255,255,.03) 55%,rgba(126,190,208,.10) 76%,rgba(255,255,255,.12) 100%);
  box-shadow:inset 3px 3px 9px rgba(255,255,255,.45),inset -8px -10px 16px rgba(67,146,169,.09),0 8px 24px rgba(7,31,47,.06);
}
@media(max-width:980px){.atelier-ui .atelier-hero.v2-hero{min-height:0!important;padding:64px 0 70px!important}}
@media(max-width:620px){.atelier-ui .atelier-hero.v2-hero{padding-top:48px!important}}


/* =========================================================
   V3.1 FINAL POLISH
   Language cleanup, page-top consistency and refined bubbles.
   ========================================================= */
html,body{margin:0;padding:0}
.atelier-ui.page-booking,.atelier-ui.page-tracking{margin:0!important;padding:0!important;background:var(--paper)}
.atelier-ui.page-booking .atelier-header,.atelier-ui.page-tracking .atelier-header{top:0!important;margin:0!important}
.atelier-ui.page-booking main,.atelier-ui.page-tracking main{margin:0!important;padding:0!important}
.atelier-ui.page-booking .atelier-page-intro{margin-top:0!important}
.atelier-ui.page-tracking .tracking-stage{margin-top:0!important}
.atelier-ui .atelier-header{box-shadow:0 1px 0 rgba(14,32,38,.035)}
.atelier-ui .atelier-wordmark{font-weight:800}
.atelier-ui .atelier-primary{transition:background .18s ease,color .18s ease,transform .18s ease}
.atelier-ui .atelier-primary:hover{transform:translateY(-1px)}
.atelier-ui .atelier-service-row{transition:background .16s ease}
.atelier-ui .atelier-page-intro{scroll-margin-top:74px}
.atelier-ui.page-booking #booking,.atelier-ui.page-tracking #tracking{scroll-margin-top:74px}
.atelier-ui .bubble-field i{animation-duration:var(--bubble-speed,10s)}
.atelier-ui .atelier-hero>.bubble-field i:nth-child(n+6){opacity:.48!important}
.atelier-ui.page-tracking .tracking-stage>.bubble-field i{opacity:calc(var(--bubble-opacity,.78) * .86)!important}
.atelier-ui .atelier-footer>.bubble-field i{opacity:calc(var(--bubble-opacity,.78) * .38)!important}
@media(max-width:700px){
  .atelier-ui .atelier-page-intro{scroll-margin-top:66px}
  .atelier-ui.page-booking #booking,.atelier-ui.page-tracking #tracking{scroll-margin-top:66px}
}

/* v3.2 production polish: footer operations, privacy and business settings */
.atelier-footer-top{grid-template-columns:1.15fr .55fr .8fr 1fr;gap:52px}
.atelier-footer .footer-operations{display:grid;align-content:start;gap:22px}
.atelier-footer .footer-operations>div{display:grid;gap:7px}
.atelier-footer .footer-operations>div>span{color:#7599a3;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}
.atelier-footer .footer-operations p{margin:0;max-width:300px;color:#bed2d8;font-size:12px;line-height:1.65}
.atelier-footer #footerHours{display:grid;gap:3px}
.atelier-footer .footer-address{margin:4px 0 0!important;max-width:240px!important;color:#8fadb6!important;font-size:11px!important;line-height:1.55!important}
.summary-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.summary-legal a:hover{color:#fff}

.privacy-main{background:#f3f1ea;color:#102832}
.privacy-intro{padding:108px 0 74px;border-bottom:1px solid rgba(15,51,64,.15)}
.privacy-intro-inner{max-width:920px}
.privacy-intro h1{font-family:"Iowan Old Style",Georgia,serif;font-size:clamp(52px,6vw,88px);font-weight:500;line-height:.95;letter-spacing:-.045em;margin:18px 0 24px;max-width:820px}
.privacy-intro p{font-size:17px;line-height:1.75;color:#607781;max-width:680px;margin:0}
.privacy-content{padding:78px 0 92px}
.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 72px}
.privacy-grid article{padding:30px 0;border-top:1px solid rgba(15,51,64,.16)}
.privacy-grid h2{font-family:"Iowan Old Style",Georgia,serif;font-size:30px;font-weight:500;line-height:1.08;letter-spacing:-.025em;margin:0 0 14px}
.privacy-grid p{font-size:14px;line-height:1.8;color:#607781;margin:0}
.privacy-contact{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px}
.privacy-contact a{color:#0b4055;font-size:13px;font-weight:750;text-underline-offset:4px}
.privacy-note{margin-top:34px;border-top:1px solid rgba(15,51,64,.16);padding-top:22px;color:#7a8d95;font-size:12px;line-height:1.7}

.business-settings-card{grid-column:1/-1}
.business-settings-form{display:grid;gap:18px;margin-top:18px}
.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.settings-address{grid-column:1/-1}
.settings-save-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:2px}
.settings-save-row .field-help{margin:0}

@media (max-width:1100px){
  .atelier-footer-top{grid-template-columns:1fr 1fr;gap:40px}.atelier-footer-top>div:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .atelier-footer-top{grid-template-columns:1fr;gap:34px}.atelier-footer-top>div:first-child{grid-column:auto}
  .privacy-intro{padding:72px 0 54px}.privacy-content{padding:54px 0 72px}.privacy-grid{grid-template-columns:1fr;gap:0}.privacy-intro h1{font-size:50px}.privacy-grid h2{font-size:26px}
  .settings-form-grid{grid-template-columns:1fr}.settings-address{grid-column:auto}
}