/* Oxin WordPress theme — inner pages drawn from Elementor data (inc/eskin.php).
   Same tokens as the shell; every block reads well in light and dark mode. */

.oxs{display:block}
.oxs .oxw-prose{padding-block:0;font-size:var(--fs-400);line-height:var(--lh-body);color:var(--ink-2)}
.oxs .oxw-prose p:last-child,.oxs .oxw-prose ul:last-child{margin-block-end:0}
.oxs .oxw-prose strong,.oxs .oxw-prose b{color:var(--ink)}

/* ---------- hero ---------- */
.oxs-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(28px,5vw,72px) clamp(36px,5vw,80px)}
.oxs-hero-bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(45% 60% at 85% 10%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 70%),
  radial-gradient(40% 55% at 10% 80%,color-mix(in srgb,var(--teal) 14%,transparent),transparent 70%),
  linear-gradient(180deg,var(--surface-2),var(--bg) 90%)}
.oxs-hero-bg::after{content:"";position:absolute;inset:auto -10% 0;block-size:50%;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;transform:perspective(600px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000,transparent 80%);mask-image:linear-gradient(to top,#000,transparent 80%);opacity:.55}
.oxs-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,64px)}
.oxs-hero-grid.is-solo{grid-template-columns:minmax(0,1fr);max-inline-size:900px}
.oxs-h1{margin:var(--s3) 0 var(--s4);font-size:clamp(1.75rem,3.6vw,var(--fs-1000));line-height:1.25;font-weight:900;color:var(--ink)}
.oxs-lede{max-inline-size:640px;margin-block-end:var(--s6);color:var(--ink-2);font-size:clamp(var(--fs-400),1.3vw,var(--fs-500));line-height:var(--lh-body)}
.oxs-lede p{margin:0 0 var(--s3)}
.oxs-act{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s4) 0}
.oxs-hero-media{position:relative;justify-self:center;inline-size:min(100%,520px);aspect-ratio:1/1;display:grid;place-items:center;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s var(--ease)}
.oxs-hero-media img{position:relative;z-index:1;max-inline-size:88%;max-block-size:88%;inline-size:auto;block-size:auto;object-fit:contain;filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--ink) 22%,transparent));transform:translateZ(40px);animation:oxw-float 7s ease-in-out infinite}
.oxs-hero-ring{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--blue) 18%,transparent),transparent 72%);border:1px dashed color-mix(in srgb,var(--blue) 30%,transparent);animation:oxs-spin 40s linear infinite}
.oxs-hero-ring::before,.oxs-hero-ring::after{content:"";position:absolute;inline-size:12px;block-size:12px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}
.oxs-hero-ring::before{inset-block-start:8%;inset-inline-start:18%}
.oxs-hero-ring::after{inset-block-end:10%;inset-inline-end:14%;background:var(--blue);box-shadow:0 0 14px var(--blue)}
@keyframes oxs-spin{to{transform:rotate(360deg)}}

/* ---------- sections ---------- */
.oxs-sec{padding-block:clamp(40px,6vw,88px)}
.oxs-sec.is-alt{background:var(--surface-2)}
.oxs-sec.is-alt .oxs-card,.oxs-sec.is-alt .oxw-q,.oxs-sec.is-alt .oxs-box{background:var(--surface)}
.oxs-head{max-inline-size:820px;margin-block-end:clamp(20px,3vw,36px)}
.oxs-h2{position:relative;margin:0 0 var(--s3);padding-inline-start:16px;font-size:clamp(var(--fs-700),2.6vw,var(--fs-900));line-height:var(--lh-display);font-weight:800;color:var(--ink)}
.oxs-h2::before{content:"";position:absolute;inset-inline-start:0;inset-block:.2em;inline-size:5px;border-radius:4px;background:linear-gradient(180deg,var(--blue),var(--teal))}
.oxs-lead{color:var(--ink-2);font-size:var(--fs-400);line-height:var(--lh-body)}
.oxs-lead p{margin:0 0 var(--s2)}
.oxs-h3{margin:var(--s6) 0 var(--s3);font-size:var(--fs-600);font-weight:800;color:var(--ink)}
.oxs-h3:first-child{margin-block-start:0}
.oxs-h3.is-center,.oxs-sub.is-center{text-align:center}
.oxs-sub{margin:0 0 var(--s6);color:var(--ink-3)}
.oxs-block+.oxs-block,.oxs-prose+.oxs-block,.oxs-block+.oxs-prose{margin-block-start:var(--s6)}
.oxs-prose+.oxs-prose{margin-block-start:var(--s4)}
.oxs-figure{margin:var(--s5) 0;text-align:center}
.oxs-figure img{max-inline-size:100%;block-size:auto;border-radius:16px}

/* ---------- cards ---------- */
.oxs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s5);perspective:1100px}
.oxs-cards[data-n="2"],.oxs-cards[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.oxs-cards[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.oxs-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--sh-1);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.oxs-card:hover{box-shadow:var(--sh-pop);border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}
.oxs-card-media{display:flex;align-items:center;min-block-size:64px;transform:translateZ(30px)}
.oxs-card-media img{max-block-size:96px;inline-size:auto;object-fit:contain}
.oxs-card-ic{display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:16px;background:var(--blue-tint);color:var(--blue);font-size:22px}
.oxs-stat{font-size:var(--fs-1000);font-weight:900;color:var(--blue);line-height:1}
.oxs-card-t{margin:0;font-size:var(--fs-500);font-weight:800;color:var(--ink);transform:translateZ(20px)}
.oxs-card-x{color:var(--ink-2);font-size:var(--fs-300);line-height:var(--lh-snug)}
.oxs-card-x p{margin:0 0 var(--s2)}
.oxs-card .oxs-act{margin-block-start:auto}

/* ---------- media split ---------- */
.oxs-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,64px)}
.oxs-split.is-flip .oxs-split-tx{order:2}
.oxs-split-media{display:grid;place-items:center;padding:var(--s6);border-radius:24px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--blue) 14%,var(--surface)),var(--surface-2) 70%);border:1px solid var(--line);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s var(--ease)}
.oxs-split-media img{max-inline-size:100%;max-block-size:380px;block-size:auto;object-fit:contain;filter:drop-shadow(0 20px 30px color-mix(in srgb,var(--ink) 18%,transparent))}

/* ---------- checklist ---------- */
.oxs-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--s3);margin:var(--s5) 0 0;padding:0;list-style:none}
.oxs-checks li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-size:var(--fs-300);line-height:var(--lh-snug)}
.oxs-checks i{flex:none;display:grid;place-items:center;inline-size:24px;block-size:24px;margin-block-start:1px;border-radius:8px;background:var(--teal-tint);color:var(--teal);font-size:12px}
.oxs-checks a{color:var(--blue)}
.oxs-checks li:only-child,.oxs-checks li.is-wide{grid-column:1/-1}

/* ---------- boxes, FAQ, video, gallery, logos, shortcodes ---------- */
.oxs-box{max-block-size:28em;overflow:auto;padding:var(--s6);border:1px solid var(--line);border-radius:20px;background:var(--surface);scrollbar-width:thin;overscroll-behavior:contain}
.oxs-box h2,.oxs-box h3{font-size:var(--fs-600)}
.oxs-faq{max-inline-size:none}
.is-faq .oxs-head{max-inline-size:none}
.oxs-q-a{padding:0 var(--s5) var(--s5);color:var(--ink-2);line-height:var(--lh-body)}
.oxs-q-a p:last-child{margin:0}
.oxs-video{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--term-bg)}
.oxs-video iframe,.oxs-video video{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}
.oxs-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s4)}
.oxs-gallery figure{margin:0}
.oxs-gallery img{inline-size:100%;block-size:auto;border-radius:14px}
.oxs-logos-wrap{margin-block-start:clamp(32px,5vw,64px);padding-block-start:clamp(24px,4vw,48px);border-block-start:1px dashed var(--line-2)}
.oxs-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s4);align-items:center}
.oxs-logo{display:grid;place-items:center;block-size:84px;padding:var(--s3);border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.oxs-logo img{max-inline-size:100%;max-block-size:52px;inline-size:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.oxs-logo:hover img{filter:none;opacity:1}
[data-theme="dark"] .oxs-logo img{filter:grayscale(1) invert(.85);opacity:.8}
[data-theme="dark"] .oxs-logo:hover img{filter:invert(.85)}
.oxs-sc{margin-block:var(--s5)}
.oxs-domain{margin-block:var(--s5);max-inline-size:640px}
.oxs-html{overflow-x:auto}

/* ---------- plans block from the store ---------- */
.oxs-plans .oxp{margin-block-start:var(--s4)}
.oxs-plans .oxs-head{max-inline-size:820px}

/* ---------- Gravity Forms in the shell's form style ---------- */
.oxs .gform_wrapper{max-inline-size:760px}
.oxs .gform_wrapper .gform_title{font-size:var(--fs-600);font-weight:800;color:var(--ink)}
.oxs .gform_wrapper .gfield_label{font-weight:700;color:var(--ink);font-size:var(--fs-300)}
.oxs .gform_wrapper input[type=text],.oxs .gform_wrapper input[type=email],.oxs .gform_wrapper input[type=tel],.oxs .gform_wrapper input[type=url],.oxs .gform_wrapper input[type=number],.oxs .gform_wrapper select,.oxs .gform_wrapper textarea{inline-size:100%;min-block-size:46px;padding:10px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-400)}
.oxs .gform_wrapper textarea{min-block-size:140px}
.oxs .gform_wrapper input:focus,.oxs .gform_wrapper select:focus,.oxs .gform_wrapper textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}
.oxs .gform_wrapper .gform_button,.oxs .gform_wrapper input[type=submit]{min-block-size:46px;padding-inline:var(--s8);border:0;border-radius:var(--r-sm);background:var(--blue);color:var(--on-blue);font:inherit;font-weight:700;cursor:pointer}
.oxs .gform_wrapper .gform_button:hover{background:var(--blue-hover)}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .oxs-hero-grid,.oxs-split{grid-template-columns:minmax(0,1fr)}
  .oxs-hero-media{inline-size:min(100%,360px);order:-1}
  .oxs-split.is-flip .oxs-split-tx{order:0}
  .oxs-cards[data-n="2"],.oxs-cards[data-n="4"]{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .oxs-hero-ring,.oxs-hero-media img{animation:none!important}
  .oxs-card,.oxs-hero-media,.oxs-split-media{transform:none!important}
}

.oxs-notice{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:var(--s5) var(--s6);border:1px dashed color-mix(in srgb,var(--amber) 50%,var(--line));border-radius:18px;background:var(--amber-tint)}
.oxs-notice>i{font-size:24px;color:var(--amber)}
.oxs-notice>div{flex:1;min-inline-size:240px}
.oxs-notice b{display:block;color:var(--ink)}
.oxs-notice p{margin:4px 0 0;color:var(--ink-2);font-size:var(--fs-300)}

/* two content columns side by side (form + details, text + list, …) */
.oxs-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s6);align-items:start}
.oxs-col{padding:var(--s6);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--sh-1)}
.oxs-sec.is-alt .oxs-col{background:var(--surface)}
.oxs-col .oxs-checks{grid-template-columns:minmax(0,1fr)}
.oxs-col .oxs-block+.oxs-block{margin-block-start:var(--s4)}
@media (max-width:900px){.oxs-cols{grid-template-columns:minmax(0,1fr)}}

/* in-page jumps (hero "plans" button) land below the sticky header */
#oxs-plans{scroll-margin-top:88px}