@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root { --font-ar: 'IBM Plex Sans Arabic', system-ui, sans-serif; --font-en: 'Space Grotesk', system-ui, sans-serif; --bg: #07111f; --bg-soft: #0b192b; --surface: rgba(15, 32, 53, .78); --surface-solid: #10243a; --text: #eef6ff; --muted: #9db0c6; --line: rgba(168, 204, 234, .16); --accent: #6de8dc; --accent-strong: #38c9bd; --accent-soft: rgba(109, 232, 220, .12); --gold: #e5b86a; --shadow: 0 25px 70px rgba(0,0,0,.28); --radius: 22px; --container: 1180px; }
html[data-theme='pearl'] { --bg:#f5f8fb; --bg-soft:#e9f0f5; --surface:rgba(255,255,255,.84); --surface-solid:#fff; --text:#11263b; --muted:#5c7185; --line:rgba(18,55,82,.14); --accent:#0d8e86; --accent-strong:#08756e; --accent-soft:rgba(13,142,134,.11); --gold:#a66e28; --shadow:0 25px 70px rgba(26,56,80,.12); }
html[data-theme='desert'] { --bg:#1b1715; --bg-soft:#29201b; --surface:rgba(53,38,29,.82); --surface-solid:#36281f; --text:#fff5e7; --muted:#cdb9a3; --line:rgba(255,225,190,.16); --accent:#74e2c4; --accent-strong:#45c4a5; --accent-soft:rgba(116,226,196,.12); --gold:#f0b965; --shadow:0 25px 70px rgba(0,0,0,.32); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font-ar); line-height:1.7; overflow-x:hidden; }
body.lang-en { font-family:var(--font-en); }
a { color:inherit; text-decoration:none; }
button, input, textarea { font:inherit; }
button { cursor:pointer; }
.container { width:min(var(--container), calc(100% - 48px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:20; inset-block-start:12px; inset-inline-start:12px; padding:8px 14px; background:var(--accent); color:#06201e; border-radius:8px; transform:translateY(-150%); transition:.2s; }
.skip-link:focus { transform:none; }
.ambient { position:absolute; pointer-events:none; filter:blur(1px); opacity:.55; border-radius:50%; }
.ambient-one { width:480px; height:480px; top:70px; inset-inline-end:-220px; background:radial-gradient(circle, var(--accent-soft), transparent 65%); }
.ambient-two { width:460px; height:460px; top:800px; inset-inline-start:-260px; background:radial-gradient(circle, rgba(229,184,106,.09), transparent 67%); }
.site-header { position:sticky; z-index:10; top:0; background:color-mix(in srgb, var(--bg) 83%, transparent); backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
.nav-wrap { min-height:82px; display:flex; align-items:center; gap:28px; }
.brand img { width:160px; height:auto; display:block; object-fit:contain; }
.site-nav { display:flex; align-items:center; gap:28px; margin-inline:auto; color:var(--muted); font-size:.95rem; }
.site-nav a { position:relative; transition:color .2s; }
.site-nav a:hover, .site-nav a:focus-visible { color:var(--text); }
.site-nav a::after { content:''; position:absolute; inset-inline:0; bottom:-9px; height:2px; background:var(--accent); transform:scaleX(0); transition:transform .2s; transform-origin:center; }
.site-nav a:hover::after, .site-nav a:focus-visible::after { transform:scaleX(1); }
.nav-actions { display:flex; align-items:center; gap:15px; }
.theme-picker { display:flex; gap:6px; align-items:center; padding:5px 7px; border:1px solid var(--line); border-radius:999px; background:var(--surface); }
.theme-dot { border:0; width:17px; height:17px; padding:0; border-radius:50%; background:#07111f; position:relative; }
.theme-dot.pearl { background:#f5f8fb; border:1px solid #b9c9d5; }.theme-dot.desert { background:#8d6047; }
.theme-dot.active::after { content:''; position:absolute; inset:-4px; border:1px solid var(--accent); border-radius:50%; }
.language-toggle { border:1px solid var(--line); border-radius:999px; background:transparent; color:var(--text); min-width:44px; min-height:36px; font-size:.8rem; font-weight:700; letter-spacing:.05em; }
.language-toggle:hover { border-color:var(--accent); color:var(--accent); }
.menu-toggle { display:none; border:1px solid var(--line); background:var(--surface); color:var(--text); border-radius:10px; width:42px; height:42px; }
.section-pad { padding-block:115px; }.section-border { border-top:1px solid var(--line); }
.hero { min-height:calc(100vh - 82px); display:flex; flex-direction:column; justify-content:center; padding-block:84px 45px; }
.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center; }
.hero-copy { max-width:650px; }.eyebrow { display:flex; align-items:center; gap:11px; margin:0 0 22px; color:var(--accent); font-size:.83rem; letter-spacing:.04em; font-weight:600; }.eyebrow-line { display:inline-block; width:34px; height:1px; background:var(--accent); }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { line-height:1.18; letter-spacing:-.035em; }
h1 { font-size:clamp(3.2rem, 6.2vw, 6.35rem); margin-bottom:26px; font-weight:600; max-width:720px; }
h1 em { color:var(--accent); font-style:normal; }.hero-lede { color:var(--muted); font-size:1.16rem; max-width:610px; margin-bottom:33px; }
.hero-actions { display:flex; align-items:center; gap:13px; flex-wrap:wrap; }.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:10px; border-radius:10px; padding:10px 21px; border:1px solid transparent; font-weight:600; transition:transform .2s, box-shadow .2s, background .2s, border-color .2s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--accent); color:#06201e; box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 22%, transparent); }.button-primary:hover { background:var(--accent-strong); }.button-ghost { border-color:var(--line); color:var(--text); background:transparent; }.button-ghost:hover { border-color:var(--accent); color:var(--accent); }
.hero-note { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:.87rem; margin-top:29px; }.signal-dot, .form-status-dot { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px var(--accent-soft); }
.hero-visual { min-height:500px; position:relative; display:grid; place-items:center; isolation:isolate; }.hero-visual::before { content:''; position:absolute; width:80%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb, var(--accent) 12%, transparent), transparent 64%); z-index:-2; }.hero-visual::after { content:''; position:absolute; inset:12% 5%; background:linear-gradient(125deg, transparent 48%, var(--line) 49%, transparent 50%), linear-gradient(35deg, transparent 48%, var(--line) 49%, transparent 50%); opacity:.35; z-index:-1; mask-image:radial-gradient(circle, #000, transparent 70%); }
.orbit { position:absolute; border:1px solid var(--line); border-radius:50%; transform:rotate(-22deg); }.orbit-a { width:82%; height:45%; }.orbit-b { width:44%; height:82%; transform:rotate(47deg); border-color:color-mix(in srgb, var(--accent) 42%, transparent); }.core-mark { width:150px; height:150px; border-radius:38px; display:grid; place-items:center; position:relative; background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 24%, var(--surface-solid)), var(--surface-solid)); border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line)); box-shadow:0 0 0 15px var(--accent-soft), 0 25px 70px rgba(0,0,0,.22); transform:rotate(-7deg); }.core-symbol { color:var(--accent); font-family:var(--font-en); font-weight:700; font-size:2.5rem; letter-spacing:-.11em; transform:rotate(7deg); }.core-pulse { position:absolute; inset:-24px; border:1px solid color-mix(in srgb, var(--accent) 42%, transparent); border-radius:48px; animation:pulse 3s ease-out infinite; }
.signal-card { position:absolute; display:flex; gap:10px; align-items:center; min-width:200px; padding:13px 15px; background:color-mix(in srgb, var(--surface) 92%, transparent); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); backdrop-filter:blur(12px); }.signal-card strong,.signal-card small { display:block; }.signal-card strong { font-size:.87rem; }.signal-card small { color:var(--muted); font-size:.73rem; margin-top:2px; }.card-top { top:8%; inset-inline-end:0; }.card-bottom { bottom:10%; inset-inline-start:1%; }.mini-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:var(--accent); background:var(--accent-soft); font-size:1.15rem; }.trend { color:var(--accent); margin-inline-start:auto; font-family:var(--font-en); }.visual-label { position:absolute; display:flex; gap:8px; align-items:center; color:var(--muted); font-family:var(--font-en); font-size:.74rem; letter-spacing:.08em; }.visual-label b { color:var(--accent); font-size:.65rem; }.label-left { top:29%; inset-inline-start:2%; }.label-right { bottom:31%; inset-inline-end:2%; }
.trust-row { display:flex; align-items:center; gap:35px; border-top:1px solid var(--line); margin-top:80px; padding-top:23px; color:var(--muted); font-size:.73rem; letter-spacing:.04em; }.trust-items { display:flex; flex-wrap:wrap; gap:25px; color:color-mix(in srgb, var(--muted) 68%, var(--text)); font-family:var(--font-en); font-size:.68rem; letter-spacing:.1em; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:54px; }.section-heading h2, .method-intro h2, .contact-copy h2 { font-size:clamp(2.55rem, 4.5vw, 4.65rem); margin-bottom:0; }.section-heading h2 span, .method-intro h2 span, .contact-copy h2 span { color:var(--accent); }.section-intro { color:var(--muted); max-width:390px; margin:0; font-size:1rem; }
.services-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:13px; }.service-card { min-height:286px; padding:22px 20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); position:relative; overflow:hidden; transition:transform .25s, border-color .25s, background .25s; }.service-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb, var(--accent) 48%, var(--line)); background:color-mix(in srgb, var(--surface) 92%, var(--accent-soft)); }.service-card.featured { background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 15%, var(--surface)), var(--surface)); grid-column:span 2; }.service-number { font-family:var(--font-en); color:var(--accent); font-size:.7rem; letter-spacing:.1em; }.service-icon { margin:28px 0 17px; width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:11px; color:var(--accent); background:var(--accent-soft); font-size:1.25rem; }.service-card h3 { font-size:1.08rem; margin-bottom:10px; }.service-card>p { color:var(--muted); font-size:.88rem; line-height:1.8; margin-bottom:12px; }.service-card details { border-top:1px solid var(--line); padding-top:10px; }.service-card summary { color:var(--accent); font-size:.78rem; cursor:pointer; list-style:none; }.service-card summary::-webkit-details-marker { display:none; }.service-card details p { color:var(--muted); font-size:.78rem; margin:9px 0 0; }
.work-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:15px; }.work-card { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--surface); transition:transform .25s,border-color .25s; }.work-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb, var(--accent) 45%, var(--line)); }.work-large { grid-row:span 2; }.work-art { height:245px; position:relative; overflow:hidden; background:var(--bg-soft); }.work-large .work-art { height:390px; }.work-art::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.46)); }.art-layen { background:radial-gradient(circle at 70% 28%, rgba(109,232,220,.35), transparent 21%), linear-gradient(145deg,#0c2234,#06101b 66%); }.art-grid { position:absolute; inset:0; opacity:.35; background-image:linear-gradient(var(--line) 1px, transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:32px 32px; transform:perspective(500px) rotateX(54deg) scale(1.4); transform-origin:bottom; }.art-word { position:absolute; z-index:1; inset-inline:25px; bottom:50px; font-family:var(--font-en); font-weight:700; color:#eafcff; font-size:clamp(2.5rem,5vw,5rem); letter-spacing:-.08em; }.art-chip { position:absolute; z-index:2; top:20px; inset-inline-start:20px; color:var(--accent); font-family:var(--font-en); font-size:.65rem; letter-spacing:.15em; }.art-layen .art-chip { color:var(--gold); top:auto; bottom:24px; inset-inline-start:auto; inset-inline-end:26px; }.art-audit { background:radial-gradient(circle at 48% 52%, color-mix(in srgb,var(--accent) 18%,transparent),transparent 18%),linear-gradient(135deg,#102b35,#08161d); }.audit-ring { position:absolute; width:190px; aspect-ratio:1; border:1px solid color-mix(in srgb,var(--accent) 60%,transparent); border-radius:50%; inset:0; margin:auto; box-shadow:0 0 0 26px rgba(109,232,220,.04),0 0 0 52px rgba(109,232,220,.035); }.audit-bars { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; transform:rotate(-28deg); }.audit-bars i { width:11px; border-radius:9px; background:var(--accent); display:block; }.audit-bars i:nth-child(1){height:45px;opacity:.45}.audit-bars i:nth-child(2){height:90px;opacity:.72}.audit-bars i:nth-child(3){height:140px}.art-infra { background:linear-gradient(135deg,#1a1c2d,#0a111c); }.infra-node { width:16px;height:16px;border-radius:50%;position:absolute;background:var(--accent);box-shadow:0 0 0 10px var(--accent-soft);z-index:1; }.n1{top:35%;inset-inline-start:27%}.n2{top:57%;inset-inline-end:26%}.n3{bottom:22%;inset-inline-start:50%}.infra-line { position:absolute;height:1px;background:color-mix(in srgb,var(--accent) 65%,transparent);transform-origin:left center; }.l1{width:43%;top:43%;inset-inline-start:30%;transform:rotate(19deg)}.l2{width:32%;top:62%;inset-inline-start:35%;transform:rotate(-26deg)}.work-meta { display:flex; justify-content:space-between; gap:12px; padding:19px 20px 22px; }.work-meta h3 { margin:11px 0 6px; font-size:1.16rem; }.work-meta p { margin:0; color:var(--muted); font-size:.82rem; line-height:1.7; }.tag { color:var(--accent); font-size:.69rem; border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line)); border-radius:999px; padding:3px 8px; }.work-arrow { color:var(--accent); font-family:var(--font-en); font-size:1.35rem; }
.method-section { background:var(--bg-soft); }.method-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:130px; align-items:start; }.method-intro>p:last-child { color:var(--muted); max-width:360px; margin-top:28px; }.steps { border-top:1px solid var(--line); }.step { display:grid; grid-template-columns:65px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid var(--line); }.step>span { color:var(--accent); font-family:var(--font-en); font-size:.8rem; padding-top:4px; }.step h3 { margin:0 0 7px; font-size:1.2rem; }.step p { margin:0; color:var(--muted); font-size:.92rem; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:110px; align-items:start; }.contact-copy>p:not(.eyebrow) { color:var(--muted); max-width:420px; margin-top:28px; }.contact-links { border-top:1px solid var(--line); margin-top:40px; }.contact-links a { display:flex; align-items:center; gap:13px; padding:15px 0; border-bottom:1px solid var(--line); }.contact-links a:hover strong { color:var(--accent); }.link-icon { width:34px; height:34px; border:1px solid var(--line); border-radius:10px; display:grid; place-items:center; color:var(--accent); font-family:var(--font-en); font-size:.8rem; }.contact-links small,.contact-links strong { display:block; }.contact-links small { color:var(--muted); font-size:.7rem; }.contact-links strong { font-size:.9rem; font-weight:500; transition:color .2s; }.contact-form { padding:27px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow); }.form-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; font-weight:600; }.form-status-dot { width:7px; height:7px; }.contact-form label { display:block; color:var(--muted); font-size:.82rem; margin:17px 0 7px; }.contact-form input,.contact-form textarea { width:100%; border:1px solid var(--line); background:color-mix(in srgb,var(--bg) 55%,transparent); color:var(--text); border-radius:10px; padding:12px 13px; outline:none; transition:border-color .2s,box-shadow .2s; }.contact-form textarea { resize:vertical; min-height:115px; }.contact-form input:focus,.contact-form textarea:focus { border-color:var(--accent); box-shadow:0 0 0 4px var(--accent-soft); }.contact-form .button { margin-top:20px; width:100%; }.form-note { color:var(--muted); font-size:.7rem; margin:14px 0 0; text-align:center; }
.site-footer { border-top:1px solid var(--line); padding-block:24px; }.footer-wrap { display:flex; align-items:center; gap:25px; color:var(--muted); font-size:.78rem; }.footer-wrap p { margin:0; flex:1; }.footer-wrap>span { font-family:var(--font-en); font-size:.72rem; }.footer-brand img { width:115px; }.noscript { position:fixed; bottom:0; inset-inline:0; padding:10px; text-align:center; background:var(--accent); color:#06201e; z-index:30; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }.reveal-delay { transition-delay:.14s; } @keyframes pulse { 0%{transform:scale(.86);opacity:.8} 70%,100%{transform:scale(1.18);opacity:0} }
body.lang-en { direction:ltr; } body.lang-en .eyebrow, body.lang-en .hero-note { flex-direction:row; } body.lang-en .hero-actions .button-ghost span { transform:scaleX(-1); display:inline-block; } body.lang-en .contact-form,.lang-en .contact-copy,.lang-en .section-heading,.lang-en .method-intro { text-align:left; }
@media (max-width:1000px){ .hero-grid{gap:35px}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card.featured{grid-column:span 2}.method-grid{gap:70px}.contact-grid{gap:55px} }
@media (max-width:760px){ .container{width:min(var(--container),calc(100% - 32px))}.nav-wrap{min-height:70px;gap:13px}.brand img{width:132px}.menu-toggle{display:block;margin-inline-start:auto}.site-nav{display:none;position:absolute;inset-inline:16px;top:70px;padding:14px;background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:12px 10px;border-bottom:1px solid var(--line)}.site-nav a:last-child{border:0}.nav-actions{gap:8px}.theme-picker{display:none}.hero{min-height:auto;padding-block:72px 34px}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:none}h1{font-size:clamp(2.7rem,13vw,4.6rem)}.hero-lede{font-size:1rem}.hero-visual{min-height:360px}.signal-card{min-width:170px;padding:10px}.card-top{top:3%;inset-inline-end:0}.card-bottom{bottom:2%;inset-inline-start:0}.core-mark{width:120px;height:120px}.trust-row{margin-top:48px;display:block}.trust-items{margin-top:14px;gap:12px 18px}.section-pad{padding-block:80px}.section-heading{display:block;margin-bottom:35px}.section-intro{margin-top:22px}.services-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card,.service-card.featured{grid-column:span 1;min-height:265px;padding:18px 15px}.service-card.featured{grid-column:span 2}.service-icon{margin:20px 0 13px}.service-card h3{font-size:1rem}.service-card>p{font-size:.82rem}.work-grid{grid-template-columns:1fr}.work-large{grid-row:auto}.work-large .work-art,.work-art{height:260px}.method-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.footer-wrap{flex-wrap:wrap;gap:12px}.footer-wrap p{order:3;flex-basis:100%} }
@media (max-width:430px){.services-grid{grid-template-columns:1fr}.service-card.featured{grid-column:span 1}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-visual{min-height:320px}.signal-card{min-width:155px;font-size:.8rem}.label-left,.label-right{display:none}.contact-form{padding:20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.core-pulse{animation:none}.button,.work-card,.service-card{transition:none}}

/* v2 responsive layout, pricing, order drawer and extra themes */
html[data-theme='ocean']{--bg:#061b2b;--bg-soft:#0b2e44;--surface:rgba(12,55,78,.82);--surface-solid:#103b52;--text:#e8f8ff;--muted:#9fc7d9;--line:rgba(145,220,244,.2);--accent:#59d8ff;--accent-strong:#16a8d2;--accent-soft:rgba(89,216,255,.13);--gold:#ffd166;--shadow:0 25px 70px rgba(0,20,35,.36)}
html[data-theme='forest']{--bg:#081c18;--bg-soft:#0d2c25;--surface:rgba(14,54,44,.82);--surface-solid:#123d31;--text:#edfff7;--muted:#a9cabe;--line:rgba(153,232,193,.18);--accent:#83e6b2;--accent-strong:#40bd83;--accent-soft:rgba(131,230,178,.13);--gold:#f2cc72;--shadow:0 25px 70px rgba(0,25,18,.35)}
.theme-dot.ocean span{background:#59d8ff}.theme-dot.forest span{background:#83e6b2}.theme-picker{flex-wrap:wrap}
body{min-width:0}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.hero-grid,.method-grid,.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.hero-copy,.hero-visual,.contact-copy,.contact-form{min-width:0}.hero h1{font-size:clamp(2.4rem,6vw,5.2rem);overflow-wrap:anywhere}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{min-width:0;min-height:100%;display:flex;flex-direction:column}.service-card.featured{grid-column:span 1}.service-card details{margin-top:auto}.service-footer{display:flex;justify-content:space-between;align-items:end;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.service-footer span{display:flex;flex-direction:column;line-height:1.35}.service-footer small{color:var(--muted);font-size:.72rem}.service-footer strong{font-family:var(--font-en);font-size:1.15rem;color:var(--accent)}.service-footer em{font-size:.68rem;color:var(--muted);font-style:normal}.add-service{border:1px solid var(--accent);background:var(--accent-soft);color:var(--text);border-radius:999px;padding:9px 13px;cursor:pointer;font:inherit;font-size:.78rem;white-space:nowrap}.add-service:hover{background:var(--accent);color:var(--bg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan-card{position:relative;min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column}.plan-card.featured{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 22px 65px var(--accent-soft)}.plan-badge{position:absolute;top:16px;inset-inline-start:16px;padding:5px 10px;background:var(--accent);color:var(--bg);border-radius:999px;font-size:.7rem;font-weight:700}.plan-card h3{font-size:1.45rem;margin:0 0 8px}.plan-card p{margin:0;color:var(--muted);min-height:3.2em}.plan-price{display:flex;align-items:baseline;gap:7px;border-bottom:1px solid var(--line);padding:21px 0 17px;margin-bottom:10px}.plan-price strong{font:700 clamp(1.7rem,3vw,2.4rem) var(--font-en);color:var(--accent)}.plan-price span{color:var(--muted);font-size:.8rem}.plan-card ul{list-style:none;padding:0;margin:10px 0 25px;color:var(--text);flex:1}.plan-card li{margin:8px 0}.pricing-note{color:var(--muted);font-size:.82rem;margin-top:18px}.cart-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;font:inherit;font-size:.8rem}.cart-button b{display:grid;place-items:center;min-width:20px;height:20px;padding-inline:4px;background:var(--accent);color:var(--bg);border-radius:50%;font:700 .72rem var(--font-en)}.cart-drawer{position:fixed;inset:0;z-index:50;visibility:hidden;pointer-events:none}.cart-drawer.open{visibility:visible;pointer-events:auto}.cart-overlay{position:absolute;inset:0;background:rgba(2,8,15,.64);opacity:0;transition:opacity .25s}.cart-drawer.open .cart-overlay{opacity:1}.cart-panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(420px,100%);padding:24px;background:var(--bg);border-inline-start:1px solid var(--line);transform:translateX(105%);transition:transform .3s;display:flex;flex-direction:column;box-shadow:var(--shadow)}.cart-drawer.open .cart-panel{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-head h2{margin:0}.icon-button{border:0;background:var(--surface);color:var(--text);border-radius:10px;width:40px;height:40px;font-size:1.5rem;cursor:pointer}.cart-empty{color:var(--muted);padding:20px 0}.cart-items{overflow:auto;flex:1}.cart-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item strong,.cart-item small{display:block}.cart-item small{color:var(--accent);font-family:var(--font-en)}.cart-item button{border:0;background:none;color:var(--muted);font-size:1.3rem;cursor:pointer}.cart-foot{border-top:1px solid var(--line);padding-top:18px}.cart-foot>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.cart-foot strong{color:var(--accent);font-family:var(--font-en)}.cart-foot .button{width:100%;margin-top:8px}.admin-link{font-size:.75rem;color:var(--muted)}
@media(max-width:1000px){.site-nav{gap:14px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:35px}.nav-actions{gap:7px}}
@media(max-width:760px){.nav-wrap{min-height:68px;flex-wrap:wrap}.menu-toggle{display:grid}.site-nav{display:none;order:4;flex-basis:100%;padding:12px 0 5px;border-top:1px solid var(--line);flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav a{padding:9px 0}.nav-actions{margin-inline-start:auto}.theme-picker{display:flex;gap:3px}.theme-dot{width:16px;height:16px;padding:2px}.hero-grid,.method-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:58px}.hero-visual{min-height:340px;margin-top:8px}.section-pad{padding-block:62px}.section-heading{margin-bottom:26px}.pricing-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.work-grid{grid-template-columns:1fr}.footer-wrap{gap:12px}.footer-wrap p{flex-basis:100%;order:5}}
@media(max-width:480px){.container{width:min(100% - 22px,var(--container))}.brand img{width:126px}.nav-actions{gap:4px}.cart-button{padding:7px 9px}.language-toggle{padding:7px 9px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-visual{min-height:285px}.signal-card{min-width:145px;max-width:70%}.services-grid{grid-template-columns:1fr}.service-footer{align-items:stretch;flex-direction:column}.add-service{width:100%;min-height:44px}.plan-card{padding:23px}.contact-form{padding:20px}.contact-links a strong{overflow-wrap:anywhere}.cart-panel{padding:18px}}

/* ============================================================
   TIQNORA v3 — NEW THEMES (Luxury Corporate + Dark Future AI)
   ============================================================ */
html[data-theme='royal']{--bg:#0a0f1e;--bg-soft:#101830;--surface:rgba(22,32,58,.86);--surface-solid:#16203a;--text:#f2ecdf;--muted:#b3a888;--line:rgba(212,186,120,.2);--accent:#d4ba78;--accent-strong:#b89a52;--accent-soft:rgba(212,186,120,.12);--gold:#f5de9e;--shadow:0 25px 70px rgba(0,0,0,.4)}
html[data-theme='aurora']{--bg:#0b0618;--bg-soft:#150c2b;--surface:rgba(28,16,56,.85);--surface-solid:#1c1038;--text:#f0eaff;--muted:#b0a3d6;--line:rgba(178,140,255,.22);--accent:#c084fc;--accent-strong:#9a4fd8;--accent-soft:rgba(192,132,252,.13);--gold:#7df9ff;--shadow:0 25px 70px rgba(20,0,50,.45)}

/* ============================================================
   STORE PAGES (shop / product / checkout / track)
   ============================================================ */
.store-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.store-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.store-nav .brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:1.1rem}
.store-nav .brand img{height:34px;width:auto}
.store-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.store-links a{color:var(--muted);text-decoration:none;font-size:.92rem;transition:color .2s}
.store-links a:hover,.store-links a.active{color:var(--accent)}
.cart-link{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.88rem}
.cart-link b{background:var(--accent);color:var(--bg);border-radius:999px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;padding:0 5px}
.store-main{min-height:60vh;padding:34px 0 70px}
.store-title{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 6px}
.store-sub{color:var(--muted);margin:0 0 26px}
.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 16px;cursor:pointer;font:inherit;font-size:.88rem;transition:all .2s}
.chip.active,.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.product-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:transform .25s,border-color .25s;position:relative}
.product-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.product-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,var(--accent-soft),var(--bg-soft));display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:var(--accent);overflow:hidden}
.product-thumb img{width:100%;height:100%;object-fit:cover}
.product-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.product-body h3{margin:0;font-size:1.02rem}
.product-body .p-cat{color:var(--muted);font-size:.78rem}
.product-price{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:10px}
.product-price strong{font-size:1.12rem;color:var(--accent)}
.product-price s{color:var(--muted);font-size:.85rem}
.badge{position:absolute;top:10px;inset-inline-start:10px;background:var(--accent);color:var(--bg);font-size:.72rem;font-weight:700;border-radius:999px;padding:3px 10px;z-index:2}
.badge.out{background:#888;color:#fff}
.stock-note{font-size:.75rem;color:var(--muted)}
/* product detail */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
@media(max-width:820px){.product-detail{grid-template-columns:1fr}}
.p-gallery{background:var(--surface);border:1px solid var(--line);border-radius:18px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--accent);overflow:hidden}
.p-gallery img{width:100%;height:100%;object-fit:cover}
.p-info h1{font-size:clamp(1.5rem,3.5vw,2.2rem);margin:4px 0 10px}
.p-info .p-price{font-size:1.8rem;color:var(--accent);margin:14px 0}
.spec-table{width:100%;border-collapse:collapse;margin:18px 0}
.spec-table td{padding:9px 12px;border-bottom:1px solid var(--line);font-size:.92rem}
.spec-table td:first-child{color:var(--muted);width:40%}
.qty-row{display:flex;align-items:center;gap:14px;margin:18px 0}
.qty-row .qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.qty button{background:transparent;border:0;color:var(--text);font-size:1.15rem;padding:8px 14px;cursor:pointer}
.qty span{padding:0 12px;min-width:34px;text-align:center}
/* checkout */
.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start}
@media(max-width:860px){.checkout-grid{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}
.panel h2{margin:0 0 16px;font-size:1.15rem}
.field-group{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.field-group{grid-template-columns:1fr}}
.field-group label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}
.field-group input,.field-group select,.field-group textarea,.panel input,.panel select,.panel textarea{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px 13px;font:inherit}
.field-group input:focus,.panel input:focus{outline:2px solid var(--accent);outline-offset:1px}
.checkout-item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.94rem}
.checkout-total{display:flex;justify-content:space-between;padding:12px 0;font-weight:700;font-size:1.08rem}
.pay-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:pointer}
.pay-opt input{margin-top:4px}
.pay-opt.selected{border-color:var(--accent);background:var(--accent-soft)}
/* tracking */
.track-box{max-width:640px;margin:0 auto;text-align:center}
.track-input{display:flex;gap:10px;max-width:440px;margin:22px auto}
.track-input input{flex:1}
.timeline{list-style:none;padding:0;margin:26px auto 0;max-width:520px;text-align:start}
.timeline li{position:relative;padding:0 0 22px 30px;border-inline-start:2px solid var(--line)}
.timeline li::before{content:'';position:absolute;inset-inline-start:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--muted)}
.timeline li.done{border-color:var(--accent)}
.timeline li.done::before{background:var(--accent)}
.timeline small{color:var(--muted);display:block}
.status-pill{display:inline-block;border-radius:999px;padding:5px 14px;font-size:.82rem;border:1px solid var(--line);background:var(--accent-soft);color:var(--accent)}
.store-footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}