:root {
  color-scheme: light;
  --canvas: #fcfaff;
  --surface: #ffffff;
  --surface-lilac: #f5f0ff;
  --violet: #7c3aed;
  --violet-hover: #6d28d9;
  --purple: #a855f7;
  --pink: #db42d5;
  --ink: #25223a;
  --muted: #746e87;
  --line: #e8e2f1;
  --page-width: 1200px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--canvas); }
body { margin: 0; color: var(--ink); background: var(--canvas); font-size: 16px; line-height: 1.6; }
a { color: inherit; }
button,input,textarea { font: inherit; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline: 3px solid var(--violet); outline-offset: 4px; }
.section-shell { width: min(var(--page-width),calc(100% - 56px)); margin-inline: auto; }
.skip-link { position:absolute; z-index:20; top:-60px; left:16px; padding:10px 14px; color:#fff; background:var(--violet); border-radius:8px; }.skip-link:focus { top:12px; }
.site-header { width:min(1360px,calc(100% - 56px)); height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { display:inline-flex; align-items:center; gap:11px; text-decoration:none; }.brand-logo { display:block; width:132px; height:auto; }.brand-mark { width:33px; height:33px; display:flex; align-items:center; justify-content:center; gap:2px; border-radius:11px; background:var(--violet); transform:rotate(5deg); }.brand-mark i { width:3px; height:12px; border-radius:4px; background:white; transform:skew(-15deg); }.brand-mark i:nth-child(2) { height:18px; }.brand-mark i:nth-child(3) { height:8px; }.brand-name { font-size:15px; font-weight:750; letter-spacing:-.03em; line-height:1.2; }.brand-name small { display:block; margin-top:3px; color:#928ca3; font-size:8px; letter-spacing:.19em; font-weight:650; }.main-nav { display:flex; gap:31px; margin-left:70px; }.main-nav a,.login-link { color:#726c82; font-size:12px; text-decoration:none; transition:color .18s ease; }.main-nav a:hover,.login-link:hover { color:var(--violet); }.login-link { padding:8px 15px; color:var(--ink); border:1px solid #e2dbea; border-radius:999px; }.login-link span { margin-left:6px; color:var(--violet); }
.hero { min-height:710px; padding-block:88px 91px; display:grid; grid-template-columns:.83fr 1.17fr; gap:32px; align-items:center; }.hero-copy { position:relative; z-index:2; max-width:500px; }.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 20px; color:#716589; font-size:10px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }.eyebrow-mark { width:20px; height:20px; display:grid; place-items:center; color:#fff; border-radius:7px; background:var(--violet); font-size:11px; }.eyebrow-divider { color:#c0b7ce; }h1,h2,h3,p { margin-top:0; }.hero h1 { max-width:490px; margin-bottom:22px; font-size:clamp(43px,5.3vw,68px); line-height:1.02; letter-spacing:-.066em; font-weight:650; }.hero-lede { max-width:460px; margin-bottom:28px; color:#706a80; font-size:15px; line-height:1.75; }.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:21px; }.button { min-height:49px; padding:0 18px; display:inline-flex; justify-content:center; align-items:center; gap:14px; border:1px solid transparent; border-radius:9px; font-size:12px; font-weight:730; text-decoration:none; cursor:pointer; transition:background .2s ease,transform .2s ease; }.button:hover { transform:translateY(-2px); }.button-primary { color:#fff; background:var(--violet); box-shadow:0 10px 22px rgba(124,58,237,.16); }.button-primary:hover { background:var(--violet-hover); }.button-primary span { font-size:17px; }.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--ink); text-decoration:none; font-size:12px; font-weight:660; }.text-link span { color:var(--violet); font-size:17px; }.text-link:hover { color:var(--violet); }.hero-caption { max-width:380px; margin-top:28px; display:flex; gap:11px; align-items:center; }.caption-line { flex:0 0 28px; height:2px; background:linear-gradient(90deg,var(--violet),var(--pink)); }.hero-caption p { margin:0; color:#928b9f; font-size:9px; line-height:1.5; }
.hero-visual { position:relative; min-width:0; min-height:505px; display:grid; place-items:center; isolation:isolate; }.visual-orb { position:absolute; z-index:-1; border-radius:50%; }.orb-one { width:475px; height:475px; background:radial-gradient(circle,#f5e8ff 0,#f8f4ff 48%,rgba(252,250,255,0) 72%); }.orb-two { width:550px; height:550px; border:1px solid rgba(168,85,247,.1); }.dashboard-window { position:relative; z-index:1; width:min(600px,100%); padding:14px 16px 12px; border:1px solid #e7dff0; border-radius:15px; background:rgba(255,255,255,.97); box-shadow:0 30px 80px rgba(73,43,110,.13); transform:perspective(1250px) rotateY(-4deg) rotateX(1deg); }.dashboard-topbar { padding-bottom:12px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #eee8f4; }.dash-brand { display:flex; gap:6px; align-items:center; color:#756c83; font-size:7px; font-weight:750; letter-spacing:.09em; }.dash-brand span { color:var(--violet); font-size:10px; }.demo-pill { display:flex; align-items:center; gap:4px; color:#837895; font-size:6px; letter-spacing:.08em; }.demo-pill i { width:5px; height:5px; border-radius:50%; background:var(--purple); }.dashboard-heading { margin:13px 0 11px; display:flex; align-items:end; justify-content:space-between; gap:12px; }.dashboard-heading small { color:#a098aa; font-size:6px; letter-spacing:.1em; }.dashboard-heading h2 { margin:2px 0 0; font-size:13px; letter-spacing:-.02em; }.period-button { padding:5px 7px; color:#847a92; border:1px solid #ebe5f1; border-radius:5px; font-size:7px; }.period-button b { margin-left:6px; color:var(--violet); }.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.metric-card { position:relative; min-height:84px; padding:9px; overflow:hidden; border:1px solid #ece7f2; border-radius:8px; background:#fff; }.metric-card-highlight { background:linear-gradient(140deg,#fff,#fcf7ff); border-color:#e5d8f7; }.metric-card > span,.metric-card > small { display:block; color:#857c91; font-size:7px; }.metric-card strong { display:block; margin-block:3px 2px; color:#3c3650; font-size:19px; line-height:1.1; font-weight:600; letter-spacing:-.04em; }.metric-card small { font-size:6px; }.metric-line { position:absolute; bottom:0; left:0; right:0; height:2px; opacity:.7; }.line-violet { background:var(--violet); }.line-pink { background:var(--pink); }.line-blue { background:#5da3ef; }.chart-card { margin-top:10px; padding:10px 10px 7px; border:1px solid #ece7f2; border-radius:8px; }.chart-heading { display:flex; justify-content:space-between; gap:8px; }.chart-heading b,.chart-heading small { display:block; }.chart-heading b { font-size:8px; }.chart-heading small { margin-top:2px; color:#9b93a5; font-size:6px; }.chart-legend { display:flex; align-items:center; gap:4px; color:#8c8496; font-size:6px; }.chart-legend i { width:5px; height:5px; border-radius:50%; background:var(--violet); }.chart-legend .legend-pink { margin-left:5px; background:var(--pink); }.chart-grid { position:relative; height:78px; margin-top:8px; }.chart-grid > span { position:absolute; left:0; right:0; border-top:1px dashed #eee9f4; }.chart-grid > span:nth-child(1) { top:10%; }.chart-grid > span:nth-child(2) { top:36%; }.chart-grid > span:nth-child(3) { top:63%; }.chart-grid > span:nth-child(4) { top:90%; }.chart-grid svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.chart-fill { fill:rgba(168,85,247,.08); }.chart-path { fill:none; stroke-width:2.4; vector-effect:non-scaling-stroke; }.path-violet { stroke:var(--violet); }.path-pink { stroke:var(--pink); stroke-width:1.7; }.chart-labels { display:flex; justify-content:space-between; color:#a29aaa; font-size:5px; }.dashboard-foot { margin-top:9px; display:flex; justify-content:space-between; gap:8px; color:#9a92a4; font-size:6px; }.dashboard-foot span:first-child { display:flex; gap:4px; align-items:center; }.dashboard-foot i { width:5px; height:5px; border-radius:50%; background:#bc9ae8; }.data-chip { color:#72519a; }
.floating-calc { position:absolute; z-index:3; left:-15px; bottom:33px; padding:10px 12px; display:flex; align-items:center; gap:9px; border:1px solid #e6d9f2; border-radius:10px; background:#fff; box-shadow:0 16px 38px rgba(76,40,117,.12); }.calc-icon { width:27px; height:27px; display:grid; place-items:center; color:white; border-radius:8px; background:linear-gradient(145deg,var(--violet),var(--pink)); font-size:14px; }.floating-calc b,.floating-calc small { display:block; }.floating-calc b { font-size:8px; }.floating-calc small { color:#978ea1; font-size:6px; }.calc-arrow { margin-left:10px; color:var(--violet); font-size:12px; }.side-mark { position:absolute; z-index:2; top:48px; left:7px; width:41px; height:41px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; border:3px solid var(--canvas); border-radius:50%; background:linear-gradient(150deg,var(--violet),var(--pink)); box-shadow:0 7px 20px rgba(124,58,237,.17); }.side-mark span { font-size:5px; letter-spacing:.09em; }.side-mark b { font-size:11px; line-height:1; }
.value-band { padding-block:46px; color:#fff; background:#28213d; }.value-band-inner { position:relative; display:grid; grid-template-columns:1fr 2.2fr 55px; gap:30px; align-items:center; }.value-band .eyebrow { margin:0; color:#c2b6d5; }.value-band-inner > p:nth-child(2) { max-width:790px; margin:0; font-size:clamp(21px,2.8vw,33px); line-height:1.28; letter-spacing:-.04em; }.value-band em { color:#e79de8; font-style:normal; }.band-symbol { color:#bd82f3; font-size:34px; text-align:right; }
.overview-section { padding-block:105px 112px; }.section-heading { margin-bottom:40px; display:flex; align-items:end; justify-content:space-between; gap:40px; }.section-heading .eyebrow,.profit-copy .eyebrow,.decision-heading .eyebrow,.request-copy .eyebrow,.faq-grid .eyebrow { margin-bottom:13px; }.section-heading h2,.profit-copy h2,.decision-heading h2,.faq-grid h2,.request-copy h2 { max-width:650px; margin:0; font-size:clamp(32px,4vw,49px); line-height:1.08; letter-spacing:-.055em; font-weight:630; }.section-heading > p { max-width:330px; margin:0 0 4px; color:#7a7387; font-size:11px; }.overview-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.overview-card { min-height:240px; padding:22px; border:1px solid var(--line); border-radius:12px; background:#fff; }.overview-card-main { background:linear-gradient(155deg,#fff,#faf7ff); }.overview-card-wide { grid-column:1/-1; min-height:195px; }.card-topline { display:flex; justify-content:space-between; align-items:center; }.card-index { color:#938ba0; font-size:7px; letter-spacing:.11em; font-weight:720; }.card-symbol { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; font-size:14px; }.symbol-violet { color:var(--violet); background:#f2eaff; }.symbol-pink { color:#c638b5; background:#fde9f8; }.symbol-blue { color:#4e86cf; background:#eaf3ff; }.overview-card h3 { margin:18px 0 7px; font-size:17px; letter-spacing:-.025em; }.overview-card p { max-width:420px; margin:0; color:#797286; font-size:10px; line-height:1.7; }.mini-period { margin-top:20px; padding:9px 11px; display:flex; align-items:center; gap:10px; border:1px solid #ece5f4; border-radius:7px; background:#fff; }.mini-period span { color:#968ea0; font-size:7px; }.mini-period b { color:#645577; font-size:7px; font-weight:600; }.mini-period i { margin-left:auto; color:var(--violet); font-style:normal; }.formula-line { max-width:360px; margin-top:20px; display:flex; align-items:center; gap:9px; color:#8b8298; font-size:8px; }.formula-line i { flex:1; border-top:1px dashed #d0c4df; }.formula-line b { padding:6px 8px; color:#7a3aca; background:#f5effd; border-radius:5px; font-size:7px; }.context-pills { margin-top:18px; display:flex; flex-wrap:wrap; gap:7px; }.context-pills span { padding:6px 9px; color:#766b89; border:1px solid #ece6f3; border-radius:999px; background:#fcfaff; font-size:7px; }
.profit-section { padding-block:103px; background:#f4effa; border-block:1px solid #e7dbee; }.profit-grid { display:grid; grid-template-columns:.83fr 1.17fr; gap:72px; align-items:center; }.profit-copy h2 { margin-bottom:18px; }.profit-copy > p:not(.eyebrow) { max-width:430px; margin-bottom:23px; color:#736b80; font-size:12px; }.profit-board { padding:19px 20px 15px; border:1px solid #e2d6ec; border-radius:13px; background:#fff; box-shadow:0 24px 58px rgba(81,46,107,.11); }.profit-board-head { display:flex; align-items:center; justify-content:space-between; }.profit-board-head > div { display:flex; gap:9px; align-items:center; }.ozon-pill { padding:4px 8px; color:#1f56a8; border-radius:5px; background:#e8f2ff; font-size:8px; font-weight:750; }.board-caption { color:#9b92a5; font-size:6px; letter-spacing:.09em; }.board-menu { color:#988da3; letter-spacing:2px; }.profit-main-metric { margin-block:18px 12px; padding:14px; border:1px solid #eee7f5; border-radius:9px; background:linear-gradient(110deg,#fcfaff,#fff7fd); }.profit-main-metric span,.profit-main-metric small { display:block; color:#8a8095; font-size:7px; }.profit-main-metric strong { display:block; margin-block:5px; color:#392f4b; font-size:31px; line-height:1; font-weight:580; letter-spacing:-.05em; }.profit-breakdown { padding-inline:6px; }.profit-breakdown > div { min-height:43px; display:grid; grid-template-columns:22px 1fr 36px; align-items:center; gap:8px; border-bottom:1px solid #f0ebf5; }.break-icon { width:19px; height:19px; display:grid; place-items:center; border-radius:6px; font-size:10px; }.break-revenue { color:#6950b1; background:#f1ecff; }.break-cost { color:#a85da8; background:#fcecf8; }.break-profit { color:#fff; background:var(--violet); }.profit-breakdown span:nth-child(2) { color:#756d80; font-size:8px; }.profit-breakdown b { color:#706681; font-size:9px; font-weight:600; text-align:right; }.break-result { border-bottom:0 !important; }.profit-board-note { margin-top:12px; padding:8px 9px; display:flex; gap:8px; align-items:start; color:#877d91; border-radius:7px; background:#f8f4fb; }.profit-board-note > span { flex:0 0 14px; width:14px; height:14px; display:grid; place-items:center; color:#fff; border-radius:50%; background:#a277c5; font-size:8px; }.profit-board-note p { margin:0; font-size:7px; line-height:1.5; }
.decision-section { padding-block:105px 112px; }.decision-heading { max-width:700px; }.decision-heading h2 { margin-bottom:15px; }.decision-heading > p:last-child { max-width:620px; color:#777084; font-size:11px; }.decision-flow { margin-top:38px; display:grid; grid-template-columns:1fr 70px 1fr 70px 1fr; align-items:center; }.decision-flow article { min-height:150px; padding:18px; border:1px solid var(--line); border-radius:11px; background:white; }.decision-flow article > span { display:block; margin-bottom:20px; color:var(--violet); font-size:8px; }.decision-flow h3 { margin-bottom:5px; font-size:14px; }.decision-flow p { margin:0; color:#7e778a; font-size:9px; }.decision-flow > i { display:block; border-top:1px dashed #b8a4ca; }.decision-flow > i::after { content:"→"; position:relative; top:-12px; left:calc(50% - 8px); color:var(--purple); font-style:normal; font-size:13px; }
.faq-section { padding-block:95px; background:#fff; border-block:1px solid var(--line); }.faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:78px; align-items:start; }.faq-grid h2 { margin-bottom:16px; }.faq-grid > div:first-child > p:last-child { max-width:320px; color:#797286; font-size:11px; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { position:relative; padding:17px 32px 17px 0; cursor:pointer; list-style:none; font-size:12px; font-weight:620; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:"+"; position:absolute; right:4px; top:13px; color:var(--violet); font-size:20px; font-weight:350; }.faq-list details[open] summary::after { content:"−"; }.faq-list details p { max-width:600px; margin:0; padding:0 24px 17px 0; color:#777084; font-size:10px; }
.request-section { padding-block:106px; background:radial-gradient(ellipse at 14% 100%,rgba(219,66,213,.06),transparent 45%),#fcfaff; }.request-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:75px; align-items:start; }.request-copy h2 { margin-bottom:18px; }.request-copy > p:not(.eyebrow) { max-width:390px; margin-bottom:30px; color:#746e87; font-size:12px; }.request-aside { display:flex; align-items:center; gap:11px; }.request-icon { width:36px; height:36px; display:grid; place-items:center; color:#fff; border-radius:11px; background:linear-gradient(145deg,var(--violet),var(--pink)); font-size:16px; }.request-aside b,.request-aside small { display:block; }.request-aside b { font-size:11px; }.request-aside small { color:#938a9f; font-size:9px; }.form-card { padding:24px; border:1px solid #e6dff0; border-radius:12px; background:#fff; box-shadow:0 20px 50px rgba(74,42,108,.08); }.form-card label { display:block; margin-bottom:6px; color:#413950; font-size:10px; font-weight:650; }.form-card label span { color:#9a91a4; font-size:8px; font-weight:400; }.form-card input,.form-card textarea { width:100%; padding:11px 12px; color:var(--ink); border:1px solid #e5deec; border-radius:7px; background:#fdfcff; font-size:11px; }.form-card input { height:42px; }.form-card textarea { min-height:87px; resize:vertical; }.form-card input::placeholder,.form-card textarea::placeholder { color:#a9a0b2; }.form-card input:focus,.form-card textarea:focus { border-color:#ba9cdb; outline:none; box-shadow:0 0 0 3px rgba(124,58,237,.1); }.contact-fields { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:11px; }.field-hint { margin:6px 0 14px; color:#958ca0; font-size:8px; }.honeypot { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.form-submit { width:100%; margin-top:16px; }.form-status { min-height:19px; margin:9px 0 0; color:#7040a1; font-size:10px; }.privacy-note { margin:9px 0 0; color:#91889d; font-size:8px; line-height:1.6; }.privacy-note a { color:#68428e; text-underline-offset:3px; }
.site-footer { padding-block:26px; background:#28213d; }.footer-inner { display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; }.footer-brand .brand-mark { width:27px; height:27px; border-radius:8px; }.footer-brand .brand-mark i { height:8px; }.footer-brand .brand-mark i:nth-child(2) { height:14px; }.footer-brand .brand-name { color:#fff; font-size:13px; }.footer-brand .brand-name small { color:#a89ab8; font-size:7px; }.footer-inner > p,.copyright { margin:0; color:#b2a7c0; font-size:8px; }.footer-links { display:flex; gap:17px; }.footer-links a { color:#ded4e8; font-size:8px; text-decoration:none; }.footer-links a:hover { color:#f2a6e9; }
.analytics-banner { position:fixed; z-index:30; inset:auto 20px 20px; max-width:760px; margin-inline:auto; padding:18px; display:flex; align-items:center; justify-content:space-between; gap:25px; border:1px solid #e3d8ed; border-radius:12px; background:#fff; box-shadow:0 18px 60px rgba(45,29,67,.2); }.analytics-banner[hidden] { display:none; }.analytics-banner strong { font-size:11px; }.analytics-banner p { max-width:440px; margin:5px 0 0; color:#756d80; font-size:9px; }.analytics-actions { display:flex; flex:0 0 auto; gap:8px; }.analytics-actions button { padding:8px 11px; color:var(--ink); border:1px solid #e0d8e9; border-radius:7px; background:#fff; font-size:9px; cursor:pointer; }.analytics-actions button:last-child { color:#fff; border-color:var(--violet); background:var(--violet); font-weight:700; }
@media (max-width:980px) { .hero { grid-template-columns:1fr; padding-top:72px; gap:28px; }.hero-copy { max-width:760px; }.hero-visual { width:min(720px,100%); margin-inline:auto; }.dashboard-window { transform:none; }.profit-grid { gap:42px; }.main-nav { margin-left:0; } }
@media (max-width:700px) { .section-shell,.site-header { width:min(100% - 36px,var(--page-width)); }.site-header { height:auto; min-height:70px; padding-block:12px; flex-wrap:wrap; gap:10px; }.main-nav { order:3; width:100%; justify-content:space-between; gap:10px; }.main-nav a { font-size:10px; }.login-link { font-size:10px; }.hero { min-height:auto; padding-block:63px 68px; }.hero h1 { font-size:clamp(40px,10.8vw,58px); }.hero-lede { font-size:13px; }.hero-actions { align-items:start; flex-direction:column; gap:15px; }.hero-visual { min-height:410px; margin-inline:-8px; transform:scale(.93); }.dashboard-window { padding:11px 10px; }.dashboard-heading h2 { font-size:11px; }.metric-card { min-height:74px; padding:7px; }.metric-card strong { font-size:15px; }.metric-card > span { font-size:6px; }.metric-card small { font-size:5px; }.floating-calc { left:-3px; bottom:17px; }.side-mark { left:1px; top:37px; }.orb-one { width:410px; height:410px; }.orb-two { width:470px; height:470px; }.value-band { padding-block:34px; }.value-band-inner { grid-template-columns:1fr 35px; gap:12px; }.value-band .eyebrow { grid-column:1/-1; }.value-band-inner > p:nth-child(2) { font-size:24px; }.band-symbol { grid-column:2; grid-row:2; }.overview-section,.profit-section,.decision-section,.faq-section,.request-section { padding-block:72px; }.section-heading { display:block; margin-bottom:27px; }.section-heading > p { margin-top:15px; }.overview-grid { grid-template-columns:1fr; }.overview-card-wide { grid-column:auto; }.profit-grid,.faq-grid,.request-grid { grid-template-columns:1fr; gap:32px; }.profit-board { padding:14px; }.decision-heading h2 { margin-bottom:13px; }.decision-flow { margin-top:27px; grid-template-columns:1fr; gap:8px; }.decision-flow > i { width:1px; height:24px; margin-left:25px; border-top:0; border-left:1px dashed #b8a4ca; }.decision-flow > i::after { content:"↓"; top:10px; left:-7px; }.decision-flow article { min-height:120px; }.form-card { padding:17px; }.footer-inner { align-items:start; flex-direction:column; }.footer-inner > p { display:none; }.analytics-banner { inset:auto 10px 10px; padding:14px; flex-direction:column; align-items:stretch; gap:12px; }.analytics-actions button { flex:1; } }
@media (max-width:390px) { .hero-visual { margin-inline:-12px; transform:scale(.87); min-height:370px; }.dashboard-topbar { flex-wrap:wrap; gap:4px; }.demo-pill { font-size:5px; }.metric-card { min-height:67px; }.metric-card small { font-size:4px; }.contact-fields { grid-template-columns:1fr; gap:0; }.board-caption { font-size:5px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }
@media (max-width:390px) { .orb-one { width:min(410px,calc(100vw + 55px)); height:min(410px,calc(100vw + 55px)); }.orb-two { width:min(470px,calc(100vw + 55px)); height:min(470px,calc(100vw + 55px)); } }