/* AXAMIL page layout (legacy layer). Visual tokens and components come from base.css. Generated. */
@layer legacy{/*  ---- from public.css ----  */@font-face{font-family:Vazirmatn;src:url("/assets/fonts/vazirmatn/regular.ttf")}@font-face{font-family:Vazirmatn;src:url("/assets/fonts/vazirmatn/bold.ttf");font-weight:700}
:root{--scroll-track:#0b1420;--scroll-thumb:#2c3b4d;--scroll-thumb-hover:#40536a;--font-fa:Vazirmatn,Tahoma,Arial,sans-serif;--font-en:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;font-family:var(--font-en);background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 34%),var(--bg)}html[lang=fa] body,html[lang=fa] input,html[lang=fa] button,html[lang=fa] select{font-family:var(--font-fa)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{margin:auto;padding:0 24px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center}.mark{display:grid;place-items:center;font-weight:900}.actions{display:flex;align-items:center}.btn{cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 65%,#17263b))}.btn.ghost{background:transparent}.hero{display:grid;align-items:center}.badge{display:inline-flex;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand) 10%,transparent);color:#bcd5ff}.hero h1{font-size:clamp(42px,6vw,76px)}.hero-actions{display:flex;flex-wrap:wrap}.visual{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));position:relative;place-items:center}.orb{color:#f5f8ff;background:linear-gradient(145deg,#18283f,#0d1724);display:grid;place-items:center;font-weight:900}.visual:before,.visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.visual:after{border-style:dashed}.section h2{font-size:34px;margin:0 0 13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}.card strong{display:block;margin-bottom:8px}.card p{color:var(--muted);margin:0}.logos{display:flex;flex-wrap:wrap;align-items:center}.trust-logo{min-width:110px;border:1px solid var(--line);background:var(--surface);padding:10px;display:grid;place-items:center}.trust-logo img{max-width:100%;max-height:56px}.faq details{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);padding:15px 17px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);line-height:1.9}.footer{padding:30px 0;display:flex;justify-content:space-between;gap:18px}.auth-layout{padding:48px 0}.auth-card{width:min(560px,100%);border:1px solid var(--line)}.auth-card h1{margin:0 0 7px}.auth-card>p{margin:0 0 22px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;margin-bottom:12px;color:var(--muted);font-size:12px}label.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid var(--line);background:#0b1420;color:var(--text);border-radius:var(--r-md);padding:12px 13px;outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:var(--sh-1)}.captcha-row{display:grid}.message{min-height:22px;color:var(--bad);font-size:12px;margin:8px 0}.success{color:var(--good)}.hidden{display:none!important}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.visual{height:280px}.feature-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.captcha-row{grid-template-columns:1fr}.captcha-image{width:100%;height:auto}.footer{flex-direction:column}.site-head{height:72px}.hero h1{font-size:42px}}
html[data-radius="compact"]{--radius:12px}html[data-radius="soft"]{--radius:30px}html[data-mode="light"]{--scroll-track:#edf2f7;--scroll-thumb:#cbd5e1;--scroll-thumb-hover:#94a3b8}html[data-mode="light"] body{background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 34%),var(--bg)}html[data-mode="light"] .card,html[data-mode="light"] .auth-card{background:rgba(255,255,255,.92)}html[data-mode="light"] input,html[data-mode="light"] select,html[data-mode="light"] textarea{background:var(--surface)}@media(prefers-color-scheme:light){html[data-mode="system"]{--bg:#f5f7fb;--surface:#fff;--surface2:#eef2f7;--text:#111827;--muted:#667085;--line:#dce3ec;--scroll-track:#edf2f7;--scroll-thumb:#cbd5e1;--scroll-thumb-hover:#94a3b8}}
.mark.has-logo{background:transparent;overflow:hidden}.mark.has-logo img{width:100%;height:100%;object-fit:contain}

/* v0.5.2 visual site builder output */
:root{--site-font-fa:Vazirmatn;--site-font-en:Inter}.site-builder-root{display:flex;flex-direction:column;min-height:420px}.builder-active{max-width:none!important;padding:0!important}.site-builder-section{box-sizing:border-box}.site-builder-section,.site-builder-section *{font-family:var(--ax-font-body)}.site-builder-section h1,.site-builder-section h2,.site-builder-section h3{line-height:1.2}.site-builder-section p{line-height:1.9}.sb-hero-inner{display:grid;gap:clamp(22px,5vw,64px);align-items:center}.sb-hero-copy h1{font-size:clamp(38px,6vw,78px)}.sb-badge{display:inline-flex;border:1px solid color-mix(in srgb,var(--brand) 42%,transparent);background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:999px;font-size:12px}.sb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;justify-content:inherit}.sb-hero-media{display:grid;place-items:center}.sb-hero-media img{max-width:100%;max-height:520px;object-fit:contain;border-radius:inherit}.sb-heading{margin:0}.sb-richtext>*:first-child{margin-top:0}.sb-richtext>*:last-child{margin-bottom:0}.sb-richtext a{color:var(--brand);text-decoration:underline}.sb-image{margin:0;display:grid;gap:10px;place-items:center}.sb-image img{max-width:100%;height:auto;border-radius:inherit}.sb-image figcaption{color:color-mix(in srgb,currentColor 65%,transparent);font-size:.78em}.sb-feature-grid{display:grid}.sb-feature-card{background:color-mix(in srgb,currentColor 4%,transparent)}.sb-feature-card h3{margin:0 0 8px}.sb-feature-card p{margin:0}.sb-logo-grid{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.sb-logo{width:120px;height:80px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);display:grid;place-items:center;padding:10px}.sb-logo img{max-width:100%;max-height:100%;object-fit:contain}.sb-faq{display:grid}.sb-faq summary{cursor:pointer;font-weight:700}.sb-contact{text-align:inherit}.sb-divider{padding:0!important;border:0!important;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;border-radius:0!important}.sb-spacer{min-height:20px}.sb-animate{opacity:0;transition:opacity .55s ease,transform .55s ease}.sb-animate.visible{opacity:1;transform:none}.sb-fade{transform:none}.sb-slide-up{transform:translateY(22px)}.sb-scale{transform:scale(.97)}html[lang=fa] .site-builder-root{font-family:var(--site-font-fa),Vazirmatn,Tahoma,Arial,sans-serif}html[lang=en] .site-builder-root{font-family:var(--site-font-en),Inter,Segoe UI,Arial,sans-serif}
@media(max-width:640px){.sb-actions{flex-direction:column}.sb-actions .btn{width:100%;text-align:center}.sb-hero-copy h1{font-size:clamp(34px,11vw,52px)}}

/* v0.5.2 split heading/body typography */
.site-builder-section h1,.site-builder-section h2,.site-builder-section h3,.site-builder-section h4,.site-builder-section .sb-faq summary,.site-builder-section .sb-feature-card h3{font-family:var(--sb-heading-font,var(--site-heading-font-en,inherit));font-weight:var(--sb-heading-weight,700);font-size:var(--sb-heading-size,32px);line-height:var(--sb-heading-line,1.3);letter-spacing:var(--sb-heading-spacing,0)}
.site-builder-section p,.site-builder-section li,.site-builder-section blockquote,.site-builder-section figcaption,.site-builder-section .sb-badge,.site-builder-section .sb-actions,.site-builder-section .sb-richtext{font-family:var(--sb-body-font,var(--site-font-en,inherit));font-weight:var(--sb-body-weight,400);font-size:var(--sb-body-size,16px);line-height:var(--sb-body-line,1.75);letter-spacing:var(--sb-body-spacing,0)}
.site-builder-section .sb-hero-copy h1{font-size:var(--sb-heading-size,56px)!important;line-height:var(--sb-heading-line,1.2)}
html[lang=fa] .site-builder-section h1,html[lang=fa] .site-builder-section h2,html[lang=fa] .site-builder-section h3,html[lang=fa] .site-builder-section h4{font-family:var(--sb-heading-font,var(--site-heading-font-fa,Vazirmatn))}

/* v0.5.5 public Theme Studio + flexible Elementor-like sections */
html,body{transition:background-color .22s ease,color .22s ease}
body.builder-theme-active{background:var(--bg);color:var(--text)}
.builder-theme-active .wrap{max-width:var(--site-max-width,1240px)}
.builder-theme-active .site-head{color:var(--header-text,var(--text));border-bottom-color:transparent;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.builder-theme-active .site-head .brand small{color:var(--muted)!important}
.builder-theme-active .site-head[data-style="minimal"]{background:transparent;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.builder-theme-active .site-head[data-style="glass"]{height:72px;margin-top:12px;padding-inline:18px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--r-xl);background:color-mix(in srgb,var(--header-bg) 78%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--sh-3);position:relative;z-index:20}
.builder-theme-active .site-head[data-style="floating"]{height:70px;margin-top:14px;padding-inline:18px;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:999px;background:var(--header-bg);box-shadow:var(--sh-3);position:relative;z-index:20}
.builder-theme-active .site-head .btn.ghost{background:color-mix(in srgb,var(--surface) 52%,transparent);border-color:color-mix(in srgb,var(--line) 78%,transparent)}
.builder-theme-active .site-builder-root{width:100%;background:var(--bg);color:var(--text);overflow:clip}
.builder-theme-active .footer{max-width:var(--site-max-width,1240px);color:var(--muted);border-color:var(--line)}
.site-builder-section{position:relative;isolation:isolate}
.site-builder-section[data-layout="boxed"]{overflow:hidden}
.sb-section-inner{position:relative;z-index:1;width:100%;box-sizing:border-box}
.site-builder-section[data-align="center"] .sb-section-inner{margin-inline:auto}
.site-builder-section[data-align="center"] .sb-actions{justify-content:center}
.site-builder-section[data-align="end"] .sb-actions{justify-content:flex-end}
.site-builder-section[data-align="start"] .sb-actions{justify-content:flex-start}
.sb-hero-inner{width:100%;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(32px,6vw,88px)}
.sb-hero-inner.no-media{grid-template-columns:minmax(0,1fr)}
.sb-hero-inner.no-media .sb-hero-copy{width:min(100%,980px)}
.site-builder-section[data-align="center"] .sb-hero-inner.no-media .sb-hero-copy{margin-inline:auto}
.site-builder-section[data-align="end"] .sb-hero-inner.no-media .sb-hero-copy{margin-inline-start:auto}
.sb-hero-copy h1{font-size:var(--sb-heading-size,clamp(44px,6vw,78px));line-height:var(--sb-heading-line,1.12);letter-spacing:var(--sb-heading-spacing,-.035em);margin:18px 0 20px;text-wrap:balance}
.sb-hero-copy p{font-family:var(--sb-body-font,inherit);font-size:var(--sb-body-size,18px);line-height:var(--sb-body-line,1.9);letter-spacing:var(--sb-body-spacing,0);color:var(--muted);max-width:780px;margin-inline:0}
.site-builder-section[data-align="center"] .sb-hero-copy p{margin-inline:auto}
.site-builder-section[data-align="end"] .sb-hero-copy p{margin-inline-start:auto}
.sb-badge{border-color:color-mix(in srgb,var(--brand) 36%,var(--line));background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:color-mix(in srgb,var(--brand) 78%,var(--text));font-weight:700;padding:8px 13px}
.builder-theme-active .btn{border-color:var(--line);background:var(--surface);color:var(--text);border-radius:var(--r-lg);padding:12px 19px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.builder-theme-active .btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:var(--sh-2)}
.builder-theme-active .btn.primary{background:var(--brand);color:#fff;border-color:transparent;box-shadow:var(--sh-2)}
.sb-feature-grid{gap:18px}
.sb-feature-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-xl);padding:24px;box-shadow:var(--sh-2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sb-feature-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 32%,var(--line));box-shadow:var(--sh-3)}
.sb-feature-card h3{color:var(--text)}
.sb-feature-card p{color:var(--muted)}
.sb-faq{gap:12px}
.sb-faq details{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);padding:17px 19px}
.sb-faq details[open]{border-color:color-mix(in srgb,var(--brand) 34%,var(--line));box-shadow:var(--sh-2)}
.sb-faq summary{color:var(--text)}
.sb-faq p{color:var(--muted)}
.sb-contact p,.sb-richtext p{color:var(--muted)}
.sb-logo{border-color:var(--line);box-shadow:var(--sh-2)}
.sb-divider{border-top-color:var(--line)!important}
html[data-mode="light"] .builder-theme-active .site-head[data-style="glass"]{box-shadow:var(--sh-3)}
html[data-mode="light"] .builder-theme-active .auth-card{background:color-mix(in srgb,var(--surface) 94%,transparent)}
html[data-mode="light"] .builder-theme-active input,html[data-mode="light"] .builder-theme-active select,html[data-mode="light"] .builder-theme-active textarea{background:var(--surface);color:var(--text)}
@media(max-width:900px){.builder-theme-active .site-head[data-style="floating"]{border-radius:var(--r-xl)}.sb-hero-inner{grid-template-columns:1fr}.sb-hero-copy{max-width:none}.sb-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.builder-theme-active .site-head[data-style="glass"],.builder-theme-active .site-head[data-style="floating"]{margin:8px 10px 0;width:auto;padding-inline:12px}.builder-theme-active .site-head .brand small{display:none!important}.sb-feature-grid{grid-template-columns:1fr}.sb-section-inner{padding-inline:min(20px,5vw)!important}.sb-hero-copy h1{text-wrap:wrap}.site-builder-section{border-radius:min(24px,var(--radius,24px))}}

/* v0.5.6 typography inheritance + Persian wrapping hardening */
.builder-theme-active .site-head .brand>span:last-child{display:grid;gap:2px;line-height:1.25}
.builder-theme-active .site-head .brand strong,.builder-theme-active .site-head .brand small{display:block}
.sb-hero-copy h1{white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
html[lang="fa"] .sb-hero-copy h1{letter-spacing:var(--sb-heading-spacing,0)}


/* v0.5.11 CAPTCHA alignment + auth form refinement */
.auth-card{border-color:color-mix(in srgb,var(--line) 82%,var(--brand) 18%)}.auth-card .btn.primary{font-weight:700}
.captcha-row{align-items:end;margin:10px 0 16px}.captcha-row label{margin:0;min-width:0}.captcha-row .captcha-visual-field,.captcha-row .captcha-answer-field{display:grid;gap:7px}.captcha-row .captcha-visual-box{display:block;width:100%;height:50px;border:1px solid var(--line);border-radius:var(--r-lg);background:#0b1420;overflow:hidden}.captcha-image{display:block;width:100%;height:100%;object-fit:fill;border:0;border-radius:0;background:#0b1420}.captcha-row .captcha-answer-field input{height:50px;min-height:50px;margin:0;text-align:center;font-family:var(--font-en);font-size:16px;letter-spacing:.08em}.captcha-refresh{padding:0!important}.captcha-row label>span{font-weight:650}
@media(max-width:560px){.captcha-row{grid-template-columns:1fr 1fr}.captcha-refresh{grid-column:1/-1;width:100%}}

/* v0.5.27 builder output contrast isolation */
.site-builder-section,.site-builder-section h1,.site-builder-section h2,.site-builder-section h3,.site-builder-section h4,.site-builder-section p,.site-builder-section li,.site-builder-section blockquote,.site-builder-section small,.site-builder-section strong,.site-builder-section .sb-badge,.site-builder-section .sb-actions{color:inherit}
.site-builder-section .sb-hero-copy p,.site-builder-section .sb-feature-card p,.site-builder-section figcaption{color:color-mix(in srgb,currentColor 74%,transparent)}


/* v0.5.32 compact authentication controls */
.auth-card input,.auth-card select,.auth-card textarea{padding-block:7px}.auth-card .btn.primary{min-height:42px;border-radius:var(--r-md)}.captcha-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px}.captcha-row .captcha-visual-field,.captcha-row .captcha-answer-field{grid-template-rows:auto 44px}.captcha-row .captcha-visual-box,.captcha-row .captcha-answer-field input{height:44px;min-height:44px;border-radius:var(--r-md)}.captcha-refresh{width:44px;height:44px;min-height:44px;border-radius:var(--r-md)!important;font-size:26px}

/* v0.5.37 login identity field: labels stay labels; hints stay non-editable hints. */
.auth-identity-field .field-help{display:block;margin-top:-1px;color:color-mix(in srgb,var(--muted) 88%,transparent);font-size:11px;line-height:1.7;font-weight:450}
.auth-card input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);opacity:1;font-weight:450}
.auth-card input:focus::placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent)}

/* v0.5.44 site-wide Front Typography defaults */
:root{--front-body-font-fa:Vazirmatn,Tahoma,Arial,sans-serif;--front-body-font-en:Inter,Segoe UI,Arial,sans-serif;--front-heading-font-fa:Vazirmatn,Tahoma,Arial,sans-serif;--front-heading-font-en:Inter,Segoe UI,Arial,sans-serif;--front-nav-font-fa:Vazirmatn,Tahoma,Arial,sans-serif;--front-nav-font-en:Inter,Segoe UI,Arial,sans-serif;--front-button-font-fa:Vazirmatn,Tahoma,Arial,sans-serif;--front-button-font-en:Inter,Segoe UI,Arial,sans-serif;--front-form-font-fa:Vazirmatn,Tahoma,Arial,sans-serif;--front-form-font-en:Inter,Segoe UI,Arial,sans-serif;--front-heading-weight:700;--front-body-weight:400;--front-nav-weight:600;--front-button-weight:700;--front-form-weight:400}
html[lang=fa] body{font-family:var(--front-body-font-fa);font-weight:var(--front-body-weight)}html[lang=en] body{font-family:var(--front-body-font-en);font-weight:var(--front-body-weight)}
html[lang=fa] #legacyHome h1,html[lang=fa] #legacyHome h2,html[lang=fa] #legacyHome h3,html[lang=fa] #legacyHome h4,html[lang=fa] .auth-card h1,html[lang=fa] .auth-card h2,html[lang=fa] .auth-card h3{font-family:var(--front-heading-font-fa);font-weight:var(--front-heading-weight)}
html[lang=en] #legacyHome h1,html[lang=en] #legacyHome h2,html[lang=en] #legacyHome h3,html[lang=en] #legacyHome h4,html[lang=en] .auth-card h1,html[lang=en] .auth-card h2,html[lang=en] .auth-card h3{font-family:var(--front-heading-font-en);font-weight:var(--front-heading-weight)}
html[lang=fa] .site-head,html[lang=fa] .site-head a,html[lang=fa] .site-head button{font-family:var(--front-nav-font-fa);font-weight:var(--front-nav-weight)}html[lang=en] .site-head,html[lang=en] .site-head a,html[lang=en] .site-head button{font-family:var(--front-nav-font-en);font-weight:var(--front-nav-weight)}
html[lang=fa] .btn,html[lang=fa] .site-builder-section .btn{font-family:var(--front-button-font-fa);font-weight:var(--front-button-weight)}html[lang=en] .btn,html[lang=en] .site-builder-section .btn{font-family:var(--front-button-font-en);font-weight:var(--front-button-weight)}
html[lang=fa] label,html[lang=fa] input,html[lang=fa] select,html[lang=fa] textarea{font-family:var(--front-form-font-fa);font-weight:var(--front-form-weight)}html[lang=en] label,html[lang=en] input,html[lang=en] select,html[lang=en] textarea{font-family:var(--front-form-font-en);font-weight:var(--front-form-weight)}


/* ==========================================================================
   AXAMIL Public Experience v0.5.54
   Shared visual language with Admin/Portal; compatible with custom brand colors.
   ========================================================================== */
:root{
  --bg:#07111d;
  --surface:#0e1a28;
  --surface2:#132235;
  --surface-glass:rgba(14,26,40,.78);
  --text:#f4f7fb;
  --muted:#9dacc0;
  --line:#21354b;
  --line-strong:#314b67;
  --brand:#4f8cff;
  --good:#2bd39a;
  --bad:#ff7a73;
  --radius:22px;
  --radius-lg:30px;
  --shadow:0 24px 70px rgba(0,0,0,.23);
  --shadow-sm:0 10px 30px rgba(0,0,0,.13);
}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 17% -5%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 28rem),
    radial-gradient(circle at 92% 22%,color-mix(in srgb,#6d5dfc 9%,transparent),transparent 26rem),
    var(--bg);
  color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.wrap{max-width:1240px;padding-inline:28px}

/* Header */
.site-head{
  position:sticky;top:14px;z-index:50;height:68px;margin-top:14px;padding-inline:14px 10px;
  border:1px solid rgba(153,177,207,.14);border-radius:var(--r-xl);
  background:rgba(9,19,31,.72);box-shadow:var(--sh-3);
  backdrop-filter:blur(22px) saturate(1.15);
}
.brand{gap:12px;min-width:0}
.mark{
  width:42px;height:42px;border-radius:var(--r-lg);
  background:linear-gradient(145deg,var(--surface),#cdd9e8);color:#0a1421;
  box-shadow:var(--sh-2);
}
.brand strong{display:block;font-size:14px;letter-spacing:.08em}
.brand small{font-size:9px!important;letter-spacing:.08em}
.actions{gap:7px}
.btn{
  min-height:42px;padding:9px 15px;border-radius:var(--r-md);
  border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);
  font-weight:700;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease
}
.btn:hover{transform:translateY(-1px);border-color:var(--line-strong);background:rgba(255,255,255,.06)}
.btn.primary{
  border-color:transparent;
  background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#111e31));
  box-shadow:var(--sh-2)
}
.btn.primary:hover{box-shadow:var(--sh-2)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--sh-1)}

/* Hero */
.hero{
  min-height:650px;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  gap:64px;padding-block:54px 44px
}
.badge{
  min-height:30px;padding:6px 11px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));
  background:color-mix(in srgb,var(--brand) 10%,transparent);
  color:color-mix(in srgb,var(--brand) 36%,#fff);
  font-size:10px;font-weight:800;letter-spacing:.08em
}
.hero h1{
  max-width:820px;margin:20px 0 18px;
  font-size:clamp(43px,5.4vw,72px);line-height:1.16;letter-spacing:-.045em
}
html[lang=fa] .hero h1{letter-spacing:-.035em}
.hero p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:2}
.hero-actions{gap:9px;margin-top:30px}
.hero-actions .btn{min-height:48px;padding-inline:20px}

/* Product visual */
.visual{
  isolation:isolate;height:430px;border-radius:34px;
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--brand) 18%);
  background:
    radial-gradient(circle at 70% 22%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 13rem),
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
  box-shadow:var(--shadow);padding:24px;display:block;overflow:hidden
}
.visual:before{
  content:"";position:absolute;width:360px;height:360px;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none
}
.visual:after{
  content:"";position:absolute;width:270px;height:270px;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  border:1px dashed color-mix(in srgb,var(--brand) 24%,transparent);border-radius:50%;pointer-events:none
}
.ax-visual-shell{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:16px}
.ax-visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ax-visual-brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.05em}
.ax-visual-brand i{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:var(--sh-1)}
.ax-visual-status{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:rgba(0,0,0,.12)}
.ax-visual-core{display:grid;place-items:center;position:relative}
.orb{
  position:relative;z-index:2;width:118px;height:118px;border-radius:34px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 24%,#18283d),#0d1826);
  border:1px solid rgba(255,255,255,.1);box-shadow:var(--sh-3);
  font-size:45px
}
.ax-visual-pulse{position:absolute;z-index:3;padding:7px 10px;border-radius:var(--r-md);background:rgba(10,20,32,.86);border:1px solid var(--line);font-size:9px;color:var(--muted);backdrop-filter:blur(12px)}
.ax-visual-pulse b{display:block;color:var(--text);font-size:11px;margin-bottom:1px}
.ax-visual-pulse.one{inset:14% auto auto 3%}.ax-visual-pulse.two{inset:auto 2% 13% auto}
.ax-visual-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ax-visual-metric{min-width:0;padding:10px 11px;border:1px solid rgba(153,177,207,.12);border-radius:var(--r-md);background:rgba(8,17,29,.64);backdrop-filter:blur(12px)}
.ax-visual-metric span{display:block;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-visual-metric strong{display:block;margin-top:4px;font-size:12px}

/* Content sections */
.section{padding:88px 0;border-top:1px solid rgba(153,177,207,.09)}
.section h2{font-size:clamp(29px,3vw,39px);letter-spacing:-.035em;margin-bottom:14px}
.section>p,.intro p{max-width:820px;color:var(--muted);font-size:14px;line-height:2}
.feature-grid{gap:14px;margin-top:30px}
.card{
  position:relative;overflow:hidden;min-height:178px;padding:24px;border-radius:var(--r-xl);
  border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,32,48,.88),rgba(11,22,36,.72));
  box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.card:before{
  content:"";position:absolute;inset:0 auto 0 0;width:2px;
  background:linear-gradient(180deg,transparent,var(--brand),transparent);opacity:.45
}
html[dir=rtl] .card:before{inset:0 0 0 auto}
.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:var(--sh-3)}
.card strong{font-size:16px;letter-spacing:-.01em}
.card p{margin-top:10px;font-size:12px;line-height:1.95}
.logos{gap:12px}.trust-logo{height:84px;border-radius:var(--r-xl);border-color:var(--line);box-shadow:var(--shadow-sm)}
.faq{display:grid;gap:10px;margin-top:24px}
.faq-item{
  border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;
  background:rgba(15,28,43,.72)!important;box-shadow:none!important
}

/* Authentication */
.auth-layout{min-height:calc(100vh - 190px);display:grid;place-items:center;padding-block:54px}
.auth-card{
  width:min(100%,590px);padding:30px;border-radius:var(--r-xl);
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--brand) 18%);
  background:linear-gradient(160deg,rgba(17,30,46,.96),rgba(10,21,34,.95));
  box-shadow:var(--sh-3)
}
.auth-card h1{font-size:27px;letter-spacing:-.03em;margin-bottom:8px}
.auth-card>p{color:var(--muted);line-height:1.8}
.auth-card label{gap:7px;margin:12px 0;color:var(--text);font-size:11px;font-weight:700}
.auth-card input,.auth-card select,.auth-card textarea{
  min-height:48px;padding:10px 13px;border-radius:var(--r-md);border:1px solid var(--line);
  background:rgba(6,14,24,.48);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s
}
.auth-card input:hover{border-color:var(--line-strong)}
.auth-card input:focus{border-color:color-mix(in srgb,var(--brand) 60%,var(--line-strong));background:rgba(6,14,24,.66)}
.field-help{color:var(--muted)!important;line-height:1.7}
.message{border-radius:var(--r-md)}

/* Footer */
.footer{
  min-height:92px;padding-block:25px;border-top:1px solid rgba(153,177,207,.09);
  color:var(--muted);font-size:10px
}

/* Resolved site mode takes precedence over the operating-system preference. */
html[data-mode="light"]{
    --bg:#f5f8fc;--surface:#ffffff;--surface2:#f4f7fb;--surface-glass:rgba(255,255,255,.82);
    --text:#162033;--muted:#687990;--line:#dbe4ee;--line-strong:#c8d5e3;
    --shadow:0 24px 70px rgba(35,50,72,.11);--shadow-sm:0 10px 30px rgba(35,50,72,.07)
  }html[data-mode="light"] body{
    background:
      radial-gradient(circle at 17% -5%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 28rem),
      radial-gradient(circle at 92% 22%,rgba(109,93,252,.05),transparent 26rem),
      var(--bg)
  }html[data-mode="light"] body:before{background-image:linear-gradient(rgba(34,55,82,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,55,82,.035) 1px,transparent 1px)}html[data-mode="light"] .site-head{background:rgba(255,255,255,.8);border-color:rgba(123,146,174,.18)}html[data-mode="light"] .btn{background:rgba(255,255,255,.72)}html[data-mode="light"] .visual{background:radial-gradient(circle at 70% 22%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 13rem),linear-gradient(145deg,#fff,#f5f8fc)}html[data-mode="light"] .visual:before{border-color:rgba(31,51,77,.07)}html[data-mode="light"] .ax-visual-status,html[data-mode="light"] .ax-visual-pulse,html[data-mode="light"] .ax-visual-metric{background:rgba(255,255,255,.8)}html[data-mode="light"] .card{background:linear-gradient(145deg,var(--surface),var(--surface2))}html[data-mode="light"] .auth-card{background:linear-gradient(160deg,var(--surface),var(--surface2))}html[data-mode="light"] .auth-card input,html[data-mode="light"] .auth-card select,html[data-mode="light"] .auth-card textarea{background:var(--surface)}html[data-mode="light"] .faq-item{background:var(--surface)!important}

@media(max-width:900px){
  .site-head{top:8px;margin-top:8px}
  .hero{min-height:auto;grid-template-columns:1fr;gap:34px;padding-block:66px 52px}
  .hero>div:first-child{text-align:center}
  .hero p{margin-inline:auto}
  .hero-actions{justify-content:center}
  .visual{width:min(100%,620px);margin-inline:auto;height:390px}
  .feature-grid{grid-template-columns:1fr}
  .card{min-height:0}
}
@media(max-width:640px){
  .wrap{padding-inline:15px}
  .site-head{height:62px;padding-inline:9px;border-radius:var(--r-lg)}
  .brand small{display:none!important}
  .mark{width:38px;height:38px;border-radius:var(--r-md)}
  .actions{gap:5px}
  .actions .btn{min-height:38px;padding:7px 10px;font-size:10px}
  .hero{padding-block:54px 38px}
  .hero h1{font-size:38px}
  .hero p{font-size:14px}
  .visual{height:330px;padding:16px;border-radius:var(--r-xl)}
  .ax-visual-pulse{display:none}
  .orb{width:96px;height:96px;border-radius:var(--r-xl);font-size:38px}
  .ax-visual-bottom{gap:6px}
  .ax-visual-metric{padding:8px}
  .section{padding:60px 0}
  .auth-layout{padding-block:34px}
  .auth-card{padding:20px;border-radius:var(--r-xl)}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}
}


/* AXAMIL v0.5.54 — shared Header Builder + AXAMIL WordPress-style front modules */
.site-head.header-managed{
  width:min(var(--header-max-width,1400px),calc(100% - 32px));
  max-width:none;
  height:var(--header-height,76px);
  margin:16px auto 0;
  padding:0 18px;
  color:var(--header-text);
  background:var(--header-bg);
  border:1px solid var(--header-border);
  border-radius:var(--header-radius,20px);
  box-shadow:var(--sh-3);
  position:relative;
  z-index:70;
  transition:none;
}
.site-head.header-managed[data-style="minimal"]{background:transparent;border-width:0 0 1px;border-radius:0;box-shadow:none;margin-top:0}
.site-head.header-managed[data-style="glass"]{background:color-mix(in srgb,var(--header-bg) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-head.header-managed[data-style="floating"]{border-radius:999px}
.site-head.header-managed[data-style="solid"]{background:var(--header-bg)}
.site-head.header-managed[data-shadow="none"]{box-shadow:none}
.site-head.header-managed[data-shadow="medium"]{box-shadow:var(--sh-3)}
.site-head.header-managed[data-shadow="strong"]{box-shadow:var(--sh-3)}
.site-head.header-managed.header-sticky{position:sticky;top:10px}
.site-head.header-managed .brand{flex:0 0 auto;color:var(--header-text)}
.site-head.header-managed .brand-copy{display:grid;gap:2px;line-height:1.2}
.site-head.header-managed .brand strong{color:var(--header-text);font-weight:850}
.site-head.header-managed .brand small{color:color-mix(in srgb,var(--header-text) 62%,transparent)!important;font-size:10px}
.site-head.header-managed .mark{width:var(--header-logo-width,42px);height:var(--header-logo-width,42px);min-width:var(--header-logo-width,42px);overflow:hidden}
.site-head.header-managed .mark.has-logo{background:transparent;border-radius:var(--r-md)}
.site-head.header-managed .mark.has-logo img{width:100%;height:100%;object-fit:contain}
.site-nav{display:none;min-width:0;flex:1;align-self:stretch}
.header-managed .site-nav{display:flex;align-items:center;justify-content:center}
.site-menu,.site-submenu{list-style:none;margin:0;padding:0}
.site-menu{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;font-family:var(--header-font,var(--front-nav-font-en));font-size:var(--header-nav-size,14px);font-weight:var(--header-nav-weight,600)}
.site-menu>.menu-item{height:100%;display:flex;align-items:center;position:relative}
.site-menu a{display:flex;align-items:center;gap:5px;padding:9px 12px;border-radius:var(--r-md);color:var(--header-text);white-space:nowrap;transition:background-color .16s ease,color .16s ease}
.site-menu a:hover{color:var(--header-hover);background:color-mix(in srgb,var(--header-accent) 10%,transparent)}
.submenu-caret{font-size:11px;opacity:.7}
.site-submenu{position:absolute;top:calc(100% - 8px);inset-inline-start:0;min-width:210px;padding:8px;background:var(--header-bg);border:1px solid var(--header-border);border-radius:var(--r-lg);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:80}
.has-submenu:hover>.site-submenu,.has-submenu:focus-within>.site-submenu{opacity:1;visibility:visible;transform:none}
.site-submenu .submenu-item{position:relative}
.site-submenu .site-submenu{top:-8px;inset-inline-start:calc(100% + 6px)}
.site-submenu a{width:100%;padding:10px 12px}
.site-head.header-managed .actions{flex:0 0 auto}
.site-head.header-managed .btn{font-family:var(--header-font,var(--front-nav-font-en));font-size:var(--header-nav-size,14px);font-weight:var(--header-nav-weight,600);color:var(--header-text);border-color:color-mix(in srgb,var(--header-border) 88%,transparent)}
.site-head.header-managed .btn.ghost{background:transparent}
.site-head.header-managed .header-custom[data-variant="solid"]{background:var(--header-accent);border-color:var(--header-accent);color:#fff}
.site-head.header-managed .header-custom[data-variant="outline"]{background:transparent;border-color:var(--header-accent);color:var(--header-accent)}
.site-head.header-managed .header-custom[data-variant="ghost"]{background:color-mix(in srgb,var(--header-accent) 10%,transparent);border-color:transparent;color:var(--header-text)}
.header-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--header-border,var(--line));background:transparent;border-radius:var(--r-md);padding:10px;cursor:pointer}
.header-menu-toggle span{display:block;height:2px;background:var(--header-text,var(--text));border-radius:999px;margin:4px 0}

/* AXAMIL theme module language: crisp cards, restrained gradients, WP-theme rhythm */
.site-builder-root{--ax-card-radius:20px}
.site-builder-section .sb-section-inner{max-width:var(--site-max-width,1240px)}
.sb-feature-card,.sb-faq details,.sb-contact,.sb-richtext,.sb-image{
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
}
.sb-feature-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,var(--brand) 2%),var(--surface));
}
.sb-feature-card:before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 30%,transparent));opacity:.9}
.sb-feature-card h3{font-size:clamp(18px,2vw,23px);margin-bottom:8px}
.sb-feature-card p{font-size:var(--sb-body-size,15px);line-height:1.9}
.sb-hero-inner{position:relative}
.sb-badge{letter-spacing:.01em;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 8%,transparent)}
.sb-actions .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.sb-faq details{overflow:hidden}
.sb-faq summary{padding-inline-end:28px;position:relative}
.sb-faq summary:after{content:"+";position:absolute;inset-inline-end:0;top:0;font-weight:500;color:var(--brand)}
.sb-faq details[open] summary:after{content:"−"}
.sb-contact{padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-radius:var(--ax-card-radius);background:var(--surface)}
.sb-logo{background:var(--surface);border-radius:var(--r-lg)}
html[data-mode="light"] .sb-feature-card{box-shadow:var(--sh-3)}
html[data-mode="dark"] .sb-feature-card{box-shadow:var(--sh-3)}

@media(max-width:980px){
  .site-head.header-managed{width:calc(100% - 20px);margin-top:10px;padding-inline:12px;flex-wrap:wrap;height:auto;min-height:var(--header-height,72px)}
  .header-menu-toggle{display:block;order:2}
  .site-head.header-managed .actions{order:3;margin-inline-start:auto}
  .header-managed .site-nav{display:none;order:4;flex:0 0 100%;align-self:auto;border-top:1px solid var(--header-border);padding:10px 0 12px}
  .site-head.header-managed.menu-open .site-nav{display:block}
  .site-menu{height:auto;display:grid;gap:3px;justify-content:stretch}
  .site-menu>.menu-item{height:auto;display:block}
  .site-menu a{justify-content:space-between;padding:11px 12px}
  .site-submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;background:color-mix(in srgb,var(--header-bg) 88%,var(--header-text) 3%);margin:4px 10px 6px;padding:5px}
  .has-submenu:focus-within>.site-submenu,.has-submenu:hover>.site-submenu{display:block}
  .site-submenu .site-submenu{margin-inline-start:10px}
}
@media(max-width:640px){
  .site-head.header-managed .brand small{display:none!important}
  .site-head.header-managed .actions{gap:5px}
  .site-head.header-managed .actions .btn{padding:9px 10px}
  .site-head.header-managed .header-custom{display:none!important}
}


/* AXAMIL v0.5.54 — CAPTCHA control placement + locale-isolated header canvas */
body::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:calc(var(--header-height,76px) + 32px);
  background:var(--header-shell-bg,var(--header-bg,var(--bg)));
  pointer-events:none;
  z-index:0;
}
.site-head,.site-head.header-managed{position:relative;z-index:70}
.site-head.header-sticky,.site-head.header-managed.header-sticky{position:sticky}
#homeView,#authView,.footer{position:relative;z-index:1}

/* Keep the refresh action physically attached to the CAPTCHA image.
   The answer field remains the flexible column and both RTL/LTR layouts are explicit. */
.auth-card .captcha-row{
  display:grid;
  grid-template-columns:200px 52px minmax(0,1fr);
  gap:10px;
  align-items:end;
}
html[dir="ltr"] .auth-card .captcha-row{grid-template-areas:"visual refresh answer"}
html[dir="rtl"] .auth-card .captcha-row{grid-template-areas:"answer refresh visual"}
.auth-card .captcha-visual-field{grid-area:visual;margin-bottom:0}
.auth-card .captcha-answer-field{grid-area:answer;margin-bottom:0}
.auth-card .captcha-row .captcha-visual-field{grid-template-rows:auto 64px}
.auth-card .captcha-row .captcha-answer-field{grid-template-rows:auto 52px}
.auth-card .captcha-visual-box{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:64px;
  min-height:64px;
  overflow:visible;
}
.auth-card .captcha-refresh{
  grid-area:refresh;
  width:52px;
  min-width:52px;
  height:52px;
  padding:0;
  margin:0;
  align-self:end;
  display:grid;
  place-items:center;
  font-size:25px;
  line-height:1;
}
.auth-card .captcha-image{
  display:block;
  width:100%;
  height:100%;
  max-width:200px;
  max-height:64px;
  min-height:0;
  object-fit:contain;
}
@media(max-width:640px){
  .auth-card .captcha-row{grid-template-columns:minmax(0,200px) 52px;justify-content:center}
  html[dir="ltr"] .auth-card .captcha-row{grid-template-areas:"visual refresh" "answer answer"}
  html[dir="rtl"] .auth-card .captcha-row{grid-template-areas:"refresh visual" "answer answer"}
}


/* v0.5.77 — theme-aware scrollbars */
html,*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--scroll-track)}
*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
*::-webkit-scrollbar-corner{background:var(--scroll-track)}

/* Store content shares the page builder's palette, fonts, width and button treatment. */
.public-shop {
  box-sizing:border-box;
  width:min(100%,var(--site-max-width,1200px));
  margin-inline:auto;
  padding-block:clamp(2rem,6vw,5rem);
  border-color:var(--line);
}
.builder-active .public-shop {width:min(calc(100% - 2.5rem),var(--site-max-width,1200px))}
.public-shop-head {display:flex;align-items:end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}
.public-shop-head h2,.public-shop-head p,.public-shop-card h3,.public-shop-card p {margin:0;overflow-wrap:anywhere}
.public-shop-head h2 {font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.35}
.public-shop-head p,.public-shop-status,.public-shop-card p {color:var(--muted);line-height:1.8}
.public-shop-head label {display:grid;gap:.375rem;min-width:min(16rem,100%);font-weight:600}
.public-shop-head select {min-height:44px;width:100%;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);padding:.5rem .875rem;font:inherit}
.public-shop-grid {display:grid;gap:clamp(.9rem,2vw,1.5rem);margin-top:1.5rem}
.public-shop-card {display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:.75rem;min-width:0;padding:clamp(1.125rem,2vw,1.75rem);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}
.public-shop-card h3 {font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5}
.public-shop-card .btn {justify-self:start;min-height:42px}
.public-shop-meta {display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.public-shop-meta strong {color:var(--text);font-variant-numeric:tabular-nums}
.public-shop-status:empty {display:none}
.builder-draft-notice {margin:0;text-align:center;padding:.5rem 1rem;background:var(--surface);color:var(--text);border-bottom:1px solid var(--line)}
html[data-preset="axamil-store"] .btn {border-radius:999px}
@media(max-width:540px){.public-shop-head{align-items:stretch}.public-shop-head label{width:100%}}

/* Maintenance notice inherits the public panel theme and typography. */
.access-paused722 .auth-card{max-width:640px;width:100%;margin-inline:auto;text-align:center}.access-paused722 #authTitle{font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.65;outline:none}.access-paused722 #authDesc{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.access-paused722 #portalAccessNotice722{margin-top:28px}.access-paused722 #portalAccessHome722{display:inline-flex;justify-content:center;min-height:44px}@media(max-width:520px){.access-paused722 #portalAccessHome722{width:100%}}

.login-groups710{display:flex;gap:8px;margin-block-end:24px;border-bottom:1px solid var(--line);padding-block-end:12px;flex-wrap:wrap}
.login-groups710 a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:var(--r-md);font:inherit}
.login-groups710 a[aria-current="page"]{color:var(--text);background:var(--surface2);font-weight:700}
#otpForm710{display:grid;gap:18px}#otpForm710.hidden{display:none}#otpForm710 input{font:inherit}#otpForm710 button{font:inherit;min-height:44px}
#otpCode710{text-align:center;letter-spacing:.3em;font-size:24px}.otp-actions710{display:flex;gap:12px;flex-wrap:wrap}#otpCountdown710{font-size:12px;line-height:1.8}

/* Centered sign-in follows the AXAMIL Login visual language and the locked site palette. */
.login-screen710{min-height:100vh;background:radial-gradient(ellipse at 15% 80%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 55%),var(--bg)}
.login-screen710 #siteHeader,.login-screen710>footer{display:none}
.login-screen710 #authView{min-height:100vh;margin:0 auto;padding:40px 20px;display:grid;place-items:center}
.login-screen710 #authView .auth-card{position:relative;width:100%;max-width:560px;box-sizing:border-box;border:1px solid var(--line);border-radius:32px;padding:44px 40px 28px;background:var(--surface);box-shadow:var(--sh-3);text-align:center}
.login-screen710 .auth-close710{position:absolute;inset-inline-end:20px;top:18px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--muted);font-size:26px;font-weight:400;line-height:1;background:var(--surface)}
.auth-brand710{display:none}.login-screen710 .auth-brand710{display:flex;justify-content:center;align-items:center;min-height:52px;margin:8px auto 24px}.auth-brand710 img{max-width:112px;max-height:52px;object-fit:contain}.auth-brand710 span{font-weight:800;font-size:22px;color:var(--text)}
.auth-kicker710{display:none}.login-screen710 .auth-kicker710{display:inline-block;border:1px solid var(--line);border-radius:var(--r-xl);padding:5px 12px;background:var(--surface2);color:var(--muted);font-size:12px;font-weight:600}
.login-screen710 #authTitle{font-size:clamp(26px,3vw,34px);line-height:1.6;margin:16px 0 8px;color:var(--text)}.login-screen710 #authDesc{font-size:15px;line-height:1.9;margin:0 0 24px;color:var(--muted)}
.login-screen710 #otpForm710{gap:20px;text-align:start}.otp-progress710{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 12px}.otp-progress710 i{height:4px;border-radius:var(--r-sm);background:var(--line)}.otp-progress710 i.active{background:var(--text)}
.otp-stage-title710{display:flex;align-items:center;gap:12px;color:var(--text);font-size:18px;font-weight:700;margin-bottom:14px}.otp-stage-title710 svg{width:24px;height:24px;padding:12px;background:var(--surface2);border-radius:var(--r-lg);fill:none;stroke:var(--muted);stroke-width:1.7;box-sizing:content-box}
.otp-mobile-field710{display:flex;border:1.5px solid var(--line);border-radius:var(--r-xl);background:var(--surface);align-items:center;overflow:hidden;transition:border-color .2s,box-shadow .2s}.otp-mobile-field710:focus-within{border-color:var(--text);box-shadow:var(--sh-1)}
.otp-prefix710{align-self:stretch;display:grid;place-items:center;padding:0 18px;color:var(--muted);background:var(--surface2);border-inline-end:1px solid var(--line);font-size:16px}
#otpForm710 .otp-mobile-field710 input{border:0;box-shadow:none;background:transparent;border-radius:0;padding:18px 16px;font-size:19px;min-width:0;height:64px;color:var(--text)}
#otpForm710 #otpCode710{height:64px;border:1.5px solid var(--line);border-radius:var(--r-xl);background:var(--surface);font-size:24px;letter-spacing:.3em;color:var(--text);text-align:center}#otpForm710 #otpCode710:focus{border-color:var(--text);box-shadow:var(--sh-1)}
.otp-destination710{display:block;text-align:start;color:var(--muted);margin:-6px 0 16px;font-size:15px}#otpCountdown710{text-align:center;margin:10px 0 0;color:var(--muted)}
#otpForm710 #otpSubmit710{height:60px;border:0;border-radius:var(--r-lg);background:var(--text);color:var(--surface);font-size:18px;font-weight:700;box-shadow:var(--sh-2)}
#otpForm710 .otp-actions710{justify-content:center;gap:8px}#otpForm710 .otp-actions710 .btn{font-size:13px;padding:6px 12px;box-shadow:none}
.login-screen710 .login-groups710{justify-content:center;margin:22px 0 0;border:0;padding:0;gap:12px;font-size:12px}.login-screen710 .login-groups710 a{padding:5px 9px}.login-screen710 .auth-footnote710{color:var(--muted);font-size:11px;margin:20px 0 0}.login-screen710 .auth-footnote710:before{content:'';display:inline-block;width:5px;height:5px;background:var(--success);border-radius:50%;margin-inline-end:7px}
#otpMobileStage710.hidden{display:none}
@media(max-width:600px){.login-screen710 #authView{padding:16px 12px}.login-screen710 #authView .auth-card{padding:38px 22px 22px;border-radius:var(--r-xl)}.login-screen710 .auth-brand710{margin-bottom:18px}.login-screen710 #authTitle{font-size:27px}.otp-stage-title710{font-size:16px}.login-screen710 #authDesc{font-size:13px}.otp-prefix710{padding-inline:13px}#otpForm710 .otp-mobile-field710 input{font-size:17px;padding-inline:12px}}

#otpForm710 label{margin:0}#otpMessage710:empty{display:none}#otpForm710 .otp-actions710:not(:has(button:not(.hidden))){display:none}

.auth-close710{display:none}

#otpForm710 #otpSubmit710::after{content:'→';font-size:22px;margin-inline-start:12px;font-weight:400}

/* 7.2.2: complete theme surfaces, independent of saved builder text colors. */
.sb-feature-card,.sb-faq details,.sb-contact{color:var(--text)}
.sb-feature-card p,.sb-contact p{color:var(--muted)}
.public-shop{color:var(--text)}
html[data-mode="dark"] .site-head{background:var(--surface-glass);color:var(--text)}

html:not([data-public-ready]) body>*:not(noscript){visibility:hidden}
html:not([data-public-ready]) body{background:var(--bg)}

/* 7.2.2 editable page sections */
.page-hidden712{display:none!important}
.sb-shop .public-shop{width:100%;margin:0;padding:0;border:0}
.sb-feature-grid{grid-template-columns:repeat(var(--section-columns,3),minmax(0,1fr))}
.public-shop-grid{grid-template-columns:repeat(var(--shop-columns,3),minmax(0,1fr))}
.sb-feature-card,.sb-contact,.sb-faq details,.public-shop-card{color:var(--surface-text,var(--text))}
.sb-feature-card h3,.sb-contact h2,.public-shop-card h3{color:inherit}
.sb-feature-card p,.sb-contact p,.public-shop-card p{color:color-mix(in srgb,currentColor 82%,transparent)}
.sb-hero-inner[data-layout="center"]{grid-template-columns:1fr;text-align:center;max-width:960px;margin-inline:auto}
.sb-hero-inner[data-layout="center"] .sb-hero-copy p{margin-inline:auto}
.sb-hero-inner[data-layout="center"] .sb-actions{justify-content:center}
.sb-hero-inner[data-layout="reverse"] .sb-hero-media{order:-1}
.sb-cta712{background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--surface-text,var(--text));border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(24px,5vw,56px)}
.sb-cta712 .sb-hero-copy h1{font-size:clamp(26px,4vw,42px)}
.sb-stats712 .sb-feature-card{text-align:center;background:transparent;border:0;box-shadow:none}
.sb-stats712 .sb-feature-card:before{display:none}
.sb-stats712 h3{font-size:clamp(32px,4vw,48px);color:var(--brand)}
@media(max-width:900px){.sb-feature-grid,.public-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sb-feature-grid,.public-shop-grid{grid-template-columns:1fr}.sb-hero-inner[data-layout="reverse"] .sb-hero-media{order:0}}

/* AXAMIL Login registration skin, isolated from storefront and dashboards. */
.wp-register7220 .auth-card{box-shadow:none;border:0}
.wp-register7220 .auth-brand710{align-items:center;justify-content:center;gap:8px;margin-bottom:18px;height:34px}
.wp-register7220 #authLogo710{display:block;max-width:122px;max-height:34px;object-fit:contain}
.wp-register7220 #authKicker710{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 9px;border:1px solid var(--line);border-radius:99px;background:var(--surface2);color:var(--muted);font-size:10.5px;font-weight:700;margin-bottom:11px}
.wp-register7220 #authTitle{font:inherit;font-size:26px;font-weight:var(--axl-heading-weight,800);letter-spacing:-.02em;line-height:1.35;margin:0 0 7px;color:#0f172a}
.wp-register7220 #authDesc{margin:0 auto;max-width:360px;color:var(--muted);font-size:13px;line-height:1.75}
.wp-register7220 .axl-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0 24px}
.wp-register7220 .axl-progress span{height:3px;border-radius:99px;background:#edf0f4;transition:.25s}
.wp-register7220 .axl-progress span.is-active{background:var(--axl-primary)}
.wp-register7220 .axl-phone{display:flex;align-items:center;height:54px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface2);overflow:hidden;direction:ltr;transition:.18s}
.wp-register7220 fieldset input{width:100%;height:52px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface2);color:var(--text);padding:0 14px;font:inherit;font-size:14px;outline:none;transition:border .18s,box-shadow .18s,background .18s}
.wp-register7220 fieldset input:focus{border-color:var(--axl-primary);background:var(--surface);box-shadow:0 0 0 4px rgba(15,23,42,.055)}
.wp-register7220{--axl-primary:#111827;--axl-radius:30px;--axl-modal-width:470px}.wp-register7220 #authView{display:grid;place-items:center;min-height:85vh}.wp-register7220 .auth-card{text-align:center;max-height:none}.wp-register7220 .auth-brand710,.wp-register7220 .auth-kicker710,.wp-register7220 .auth-close710{display:inline-flex}.wp-register7220 .auth-brand710{display:flex}.wp-register7220 #authLogo710[hidden],.wp-register7220 [hidden]{display:none!important}.wp-register7220 fieldset{text-align:start;border:0;margin:0;padding:0;min-width:0}.wp-register7220 fieldset label{display:block;color:#475467;margin:8px 0}.wp-register7220 .axl-phone span{padding:0 12px;color:var(--muted)}.wp-register7220 .axl-phone input{border:0;min-width:0}.wp-register7220 #regStep7220,.wp-register7220 .regText,.wp-register7220 #authFootnote710{color:var(--muted)}.wp-register7220 .regText{background:none;border:0;font:inherit;padding:10px;cursor:pointer}.wp-register7220 #registerSubmit{width:100%;background:#111827;color:#fff;border:0;border-radius:var(--r-lg);min-height:52px}.wp-register7220 #regCode{text-align:center;letter-spacing:.4em}.wp-register7220 .auth-close710{color:var(--muted);background:var(--surface);position:absolute;top:15px;inset-inline-end:15px}.wp-register7220 fieldset.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wp-register7220 #authTitle{margin-top:10px}@media(max-width:520px){.wp-register7220 .auth-card{padding:24px 18px}.wp-register7220 fieldset.grid{grid-template-columns:1fr}}

body.wp-register7220 #authView .auth-card{position:relative;isolation:isolate;width:min(100%,var(--axl-modal-width));background:rgba(255,255,255,.985);border:1px solid rgba(15,23,42,.075);border-radius:var(--axl-radius);box-shadow:var(--sh-3);padding:31px 32px 25px;overflow:hidden;color:var(--text);max-width:calc(100vw - 28px)} body.wp-register7220 #authView{width:100%;max-width:100%;background:rgba(6,11,20,.64)}body.wp-register7220 .auth-brand710{display:flex;width:100%}body.wp-register7220 .auth-card fieldset input{color:var(--text);background:var(--surface2)}body.wp-register7220 #authKicker710{margin-inline:auto}body.wp-register7220 #authView .auth-card .axl-phone input{border:none;box-shadow:none}body.wp-register7220 #authView .axl-phone:focus-within{outline:2px solid #111827}body.wp-register7220 .auth-footnote710{display:block;text-align:center} @media(max-width:520px){body.wp-register7220 #authView .auth-card{padding:24px 18px}} /*  ---- from celadon713.css ----  */ /* Adapted from TemplateMo 633 Celadon. Original attribution retained. */ .celadon713 *,.celadon713 *::before,.celadon713 *::after{
    box-sizing: border-box
} .celadon713{
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--bar) + 22px);
    scrollbar-gutter: stable
} .celadon713{
    margin: 0
} .celadon713 img{
    max-width: 100%;
    display: block
} .celadon713 button,.celadon713 input{
    font: inherit;
    color: inherit
} .celadon713{
    --sunk: #DCE4F3;
    --jade: #7CCFB0;
    --jade-ink: #2A7A62;
    --coral: #E8735C;
    --sky: #B7D4F5;
    --line: rgba(35, 45, 60, .09);
    --bar: 92px;
    --r: 28px;
    --r-sm: 18px;
    --shell: 1180px;
    --ease: cubic-bezier(.19, .86, .22, 1);
    --clay: 0 22px 38px -20px rgba(35, 45, 60, .36), 0 8px 16px -10px rgba(35, 45, 60, .18), inset 2px 3px 4px 0 rgba(255, 255, 255, .95), inset -3px -5px 9px 0 rgba(35, 45, 60, .09);
    --clay-sm: 0 12px 22px -13px rgba(35, 45, 60, .34), inset 2px 2px 3px 0 rgba(255, 255, 255, .92), inset -2px -3px 6px 0 rgba(35, 45, 60, .10);
    --well: inset 4px 5px 11px -3px rgba(35, 45, 60, .22), inset -2px -3px 6px 0 rgba(255, 255, 255, .9);
    /* flat gloss set, hard stop at 46 percent with a bright top lip */
    --gloss: linear-gradient(180deg, #FEFEFF 0%, #F5F8FD 46%, #E9EFFA 46.01%, #DEE7F6 100%);
    /* plate scale gloss, the same step but far gentler so it reads as sheen on a big surface */
    --gloss-plate: linear-gradient(180deg, #FDFEFF 0%, #F7F9FE 46%, #F1F5FC 46.01%, #EAF0F9 100%);
    --gloss-down: linear-gradient(180deg, #E1E9F6 0%, #EAF0FA 54%, #F5F8FD 54.01%, #FCFDFF 100%);
    --gloss-jade: linear-gradient(180deg, #B2E7D2 0%, #90D9BD 46%, #6BC5A5 46.01%, #52B492 100%);
    --gloss-jade-down: linear-gradient(180deg, #4FB08F 0%, #63C0A0 54%, #89D6B9 54.01%, #AAE3CD 100%);
    --lip: inset 0 1px 0 0 rgba(255, 255, 255, 1), inset 0 -1px 0 0 rgba(35, 45, 60, .12);
    --lip-jade: inset 0 1px 0 0 rgba(255, 255, 255, .8), inset 0 -1px 0 0 rgba(16, 72, 56, .4);
    --lift: 0 10px 18px -11px rgba(35, 45, 60, .6), 0 2px 4px -2px rgba(35, 45, 60, .16);
    --lift-hi: 0 20px 30px -15px rgba(35, 45, 60, .6), 0 5px 9px -4px rgba(35, 45, 60, .2);
    --lift-jade: 0 12px 20px -11px rgba(42, 122, 98, .9), 0 2px 4px -2px rgba(42, 122, 98, .3);
    --lift-jade-hi: 0 22px 32px -15px rgba(42, 122, 98, .95), 0 5px 9px -4px rgba(42, 122, 98, .38);
    --sheen: linear-gradient(100deg, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, .92) 48%, rgba(255, 255, 255, 0) 61%);
    --sheen-soft: linear-gradient(100deg, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, .55) 48%, rgba(255, 255, 255, 0) 61%);
    --sink: 0 1px 2px -1px rgba(35, 45, 60, .3), inset 0 2px 5px 0 rgba(35, 45, 60, .2);
} .celadon713{
    background: var(--canvas);
    color: var(--ink);
    font-size: 16.5px;
    -webkit-font-smoothing: antialiased;
} body.celadon713::before{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(48vw 40vw at 12% 6%, rgba(183, 212, 245, .55), transparent 62%),
        radial-gradient(40vw 36vw at 88% 22%, rgba(124, 207, 176, .34), transparent 64%),
        radial-gradient(52vw 44vw at 60% 96%, rgba(232, 115, 92, .14), transparent 66%);
} .celadon713 h1,.celadon713 h2,.celadon713 h3,.celadon713 h4{
    font-family: var(--ax-font-heading);
    font-weight: 300;
    letter-spacing: -.022em;
    margin: 0;
    line-height: 1.1
} .celadon713 p{
    margin: 0
} .celadon713 a{
    color: inherit
} .celadon713 .shell{
    width: min(var(--shell), calc(100vw - 44px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
    min-width: 0
} .celadon713 section{
    position: relative;
    z-index: 1
} .celadon713 .pad{
    padding: 84px 0
} .celadon713 .pad-s{
    padding: 68px 0
} .celadon713 .eyebrow{
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jade-ink);
    display: inline-flex;
    align-items: center;
    gap: 9px;
} .celadon713 .eyebrow::before{
    content: "";
    width: 22px;
    height: 5px;
    border-radius: 99px;
    background: var(--jade);
    box-shadow: inset 0 -2px 3px rgba(35, 45, 60, .2)
} .celadon713 .h2{
    font-size: clamp(2rem, 4.2vw, 3.15rem);
    max-width: 19ch;
    margin: 16px 0 0
} .celadon713 .lede{
    color: var(--ink-2);
    max-width: 52ch;
    margin-top: 16px
} .celadon713 .center{
    text-align: center
} .celadon713 .center .h2,.celadon713 .center .lede{
    margin-left: auto;
    margin-right: auto
} .celadon713 .center .h2{
    max-width: 17ch
} .celadon713 .clay{
    background: linear-gradient(160deg, #FAFCFF, var(--plate) 46%, var(--plate-2));
    border-radius: var(--r);
    box-shadow: var(--clay)
} .celadon713 .well{
    background: var(--sunk);
    border-radius: 99px;
    box-shadow: var(--well)
} .celadon713 .btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 26px;
    border: 0;
    border-radius: 99px;
    cursor: pointer;
    font-size: .95rem;
    background-image: var(--sheen), var(--gloss);
    background-size: 240% 100%, 100% 100%;
    background-position: -135% 0, 0 0;
    background-repeat: no-repeat;
    color: var(--ink);
    box-shadow: var(--lift), var(--lip);
    /* background-position holds at 0s so the sheen never runs backwards on mouse out */
    transition: box-shadow .24s var(--ease), transform .24s var(--ease), background-image .16s linear, background-position 0s;
} .celadon713 .btn:hover{
    transform: translateY(-3px);
    box-shadow: var(--lift-hi), var(--lip);
    background-position: 135% 0, 0 0;
    transition: box-shadow .24s var(--ease), transform .24s var(--ease), background-position .85s var(--ease);
} .celadon713 .btn:active{
    transform: translateY(1px);
    background-image: var(--sheen), var(--gloss-down);
    box-shadow: var(--sink)
} .celadon713 .btn:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 3px
} .celadon713 .btn.solid{
    background-image: var(--sheen-soft), var(--gloss-jade);
    color: #0E3A2E;
    box-shadow: var(--lift-jade), var(--lip-jade);
} .celadon713 .btn.solid:hover{
    box-shadow: var(--lift-jade-hi), var(--lip-jade)
} .celadon713 .btn.solid:active{
    background-image: var(--sheen-soft), var(--gloss-jade-down);
    box-shadow: 0 1px 2px -1px rgba(20, 80, 62, .4), inset 0 2px 6px 0 rgba(14, 58, 46, .34)
} .celadon713 .btn.wide{
    width: 100%
} @media  (hover:none) {.celadon713 .btn:hover{
        transform: none;
        background-position: -135% 0, 0 0
    }} .celadon713 .top{
    position: fixed;
    top: 16px;
    left: 0;
    right: 0;
    z-index: 60
} .celadon713 .bar{
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 11px 11px 11px 22px;
    border-radius: 99px;
    background: linear-gradient(180deg, rgba(254, 254, 255, .94) 0%, rgba(244, 247, 253, .92) 46%, rgba(232, 238, 250, .9) 46.01%, rgba(222, 231, 246, .9) 100%);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: var(--lift), var(--lip);
    transition: box-shadow .3s var(--ease), transform .3s var(--ease);
} .celadon713 .top.stuck .bar{
    box-shadow: var(--sh-2)
} .celadon713 .brand{
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-family: var(--ax-font-body);
    font-size: 1.22rem;
    font-weight: 500;
    letter-spacing: -.03em
} .celadon713 .mark{
    width: 30px;
    height: 30px;
    border-radius: var(--r-md);
    flex: 0 0 auto;
    background: linear-gradient(155deg, #9BDCC3, var(--jade) 55%, #5FBB9C);
    box-shadow: 0 8px 14px -8px rgba(42, 122, 98, .8), inset 1px 2px 3px rgba(255, 255, 255, .75), inset -2px -3px 5px rgba(20, 80, 62, .28);
    position: relative
} .celadon713 .mark::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 52%;
    width: 11px;
    height: 11px;
    transform: translate(-50%, -50%);
    border-radius: 99px 99px 99px 3px;
    background: rgba(18, 63, 51, .55);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, .35)
} .celadon713 .nav{
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto
} .celadon713 .nav a{
    position: relative;
    text-decoration: none;
    font-size: .92rem;
    font-weight: 500;
    color: var(--ink-2);
    padding: 9px 15px;
    border-radius: 99px;
    transition: color .2s, box-shadow .25s var(--ease), background .25s;
} .celadon713 .nav a:hover{
    color: var(--ink);
    background: rgba(220, 228, 243, .7);
    box-shadow: var(--well)
} .celadon713 .nav a:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 2px
} .celadon713 .top .btn{
    padding: 12px 22px
} .celadon713 .burger{
    display: none;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 99px;
    cursor: pointer;
    background: var(--gloss);
    box-shadow: var(--lift), var(--lip);
    position: relative;
    transition: box-shadow .18s var(--ease), background .18s linear
} .celadon713 .burger:active{
    background: var(--gloss-down);
    box-shadow: var(--sink)
} .celadon713 .burger span{
    position: absolute;
    left: 13px;
    width: 18px;
    height: 2.5px;
    border-radius: 99px;
    background: var(--ink);
    transition: transform .3s var(--ease), opacity .2s
} .celadon713 .burger span:nth-child(1){
    top: 16px
} .celadon713 .burger span:nth-child(2){
    top: 21.5px
} .celadon713 .burger span:nth-child(3){
    top: 27px
} .celadon713 .burger[aria-expanded="true"] span:nth-child(1){
    transform: translateY(5.5px) rotate(45deg)
} .celadon713 .burger[aria-expanded="true"] span:nth-child(2){
    opacity: 0
} .celadon713 .burger[aria-expanded="true"] span:nth-child(3){
    transform: translateY(-5.5px) rotate(-45deg)
} .celadon713 .scrim{
    position: fixed;
    inset: 0;
    z-index: 70;
    background: rgba(35, 45, 60, .32);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0s .3s
} .celadon713 .scrim.on{
    opacity: 1;
    visibility: visible;
    transition: opacity .3s
} .celadon713 .drawer{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 80;
    width: min(360px, 86vw);
    height: 100vh;
    height: 100dvh;
    padding: 80px 26px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: linear-gradient(170deg, #F7FAFF, var(--plate) 40%, var(--plate-2));
    box-shadow: var(--sh-3);
    transform: translateX(104%);
    transition: transform .42s var(--ease);
} .celadon713 .drawer.on{
    transform: none
} .celadon713 .drawer{
    scrollbar-width: thin;
    scrollbar-color: var(--jade) var(--sunk)
} .celadon713 .drawer::-webkit-scrollbar{
    width: 10px
} .celadon713 .drawer::-webkit-scrollbar-track{
    background: var(--sunk);
    border-radius: 99px;
    margin: 26px 0;
    box-shadow: inset 2px 0 4px -1px rgba(35, 45, 60, .22), inset -1px 0 2px rgba(255, 255, 255, .8)
} .celadon713 .drawer::-webkit-scrollbar-thumb{
    background: linear-gradient(90deg, #B2E7D2 0%, #90D9BD 46%, #6BC5A5 46.01%, #52B492 100%);
    border-radius: 99px;
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .7), inset -1px 0 0 rgba(16, 72, 56, .35)
} .celadon713 .drawer::-webkit-scrollbar-thumb:hover{
    background: linear-gradient(90deg, #C0EBDA 0%, #9EDFC6 46%, #78CDAE 46.01%, #5FBB9C 100%);
    background-clip: padding-box
} .celadon713 .drawer a:not(.btn){
    display: block;
    text-decoration: none;
    font-size: 1.15rem;
    font-weight: 500;
    color: var(--ink);
    padding: 14px 18px;
    border-radius: var(--r-sm);
    margin-bottom: 6px;
    transition: box-shadow .25s var(--ease), background .25s;
} .celadon713 .drawer a:not(.btn):hover{
    background: var(--sunk);
    box-shadow: var(--well)
} .celadon713 .drawer .btn{
    display: flex;
    width: 100%;
    justify-content: center;
    color: #123F33;
    margin-top: 20px
} .celadon713 .drawer .dtag{
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ink-2);
    padding: 0 18px;
    margin-bottom: 14px;
    display: block
} .celadon713 body.lock{
    overflow: hidden
} .celadon713 .hero{
    padding: calc(var(--bar) + 62px) 0 30px;
    text-align: center
} .celadon713 .pill{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px 8px 10px;
    border-radius: 99px;
    font-size: .82rem;
    font-weight: 500;
    color: var(--ink-2);
    background: var(--gloss);
    box-shadow: var(--lift), var(--lip);
} .celadon713 .pill b{
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 99px;
    background: var(--gloss-jade);
    color: #0E3A2E;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    box-shadow: var(--sh-2)
} .celadon713 .hero h1{
    font-size: clamp(2.6rem, 7vw, 4.9rem);
    margin: 26px auto 0;
    max-width: 14ch;
    font-weight: 200
} .celadon713 .hero .sub{
    color: var(--ink-2);
    max-width: 50ch;
    margin: 20px auto 0;
    font-size: 1.06rem
} .celadon713 .acts{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    margin-top: 34px
} .celadon713 .note{
    margin-top: 16px;
    font-size: .83rem;
    color: var(--ink-2)
} .celadon713 .stage{
    position: relative;
    margin: 58px auto 0;
    max-width: 920px;
    height: 430px;
    pointer-events: none
} .celadon713 .stage>*{
    position: absolute;
    will-change: transform
} .celadon713 .slab{
    border-radius: var(--r-xl);
    background: linear-gradient(160deg, #FBFDFF, var(--plate) 48%, var(--plate-2));
    box-shadow: var(--clay);
    padding: 18px 20px;
    text-align: left
} .celadon713 .slab .src{
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--ink-2);
    display: flex;
    align-items: center;
    gap: 8px
} .celadon713 .dot{
    width: 9px;
    height: 9px;
    border-radius: 99px;
    box-shadow: inset 0 -2px 3px rgba(35, 45, 60, .28), inset 0 2px 2px rgba(255, 255, 255, .6)
} .celadon713 .slab p{
    margin-top: 9px;
    font-size: .9rem;
    line-height: 1.5;
    color: var(--ink)
} .celadon713 .s1{
    left: 0;
    top: 24px;
    width: 262px
} .celadon713 .s2{
    right: 6px;
    top: 0;
    width: 250px
} .celadon713 .s3{
    left: 34px;
    bottom: 6px;
    width: 236px
} .celadon713 .s4{
    right: 24px;
    bottom: 22px;
    width: 244px
} .celadon713 .core{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(360px, 74vw);
    border-radius: 34px;
    padding: 26px 26px 22px;
    text-align: left;
    background: linear-gradient(158deg, var(--surface), var(--surface2) 46%, #E7EEFA);
    box-shadow: 0 34px 54px -24px rgba(35, 45, 60, .42), 0 12px 22px -12px rgba(35, 45, 60, .22), inset 2px 3px 5px 0 rgba(255, 255, 255, .98), inset -4px -6px 12px 0 rgba(35, 45, 60, .11);
} .celadon713 .core .lab{
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jade-ink)
} .celadon713 .core h3{
    margin-top: 10px
} .celadon713 .core .meter{
    margin-top: 18px;
    height: 13px;
    border-radius: 99px;
    background: var(--sunk);
    box-shadow: var(--well);
    overflow: hidden
} .celadon713 .core .meter i{
    display: block;
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, #9BDCC3, var(--jade));
    box-shadow: inset 0 -3px 5px rgba(20, 80, 62, .3), inset 0 2px 3px rgba(255, 255, 255, .6)
} .celadon713 .core .row{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 13px;
    font-size: .82rem;
    color: var(--ink-2)
} .celadon713 .core .row b{
    font-family: var(--ax-font-body);
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--ink);
    font-variant-numeric: tabular-nums
} .celadon713 .trust{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 46px;
    opacity: .5
} .celadon713 .trust span{
    font-family: var(--ax-font-body);
    font-size: 1.12rem;
    font-weight: 400;
    letter-spacing: -.01em
} .celadon713 .trust-cap{
    text-align: center;
    font-size: .76rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--ink-2);
    margin-bottom: 26px
} .celadon713 .hint{
    margin-top: 22px;
    font-size: .83rem;
    color: var(--ink-2);
    letter-spacing: .02em
} .celadon713 .slabrow{
    display: flex;
    gap: 12px;
    margin-top: 44px;
    height: 470px;
    min-width: 0
} .celadon713 .stave{
    position: relative;
    flex: 0 1 98px;
    min-width: 0;
    overflow: hidden;
    cursor: pointer;
    border-radius: var(--r-xl);
    background: linear-gradient(163deg, #E9EEF8, #DBE4F2);
    box-shadow: 0 18px 30px -18px rgba(35, 45, 60, .4), inset 2px 3px 4px 0 rgba(255, 255, 255, .8), inset -3px -5px 9px 0 rgba(35, 45, 60, .1);
    transition: flex-grow .58s var(--ease), transform .3s var(--ease), background-color .5s linear;
} .celadon713 .stave[open]{
    flex-grow: 1;
    cursor: default;
    background-image: var(--gloss-plate);
    background-color: var(--surface2)
} .celadon713 .stave:not([open]):hover{
    transform: translateY(-5px)
} .celadon713 .stave:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 3px
} .celadon713 .stave::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 34px;
    height: 4px;
    border-radius: 0 0 99px 99px;
    background: var(--jade);
    transform: translateX(-50%) scaleX(0);
    transform-origin: 50% 0;
    transition: transform .3s var(--ease)
} .celadon713 .stave:not([open]):hover::after{
    transform: translateX(-50%) scaleX(1)
} .celadon713 .spine{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 26px 0 28px;
    transition: opacity .28s var(--ease)
} .celadon713 .spine .pip{
    width: 16px;
    height: 16px;
    border-radius: 99px;
    flex: 0 0 auto;
    box-shadow: var(--sh-2)
} .celadon713 .spine .st{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    font-size: .96rem;
    font-weight: 600;
    color: var(--ink-2);
    letter-spacing: .005em
} .celadon713 .bodywrap{
    position: absolute;
    inset: 0
} .celadon713 .body{
    width: 100%;
    min-width: 430px;
    height: 100%;
    padding: 38px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity .42s var(--ease) .16s, transform .42s var(--ease) .16s;
} .celadon713 .stave[open] .body{
    opacity: 1;
    transform: none;
    pointer-events: auto
} .celadon713 .body h3{
    font-size: 1.78rem;
    margin-top: 24px;
    max-width: 18ch
} .celadon713 .body p{
    color: var(--ink-2);
    margin-top: 13px;
    max-width: 42ch
} .celadon713 .proof{
    margin-top: 26px;
    padding: 15px 20px;
    border-radius: var(--r-lg);
    background: var(--sunk);
    box-shadow: var(--well);
    font-size: .87rem;
    color: var(--ink-2);
    max-width: 42ch
} .celadon713 .proof b{
    color: var(--ink);
    font-weight: 600
} .celadon713 .tile{
    width: 54px;
    height: 54px;
    border-radius: var(--r-xl);
    display: grid;
    place-items: center;
    box-shadow: 0 12px 18px -12px rgba(35, 45, 60, .55), inset 2px 2px 3px rgba(255, 255, 255, .7), inset -3px -4px 7px rgba(35, 45, 60, .16)
} .celadon713 .tile svg{
    width: 25px;
    height: 25px;
    stroke: var(--text);
    stroke-width: 1.9;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
} .celadon713 .t-jade{
    background: linear-gradient(155deg, #A6E1CB, var(--jade))
} .celadon713 .t-sky{
    background: linear-gradient(155deg, #CFE3FA, var(--sky))
} .celadon713 .t-coral{
    background: linear-gradient(155deg, #F2A491, var(--coral))
} .celadon713 .t-coral svg,.celadon713 .t-sky svg{
    stroke: var(--text)
} .celadon713 .track{
    position: relative;
    display: grid;
    gap: 26px
} .celadon713 .track>*{
    min-width: 0
} .celadon713 .track::before{
    content: "";
    position: absolute;
    left: 16%;
    right: 16%;
    top: 38px;
    height: 4px;
    border-radius: 99px;
    background: repeating-linear-gradient(90deg, rgba(35, 45, 60, .22) 0 6px, transparent 6px 15px);
} .celadon713 .step{
    position: relative;
    text-align: center;
    padding-top: 0
} .celadon713 .disc{
    width: 76px;
    height: 76px;
    margin: 0 auto;
    border-radius: 99px;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 2;
    font-family: var(--ax-font-body);
    font-size: 1.7rem;
    font-weight: 400;
    color: var(--ink);
    background: linear-gradient(158deg, #FCFEFF, var(--plate) 48%, #E5ECF9);
    box-shadow: 0 18px 28px -16px rgba(35, 45, 60, .45), inset 2px 3px 4px rgba(255, 255, 255, .98), inset -3px -5px 10px rgba(35, 45, 60, .13);
} .celadon713 .step h3{
    margin-top: 24px
} .celadon713 .step p{
    color: var(--ink-2);
    margin-top: 10px;
    max-width: 34ch;
    margin-left: auto;
    margin-right: auto
} .celadon713 .chips{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 38px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto
} .celadon713 .chip{
    display: inline-flex;
    align-items: center;
    padding: 11px 20px;
    border-radius: 99px;
    font-weight: 500;
    background: var(--gloss);
    box-shadow: var(--lift), var(--lip);
    transition: transform .26s var(--ease), box-shadow .26s var(--ease)
} .celadon713 .chip:hover{
    box-shadow: var(--clay)
} .celadon713 .chip i{
    width: 11px;
    height: 11px;
    border-radius: var(--r-sm);
    box-shadow: inset 0 -2px 3px rgba(35, 45, 60, .3), inset 0 2px 2px rgba(255, 255, 255, .55)
} .celadon713 .statplate{
    border-radius: 36px;
    padding: 44px;
    background: linear-gradient(158deg, #FAFCFF, var(--plate) 48%, var(--plate-2));
    box-shadow: var(--clay);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px
} .celadon713 .statplate>*{
    min-width: 0
} .celadon713 .stat{
    border-radius: var(--r-xl);
    padding: 28px 24px;
    text-align: center;
    background: var(--sunk);
    box-shadow: var(--well)
} .celadon713 .stat b{
    display: block;
    font-family: var(--ax-font-body);
    font-size: clamp(2.2rem, 4.4vw, 3rem);
    font-weight: 300;
    letter-spacing: -.03em;
    font-variant-numeric: tabular-nums
} .celadon713 .stat span{
    display: block;
    color: var(--ink-2);
    font-size: .88rem;
    margin-top: 6px
} .celadon713 .railhead{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap
} .celadon713 .railnav{
    display: flex;
    align-items: center;
    gap: 12px
} .celadon713 .count{
    font-variant-numeric: tabular-nums;
    font-size: .86rem;
    color: var(--ink-2);
    letter-spacing: .08em;
    min-width: 64px;
    text-align: center
} .celadon713 .arw{
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 99px;
    cursor: pointer;
    display: grid;
    place-items: center;
    background: var(--gloss);
    box-shadow: var(--lift), var(--lip);
    transition: transform .18s var(--ease), box-shadow .18s var(--ease), background .18s linear, opacity .22s
} .celadon713 .arw svg{
    width: 17px;
    height: 17px;
    stroke: var(--ink);
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
} .celadon713 .arw:not([disabled]):hover{
    transform: translateY(-2px)
} .celadon713 .arw:not([disabled]):active{
    transform: translateY(1px);
    background: var(--gloss-down);
    box-shadow: var(--sink)
} .celadon713 .arw[disabled]{
    opacity: .4;
    cursor: default;
    box-shadow: var(--well);
    background: var(--sunk)
} .celadon713 .arw:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 3px
} .celadon713 .viewport{
    margin-top: 34px;
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
    touch-action: pan-y;
    cursor: grab;
    padding: 26px 0 55px
} .celadon713 .viewport.dragging{
    cursor: grabbing
} .celadon713 .lane{
    display: flex;
    gap: 22px;
    padding-left: 4px;
    align-items: stretch;
    will-change: transform;
    user-select: none;
    -webkit-user-select: none
} .celadon713 .lane *{
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none
} .celadon713 .quote{
    flex: 0 0 auto;
    width: min(400px, 80vw);
    border-radius: var(--r);
    padding: 28px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(160deg, #FAFCFF, var(--plate) 46%, var(--plate-2));
    box-shadow: var(--clay);
    will-change: transform;
} .celadon713 .quote.tint{
    background: linear-gradient(158deg, var(--surface2), var(--surface2) 48%, #E4F0EC)
} .celadon713 .qtop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px
} .celadon713 .co{
    display: flex;
    align-items: center;
    gap: 9px;
    font-family: var(--ax-font-body);
    font-size: 1.04rem;
    font-weight: 500;
    letter-spacing: -.025em
} .celadon713 .co i{
    width: 11px;
    height: 11px;
    border-radius: 99px;
    flex: 0 0 auto;
    box-shadow: var(--sh-1)
} .celadon713 .result{
    font-size: .73rem;
    font-weight: 600;
    padding: 6px 13px;
    border-radius: 99px;
    white-space: nowrap;
    background: var(--gloss);
    box-shadow: var(--sh-2)
} .celadon713 .quote blockquote{
    margin: 24px 0 0;
    font-family: var(--ax-font-body);
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.48;
    letter-spacing: -.018em
} .celadon713 .groove{
    height: 3px;
    border-radius: 99px;
    background: var(--sunk);
    box-shadow: var(--well);
    margin-top: auto
} .celadon713 .who{
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 20px;
    margin-top: 22px
} .celadon713 .who .groove{
    display: none
} .celadon713 .face{
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    border-radius: 99px;
    display: grid;
    place-items: center;
    font-family: var(--ax-font-body);
    font-weight: 500;
    font-size: 1rem;
    color: var(--text);
    box-shadow: 0 10px 16px -10px rgba(35, 45, 60, .5), inset 2px 2px 3px rgba(255, 255, 255, .65), inset -2px -3px 6px rgba(35, 45, 60, .18)
} .celadon713 .who b{
    display: block;
    font-family: var(--ax-font-body);
    font-size: .95rem;
    font-weight: 600
} .celadon713 .who span:not(.face){
    display: block;
    font-size: .84rem;
    color: var(--ink-2)
} .celadon713 .toggle{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 34px;
    font-size: .93rem
} .celadon713 .toggle .lbl{
    color: var(--ink-2);
    transition: color .25s;
    font-weight: 500
} .celadon713 .toggle .lbl.on{
    color: var(--ink)
} .celadon713 .switch{
    width: 74px;
    height: 38px;
    border-radius: 99px;
    background: var(--sunk);
    box-shadow: var(--well);
    position: relative;
    cursor: pointer;
    flex: 0 0 auto
} .celadon713 .switch:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 4px
} .celadon713 .knob{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 28px;
    height: 28px;
    border-radius: 99px;
    background: var(--gloss);
    box-shadow: var(--sh-2);
    transition: transform .34s var(--ease), background .34s linear, box-shadow .34s
} .celadon713 .switch[aria-checked="true"] .knob{
    transform: translateX(36px);
    background: var(--gloss-jade);
    box-shadow: var(--sh-2)
} .celadon713 .save{
    font-size: .74rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 99px;
    background: var(--gloss-jade);
    color: #0E3A2E;
    box-shadow: var(--sh-2)
} .celadon713 .plans{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 44px;
    align-items: start
} .celadon713 .plans>*{
    min-width: 0
} .celadon713 .plan{
    border-radius: var(--r);
    padding: 32px 28px;
    background: linear-gradient(160deg, #FAFCFF, var(--plate) 46%, var(--plate-2));
    box-shadow: var(--clay)
} .celadon713 .plan.hot{
    background: linear-gradient(158deg, var(--surface), var(--surface2) 50%, #E4F1EC);
    box-shadow: 0 34px 52px -24px rgba(42, 122, 98, .4), 0 12px 20px -12px rgba(35, 45, 60, .2), inset 2px 3px 5px rgba(255, 255, 255, .98), inset -4px -6px 12px rgba(42, 122, 98, .14);
    transform: translateY(-14px)
} .celadon713 .plan .tag{
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-2)
} .celadon713 .plan.hot .tag{
    color: var(--jade-ink)
} .celadon713 .plan .cost{
    margin-top: 16px;
    display: flex;
    align-items: baseline;
    gap: 7px
} .celadon713 .plan .cost b{
    font-family: var(--ax-font-body);
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: -.035em;
    font-variant-numeric: tabular-nums
} .celadon713 .plan .cost span{
    color: var(--ink-2);
    font-size: .88rem
} .celadon713 .plan .total{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 7px 14px;
    border-radius: 99px;
    font-size: .82rem;
    color: var(--ink-2);
    background: var(--sunk);
    box-shadow: var(--well);
    font-variant-numeric: tabular-nums;
    transition: color .25s;
} .celadon713 .plan .total b{
    color: var(--ink);
    font-weight: 600
} .celadon713 .plan .total .was{
    text-decoration: line-through;
    opacity: .55
} .celadon713 .plans.yearly .plan .total{
    color: var(--jade-ink)
} .celadon713 .plans.yearly .plan .total b{
    color: var(--jade-ink)
} .celadon713 .plan .desc{
    color: var(--ink-2);
    font-size: .92rem;
    margin-top: 10px;
    min-height: 44px
} .celadon713 .plan .btn{
    margin-top: 22px
} .celadon713 .feat{
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
    display: grid;
    gap: 12px
} .celadon713 .feat li{
    display: flex;
    gap: 11px;
    font-size: .93rem;
    color: var(--ink-2);
    align-items: flex-start
} .celadon713 .feat i{
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    margin-top: 2px;
    border-radius: 99px;
    background: linear-gradient(155deg, #A6E1CB, var(--jade));
    box-shadow: inset 0 -2px 3px rgba(20, 80, 62, .3), inset 0 2px 2px rgba(255, 255, 255, .6);
    position: relative
} .celadon713 .feat i::after{
    content: "";
    position: absolute;
    left: 6.5px;
    top: 5px;
    width: 5px;
    height: 9px;
    border: solid #12433A;
    border-width: 0 2px 2px 0;
    transform: rotate(42deg)
} .celadon713 .faq{
    max-width: 790px;
    margin: 48px auto 0;
    display: grid;
    gap: 14px
} .celadon713 .q{
    transition: box-shadow .3s var(--ease)
} .celadon713 .q:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 3px
} .celadon713 .qh{
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 24px
} .celadon713 .qh h3{
    flex: 1 1 auto;
    letter-spacing: 0
} .celadon713 .plus{
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    border-radius: 99px;
    background: var(--sunk);
    box-shadow: var(--well);
    position: relative
} .celadon713 .plus::before,.celadon713 .plus::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--ink);
    border-radius: 99px;
    transition: transform .32s var(--ease)
} .celadon713 .plus::before{
    width: 13px;
    height: 2.4px;
    transform: translate(-50%, -50%)
} .celadon713 .plus::after{
    width: 2.4px;
    height: 13px;
    transform: translate(-50%, -50%)
} .celadon713 .q[open] .plus::after{
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0
} .celadon713 .qb{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .38s var(--ease)
} .celadon713 .q[open] .qb{
    grid-template-rows: 1fr
} .celadon713 .qb>div{
    overflow: hidden
} .celadon713 .qb p{
    padding: 0 24px 24px;
    color: var(--ink-2);
    font-size: .95rem
} .celadon713 .close-plate{
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 40px 60px -28px rgba(35, 45, 60, .42), inset 3px 4px 6px rgba(255, 255, 255, .98), inset -5px -7px 14px rgba(35, 45, 60, .11)
} .celadon713 .close-plate h2{
    margin: 18px auto 0
} .celadon713 .form{
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 32px
} .celadon713 .field{
    width: min(330px, 100%);
    padding: 15px 24px;
    border: 0;
    border-radius: 99px;
    background: var(--sunk);
    box-shadow: var(--well);
    outline: none;
    font-size: .95rem
} .celadon713 .field::placeholder{
    color: var(--ink-2)
} .celadon713 .field:focus{
    box-shadow: var(--well), 0 0 0 3px rgba(42, 122, 98, .5)
} .celadon713 .foot{
    padding: 34px 0 44px
} .celadon713 .footbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding: 20px 26px;
    border-radius: 99px;
    background: linear-gradient(160deg, #F8FBFF, var(--plate-2));
    box-shadow: var(--clay-sm)
} .celadon713 .footbar p{
    font-size: .86rem;
    color: var(--ink-2);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center
} .celadon713 .footbar a{
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--ink);
    font-weight: 600;
    font-size: .82rem;
    padding: 7px 15px;
    border-radius: 99px;
    background-image: var(--sheen), var(--gloss);
    background-size: 240% 100%, 100% 100%;
    background-position: -135% 0, 0 0;
    background-repeat: no-repeat;
    box-shadow: var(--sh-2);
    transition: transform .24s var(--ease), box-shadow .24s var(--ease), background-image .16s linear, background-position 0s;
} .celadon713 .footbar a:hover{
    transform: translateY(-2px);
    box-shadow: var(--sh-2);
    background-position: 135% 0, 0 0;
    transition: transform .24s var(--ease), box-shadow .24s var(--ease), background-position .85s var(--ease);
} .celadon713 .footbar a:active{
    transform: translateY(1px);
    background-image: var(--sheen), var(--gloss-down);
    box-shadow: var(--sink)
} .celadon713 .footbar a:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 3px
} .celadon713 .sfx{
    position: fixed;
    left: 22px;
    bottom: 24px;
    z-index: 55;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: opacity .3s var(--ease)
} .celadon713 body.lock .sfx{
    opacity: 0;
    pointer-events: none
} .celadon713 .sbtn{
    --wave: rgba(35, 45, 60, .32);
    position: relative;
    width: 42px;
    height: 30px;
    flex: 0 0 auto;
    border: 0;
    border-radius: 99px;
    cursor: pointer;
    display: grid;
    place-items: center;
    padding: 0;
    background-image: var(--gloss);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: var(--sh-2);
    transition: transform .2s var(--ease), box-shadow .2s var(--ease), background-image .16s linear;
} .celadon713 .sbtn:hover{
    transform: translateY(-2px)
} .celadon713 .sbtn:active{
    transform: translateY(1px);
    background-image: var(--gloss-down);
    box-shadow: var(--sink)
} .celadon713 .sbtn:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 3px
} .celadon713 .sbtn.armed{
    --wave: var(--jade-ink)
} .celadon713 .sbtn svg{
    width: 18px;
    height: 18px;
    display: block;
    overflow: visible
} .celadon713 .sbtn .cone{
    fill: var(--ink)
} .celadon713 .sbtn .w1,.celadon713 .sbtn .w2{
    fill: none;
    stroke: var(--wave);
    stroke-width: 1.9;
    stroke-linecap: round;
    transition: stroke .25s, opacity .2s
} .celadon713 .sbtn .w2{
    stroke-width: 1.7
} .celadon713 .sbtn .slash{
    fill: none;
    stroke: var(--ink);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 22;
    stroke-dashoffset: 22;
    transition: stroke-dashoffset .28s var(--ease)
} .celadon713 .sbtn.off .w1,.celadon713 .sbtn.off .w2{
    opacity: 0
} .celadon713 .sbtn.off .slash{
    stroke-dashoffset: 0
} .celadon713 .scue{
    font-size: .76rem;
    color: var(--ink-2);
    white-space: nowrap;
    padding: 6px 13px;
    border-radius: 99px;
    background: var(--gloss);
    box-shadow: var(--sh-2);
    transition: opacity .35s var(--ease), transform .35s var(--ease);
} .celadon713 .scue.gone{
    opacity: 0;
    transform: translateX(-8px);
    pointer-events: none
} .celadon713 .up{
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 55;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 99px;
    cursor: pointer;
    display: grid;
    place-items: center;
    background: var(--gloss);
    box-shadow: var(--lift), var(--lip);
    opacity: 0;
    transform: translateY(26px);
    pointer-events: none;
    transition: opacity .32s var(--ease), transform .32s var(--ease), background .18s linear, box-shadow .18s var(--ease)
} .celadon713 .up svg{
    width: 17px;
    height: 17px;
    stroke: var(--ink);
    stroke-width: 2.1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
} .celadon713 body.away .up{
    opacity: 1;
    transform: none;
    pointer-events: auto
} .celadon713 body.lock .up{
    opacity: 0;
    transform: translateY(26px);
    pointer-events: none
} .celadon713 .up:active{
    background: var(--gloss-down);
    box-shadow: var(--sink)
} .celadon713 .up:focus-visible{
    outline: 3px solid var(--jade-ink);
    outline-offset: 3px
} .celadon713 .rv{
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .7s var(--ease), transform .7s var(--ease)
} .celadon713 .rv.in{
    opacity: 1;
    transform: none
} .celadon713 .rv.d1{
    transition-delay: .08s
} .celadon713 .rv.d2{
    transition-delay: .16s
} .celadon713 .rv.d3{
    transition-delay: .24s
} @media  (max-width:1000px) {.celadon713 .nav,.celadon713 .top .btn{
        display: none
    }
.celadon713 .burger{
        display: block;
        margin-left: auto
    }
.celadon713 .bar{
        padding: 10px 10px 10px 20px;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: linear-gradient(160deg, var(--surface2), #EAF0FA)
    }
.celadon713 .track,.celadon713 .plans,.celadon713 .statplate{
        grid-template-columns: 1fr 1fr
    }
.celadon713 .track::before{
        display: none
    }
.celadon713 .plan.hot{
        transform: none
    }
.celadon713 .stage{
        height: 520px;
        max-width: 560px
    }
.celadon713 .s1,.celadon713 .s2,.celadon713 .s3,.celadon713 .s4{
        width: 212px
    }
.celadon713 .s2{
        right: 0
    }
.celadon713 .s4{
        right: 0
    }} @media  (max-width:900px) {.celadon713 .slabrow{
        flex-direction: column;
        height: auto;
        gap: 12px
    }
.celadon713 .stave::after{
        display: none
    }
.celadon713 .stave:not([open]):hover{
        transform: none
    }
.celadon713 .spine{
        position: static;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 15px;
        padding: 20px 22px
    }
.celadon713 .stave[open] .spine{
        opacity: 1;
        pointer-events: auto
    }
.celadon713 .spine .st{
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 1.04rem;
        color: var(--ink);
        white-space: normal
    }
.celadon713 .bodywrap{
        position: static;
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows .44s var(--ease)
    }
.celadon713 .stave[open] .bodywrap{
        grid-template-rows: 1fr
    }
.celadon713 .bodywrap>.body{
        overflow: hidden;
        min-width: 0;
        width: auto;
        height: auto;
        padding: 0 22px 24px;
        opacity: 1;
        transform: none;
        pointer-events: auto;
        transition: none;
    }
.celadon713 .body h3,.celadon713 .body .tile{
        display: none
    }
.celadon713 .body p,.celadon713 .proof{
        max-width: none
    }} @media  (max-width:720px) {.celadon713 .pad{
        padding: 74px 0
    }
.celadon713 .track,.celadon713 .plans,.celadon713 .statplate{
        grid-template-columns: 1fr
    }
.celadon713 .statplate{
        padding: 22px;
        border-radius: var(--r-xl)
    }
.celadon713 .close-plate{
        padding: 44px 22px;
        border-radius: var(--r-xl)
    }
.celadon713 .stage{
        height: auto;
        max-width: none;
        display: grid;
        gap: 16px;
        margin-top: 44px
    }
.celadon713 .stage>*{
        position: static;
        transform: none !important;
        width: auto !important
    }
.celadon713 .core{
        width: auto;
        order: -1
    }
.celadon713 .s2,.celadon713 .s4{
        display: none
    }
.celadon713 .railhead{
        flex-direction: column;
        align-items: flex-start
    }
.celadon713 .railnav{
        align-self: flex-end
    }
.celadon713 .footbar{
        border-radius: var(--r-xl);
        justify-content: center;
        text-align: center
    }
.celadon713 .sfx{
        left: 16px;
        bottom: 18px
    }
.celadon713 .sbtn{
        width: 38px;
        height: 28px
    }
.celadon713 .sbtn svg{
        width: 16px;
        height: 16px
    }
.celadon713 .scue{
        font-size: .72rem;
        padding: 5px 11px
    }} @media  (prefers-reduced-motion:reduce) {.celadon713{
        scroll-behavior: auto
    }
.celadon713 *,.celadon713 *::before,.celadon713 *::after{
        animation-duration: .01ms !important;
        transition-duration: .01ms !important
    }
.celadon713 .rv{
        opacity: 1;
        transform: none
    }} /* Integration with AXAMIL's editable sections and locked theme. */ .celadon713{--ink:var(--text,#232d3c);--ink-2:var(--muted,#59687e);--canvas:var(--bg,#e8edf7);--plate:var(--surface,#f3f6fd);--plate-2:var(--surface2,#eaf0fa);overflow-x:clip;font-family:var(--ax-font-body);line-height:1.7} body.celadon713{font-family:var(--font-en),Arial,sans-serif} html[lang=fa] body.celadon713{font-family:var(--font-fa),Tahoma,sans-serif} body.celadon713::before{opacity:.65} .celadon713 .site-builder-section{scroll-margin-top:110px;isolation:isolate} .celadon713 .cel-hero{display:block;min-height:0;padding:14px 0 0;text-align:center} .celadon713 .cel-hero h1{font-family:var(--sb-heading-font,var(--preview-heading-font,inherit));font-size:var(--sb-heading-size,var(--preview-heading-size,68px));font-weight:var(--sb-heading-weight,var(--preview-heading-weight,600));line-height:1.25;max-width:16ch;margin:24px auto;text-wrap:balance} .celadon713 .cel-hero .sub{font-size:var(--sb-body-size,var(--preview-body-size,18px));line-height:1.9;max-width:650px;margin:0 auto;color:var(--ink-2)} .celadon713 .hero .acts,.celadon713 .close-plate .acts{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px} .celadon713 .btn{font-family:var(--ax-font-body);font-weight:600;line-height:1.4;letter-spacing:0;min-height:48px;text-decoration:none} .celadon713 .btn.solid,.celadon713 .public-shop-card .btn.primary{color:#153e31;background:var(--gloss-jade);border-color:#77c8aa;box-shadow:var(--lift-jade),var(--lip-jade)} .celadon713 .site-head{position:relative;z-index:10;background:var(--gloss-plate);box-shadow:var(--clay-sm);border-color:var(--line);margin-top:18px;max-width:1180px} .celadon713 .site-head .mark{background:transparent;box-shadow:none;border:0} .celadon713 .site-head .mark::before,.celadon713 .site-head .mark::after{display:none} .celadon713 .cel-intro{margin-bottom:38px} .celadon713 .cel-intro h2{max-width:22ch;margin-inline:auto;font-family:var(--ax-font-heading);font-size:var(--sb-heading-size,var(--preview-heading-size,42px));font-weight:600;line-height:1.45} .celadon713 .cel-intro .lede{margin:14px auto 0;font-size:var(--sb-body-size,var(--preview-body-size,18px))} .celadon713 .slab,.celadon713 .core{text-align:start} .celadon713 .slab p,.celadon713 .core p{font-family:var(--ax-font-body);font-size:14px;line-height:1.8;margin-top:10px} .celadon713 .core h3{font-family:var(--ax-font-heading);font-size:24px;line-height:1.5;font-weight:600;margin:12px 0} .celadon713 .core .meter i{width:72%} .celadon713 .core .meter{margin-block:18px} .celadon713 .stage .src,.celadon713 .stage .lab{font-size:12px;letter-spacing:0} .celadon713 .cel-hero-image{display:block;max-height:500px;max-width:100%;object-fit:contain;margin:48px auto 0;border-radius:var(--r-xl)} .celadon713 .stave summary{list-style:none} .celadon713 summary::-webkit-details-marker{display:none} .celadon713 .stave[open] .spine{opacity:1;pointer-events:auto;z-index:3;inset:0;width:100%;height:100%;align-items:start;padding:16px;background:transparent} .celadon713 .stave[open] .spine .st,.celadon713 .stave[open] .spine .pip{visibility:hidden} .celadon713 .stave .body{min-width:0;width:100%;padding:30px} .celadon713 .stave .bodywrap{pointer-events:none} .celadon713 .stave .body h3{font-size:26px;line-height:1.5;font-family:var(--ax-font-heading);font-weight:600;max-width:none} .celadon713 .stave .body p{font-family:var(--ax-font-body);font-size:16px;line-height:1.9;max-width:none} .celadon713[lang=fa] .stave .spine .st,html[lang=fa] body.celadon713 .stave .spine .st{writing-mode:vertical-rl;transform:none;letter-spacing:0} .celadon713 .track{margin-top:35px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .celadon713 .step h3{font-family:var(--ax-font-heading);font-size:24px;line-height:1.5;font-weight:600} .celadon713 .step p{font-size:16px;line-height:1.9;font-family:var(--ax-font-body)} .celadon713 .cel-cards{display:grid;grid-template-columns:repeat(var(--section-columns,3),minmax(0,1fr));gap:24px} .celadon713 .cel-cards article{padding:30px} .celadon713 .cel-cards h3{font-size:24px;margin:22px 0 14px;line-height:1.5} .celadon713 .cel-cards p{font-size:16px;line-height:1.9} .celadon713 .statplate .stat b{font-family:var(--ax-font-body);font-size:44px} .celadon713 .statplate .stat span{font-size:16px} .celadon713 .chip{font-family:var(--ax-font-body);font-size:16px;letter-spacing:0;gap:10px} .celadon713 .chip i{display:inline-block} .celadon713 .public-shop{padding:0;border:0} .celadon713 .public-shop-head{align-items:center;gap:24px;margin-bottom:28px} .celadon713 .public-shop-head h2{font-size:var(--sb-heading-size,42px);line-height:1.5} .celadon713 .public-shop-head p{line-height:1.9;color:var(--ink-2)} .celadon713 .public-shop-card{background:var(--gloss-plate);box-shadow:var(--clay);border:0;border-radius:var(--r-xl);padding:30px} .celadon713 .public-shop-card h3{font-family:var(--ax-font-heading);font-size:22px;line-height:1.7} .celadon713 .public-shop-card p{font-size:16px;line-height:1.8} .celadon713 .public-shop-meta{color:var(--ink-2);gap:15px;flex-wrap:wrap} .celadon713 .public-shop-card .btn{margin-top:auto} .celadon713 select{background:var(--plate);color:var(--ink);border-color:var(--line)} .celadon713 .cel-faq{max-width:900px;margin-inline:auto} .celadon713 .q{padding:24px 28px;background:var(--gloss-plate);box-shadow:var(--clay-sm);border:0;border-radius:var(--r-xl);cursor:default} .celadon713 .q summary{cursor:pointer;list-style:none;gap:20px} .celadon713 .qh h3{font-size:20px;font-family:var(--ax-font-heading);font-weight:600;line-height:1.7} .celadon713 .plus{flex-shrink:0} .celadon713 .q[open] .plus{transform:rotate(45deg)} .celadon713 .cel-answer p{font-size:16px;font-family:var(--ax-font-body);line-height:1.9;padding-top:18px;color:var(--ink-2)} .celadon713 .close-plate{padding:60px 32px;background:var(--gloss-plate)} .celadon713 .close-plate .cel-intro{margin-bottom:12px} .celadon713 .close-plate h2{font-size:var(--sb-heading-size,var(--preview-heading-size,42px));max-width:24ch} .celadon713 .footer{max-width:1180px;padding:26px 24px;background:transparent;color:var(--ink-2)} .celadon713 .celadon-attribution{position:relative;z-index:1;text-align:center;font-size:12px;color:var(--ink-2);padding:12px 20px 28px} .celadon713 .cel-credit a{text-decoration:underline;text-underline-offset:3px} #builderCanvas.celadon713{--bg:#e8edf7;--surface:#f3f6fd;--surface2:#eaf0fa;--text:#232d3c;--muted:#59687e;padding:16px;--clay:0 10px 22px -10px #64748b44,inset 2px 2px 3px #ffffffb3,inset -2px -3px 6px #232d3c18} #builderCanvas.celadon713 .builder-preview-section{background:transparent} .celadon713 .builder-preview-section .hero{display:block} #builderCanvas.celadon713 .stage h3{font-size:24px!important} #builderCanvas.celadon713 .stage p{font-size:14px!important} #builderCanvas.celadon713 .stave h3,#builderCanvas.celadon713 .step h3{font-size:24px!important} #builderCanvas.celadon713 .stave p,#builderCanvas.celadon713 .step p{font-size:16px!important} #builderCanvas.celadon713 .qh h3{font-size:20px!important} #builderCanvas.celadon713 .btn{pointer-events:none} #builderCanvas.celadon713 .stage{height:390px} #builderCanvas.celadon713 .slab{max-width:25%;padding:14px} html[data-mode=dark] body.celadon713,.celadon713[data-mode=dark]{--canvas:#111b25;--plate:#1c2b38;--plate-2:#243746;--sunk:#12202d;--ink:#edf4f8;--ink-2:#b0c0ce;--jade-ink:#8edcbd;--line:#364c60;--gloss-plate:linear-gradient(155deg,#263a49,#1c2b38);--gloss:linear-gradient(180deg,#2a3f50,#1c2b38);--clay:0 22px 38px -20px #0008,inset 2px 2px 3px #ffffff10,inset -3px -5px 9px #0004;--clay-sm:0 12px 22px -13px #0008,inset 1px 1px 2px #ffffff12;--well:inset 3px 4px 9px #0004;--bg:#111b25;--surface:#1c2b38;--surface2:#243746;--text:#edf4f8;--muted:#b0c0ce} .celadon713[data-mode=dark] :is(.slab,.core,.disc,.stave,.clay,.statplate,.close-plate,.chip){background:var(--gloss-plate);color:var(--ink);box-shadow:var(--clay)} body.celadon713[data-mode=dark]::before{opacity:.12} .celadon713[data-mode=dark] .pill{background:var(--plate);color:var(--ink);box-shadow:var(--clay-sm)} @media(max-width:900px){.celadon713 .cel-accordion{display:grid;gap:14px}.celadon713 .stave,.celadon713 .stave[open]{min-height:0;display:block;flex:none}.celadon713 .stave .spine,.celadon713 .stave[open] .spine{position:relative;inset:auto;display:flex;flex-direction:row;height:auto;min-height:68px;padding:20px;opacity:1;align-items:center;gap:14px}.celadon713 .stave[open] .spine .st,.celadon713 .stave[open] .spine .pip{visibility:visible}.celadon713 .stave .spine .st,.celadon713[lang=fa] .stave .spine .st,html[lang=fa] body.celadon713 .stave .spine .st{writing-mode:horizontal-tb;transform:none;white-space:normal}.celadon713 .stave .bodywrap{position:relative;inset:auto}.celadon713 .stave .body{padding:0 24px 24px}.celadon713 .stave .body h3,.celadon713 .stave .body .tile{display:none}.celadon713 .stave[open] .body{opacity:1;transform:none}.celadon713 .cel-cards{grid-template-columns:1fr 1fr}} @media(max-width:640px){.celadon713 .cel-cards{grid-template-columns:1fr}.celadon713 .stage{height:310px;margin-top:35px}.celadon713 .core{width:80%;padding:24px}.celadon713 .core h3{font-size:22px}.celadon713 .slab{display:none}.celadon713 .track{grid-template-columns:1fr;gap:36px}.celadon713 .track::before{display:none}.celadon713 .public-shop-head{display:block}.celadon713 .public-shop-head h2{font-size:28px}.celadon713 .public-shop-head label{margin-top:22px}.celadon713 .site-head{margin:10px;max-width:calc(100% - 20px)}.celadon713 .close-plate{padding:36px 22px}.celadon713 .q{padding:20px}.celadon713 .cel-hero .acts .btn{width:100%}.celadon713 .cel-intro h2{max-width:none}.celadon713 .cel-hero h1{font-size:var(--sb-heading-size,40px)}} @media(prefers-reduced-motion:reduce){.celadon713 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}