/* ==========================================================
   Aurelle — Laravel 12 Beauty E-commerce · Landing page
   custom.css
   ========================================================== */

/* ---------- Base & resets ---------- */
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:#1F2133;font-family:Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#1F2133;text-decoration:none}
a:hover{color:#B85C6E}
*{box-sizing:border-box}
img{display:block}
html { overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-x: clip; }
template { display: none; }

/* ---------- Keyframes ---------- */
@keyframes au-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes au-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes au-blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(60px,-40px) scale(1.12)}66%{transform:translate(-40px,30px) scale(.94)}}
@keyframes au-fill{from{width:0}to{width:100%}}
@keyframes au-pulse{0%{box-shadow:0 0 0 0 rgba(184,92,110,.5)}100%{box-shadow:0 0 0 12px rgba(184,92,110,0)}}
@keyframes au-shine{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes au-spin{to{transform:rotate(360deg)}}
@keyframes au-caret{50%{opacity:0}}
@keyframes au-dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}
@keyframes au-beam{from{background-position:-50% 0}to{background-position:150% 0}}
@keyframes au-pan{from{transform:scale(1.06) translateY(0)}to{transform:scale(1) translateY(-1.5%)}}
@keyframes au-cursor{0%{left:22%;top:30%}18%{left:64%;top:20%}28%{left:64%;top:20%}48%{left:40%;top:66%}58%{left:40%;top:66%}78%{left:80%;top:58%}88%{left:80%;top:58%}100%{left:22%;top:30%}}
@keyframes au-sweep{0%{transform:translateX(-120%)}60%,100%{transform:translateX(320%)}}
@keyframes au-marquee-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes au-spinr{to{transform:rotate(-360deg)}}
@keyframes au-route{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
@keyframes au-grow{0%{width:8%}60%,100%{width:84%}}
@keyframes au-bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes au-ripple{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}

/* ---------- Scroll progress bar ---------- */
.scroll-progress { position:fixed; top:0; left:0; height:3px; width:0; background:linear-gradient(90deg,#B85C6E,#C9A27A,#8B7CC8); z-index:100; }

/* ---------- Header & navigation ---------- */
.header-section { position:fixed; top:0; left:0; right:0; z-index:50; background:transparent; border-bottom:1px solid transparent; transition:background .35s,box-shadow .35s,border-color .35s,backdrop-filter .35s; }
.header-section__block-1 { margin:0 auto; padding:14px 40px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px 24px; }
.header-section__link-1 { display:flex; align-items:center; }
.header-section__image-1 { height:44px; width:auto; }
.header-section__nav-1 { display:flex; flex-wrap:wrap; gap:4px; justify-content:center; flex:1 1 auto; white-space:nowrap; font-family:Poppins; font-size:14.5px; font-weight:500; }
.header-section__link-2 { position:relative; padding:10px 14px; white-space:nowrap; transition:color .25s; }
.header-section__link-2:hover { color:#B85C6E !important; }
.header-section__inline-1 { position:absolute; left:14px; right:14px; bottom:2px; height:2px; border-radius:2px; background:linear-gradient(90deg,#B85C6E,#C9A27A); transform-origin:left; transition:transform .35s cubic-bezier(.2,.7,.2,1); }
.header-section__block-2 { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; align-items:center; font-family:Poppins; font-size:14px; font-weight:500; white-space:nowrap; }
.header-section__link-3 { display:flex; align-items:center; gap:8px; padding:11px 18px; border-radius:999px; border:1px solid rgba(31,33,51,.14); background:#fff; transition:all .25s; }
.header-section__link-3:hover { border-color:#1F2133 !important; transform:translateY(-1px) !important; }
.header-section__inline-2 { width:7px; height:7px; border-radius:50%; background:#3FA76A; animation:au-pulse 1.6s infinite; }
.header-section__link-3 { display:flex; align-items:center; gap:8px; padding:11px 18px; border-radius:999px; border:1px solid rgba(31,33,51,.14); background:#fff; transition:all .25s; }
.header-section__link-3:hover { border-color:#1F2133 !important; transform:translateY(-1px) !important; }
.header-section__inline-3 { width:0; height:0; border-left:7px solid #B85C6E; border-top:4.5px solid transparent; border-bottom:4.5px solid transparent; }
.header-section__link-4 { display:flex; align-items:center; gap:10px; padding:9px 10px 9px 18px; border-radius:999px; background:#1F2133; color:#fff; transition:all .25s; box-shadow:0 8px 24px -8px rgba(31,33,51,.5); }
.header-section__link-4:hover { transform:translateY(-1px) !important; box-shadow:0 14px 30px -10px rgba(31,33,51,.6) !important; color:#fff !important; }
.header-section__inline-4 { background:#fff; border-radius:999px; padding:6px 12px; display:flex; }
.header-section__image-2 { height:16px; width:auto; }

/* ---------- Main ---------- */


/* ---------- Hero ---------- */
.hero-section { position:relative; overflow:hidden; padding:170px 0 60px; }
.hero-section__block-1 { position:absolute; width:720px; height:720px; border-radius:50%; background:radial-gradient(circle,rgba(242,184,198,.55),transparent 65%); top:-260px; left:-120px; animation:au-blob 18s ease-in-out infinite; pointer-events:none; }
.hero-section__block-2 { position:absolute; width:640px; height:640px; border-radius:50%; background:radial-gradient(circle,rgba(201,186,232,.55),transparent 65%); top:60px; right:-160px; animation:au-blob 22s ease-in-out infinite reverse; pointer-events:none; }
.hero-section__block-3 { position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(214,178,132,.35),transparent 65%); bottom:-120px; left:38%; animation:au-blob 26s ease-in-out infinite; pointer-events:none; }
.hero-section__block-4 { position:absolute; inset:0; background-image:radial-gradient(rgba(31,33,51,.09) 1px,transparent 1px); background-size:28px 28px; mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%); -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%); pointer-events:none; }
.hero-section__block-5 { position:relative; margin:0 auto; padding:0 40px; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr)); gap:64px; align-items:center; }
.hero-section__block-7 { display:inline-flex; align-items:center; gap:10px; padding:7px 16px 7px 8px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.08); font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#9A7448; box-shadow:0 6px 20px -12px rgba(31,33,51,.3); }
.hero-section__inline-1 { background:#1F2133; color:#fff; padding:4px 10px; border-radius:999px; letter-spacing:.06em; font-size:11px; }
.hero-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(48px,6.2vw,104px); line-height:.98; letter-spacing:-.035em; margin:28px 0 0; text-wrap:balance; }
.hero-section__inline-2 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; letter-spacing:-.01em; background:linear-gradient(100deg,#B85C6E 0%,#E7A2B2 30%,#C9A27A 50%,#B85C6E 70%,#8B7CC8 100%); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:au-shine 8s linear infinite; padding-right:.08em; white-space: nowrap; }
.hero-section__text-1 { font-size:20px; line-height:1.6; color:#4C4E63; max-width:600px; margin:28px 0 0; text-wrap:pretty; }
.hero-section__block-8 { display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; font-family:Poppins; font-weight:500; }
.hero-section__link-1 { display:flex; align-items:center; gap:14px; padding:8px 8px 8px 28px; border-radius:999px; background:#1F2133; color:#fff; font-size:16px; box-shadow:0 18px 40px -14px rgba(31,33,51,.6); transition:all .3s; }
.hero-section__link-1:hover { transform:translateY(-2px) !important; color:#fff !important; box-shadow:0 24px 50px -14px rgba(184,92,110,.6) !important; }
.hero-section__inline-3 { width:44px; height:44px; border-radius:50%; background:#fff; display:grid; place-items:center; }
.hero-section__inline-4 { display:grid; grid-template-columns:7px 7px; grid-template-rows:7px 7px; gap:3px; }
.hero-section__inline-5 { border-radius:2px; background:#1F2133; }
.hero-section__inline-6 { border-radius:2px; background:#B85C6E; }
.hero-section__inline-7 { border-radius:2px; background:#C9A27A; }
.hero-section__inline-5 { border-radius:2px; background:#1F2133; }
.hero-section__link-2 { display:flex; align-items:center; gap:12px; padding:8px 26px 8px 8px; border-radius:999px; background:rgba(255,255,255,.7); border:1px solid rgba(31,33,51,.12); font-size:16px; transition:all .3s; }
.hero-section__link-2:hover { background:#fff !important; transform:translateY(-2px) !important; }
.hero-section__inline-8 { width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,#F2B8C6,#C9BAE8); display:grid; place-items:center; }
.hero-section__inline-9 { position:relative; width:18px; height:16px; }
.hero-section__inline-10 { position:absolute; top:0; right:0; width:13px; height:10px; border-radius:2px; border:1.5px solid #1F2133; opacity:.5; }
.hero-section__inline-11 { position:absolute; bottom:0; left:0; width:13px; height:10px; border-radius:2px; border:1.5px solid #1F2133; background:#F2D4DE; }
.hero-section__block-9 { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px; margin-top:52px; max-width:680px; }
.hero-section__block-10 { position:relative; overflow:hidden; padding:18px 18px 16px; border-radius:22px; background:rgba(255,255,255,.72); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.95); box-shadow:0 18px 40px -26px rgba(31,33,51,.45),0 0 0 1px rgba(31,33,51,.05); transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s; }
.hero-section__block-10:hover { transform:translateY(-5px) !important; box-shadow:0 26px 50px -26px rgba(184,92,110,.55),0 0 0 1px rgba(184,92,110,.18) !important; }
.hero-section__inline-12 { position:absolute; width:120px; height:120px; right:-40px; top:-50px; border-radius:50%; background:radial-gradient(circle,rgba(231,162,178,.35),transparent 70%); pointer-events:none; }
.hero-section__block-11 { position:relative; }
.hero-section__inline-13 { font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#9A7448; }
.hero-section__block-12 { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.hero-section__block-13 { position:relative; font-family:Poppins; font-weight:600; font-size:clamp(32px,2.6vw,42px); letter-spacing:-.03em; line-height:1; background:linear-gradient(120deg,#1F2133 30%,#B85C6E); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-section__inline-14 { flex:none; width:40px; height:40px; border-radius:12px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 10px 20px -10px rgba(184,92,110,.8); }
.hero-section__inline-15 { display:block; width:18px; height:18px; background:#fff; -webkit-mask:url(../vendor/icons/languages.svg) center/contain no-repeat; mask:url(../vendor/icons/languages.svg) center/contain no-repeat; }
.hero-section__block-14 { position:relative; font-size:13px; color:#5A5C70; margin-top:6px; }
.hero-section__block-10 { position:relative; overflow:hidden; padding:18px 18px 16px; border-radius:22px; background:rgba(255,255,255,.72); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.95); box-shadow:0 18px 40px -26px rgba(31,33,51,.45),0 0 0 1px rgba(31,33,51,.05); transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s; }
.hero-section__block-10:hover { transform:translateY(-5px) !important; box-shadow:0 26px 50px -26px rgba(184,92,110,.55),0 0 0 1px rgba(184,92,110,.18) !important; }
.hero-section__inline-12 { position:absolute; width:120px; height:120px; right:-40px; top:-50px; border-radius:50%; background:radial-gradient(circle,rgba(231,162,178,.35),transparent 70%); pointer-events:none; }
.hero-section__block-11 { position:relative; }
.hero-section__inline-13 { font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#9A7448; }
.hero-section__block-12 { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.hero-section__block-13 { position:relative; font-family:Poppins; font-weight:600; font-size:clamp(32px,2.6vw,42px); letter-spacing:-.03em; line-height:1; background:linear-gradient(120deg,#1F2133 30%,#B85C6E); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-section__inline-14 { flex:none; width:40px; height:40px; border-radius:12px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 10px 20px -10px rgba(184,92,110,.8); }
.hero-section__inline-16 { display:block; width:18px; height:18px; background:#fff; -webkit-mask:url(../vendor/icons/layout-template.svg) center/contain no-repeat; mask:url(../vendor/icons/layout-template.svg) center/contain no-repeat; }
.hero-section__block-14 { position:relative; font-size:13px; color:#5A5C70; margin-top:6px; }
.hero-section__block-10 { position:relative; overflow:hidden; padding:18px 18px 16px; border-radius:22px; background:rgba(255,255,255,.72); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.95); box-shadow:0 18px 40px -26px rgba(31,33,51,.45),0 0 0 1px rgba(31,33,51,.05); transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s; }
.hero-section__block-10:hover { transform:translateY(-5px) !important; box-shadow:0 26px 50px -26px rgba(184,92,110,.55),0 0 0 1px rgba(184,92,110,.18) !important; }
.hero-section__inline-12 { position:absolute; width:120px; height:120px; right:-40px; top:-50px; border-radius:50%; background:radial-gradient(circle,rgba(231,162,178,.35),transparent 70%); pointer-events:none; }
.hero-section__block-11 { position:relative; }
.hero-section__inline-13 { font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#9A7448; }
.hero-section__block-12 { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.hero-section__block-13 { position:relative; font-family:Poppins; font-weight:600; font-size:clamp(32px,2.6vw,42px); letter-spacing:-.03em; line-height:1; background:linear-gradient(120deg,#1F2133 30%,#B85C6E); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-section__inline-14 { flex:none; width:40px; height:40px; border-radius:12px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 10px 20px -10px rgba(184,92,110,.8); }
.hero-section__inline-17 { display:block; width:18px; height:18px; background:#fff; -webkit-mask:url(../vendor/icons/credit-card.svg) center/contain no-repeat; mask:url(../vendor/icons/credit-card.svg) center/contain no-repeat; }
.hero-section__block-14 { position:relative; font-size:13px; color:#5A5C70; margin-top:6px; }
.hero-section__block-10 { position:relative; overflow:hidden; padding:18px 18px 16px; border-radius:22px; background:rgba(255,255,255,.72); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.95); box-shadow:0 18px 40px -26px rgba(31,33,51,.45),0 0 0 1px rgba(31,33,51,.05); transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s; }
.hero-section__block-10:hover { transform:translateY(-5px) !important; box-shadow:0 26px 50px -26px rgba(184,92,110,.55),0 0 0 1px rgba(184,92,110,.18) !important; }
.hero-section__inline-12 { position:absolute; width:120px; height:120px; right:-40px; top:-50px; border-radius:50%; background:radial-gradient(circle,rgba(231,162,178,.35),transparent 70%); pointer-events:none; }
.hero-section__block-11 { position:relative; }
.hero-section__inline-13 { font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#9A7448; }
.hero-section__block-12 { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.hero-section__block-13 { position:relative; font-family:Poppins; font-weight:600; font-size:clamp(32px,2.6vw,42px); letter-spacing:-.03em; line-height:1; background:linear-gradient(120deg,#1F2133 30%,#B85C6E); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-section__inline-14 { flex:none; width:40px; height:40px; border-radius:12px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 10px 20px -10px rgba(184,92,110,.8); }
.hero-section__inline-18 { display:block; width:18px; height:18px; background:#fff; -webkit-mask:url(../vendor/icons/puzzle.svg) center/contain no-repeat; mask:url(../vendor/icons/puzzle.svg) center/contain no-repeat; }
.hero-section__block-14 { position:relative; font-size:13px; color:#5A5C70; margin-top:6px; }
.hero-section__block-15 { position:relative; height:clamp(420px,46vw,640px); perspective:1800px; }
.hero-section__block-16 { position:absolute; inset:0; transform-style:preserve-3d; transform:rotateY(calc(-14deg + var(--mx,0) * 6deg)) rotateX(calc(7deg - var(--my,0) * 5deg)); transition:transform .4s cubic-bezier(.2,.7,.2,1); }
.hero-section__block-17 { position:absolute; top:30px; left:0; width:92%; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 50px 100px -30px rgba(31,33,51,.45),0 0 0 1px rgba(31,33,51,.06); transform:translateZ(0); }
.hero-section__block-18 { display:flex; gap:6px; padding:11px 14px; background:#F3EFEC; border-bottom:1px solid rgba(31,33,51,.06); }
.hero-section__inline-19 { width:10px; height:10px; border-radius:50%; background:#E8A0A8; }
.hero-section__inline-20 { width:10px; height:10px; border-radius:50%; background:#E8CFA0; }
.hero-section__inline-21 { width:10px; height:10px; border-radius:50%; background:#A8D4B4; }
.hero-section__inline-22 { margin-left:14px; flex:1; max-width:280px; height:10px; border-radius:999px; background:rgba(31,33,51,.08); }
.hero-section__image-1 { width:100%; height:auto; }
.hero-section__block-19 { position:absolute; bottom:20px; right:0; width:62%; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 40px 80px -20px rgba(31,33,51,.55),0 0 0 1px rgba(31,33,51,.08); transform:translateZ(90px) translate(calc(var(--mx,0) * -14px),calc(var(--my,0) * -10px)); transition:transform .4s; }
.hero-section__block-20 { display:flex; gap:5px; padding:9px 12px; background:#2A2B37; }
.hero-section__inline-23 { width:8px; height:8px; border-radius:50%; background:#555; }
.hero-section__inline-23 { width:8px; height:8px; border-radius:50%; background:#555; }
.hero-section__inline-23 { width:8px; height:8px; border-radius:50%; background:#555; }
.hero-section__image-1 { width:100%; height:auto; }
.hero-section__block-21 { position:absolute; top:-10px; right:-20px; width:38%; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 30px 60px -20px rgba(31,33,51,.45); transform:translateZ(150px) translate(calc(var(--mx,0) * -22px),calc(var(--my,0) * -16px)); transition:transform .4s; }
.hero-section__image-1 { width:100%; height:auto; }
.hero-section__block-22 { position:absolute; left:-10px; bottom:120px; animation:au-float 6s ease-in-out infinite; z-index:3; }
.hero-section__block-23 { display:flex; align-items:center; gap:12px; padding:12px 18px 12px 12px; border-radius:16px; background:rgba(255,255,255,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 20px 40px -16px rgba(31,33,51,.35); border:1px solid rgba(255,255,255,.9); }
.hero-section__inline-24 { width:38px; height:38px; border-radius:12px; background:#E6F4EA; display:grid; place-items:center; color:#2F7D4E; font-weight:700; font-family:Poppins; }
.hero-section__block-24 { font-family:Poppins; font-weight:600; font-size:14px; }
.hero-section__block-25 { font-size:12px; color:#6B6D80; }
.hero-section__block-26 { position:absolute; right:30px; top:300px; animation:au-float 7s ease-in-out -2s infinite; z-index:3; }
.hero-section__block-27 { padding:14px 18px; border-radius:16px; background:#1F2133; color:#fff; box-shadow:0 20px 40px -16px rgba(31,33,51,.55); min-width:200px; }
.hero-section__block-28 { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#E7A2B2; font-weight:600; }
.hero-section__block-29 { font-family:Poppins; font-weight:600; font-size:22px; margin-top:4px; }
.hero-section__block-30 { height:5px; border-radius:9px; background:rgba(255,255,255,.15); margin-top:10px; overflow:hidden; }
.hero-section__block-31 { height:100%; width:72%; background:linear-gradient(90deg,#E7A2B2,#C9A27A); border-radius:9px; }

/* ---------- Integrations flip board ---------- */
.integrations-section { position:relative; padding:30px 0 40px; overflow:hidden; }
.integrations-section__block-1 { margin:0 auto; padding:0 40px; }
.integrations-section__block-2 { position:relative; border-radius:36px; padding:clamp(28px,3.5vw,56px) clamp(20px,3vw,48px); background:linear-gradient(180deg,#FBF7F4,#F7F1F4); border:1px solid rgba(31,33,51,.06); overflow:hidden; }
.integrations-section__block-3 { position:absolute; inset:0; background-image:radial-gradient(rgba(31,33,51,.07) 1px,transparent 1px); background-size:22px 22px; mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%); -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%); pointer-events:none; }
.integrations-section__block-4 { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; margin-bottom:36px; }
.integrations-section__block-5 { font-family:Poppins; font-weight:600; font-size:clamp(22px,1.8vw,30px); letter-spacing:-.02em; }
.integrations-section__inline-1 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; color:#B85C6E; }
.integrations-section__block-6 { display:flex; align-items:center; gap:10px; font-family:'JetBrains Mono'; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#5A5C70; }
.integrations-section__inline-2 { width:8px; height:8px; border-radius:50%; background:#3FA76A; animation:au-pulse 1.6s infinite; }
.integrations-section__block-7 { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(30px,110px) auto minmax(30px,110px) minmax(0,1fr); row-gap:14px; align-items:center; }
.integrations-section__block-8 { grid-column:3; grid-row:1 / span 5; position:relative; width:clamp(170px,15vw,240px); aspect-ratio:1; display:grid; place-items:center; }
.integrations-section__inline-3 { position:absolute; inset:-14px; border-radius:50%; border:1.5px solid rgba(184,92,110,.35); animation:au-ripple 3s ease-out infinite; }
.integrations-section__inline-4 { position:absolute; inset:-14px; border-radius:50%; border:1.5px solid rgba(184,92,110,.35); animation:au-ripple 3s ease-out -1.5s infinite; }
.integrations-section__inline-5 { position:absolute; inset:0; border-radius:50%; padding:2px; background:conic-gradient(from 0deg,#E7A2B2,#C9A27A,#C9BAE8,#E7A2B2); animation:au-spin 8s linear infinite; }
.integrations-section__block-9 { position:absolute; inset:3px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#FFFFFF,#F7EEF1); box-shadow:0 30px 60px -24px rgba(184,92,110,.55); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; }
.integrations-section__image-1 { width:72%; height:auto; }
.integrations-section__inline-6 { padding:5px 12px; border-radius:999px; background:#1F2133; color:#fff; font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; }
.integrations-section__block-10 { display:contents; }
.integrations-section__block-11 { grid-column:1; display:flex; justify-content:flex-end; min-width:0; }
.integrations-section__block-12 { display:flex; align-items:center; gap:12px; padding:10px 16px 10px 10px; border-radius:18px; background:#fff; transition:all .6s cubic-bezier(.2,.8,.2,1); min-width:0; max-width:100%; }
.integrations-section__inline-7 { flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; transition:background .5s; }
.integrations-section__inline-8 { display:block; width:20px; height:20px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.integrations-section__inline-9 { min-width:0; }
.integrations-section__inline-10 { display:block; font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#9A7448; }
.integrations-section__inline-11 { display:block; font-family:Poppins,'IBM Plex Sans Arabic'; font-weight:600; font-size:15.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.integrations-section__block-13 { grid-column:2; position:relative; height:2px; align-self:center; transition:background .5s; }
.integrations-section__inline-12 { position:absolute; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:#B85C6E; box-shadow:0 0 0 4px rgba(184,92,110,.15),0 0 14px rgba(184,92,110,.6); animation:au-route 2.6s cubic-bezier(.5,0,.5,1) infinite; animation-direction:normal; }
.integrations-section__block-14 { grid-column:4; position:relative; height:2px; align-self:center; transition:background .5s; }
.integrations-section__inline-13 { position:absolute; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; background:#B85C6E; box-shadow:0 0 0 4px rgba(184,92,110,.15),0 0 14px rgba(184,92,110,.6); animation:au-route 2.6s cubic-bezier(.5,0,.5,1) infinite; animation-direction:reverse; }
.integrations-section__block-15 { grid-column:5; display:flex; justify-content:flex-start; min-width:0; }
.integrations-section__block-12 { display:flex; align-items:center; gap:12px; padding:10px 16px 10px 10px; border-radius:18px; background:#fff; transition:all .6s cubic-bezier(.2,.8,.2,1); min-width:0; max-width:100%; }
.integrations-section__inline-7 { flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; transition:background .5s; }
.integrations-section__inline-8 { display:block; width:20px; height:20px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.integrations-section__inline-9 { min-width:0; }
.integrations-section__inline-10 { display:block; font-family:'JetBrains Mono'; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#9A7448; }
.integrations-section__inline-11 { display:block; font-family:Poppins,'IBM Plex Sans Arabic'; font-weight:600; font-size:15.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ---------- Features (scroll story) ---------- */
.features-section { position:relative; padding:150px 0 60px; }
.features-section__block-1 { margin:0 auto; padding:0 40px; }
.features-section__block-2 { max-width:1100px; }
.features-section__block-3 { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:12px; padding:5px 18px 5px 5px; border-radius:999px; border:1px solid transparent; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#E7A2B2,#C9A27A,#C9BAE8,#E7A2B2) border-box; box-shadow:0 12px 28px -14px rgba(184,92,110,.6); }
.features-section__inline-1 { position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(100deg,transparent,rgba(231,162,178,.28),transparent); animation:au-sweep 4s ease-in-out infinite; pointer-events:none; }
.features-section__inline-2 { position:relative; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#B85C6E,#C9A27A); color:#fff; display:grid; place-items:center; font-family:'JetBrains Mono'; font-size:12px; font-weight:600; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-3 { display:block; width:16px; height:16px; background:#fff; -webkit-mask:url(../vendor/icons/sparkles.svg) center/contain no-repeat; mask:url(../vendor/icons/sparkles.svg) center/contain no-repeat; }
.features-section__inline-4 { position:relative; font-family:Poppins; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#1F2133; }
.features-section__inline-5 { position:relative; width:6px; height:6px; border-radius:50%; background:#B85C6E; animation:au-pulse 1.6s infinite; }
.features-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(38px,4.8vw,80px); line-height:1.02; letter-spacing:-.035em; margin:18px 0 0; text-wrap:balance; }
.features-section__inline-6 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; }
.features-section__block-4 { display:flex; flex-wrap:wrap; gap:clamp(32px,5vw,96px); align-items:flex-start; margin-top:40px; }
.features-section__block-5 { flex:1.15 1 560px; min-width:0; top:110px; padding:20px 0; }
.features-section__block-6 { position:relative; height:min(640px,72vh); min-height:440px; border-radius:40px; overflow:hidden; box-shadow:0 60px 120px -50px rgba(31,33,51,.5),0 0 0 1px rgba(31,33,51,.06); }
.features-section__block-7 { position:absolute; inset:0; background:linear-gradient(150deg,#FFFFFF,#F6EEF1); color:#1F2133; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-9 { position:relative; border-radius:24px; background:linear-gradient(135deg,#FBE6EA,#EFE8F7); padding:28px; display:flex; flex-direction:column; gap:14px; overflow:hidden; box-shadow:0 30px 60px -30px rgba(31,33,51,.35); }
.features-section__block-10 { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.features-section__image-1 { height:22px; width:auto; }
.features-section__block-11 { position:relative; display:flex; padding:4px; border-radius:999px; background:rgba(255,255,255,.8); font-family:Poppins; font-size:12px; font-weight:500; }
.features-section__inline-7 { position:absolute; top:4px; bottom:4px; width:calc(50% - 4px); border-radius:999px; background:#1F2133; transition:left .5s cubic-bezier(.2,.7,.2,1); }
.features-section__inline-8 { position:relative; padding:6px 14px; transition:color .4s; }
.features-section__inline-8 { position:relative; padding:6px 14px; transition:color .4s; }
.features-section__block-12 { font-family:Poppins,'IBM Plex Sans Arabic'; font-weight:600; font-size:30px; line-height:1.15; transition:opacity .3s; }
.features-section__block-13 { font-size:14px; color:#5A5C70; transition:opacity .3s; }
.features-section__block-14 { display:flex; }
.features-section__inline-9 { padding:11px 20px; border-radius:999px; background:#1F2133; color:#fff; font-family:Poppins; font-size:13px; font-weight:500; }
.features-section__block-15 { position:absolute; inset:0; background:linear-gradient(150deg,#2A2C40,#1F2133); color:#fff; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-16 { display:flex; flex-direction:column; gap:8px; }
.features-section__block-17 { display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:16px; transition:all .45s; }
.features-section__inline-10 { width:18px; height:18px; border-radius:50%; display:grid; place-items:center; }
.features-section__inline-11 { width:8px; height:8px; border-radius:50%; transition:transform .4s; }
.features-section__inline-12 { font-family:Poppins; font-size:15px; font-weight:500; }
.features-section__inline-13 { margin-left:auto; font-size:12.5px; font-weight:600; color:#7FD3A0; transition:all .45s; }
.features-section__block-18 { position:absolute; inset:0; background:linear-gradient(150deg,#F7D9DF,#F3E6EA); color:#1F2133; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-19 { border-radius:24px; background:rgba(255,255,255,.75); padding:28px; box-shadow:0 30px 60px -30px rgba(184,92,110,.45); }
.features-section__block-20 { display:flex; align-items:baseline; gap:10px; }
.features-section__inline-14 { font-family:Poppins; font-weight:600; font-size:72px; letter-spacing:-.04em; line-height:1; }
.features-section__inline-15 { font-size:14px; color:#6B6D80; }
.features-section__block-21 { margin-top:26px; display:flex; align-items:center; gap:12px; font-family:Poppins; font-size:13px; font-weight:600; }
.features-section__inline-16 { padding:8px 12px; border-radius:10px; background:#fff; }
.features-section__inline-17 { position:relative; flex:1; height:2px; background-image:linear-gradient(90deg,rgba(31,33,51,.25) 50%,transparent 50%); background-size:10px 2px; }
.features-section__inline-18 { position:absolute; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; background:#B85C6E; box-shadow:0 0 0 5px rgba(184,92,110,.18); animation:au-route 3.2s cubic-bezier(.6,0,.4,1) infinite; }
.features-section__inline-19 { padding:8px 12px; border-radius:10px; background:#1F2133; color:#fff; }
.features-section__block-22 { margin-top:22px; font-size:12.5px; display:flex; justify-content:space-between; color:#5A5C70; }
.features-section__inline-21 { color:#B85C6E; font-weight:600; }
.features-section__block-23 { height:7px; border-radius:9px; background:#fff; margin-top:8px; overflow:hidden; }
.features-section__block-24 { height:100%; border-radius:9px; background:linear-gradient(90deg,#B85C6E,#C9A27A); animation:au-grow 3.2s ease-in-out infinite; }
.features-section__block-25 { position:absolute; inset:0; background:linear-gradient(150deg,#FFFFFF,#F3EFEC); color:#1F2133; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-16 { display:flex; flex-direction:column; gap:8px; }
.features-section__block-26 { display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:14px; background:#F7F4F1; transition:opacity .4s; }
.features-section__inline-22 { font-family:'JetBrains Mono'; font-size:11px; color:#9A9CAD; }
.features-section__inline-23 { font-size:14.5px; font-weight:500; }
.features-section__inline-24 { margin-left:auto; position:relative; width:34px; height:20px; border-radius:999px; transition:background .4s; }
.features-section__inline-25 { position:absolute; top:3px; width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:left .4s cubic-bezier(.2,.7,.2,1); }
.features-section__block-27 { position:absolute; inset:0; background:linear-gradient(150deg,#EFE3F3,#E3DAF2); color:#1F2133; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-28 { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.features-section__block-29 { display:flex; align-items:center; gap:10px; }
.features-section__inline-26 { width:96px; height:96px; border-radius:26px; background:#fff; display:grid; place-items:center; box-shadow:0 16px 30px -18px rgba(31,33,51,.4); animation:au-float 5s ease-in-out 0s infinite; }
.features-section__inline-27 { width:28px; height:50px; border-radius:10px; background:#CFC3EC; }
.features-section__inline-28 { font-size:22px; color:#B85C6E; }
.features-section__inline-29 { width:96px; height:96px; border-radius:26px; background:#fff; display:grid; place-items:center; box-shadow:0 16px 30px -18px rgba(31,33,51,.4); animation:au-float 5s ease-in-out -1.6s infinite; }
.features-section__inline-30 { width:34px; height:42px; border-radius:10px; background:#E9B8B0; }
.features-section__inline-28 { font-size:22px; color:#B85C6E; }
.features-section__inline-31 { width:96px; height:96px; border-radius:26px; background:#fff; display:grid; place-items:center; box-shadow:0 16px 30px -18px rgba(31,33,51,.4); animation:au-float 5s ease-in-out -3.2s infinite; }
.features-section__inline-32 { width:40px; height:32px; border-radius:10px; background:#B9D7C4; }
.features-section__block-30 { display:flex; align-items:center; gap:16px; }
.features-section__inline-33 { font-family:Poppins; font-size:26px; }
.features-section__block-20 { display:flex; align-items:baseline; gap:10px; }
.features-section__inline-34 { font-family:Poppins; font-weight:600; font-size:60px; letter-spacing:-.04em; line-height:1; }
.features-section__inline-35 { font-size:18px; text-decoration:line-through; color:#6B6D80; }
.features-section__inline-36 { display:inline-block; margin-top:8px; padding:6px 14px; border-radius:999px; background:linear-gradient(100deg,#1F2133 40%,#5A4C6E 50%,#1F2133 60%); background-size:250% 100%; animation:au-shine 3s linear infinite; color:#fff; font-size:12px; font-weight:600; letter-spacing:.06em; }
.features-section__block-31 { position:absolute; inset:0; background:linear-gradient(150deg,#FFFFFF,#F6F1EC); color:#1F2133; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-32 { display:flex; flex-direction:column; gap:10px; }
.features-section__block-33 { display:flex; align-items:center; gap:12px; }
.features-section__inline-37 { width:28px; height:28px; flex:none; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:700; font-family:Poppins; }
.features-section__block-34 { flex:1; padding:12px 16px; border-radius:14px; border:1px solid rgba(31,33,51,.14); background:#fff; }
.features-section__block-35 { font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.features-section__block-36 { font-family:Poppins; font-size:15px; font-weight:500; margin-top:2px; transition:opacity .3s; }
.features-section__block-37 { position:absolute; inset:0; background:linear-gradient(150deg,#23263A,#1A1B27); color:#fff; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-38 { display:flex; gap:8px; }
.features-section__inline-38 { padding:9px 16px; border-radius:999px; font-family:Poppins; font-size:14px; font-weight:600; transition:all .4s; }
.features-section__block-39 { margin-top:30px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.features-section__block-40 { font-family:Poppins; font-weight:600; font-size:64px; letter-spacing:-.03em; margin-top:6px; transition:opacity .3s; }
.features-section__block-41 { position:absolute; inset:0; background:linear-gradient(160deg,#2E2838,#1F2133); color:#fff; display:flex; align-items:center; justify-content:center; padding:clamp(28px,4vw,64px); transition:opacity .7s ease; }
.features-section__block-8 { width:100%; max-width:520px; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .7s; }
.features-section__block-42 { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#E7A2B2; font-weight:600; }
.features-section__block-43 { font-family:Poppins; font-weight:600; font-size:64px; letter-spacing:-.03em; line-height:1; margin-top:8px; }
.features-section__block-44 { display:flex; justify-content:space-between; font-size:12px; color:rgba(255,255,255,.6); margin:24px 0 8px; }
.features-section__block-45 { height:8px; border-radius:9px; background:rgba(255,255,255,.12); overflow:hidden; }
.features-section__block-46 { height:100%; border-radius:9px; background:linear-gradient(90deg,#E7A2B2,#C9A27A,#F3EAD9); transition:width 1.2s cubic-bezier(.2,.7,.2,1); }
.features-section__block-47 { font-size:13px; color:rgba(255,255,255,.7); margin-top:10px; }
.features-section__block-48 { position:absolute; width:520px; height:520px; left:50%; top:50%; margin:-260px 0 0 -260px; border-radius:50%; animation:au-spin 50s linear infinite; pointer-events:none; transition:border-color .6s; }
.features-section__block-49 { position:absolute; left:28px; top:24px; right:28px; display:flex; justify-content:space-between; align-items:center; font-family:'JetBrains Mono'; font-size:12px; letter-spacing:.1em; text-transform:uppercase; transition:color .6s; pointer-events:none; }
.features-section__inline-39 { display:flex; align-items:center; gap:8px; }
.features-section__inline-40 { width:7px; height:7px; border-radius:50%; background:#B85C6E; animation:au-pulse 1.6s infinite; }
.features-section__block-50 { position:absolute; left:28px; right:28px; bottom:24px; height:3px; border-radius:3px; overflow:hidden; transition:background .6s; }
.features-section__block-51 { height:100%; background:linear-gradient(90deg,#B85C6E,#C9A27A); transition:width .7s cubic-bezier(.2,.8,.2,1); }
.features-section__block-52 { display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:22px; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-42 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/languages.svg) center/contain no-repeat; mask:url(../vendor/icons/languages.svg) center/contain no-repeat; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-43 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/credit-card.svg) center/contain no-repeat; mask:url(../vendor/icons/credit-card.svg) center/contain no-repeat; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-44 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/truck.svg) center/contain no-repeat; mask:url(../vendor/icons/truck.svg) center/contain no-repeat; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-45 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/layout-template.svg) center/contain no-repeat; mask:url(../vendor/icons/layout-template.svg) center/contain no-repeat; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-46 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/package-plus.svg) center/contain no-repeat; mask:url(../vendor/icons/package-plus.svg) center/contain no-repeat; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-47 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/shopping-cart.svg) center/contain no-repeat; mask:url(../vendor/icons/shopping-cart.svg) center/contain no-repeat; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-48 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/coins.svg) center/contain no-repeat; mask:url(../vendor/icons/coins.svg) center/contain no-repeat; }
.features-section__button-1 { display:flex; align-items:center; gap:10px; border:0; background:none; padding:4px 0; cursor:pointer; font-family:'JetBrains Mono'; font-size:11.5px; transition:color .4s; }
.features-section__inline-41 { height:2px; border-radius:2px; background:currentColor; transition:width .5s cubic-bezier(.2,.8,.2,1); }
.features-section__inline-49 { display:block; width:16px; height:16px; background:currentColor; -webkit-mask:url(../vendor/icons/gem.svg) center/contain no-repeat; mask:url(../vendor/icons/gem.svg) center/contain no-repeat; }
.features-section__block-53 { flex:1 1 420px; min-width:0; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-50 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/languages.svg) center/contain no-repeat; mask:url(../vendor/icons/languages.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-52 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/credit-card.svg) center/contain no-repeat; mask:url(../vendor/icons/credit-card.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-53 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/truck.svg) center/contain no-repeat; mask:url(../vendor/icons/truck.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-54 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/layout-template.svg) center/contain no-repeat; mask:url(../vendor/icons/layout-template.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-55 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/package-plus.svg) center/contain no-repeat; mask:url(../vendor/icons/package-plus.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-56 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/shopping-cart.svg) center/contain no-repeat; mask:url(../vendor/icons/shopping-cart.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-57 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/coins.svg) center/contain no-repeat; mask:url(../vendor/icons/coins.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__block-54 { min-height:74vh; display:flex; align-items:center; padding:40px 0; }
.features-section__block-55 { transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1); }
.features-section__block-56 { width:76px; height:76px; border-radius:24px; background:linear-gradient(135deg,#B85C6E,#C9A27A); display:grid; place-items:center; box-shadow:0 18px 36px -16px rgba(184,92,110,.7),inset 0 0 0 1px rgba(255,255,255,.25); }
.features-section__inline-58 { display:block; width:34px; height:34px; background:#fff; -webkit-mask:url(../vendor/icons/gem.svg) center/contain no-repeat; mask:url(../vendor/icons/gem.svg) center/contain no-repeat; }
.features-section__title-2 { font-family:Poppins; font-weight:600; font-size:clamp(32px,3vw,52px); letter-spacing:-.03em; line-height:1.05; margin:22px 0 0; max-width:560px; text-wrap:balance; }
.features-section__text-1 { font-size:18px; line-height:1.7; color:#4C4E63; margin:18px 0 0; max-width:520px; }
.features-section__block-57 { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }
.features-section__inline-51 { padding:9px 16px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); font-size:13.5px; font-weight:500; }

/* ---------- Storefront screens ---------- */
.screens-section { position:relative; padding:120px 0 150px; overflow:hidden; }
.screens-section__block-1 { position:absolute; top:60px; left:0; display:flex; width:max-content; animation:au-marquee 60s linear infinite; pointer-events:none; font-family:Poppins; font-weight:700; font-size:clamp(140px,16vw,280px); line-height:1; letter-spacing:-.04em; color:transparent; -webkit-text-stroke:1.5px rgba(31,33,51,.07); white-space:nowrap; }
.screens-section__inline-1 { padding-right:80px; }
.screens-section__inline-1 { padding-right:80px; }
.screens-section__block-2 { position:relative; margin:0 auto; padding:0 40px; }
.screens-section__block-3 { text-align:center; max-width:960px; margin:0 auto; }
.screens-section__block-4 { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:12px; padding:5px 18px 5px 5px; border-radius:999px; border:1px solid transparent; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#E7A2B2,#C9A27A,#C9BAE8,#E7A2B2) border-box; box-shadow:0 12px 28px -14px rgba(184,92,110,.6); }
.screens-section__inline-2 { position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(100deg,transparent,rgba(231,162,178,.28),transparent); animation:au-sweep 4s ease-in-out infinite; pointer-events:none; }
.screens-section__inline-3 { position:relative; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#B85C6E,#C9A27A); color:#fff; display:grid; place-items:center; font-family:'JetBrains Mono'; font-size:12px; font-weight:600; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.screens-section__inline-4 { display:block; width:16px; height:16px; background:#fff; -webkit-mask:url(../vendor/icons/monitor-smartphone.svg) center/contain no-repeat; mask:url(../vendor/icons/monitor-smartphone.svg) center/contain no-repeat; }
.screens-section__inline-5 { position:relative; font-family:Poppins; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#1F2133; }
.screens-section__inline-6 { position:relative; width:6px; height:6px; border-radius:50%; background:#B85C6E; animation:au-pulse 1.6s infinite; }
.screens-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(38px,4.6vw,76px); line-height:1.02; letter-spacing:-.03em; margin:18px 0 0; text-wrap:balance; }
.screens-section__inline-7 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; }
.screens-section__text-1 { font-size:18px; line-height:1.65; color:#4C4E63; max-width:620px; margin:22px auto 0; }
.screens-section__block-5 { perspective:2200px; margin-top:72px; }
.screens-section__block-6 { position:relative; max-width:1340px; margin:0 auto; transform-origin:50% 0; transform:rotateX(calc(var(--st,1) * 24deg)) scale(calc(1 - var(--st,1) * .1)) translateY(calc(var(--st,1) * 40px)); will-change:transform; }
.screens-section__block-7 { position:absolute; inset:8% -4% -6% -4%; border-radius:60px; background:conic-gradient(from 180deg,#F2B8C6,#D9C8EE,#F3E2C8,#F2B8C6); filter:blur(60px); opacity:.75; animation:au-spin 40s linear infinite; pointer-events:none; }
.screens-section__block-8 { position:relative; border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 60px 120px -40px rgba(31,33,51,.55),0 0 0 1px rgba(31,33,51,.06); }
.screens-section__block-9 { display:flex; align-items:center; gap:7px; padding:14px 18px; background:#F3EFEC; border-bottom:1px solid rgba(31,33,51,.06); }
.screens-section__inline-8 { width:11px; height:11px; border-radius:50%; background:#E8A0A8; }
.screens-section__inline-9 { width:11px; height:11px; border-radius:50%; background:#E8CFA0; }
.screens-section__inline-10 { width:11px; height:11px; border-radius:50%; background:#A8D4B4; }
.screens-section__inline-11 { margin:0 auto; display:flex; align-items:center; gap:8px; padding:6px 60px; border-radius:999px; background:#fff; font-family:'JetBrains Mono'; font-size:12.5px; color:#6B6D80; }
.screens-section__inline-12 { width:8px; height:8px; border-radius:50%; background:#3FA76A; }
.screens-section__block-10 { position:relative; aspect-ratio:16/9; background:#fff; }
.screens-section__block-11 { background-size:cover; background-position:top center; position:absolute; inset:0; width:100%; height:100%; transition:opacity .7s ease,transform 1.4s cubic-bezier(.2,.7,.2,1),filter .7s; }
.screens-section__block-12 { position:absolute; z-index:2; display:flex; align-items:center; gap:10px; pointer-events:none; transform-origin:7px 50%; }
.screens-section__inline-13 { flex:none; width:14px; height:14px; border-radius:50%; background:#B85C6E; border:3px solid #fff; animation:au-pulse 1.6s infinite; }
.screens-section__inline-14 { padding:9px 15px; border-radius:999px; background:rgba(31,33,51,.9); color:#fff; font-family:Poppins; font-size:13.5px; font-weight:500; white-space:nowrap; box-shadow:0 12px 28px -10px rgba(31,33,51,.6); }
.screens-section__block-13 { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:56px; }
.screens-section__button-1 { position:relative; flex:0 1 240px; text-align:left; padding:10px 10px 16px; border-radius:20px; cursor:pointer; font-family:inherit; color:#1F2133; overflow:hidden; transition:all .45s cubic-bezier(.2,.7,.2,1); }
.screens-section__button-1:hover { transform:translateY(-4px) !important; }
.screens-section__inline-15 { display:block; aspect-ratio:16/10; border-radius:12px; overflow:hidden; background:#F3EFEC; }
.screens-section__inline-16 { display:block; background-size:cover; background-position:top center; width:100%; height:100%; transition:opacity .4s; }
.screens-section__inline-17 { display:flex; align-items:center; gap:10px; margin-top:12px; padding:0 6px; }
.screens-section__inline-18 { flex:none; width:30px; height:30px; border-radius:10px; display:grid; place-items:center; transition:background .4s; }
.screens-section__inline-19 { display:block; width:16px; height:16px; transition:background .4s; }
.screens-section__inline-20 { font-family:Poppins; font-weight:600; font-size:15px; }
.screens-section__inline-21 { position:absolute; left:0; bottom:0; height:3px; background:linear-gradient(90deg,#B85C6E,#C9A27A); }
.screens-section__text-2 { text-align:center; font-size:16px; color:#5A5C70; max-width:620px; margin:28px auto 0; min-height:52px; line-height:1.6; }

/* ---------- Admin dashboard ---------- */
.admin-section { position:relative; background:#14151D; color:#fff; padding:150px 0; overflow:hidden; }
.admin-section__block-1 { position:absolute; width:900px; height:900px; border-radius:50%; background:radial-gradient(circle,rgba(184,92,110,.3),transparent 65%); top:-300px; right:-200px; animation:au-blob 24s ease-in-out infinite; pointer-events:none; }
.admin-section__block-2 { position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(139,124,200,.24),transparent 65%); bottom:-300px; left:-200px; animation:au-blob 28s ease-in-out infinite reverse; pointer-events:none; }
.admin-section__block-3 { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse at 50% 40%,#000 10%,transparent 70%); -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 10%,transparent 70%); pointer-events:none; }
.admin-section__block-4 { position:relative; margin:0 auto; padding:0 40px; }
.admin-section__block-5 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:64px; }
.admin-section__block-7 { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:12px; padding:5px 18px 5px 5px; border-radius:999px; border:1px solid transparent; background:linear-gradient(#23243A,#23243A) padding-box,linear-gradient(120deg,#E7A2B2,#C9A27A,#C9BAE8,#E7A2B2) border-box; box-shadow:0 12px 28px -14px rgba(184,92,110,.6); }
.admin-section__inline-1 { position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent); animation:au-sweep 4s ease-in-out infinite; pointer-events:none; }
.admin-section__inline-2 { position:relative; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#B85C6E,#C9A27A); color:#fff; display:grid; place-items:center; font-family:'JetBrains Mono'; font-size:12px; font-weight:600; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.admin-section__inline-3 { display:block; width:16px; height:16px; background:#fff; -webkit-mask:url(../vendor/icons/layout-dashboard.svg) center/contain no-repeat; mask:url(../vendor/icons/layout-dashboard.svg) center/contain no-repeat; }
.admin-section__inline-4 { position:relative; font-family:Poppins; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#fff; }
.admin-section__inline-5 { position:relative; width:6px; height:6px; border-radius:50%; background:#B85C6E; animation:au-pulse 1.6s infinite; }
.admin-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(38px,4.6vw,76px); line-height:1.02; letter-spacing:-.03em; margin:18px 0 0; max-width:960px; text-wrap:balance; }
.admin-section__inline-6 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; color:#E7A2B2; }
.admin-section__text-1 { font-size:18px; line-height:1.65; color:rgba(255,255,255,.7); max-width:460px; margin:0; }
.admin-section__block-8 { display:flex; flex-wrap:wrap; gap:32px; align-items:stretch; }
.admin-section__block-9 { flex:0 1 380px; min-width:280px; display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:28px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.admin-section__block-10 { padding:12px 14px 10px; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.45); font-weight:600; }
.admin-section__button-1 { position:relative; overflow:hidden; text-align:left; display:flex; gap:14px; align-items:flex-start; padding:16px; border-radius:18px; color:#fff; cursor:pointer; font-family:inherit; transition:all .4s; }
.admin-section__button-1:hover { background:rgba(255,255,255,.06) !important; }
.admin-section__inline-7 { flex:none; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; transition:all .4s; }
.admin-section__inline-8 { display:block; width:19px; height:19px; transition:background .4s; }
.admin-section__inline-9 { display:block; min-width:0; }
.admin-section__inline-10 { display:block; font-family:Poppins; font-weight:600; font-size:16.5px; padding-top:8px; transition:color .3s; }
.admin-section__inline-11 { display:block; font-size:13.5px; line-height:1.55; color:rgba(255,255,255,.62); overflow:hidden; margin-top:6px; transition:all .45s; }
.admin-section__inline-12 { position:absolute; left:0; bottom:0; height:2px; background:linear-gradient(90deg,#E7A2B2,#C9A27A); }
.admin-section__block-11 { flex:1 1 680px; min-width:0; position:relative; }
.admin-section__block-12 { position:absolute; inset:6% 4% -4% 4%; border-radius:40px; background:linear-gradient(120deg,rgba(184,92,110,.55),rgba(139,124,200,.45)); filter:blur(70px); opacity:.6; pointer-events:none; }
.admin-section__block-13 { position:relative; border-radius:22px; overflow:hidden; background:#1F1F1F; box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.1); }
.admin-section__block-14 { display:flex; align-items:center; gap:7px; padding:13px 18px; background:#24252E; border-bottom:1px solid rgba(255,255,255,.06); }
.admin-section__inline-13 { width:11px; height:11px; border-radius:50%; background:#4A4B55; }
.admin-section__inline-13 { width:11px; height:11px; border-radius:50%; background:#4A4B55; }
.admin-section__inline-13 { width:11px; height:11px; border-radius:50%; background:#4A4B55; }
.admin-section__inline-14 { margin:0 auto; padding:5px 50px; border-radius:999px; background:rgba(255,255,255,.06); font-family:'JetBrains Mono'; font-size:12px; color:rgba(255,255,255,.55); }
.admin-section__block-15 { position:relative; aspect-ratio:16/9; }
.admin-section__block-16 { background-size:cover; background-position:top center; position:absolute; inset:0; width:100%; height:100%; transition:opacity .6s ease,transform 1s cubic-bezier(.2,.7,.2,1); }
.admin-section__block-17 { position:absolute; inset:0; background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%); background-size:250% 100%; animation:au-shine 6s linear infinite; pointer-events:none; mix-blend-mode:overlay; }
.admin-section__block-18 { position:absolute; right:-18px; top:18%; z-index:2; animation:au-float 6s ease-in-out infinite; }
.admin-section__block-19 { padding:16px 18px; border-radius:18px; background:rgba(30,31,42,.82); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 50px -20px rgba(0,0,0,.7); min-width:210px; }
.admin-section__block-20 { font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.55); font-weight:600; }
.admin-section__block-21 { font-family:Poppins; font-weight:600; font-size:26px; margin-top:4px; }
.admin-section__block-22 { display:flex; align-items:flex-end; gap:4px; height:38px; margin-top:10px; }
.admin-section__inline-15 { flex:1; height:100%; border-radius:3px; background:#E7A2B2; transform-origin:bottom; animation:au-bar 2.4s ease-in-out infinite; }
.admin-section__inline-16 { flex:1; height:100%; border-radius:3px; background:#E7A2B2; transform-origin:bottom; animation:au-bar 2.4s ease-in-out -.3s infinite; }
.admin-section__inline-17 { flex:1; height:100%; border-radius:3px; background:#C9A27A; transform-origin:bottom; animation:au-bar 2.4s ease-in-out -.6s infinite; }
.admin-section__inline-18 { flex:1; height:100%; border-radius:3px; background:#E7A2B2; transform-origin:bottom; animation:au-bar 2.4s ease-in-out -.9s infinite; }
.admin-section__inline-19 { flex:1; height:100%; border-radius:3px; background:#C9A27A; transform-origin:bottom; animation:au-bar 2.4s ease-in-out -1.2s infinite; }
.admin-section__inline-20 { flex:1; height:100%; border-radius:3px; background:#E7A2B2; transform-origin:bottom; animation:au-bar 2.4s ease-in-out -1.5s infinite; }
.admin-section__inline-21 { flex:1; height:100%; border-radius:3px; background:#B8A6E8; transform-origin:bottom; animation:au-bar 2.4s ease-in-out -1.8s infinite; }
.admin-section__inline-22 { flex:1; height:100%; border-radius:3px; background:#E7A2B2; transform-origin:bottom; animation:au-bar 2.4s ease-in-out -2.1s infinite; }
.admin-section__block-23 { position:absolute; left:-18px; bottom:12%; z-index:2; animation:au-float 7s ease-in-out -2.5s infinite; }
.admin-section__block-24 { display:flex; align-items:center; gap:12px; padding:14px 18px 14px 14px; border-radius:18px; background:#fff; color:#1F2133; box-shadow:0 24px 50px -20px rgba(0,0,0,.7); }
.admin-section__inline-23 { width:38px; height:38px; border-radius:12px; background:#FDF0E4; display:grid; place-items:center; }
.admin-section__inline-24 { width:10px; height:10px; border-radius:50%; background:#E59A3C; animation:au-pulse 1.6s infinite; }
.admin-section__block-25 { font-family:Poppins; font-weight:600; font-size:14.5px; }
.admin-section__block-26 { font-size:12px; color:#6B6D80; }
.admin-section__block-27 { position:relative; display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.admin-section__inline-25 { display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); font-size:14px; color:rgba(255,255,255,.88); }
.admin-section__inline-26 { width:6px; height:6px; border-radius:50%; background:#E7A2B2; }

/* ---------- Tech stack orbit ---------- */
.tech-stack-section { position:relative; padding:150px 0 80px; overflow:hidden; }
.tech-stack-section__block-1 { margin:0 auto; padding:0 40px; display:flex; flex-wrap:wrap; gap:64px; align-items:center; }
.tech-stack-section__block-2 { flex:1 1 480px; min-width:0; }
.tech-stack-section__block-3 { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:12px; padding:5px 18px 5px 5px; border-radius:999px; border:1px solid transparent; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#E7A2B2,#C9A27A,#C9BAE8,#E7A2B2) border-box; box-shadow:0 12px 28px -14px rgba(184,92,110,.6); }
.tech-stack-section__inline-1 { position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(100deg,transparent,rgba(231,162,178,.28),transparent); animation:au-sweep 4s ease-in-out infinite; pointer-events:none; }
.tech-stack-section__inline-2 { position:relative; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#B85C6E,#C9A27A); color:#fff; display:grid; place-items:center; font-family:'JetBrains Mono'; font-size:12px; font-weight:600; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.tech-stack-section__inline-3 { display:block; width:16px; height:16px; background:#fff; -webkit-mask:url(../vendor/icons/layers.svg) center/contain no-repeat; mask:url(../vendor/icons/layers.svg) center/contain no-repeat; }
.tech-stack-section__inline-4 { position:relative; font-family:Poppins; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#1F2133; }
.tech-stack-section__inline-5 { position:relative; width:6px; height:6px; border-radius:50%; background:#B85C6E; animation:au-pulse 1.6s infinite; }
.tech-stack-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(38px,4.6vw,76px); line-height:1.02; letter-spacing:-.03em; margin:18px 0 0; text-wrap:balance; }
.tech-stack-section__inline-6 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; }
.tech-stack-section__text-1 { font-size:18px; line-height:1.65; color:#4C4E63; max-width:540px; margin:24px 0 0; }
.tech-stack-section__block-4 { margin-top:36px; max-width:600px; border-top:1px solid rgba(31,33,51,.08); }
.tech-stack-section__block-5 { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 4px; border-bottom:1px solid rgba(31,33,51,.08); transition:padding .3s,color .3s; }
.tech-stack-section__block-5:hover { padding-left:12px !important; color:#B85C6E !important; }
.tech-stack-section__inline-7 { display:flex; align-items:center; gap:12px; font-family:Poppins; font-weight:600; font-size:16px; }
.tech-stack-section__inline-8 { flex:none; width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 6px 14px -10px rgba(31,33,51,.4); display:grid; place-items:center; }
.tech-stack-section__image-1 { width:18px; height:18px; object-fit:contain; }
.tech-stack-section__inline-9 { font-size:14.5px; color:#6B6D80; text-align:right; }
.tech-stack-section__block-5 { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 4px; border-bottom:1px solid rgba(31,33,51,.08); transition:padding .3s,color .3s; }
.tech-stack-section__block-5:hover { padding-left:12px !important; color:#B85C6E !important; }
.tech-stack-section__inline-7 { display:flex; align-items:center; gap:12px; font-family:Poppins; font-weight:600; font-size:16px; }
.tech-stack-section__inline-8 { flex:none; width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 6px 14px -10px rgba(31,33,51,.4); display:grid; place-items:center; }
.tech-stack-section__image-1 { width:18px; height:18px; object-fit:contain; }
.tech-stack-section__inline-9 { font-size:14.5px; color:#6B6D80; text-align:right; }
.tech-stack-section__block-5 { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 4px; border-bottom:1px solid rgba(31,33,51,.08); transition:padding .3s,color .3s; }
.tech-stack-section__block-5:hover { padding-left:12px !important; color:#B85C6E !important; }
.tech-stack-section__inline-7 { display:flex; align-items:center; gap:12px; font-family:Poppins; font-weight:600; font-size:16px; }
.tech-stack-section__inline-8 { flex:none; width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 6px 14px -10px rgba(31,33,51,.4); display:grid; place-items:center; }
.tech-stack-section__image-1 { width:18px; height:18px; object-fit:contain; }
.tech-stack-section__inline-9 { font-size:14.5px; color:#6B6D80; text-align:right; }
.tech-stack-section__block-5 { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 4px; border-bottom:1px solid rgba(31,33,51,.08); transition:padding .3s,color .3s; }
.tech-stack-section__block-5:hover { padding-left:12px !important; color:#B85C6E !important; }
.tech-stack-section__inline-7 { display:flex; align-items:center; gap:12px; font-family:Poppins; font-weight:600; font-size:16px; }
.tech-stack-section__inline-8 { flex:none; width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 6px 14px -10px rgba(31,33,51,.4); display:grid; place-items:center; }
.tech-stack-section__image-1 { width:18px; height:18px; object-fit:contain; }
.tech-stack-section__inline-9 { font-size:14.5px; color:#6B6D80; text-align:right; }
.tech-stack-section__block-5 { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 4px; border-bottom:1px solid rgba(31,33,51,.08); transition:padding .3s,color .3s; }
.tech-stack-section__block-5:hover { padding-left:12px !important; color:#B85C6E !important; }
.tech-stack-section__inline-7 { display:flex; align-items:center; gap:12px; font-family:Poppins; font-weight:600; font-size:16px; }
.tech-stack-section__inline-8 { flex:none; width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 6px 14px -10px rgba(31,33,51,.4); display:grid; place-items:center; }
.tech-stack-section__image-1 { width:18px; height:18px; object-fit:contain; }
.tech-stack-section__inline-9 { font-size:14.5px; color:#6B6D80; text-align:right; }
.tech-stack-section__block-6 { margin-top:28px; max-width:600px; display:flex; align-items:center; gap:18px; padding:20px 22px; border-radius:22px; background:linear-gradient(120deg,#F7D9DF,#E9E0F5); }
.tech-stack-section__inline-10 { flex:none; position:relative; width:52px; height:30px; border-radius:999px; transition:background .4s; }
.tech-stack-section__inline-11 { position:absolute; top:4px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.2); transition:left .45s cubic-bezier(.2,.7,.2,1); }
.tech-stack-section__block-7 { flex:1; min-width:0; }
.tech-stack-section__block-8 { font-family:Poppins; font-weight:600; font-size:17px; }
.tech-stack-section__block-9 { font-size:13.5px; color:#4C4E63; margin-top:2px; }
.tech-stack-section__block-10 { flex:1 1 560px; min-width:0; display:flex; justify-content:center; }
.tech-stack-section__block-11 { position:relative; width:min(680px,100%); aspect-ratio:1; }
.tech-stack-section__block-12 { position:absolute; inset:12%; border-radius:50%; background:radial-gradient(circle,rgba(242,184,198,.55),rgba(217,200,238,.35) 45%,transparent 70%); filter:blur(10px); }
.tech-stack-section__block-13 { position:absolute; inset:4%; border-radius:50%; border:1px dashed rgba(31,33,51,.18); }
.tech-stack-section__block-14 { position:absolute; inset:25%; border-radius:50%; border:1px solid rgba(31,33,51,.1); }
.tech-stack-section__block-15 { position:absolute; left:50%; top:50%; width:22%; aspect-ratio:1; transform:translate(-50%,-50%); }
.tech-stack-section__inline-12 { position:absolute; inset:0; border-radius:50%; border:1.5px solid rgba(184,92,110,.5); animation:au-ripple 3s ease-out infinite; }
.tech-stack-section__inline-13 { position:absolute; inset:0; border-radius:50%; border:1.5px solid rgba(184,92,110,.5); animation:au-ripple 3s ease-out -1.5s infinite; }
.tech-stack-section__block-16 { position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle at 30% 25%,#3A3B52,#1F2133 60%); box-shadow:0 30px 60px -20px rgba(31,33,51,.6),inset 0 0 0 1px rgba(255,255,255,.08); display:grid; place-items:center; text-align:center; color:#fff; }
.tech-stack-section__image-2 { width:clamp(18px,1.7vw,26px); height:clamp(18px,1.7vw,26px); margin:0 auto 5px; }
.tech-stack-section__block-18 { font-size:clamp(7.5px,.6vw,9.5px); letter-spacing:.2em; text-transform:uppercase; color:#E7A2B2; font-weight:600; }
.tech-stack-section__block-19 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.25vw,19px); letter-spacing:-.01em; line-height:1.1; white-space:nowrap; margin-top:3px; }
.tech-stack-section__block-20 { position:absolute; inset:0; animation:au-spin 60s linear infinite; }
.tech-stack-section__block-21 { position:absolute; left:82.5%; top:17.5%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }
.tech-stack-section__block-26 { position:absolute; left:82.5%; top:82.5%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }
.tech-stack-section__block-27 { position:absolute; left:17.5%; top:82.5%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }
.tech-stack-section__block-28 { position:absolute; left:17.5%; top:17.5%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }
.tech-stack-section__block-20 { position:absolute; inset:0; animation:au-spin 60s linear infinite; }
.tech-stack-section__block-29 { position:absolute; left:75%; top:50%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }
.tech-stack-section__block-30 { position:absolute; left:50%; top:75%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }
.tech-stack-section__block-31 { position:absolute; left:25%; top:50%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }
.tech-stack-section__block-32 { position:absolute; left:50%; top:25%; transform:translate(-50%,-50%); }
.tech-stack-section__block-22 { animation:au-spinr 60s linear infinite; }
.tech-stack-section__block-23 { padding:clamp(7px,1.2vw,12px) clamp(10px,1.6vw,18px); border-radius:16px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 18px 36px -18px rgba(31,33,51,.35); text-align:center; white-space:nowrap; }
.tech-stack-section__image-3 { width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); margin:0 auto 6px; object-fit:contain; }
.tech-stack-section__block-24 { font-size:clamp(9px,.8vw,10.5px); letter-spacing:.14em; text-transform:uppercase; color:#9A7448; font-weight:600; }
.tech-stack-section__block-25 { font-family:Poppins; font-weight:600; font-size:clamp(12px,1.1vw,16px); margin-top:2px; }

/* ---------- Installation ---------- */
.install-section { position:relative; padding:120px 0 150px; overflow:hidden; }
.install-section__block-1 { margin:0 auto; padding:0 40px; }
.install-section__block-2 { text-align:center; max-width:960px; margin:0 auto; }
.install-section__block-3 { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:12px; padding:5px 18px 5px 5px; border-radius:999px; border:1px solid transparent; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#E7A2B2,#C9A27A,#C9BAE8,#E7A2B2) border-box; box-shadow:0 12px 28px -14px rgba(184,92,110,.6); }
.install-section__inline-1 { position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(100deg,transparent,rgba(231,162,178,.28),transparent); animation:au-sweep 4s ease-in-out infinite; pointer-events:none; }
.install-section__inline-2 { position:relative; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#B85C6E,#C9A27A); color:#fff; display:grid; place-items:center; font-family:'JetBrains Mono'; font-size:12px; font-weight:600; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.install-section__inline-3 { display:block; width:16px; height:16px; background:#fff; -webkit-mask:url(../vendor/icons/terminal.svg) center/contain no-repeat; mask:url(../vendor/icons/terminal.svg) center/contain no-repeat; }
.install-section__inline-4 { position:relative; font-family:Poppins; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#1F2133; }
.install-section__inline-5 { position:relative; width:6px; height:6px; border-radius:50%; background:#B85C6E; animation:au-pulse 1.6s infinite; }
.install-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(38px,4.6vw,76px); line-height:1.02; letter-spacing:-.03em; margin:18px 0 0; text-wrap:balance; }
.install-section__inline-6 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; }
.install-section__text-1 { font-size:18px; line-height:1.65; color:#4C4E63; max-width:640px; margin:22px auto 0; }
.install-section__block-4 { position:relative; display:inline-flex; margin-top:32px; padding:5px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.08); box-shadow:0 14px 30px -20px rgba(31,33,51,.35); }
.install-section__inline-7 { position:absolute; top:5px; bottom:5px; width:calc((100% - 10px) / 3); border-radius:999px; background:#1F2133; transition:left .5s cubic-bezier(.2,.7,.2,1); }
.install-section__button-1 { position:relative; width:170px; padding:11px 0; border:0; background:none; cursor:pointer; font-family:Poppins; font-size:14.5px; font-weight:500; transition:color .4s; display:flex; align-items:center; justify-content:center; gap:9px; }
.install-section__inline-8 { display:block; width:17px; height:17px; transition:background .4s; }
.install-section__block-5 { position:relative; max-width:1400px; margin:56px auto 0; display:flex; flex-wrap:wrap; gap:24px; align-items:stretch; }
.install-section__block-6 { flex:1.5 1 640px; min-width:0; border-radius:26px; background:#16171F; box-shadow:0 60px 120px -50px rgba(31,33,51,.7); overflow:hidden; display:flex; }
.install-section__block-7 { flex:none; width:190px; padding:22px 18px; border-right:1px solid rgba(255,255,255,.06); display:flex; flex-direction:column; gap:6px; }
.install-section__block-8 { font-family:'JetBrains Mono'; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:10px; }
.install-section__block-9 { display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:12px; transition:background .4s; }
.install-section__inline-9 { flex:none; width:22px; height:22px; border-radius:50%; color:#16171F; display:grid; place-items:center; font-size:11px; font-weight:700; transition:all .4s; }
.install-section__inline-10 { font-size:13.5px; transition:color .4s; }
.install-section__block-10 { margin-top:auto; padding-top:18px; }
.install-section__block-11 { height:4px; border-radius:4px; background:rgba(255,255,255,.08); overflow:hidden; }
.install-section__block-12 { height:100%; background:linear-gradient(90deg,#E7A2B2,#C9A27A); transition:width .5s; }
.install-section__block-13 { font-family:'JetBrains Mono'; font-size:12px; color:#C9A27A; margin-top:8px; }
.install-section__block-14 { flex:1; min-width:0; }
.install-section__block-15 { display:flex; align-items:center; gap:7px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.06); }
.install-section__inline-11 { width:11px; height:11px; border-radius:50%; background:#E8A0A8; }
.install-section__inline-12 { width:11px; height:11px; border-radius:50%; background:#E8CFA0; }
.install-section__inline-13 { width:11px; height:11px; border-radius:50%; background:#A8D4B4; }
.install-section__inline-14 { margin-left:14px; font-family:'JetBrains Mono'; font-size:12px; color:rgba(255,255,255,.45); }
.install-section__block-16 { padding:22px 24px 26px; font-family:'JetBrains Mono'; font-size:13.5px; line-height:2; min-height:380px; }
.install-section__block-17 { display:flex; gap:12px; transition:all .35s; }
.install-section__inline-15 { color:#E7A2B2; flex:none; }
.install-section__inline-16 { color:#EDEBF2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.install-section__inline-17 { color:#6FCF97; margin-left:auto; font-size:12px; flex:none; }
.install-section__block-18 { display:flex; gap:12px; transition:opacity .4s; margin-top:6px; color:#C9A27A; }
.install-section__inline-18 { width:9px; background:#C9A27A; animation:au-caret 1s step-end infinite; }
.install-section__block-19 { flex:1 1 380px; min-width:0; position:relative; border-radius:26px; background:linear-gradient(150deg,#F7D9DF,#E9E0F5); padding:26px; display:flex; flex-direction:column; overflow:hidden; }
.install-section__block-20 { font-family:'JetBrains Mono'; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#9A7448; }
.install-section__block-21 { font-family:Poppins; font-weight:600; font-size:24px; margin-top:8px; }
.install-section__block-22 { position:relative; flex:1; min-height:220px; margin-top:20px; }
.install-section__block-23 { position:absolute; inset:0; border-radius:18px; border:2px dashed rgba(31,33,51,.15); display:grid; place-items:center; font-family:'JetBrains Mono'; font-size:12.5px; color:#6B6D80; transition:opacity .4s; }
.install-section__block-24 { position:absolute; inset:0; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 30px 60px -30px rgba(31,33,51,.5); transition:opacity .6s,transform .8s cubic-bezier(.2,.9,.3,1.2); }
.install-section__block-25 { display:flex; align-items:center; gap:6px; padding:9px 12px; background:#F3EFEC; }
.install-section__inline-19 { width:8px; height:8px; border-radius:50%; background:#E8A0A8; }
.install-section__inline-20 { width:8px; height:8px; border-radius:50%; background:#E8CFA0; }
.install-section__inline-21 { width:8px; height:8px; border-radius:50%; background:#A8D4B4; }
.install-section__inline-22 { margin-left:8px; font-family:'JetBrains Mono'; font-size:10.5px; color:#6B6D80; }
.install-section__block-26 { height:100%; background-image:url(../assets/frontend/store-1-home.jpg); background-size:cover; background-position:top center; }
.install-section__block-27 { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; font-size:12.5px; font-weight:500; }
.install-section__inline-23 { padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.75); }
.install-section__inline-23 { padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.75); }
.install-section__inline-23 { padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.75); }

/* ---------- AI-ready codebase ---------- */
.ai-section { position:relative; padding:100px 0 160px; overflow:hidden; background:linear-gradient(180deg,#FBF7F4,#F4EEF3 50%,#FBF7F4); }
.ai-section__block-1 { position:absolute; width:1000px; height:1000px; left:22%; top:55%; margin:-500px 0 0 -500px; border-radius:50%; transition:opacity 1.2s; pointer-events:none; }
.ai-section__block-2 { position:relative; margin:0 auto; padding:0 40px; }
.ai-section__block-3 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:32px; }
.ai-section__block-5 { position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:12px; padding:5px 18px 5px 5px; border-radius:999px; border:1px solid transparent; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#E7A2B2,#C9A27A,#C9BAE8,#E7A2B2) border-box; box-shadow:0 12px 28px -14px rgba(184,92,110,.6); }
.ai-section__inline-1 { position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(100deg,transparent,rgba(231,162,178,.28),transparent); animation:au-sweep 4s ease-in-out infinite; pointer-events:none; }
.ai-section__inline-2 { position:relative; width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#B85C6E,#C9A27A); color:#fff; display:grid; place-items:center; font-family:'JetBrains Mono'; font-size:12px; font-weight:600; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.ai-section__inline-3 { display:block; width:16px; height:16px; background:#fff; -webkit-mask:url(../vendor/icons/bot.svg) center/contain no-repeat; mask:url(../vendor/icons/bot.svg) center/contain no-repeat; }
.ai-section__inline-4 { position:relative; font-family:Poppins; font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#1F2133; }
.ai-section__inline-5 { position:relative; width:6px; height:6px; border-radius:50%; background:#B85C6E; animation:au-pulse 1.6s infinite; }
.ai-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(38px,4.8vw,80px); line-height:1.02; letter-spacing:-.035em; margin:18px 0 0; max-width:900px; text-wrap:balance; }
.ai-section__inline-6 { font-family:'Instrument Serif'; font-style:italic; font-weight:400; background:linear-gradient(100deg,#E07A52,#7B7CF6,#3D8BFF,#E07A52); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:au-shine 7s linear infinite; padding-right:.08em; }
.ai-section__text-1 { font-size:18px; line-height:1.65; color:#4C4E63; max-width:460px; margin:0; }
.ai-section__block-6 { display:flex; flex-wrap:wrap; gap:56px; align-items:center; margin-top:72px; }
.ai-section__block-7 { flex:1 1 440px; min-width:0; display:flex; flex-direction:column; align-items:center; }
.ai-section__block-8 { position:relative; width:min(340px,80vw); aspect-ratio:34/40; perspective:1200px; }
.ai-section__button-1 { position:absolute; inset:0; padding:2px; border:0; border-radius:40px; background:rgba(31,33,51,.08); cursor:pointer; overflow:hidden; transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,box-shadow .6s; }
.ai-section__inline-7 { position:absolute; width:200%; aspect-ratio:1; left:-50%; top:50%; margin-top:-100%; animation:au-spin 3s linear infinite; transition:opacity .5s; }
.ai-section__inline-8 { position:relative; display:flex; flex-direction:column; width:100%; height:100%; border-radius:38px; background:#fff; overflow:hidden; }
.ai-section__inline-9 { position:absolute; inset:0; }
.ai-section__inline-10 { position:relative; flex:1; margin:28px 28px 0; background-size:contain; background-repeat:no-repeat; background-position:center; mix-blend-mode:multiply; }
.ai-section__inline-11 { position:relative; display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border-top:1px solid rgba(31,33,51,.06); font-family:Poppins; font-size:13px; font-weight:500; color:#1F2133; }
.ai-section__inline-12 { display:flex; align-items:center; gap:7px; }
.ai-section__inline-13 { width:7px; height:7px; border-radius:50%; }
.ai-section__block-9 { display:flex; gap:10px; margin-top:36px; }
.ai-section__button-2 { height:8px; border-radius:8px; border:0; padding:0; cursor:pointer; transition:all .4s; }
.ai-section__block-10 { flex:1.3 1 600px; min-width:0; border-radius:30px; background:rgba(255,255,255,.78); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.95); box-shadow:0 60px 120px -50px rgba(31,33,51,.45); overflow:hidden; }
.ai-section__block-11 { display:flex; align-items:center; gap:12px; padding:16px 22px; border-bottom:1px solid rgba(31,33,51,.07); }
.ai-section__inline-14 { width:40px; height:40px; border-radius:12px; background-color:#fff; background-size:82%; background-position:center; background-repeat:no-repeat; }
.ai-section__block-12 { font-family:Poppins; font-weight:600; font-size:15px; }
.ai-section__block-13 { font-family:'JetBrains Mono'; font-size:11.5px; color:#6B6D80; }
.ai-section__inline-15 { margin-left:auto; display:flex; align-items:center; gap:8px; padding:5px 12px; border-radius:999px; font-size:12px; font-weight:600; transition:all .4s; }
.ai-section__block-14 { display:flex; flex-direction:column; gap:16px; padding:26px 24px; min-height:520px; }
.ai-section__block-15 { align-self:flex-end; max-width:82%; padding:14px 18px; border-radius:20px 20px 6px 20px; background:#1F2133; color:#fff; font-size:15.5px; line-height:1.55; }
.ai-section__inline-16 { display:inline-block; width:8px; height:16px; vertical-align:-2px; margin-left:2px; background:#E7A2B2; animation:au-caret 1s step-end infinite; }
.ai-section__block-16 { align-self:flex-start; display:flex; gap:6px; padding:16px 18px; border-radius:20px 20px 20px 6px; background:#fff; border:1px solid rgba(31,33,51,.07); transition:opacity .3s; }
.ai-section__inline-17 { width:8px; height:8px; border-radius:50%; background:#9A9CAD; animation:au-dot 1.2s ease-in-out infinite; }
.ai-section__inline-18 { width:8px; height:8px; border-radius:50%; background:#9A9CAD; animation:au-dot 1.2s ease-in-out -.2s infinite; }
.ai-section__inline-19 { width:8px; height:8px; border-radius:50%; background:#9A9CAD; animation:au-dot 1.2s ease-in-out -.4s infinite; }
.ai-section__block-17 { align-self:flex-start; width:min(100%,640px); margin-top:-52px; padding:18px; border-radius:20px 20px 20px 6px; background:#fff; border:1px solid rgba(31,33,51,.07); box-shadow:0 20px 40px -30px rgba(31,33,51,.4); transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1); }
.ai-section__block-18 { font-size:15px; line-height:1.55; }
.ai-section__inline-20 { color:#2F7D4E; font-weight:600; }
.ai-section__inline-21 { color:#5A5C70; }
.ai-section__block-19 { margin-top:14px; border-radius:14px; background:#16171F; padding:12px 0; font-family:'JetBrains Mono'; font-size:12.5px; line-height:1.85; overflow:hidden; }
.ai-section__block-20 { padding:0 16px 8px; color:rgba(255,255,255,.45); font-size:11.5px; }
.ai-section__block-21 { display:flex; gap:12px; padding:0 16px; white-space:nowrap; overflow:hidden; }
.ai-section__inline-22 { color:rgba(255,255,255,.3); width:20px; text-align:right; flex:none; }
.ai-section__inline-23 { width:10px; flex:none; }
.ai-section__inline-24 { overflow:hidden; text-overflow:ellipsis; }
.ai-section__block-22 { margin-top:auto; display:flex; align-items:center; gap:10px; padding:10px 10px 10px 18px; border-radius:999px; background:#fff; border:1px solid rgba(31,33,51,.1); }
.ai-section__inline-25 { flex:1; font-size:14px; color:#9A9CAD; }
.ai-section__inline-26 { width:38px; height:38px; border-radius:50%; color:#fff; display:grid; place-items:center; }

/* ---------- Final call to action ---------- */
.cta-section { padding:0 0 80px; }
.cta-section__block-1 { margin:0 auto; padding:0 40px; }
.cta-section__block-2 { position:relative; border-radius:44px; overflow:hidden; background:#1A1B27; color:#fff; padding:clamp(80px,9vw,150px) clamp(24px,4vw,60px); text-align:center; }
.cta-section__block-3 { position:absolute; left:-10%; right:-10%; top:50%; height:0; transform:translateY(-50%) rotate(-8deg); pointer-events:none; }
.cta-section__block-4 { position:absolute; left:0; top:-250px; display:flex; gap:22px; width:max-content; animation:au-marquee 70s linear infinite; opacity:.3; }
.cta-section__block-5 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-1-home.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-6 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-2-shop.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-7 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-3-product.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-8 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-4-checkout.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-9 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-5-arabic.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-5 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-1-home.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-6 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-2-shop.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-7 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-3-product.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-8 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-4-checkout.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-9 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/frontend/store-5-arabic.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-10 { position:absolute; left:0; top:-15px; display:flex; gap:22px; width:max-content; animation:au-marquee-r 80s linear infinite; opacity:.3; }
.cta-section__block-11 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-1-dashboard.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-12 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-2-orders.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-13 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-3-products.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-14 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-4-combos.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-15 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-5-glow-rewards.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-11 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-1-dashboard.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-12 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-2-orders.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-13 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-3-products.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-14 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-4-combos.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-15 { flex:none; width:340px; aspect-ratio:16/9; border-radius:16px; background-image:url(../assets/backend/admin-5-glow-rewards.jpg); background-size:cover; background-position:top center; box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.cta-section__block-16 { position:absolute; inset:0; background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(26,27,39,.96) 30%,rgba(26,27,39,.7) 65%,rgba(26,27,39,.35) 100%); pointer-events:none; }
.cta-section__block-17 { position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(184,92,110,.45),transparent 65%); top:-360px; left:8%; animation:au-blob 20s ease-in-out infinite; pointer-events:none; }
.cta-section__block-18 { position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(139,124,200,.38),transparent 65%); bottom:-320px; right:6%; animation:au-blob 24s ease-in-out infinite reverse; pointer-events:none; }
.cta-section__inline-1 { position:absolute; inset:0; pointer-events:none; background:radial-gradient(600px circle at var(--x,-999px) var(--y,-999px),rgba(231,162,178,.16),transparent 45%); }
.cta-section__block-19 { position:relative; }
.cta-section__block-20 { display:inline-flex; align-items:center; gap:12px; padding:8px 8px 8px 18px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:12.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#C9A27A; }
.cta-section__inline-2 { background:#fff; border-radius:999px; padding:5px 12px; display:flex; }
.cta-section__image-1 { height:15px; width:auto; }
.cta-section__title-1 { font-family:Poppins; font-weight:600; font-size:clamp(44px,6.4vw,112px); line-height:.98; letter-spacing:-.04em; margin:30px auto 0; max-width:1200px; text-wrap:balance; }
.cta-section__inline-3 { display:block; white-space:nowrap; }
.cta-section__inline-4 { display:inline-block; white-space:nowrap; font-family:'Instrument Serif'; font-style:italic; font-weight:400; background:linear-gradient(100deg,#E7A2B2,#F3D3B0,#C9BAE8,#E7A2B2); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:au-shine 8s linear infinite; padding-right:.08em; }
.cta-section__text-1 { font-size:19px; line-height:1.6; color:rgba(255,255,255,.72); max-width:620px; margin:28px auto 0; }
.cta-section__block-21 { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:36px; }
.cta-section__inline-5 { display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:14.5px; color:rgba(255,255,255,.9); backdrop-filter:blur(8px); }
.cta-section__inline-6 { width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#E7A2B2,#C9A27A); color:#1F2133; display:grid; place-items:center; font-size:11px; font-weight:700; }
.cta-section__inline-5 { display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:14.5px; color:rgba(255,255,255,.9); backdrop-filter:blur(8px); }
.cta-section__inline-6 { width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#E7A2B2,#C9A27A); color:#1F2133; display:grid; place-items:center; font-size:11px; font-weight:700; }
.cta-section__inline-5 { display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:14.5px; color:rgba(255,255,255,.9); backdrop-filter:blur(8px); }
.cta-section__inline-6 { width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#E7A2B2,#C9A27A); color:#1F2133; display:grid; place-items:center; font-size:11px; font-weight:700; }
.cta-section__inline-5 { display:flex; align-items:center; gap:10px; padding:10px 16px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:14.5px; color:rgba(255,255,255,.9); backdrop-filter:blur(8px); }
.cta-section__inline-6 { width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,#E7A2B2,#C9A27A); color:#1F2133; display:grid; place-items:center; font-size:11px; font-weight:700; }
.cta-section__block-22 { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:48px; font-family:Poppins; font-weight:500; }
.cta-section__link-1 { display:flex; align-items:center; padding:0 30px; height:66px; border-radius:999px; border:1px solid rgba(255,255,255,.25); color:#fff; font-size:17px; transition:all .3s; }
.cta-section__link-1:hover { background:rgba(255,255,255,.08) !important; color:#fff !important; }
.cta-section__link-2 { position:relative; overflow:hidden; display:flex; align-items:center; gap:14px; padding:10px 10px 10px 30px; border-radius:999px; background:#fff; color:#1F2133; font-size:17px; transition:all .3s; box-shadow:0 20px 50px -15px rgba(231,162,178,.7); }
.cta-section__link-2:hover { transform:translateY(-3px) scale(1.02) !important; color:#1F2133 !important; box-shadow:0 26px 60px -15px rgba(231,162,178,.9) !important; }
.cta-section__inline-7 { position:absolute; top:0; bottom:0; left:0; width:40%; background:linear-gradient(100deg,transparent,rgba(231,162,178,.35),transparent); animation:au-sweep 3.2s ease-in-out infinite; pointer-events:none; }
.cta-section__block-19 { position:relative; }
.cta-section__image-2 { position:relative; height:24px; width:auto; }
.cta-section__inline-8 { position:relative; width:46px; height:46px; border-radius:50%; background:#1F2133; color:#fff; display:grid; place-items:center; font-size:18px; }

/* ---------- Scroll-to-top button ---------- */
.scroll-top-button { position:fixed; right:28px; bottom:28px; z-index:60; width:54px; height:54px; border-radius:50%; background:#1F2133; color:#fff; display:grid; place-items:center; font-size:20px; box-shadow:0 16px 36px -12px rgba(31,33,51,.6); opacity:0; transform:translateY(20px) scale(.8); pointer-events:none; transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1),background .25s; }
.scroll-top-button:hover { background:#B85C6E !important; color:#fff !important; }

/* ---------- Footer ---------- */
.footer-section { border-top:1px solid rgba(31,33,51,.08); }
.footer-section__block-1 { margin:0 auto; padding:36px 40px; display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; align-items:center; font-size:14px; color:#6B6D80; }
.footer-section__image-1 { height:36px; width:auto; }
.footer-section__link-1 { display:flex; align-items:center; gap:10px; color:#6B6D80; }
.footer-section__link-1:hover { color:#1F2133 !important; }
.footer-section__image-2 { height:18px; width:auto; }

/* ---------- Hybrid container ----------
   Small/medium: 100% width with responsive side padding.
   Large/XL: centred, capped between 1660px and 1920px. */
.site-container {
  width: 100%;
  max-width: clamp(1660px, 90vw, 1920px);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 4vw, 40px) !important;
  padding-right: clamp(16px, 4vw, 40px) !important;
  box-sizing: border-box;
}

/* Links the server leaves empty (the product tour when it is off) are hidden. */
[hidden]{display:none!important}
