@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--ink:#17162f;--muted:#77778d;--purple:#7564f6;--cyan:#78e6df;--paper:#f7f7fb;--line:#e7e6f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Cairo',Tahoma,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eff6;background:#fff}.brand{display:flex;align-items:center;gap:11px;font:700 14px Arial,sans-serif;letter-spacing:1.3px}.brand b{color:var(--purple)}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:white;font:800 23px Arial;box-shadow:5px 5px 0 var(--cyan)}nav{display:flex;gap:30px;font-size:13px;color:#5e5d73}nav a:hover{color:var(--purple)}.header-cta{border:1px solid var(--line);border-radius:999px;padding:9px 20px;font-size:13px;font-weight:700}.hero{min-height:540px;padding:70px clamp(24px,10vw,150px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;background:radial-gradient(ellipse at 80% 40%,#efedff 0,transparent 48%),linear-gradient(120deg,#fff 45%,#faf9ff)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--purple);margin:0 0 15px}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-left:8px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.35;margin:0;font-weight:800;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:var(--purple)}.hero-copy{color:var(--muted);font-size:15px;line-height:2;margin:18px 0 28px;max-width:490px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;padding:12px 22px;border-radius:12px;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff}.primary span{color:var(--cyan);font-size:18px}.secondary{border:1px solid #dedceb;background:#fff}.hero-art{height:350px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d9d5ff;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:340px;height:250px}.orbit-two{width:270px;height:350px;transform:rotate(48deg)}.art-card{position:absolute;width:210px;height:260px;border-radius:22px;padding:25px;box-shadow:0 25px 60px #31266a25}.card-back{background:var(--cyan);transform:rotate(-12deg) translate(-36px,-4px);font:12px Arial;letter-spacing:2px;padding-top:50px}.card-back b{font-size:24px}.card-front{background:var(--purple);color:#fff;transform:rotate(8deg) translate(30px,8px);display:flex;flex-direction:column;justify-content:space-between}.card-front small{font:10px Arial;letter-spacing:1px}.card-front strong{font-size:29px;line-height:1.5}.card-front i{font-style:normal;font-size:30px;align-self:flex-end;color:var(--cyan)}.spark{font-size:25px;color:var(--cyan)}.floating{position:absolute;font-size:28px;color:var(--purple)}.f-one{top:24px;right:20%}.f-two{bottom:24px;left:15%;color:#a19afc}.section-wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.intro{padding-top:78px;padding-bottom:25px;display:flex;justify-content:space-between;align-items:end;gap:30px}.intro h2,.package-inner h2{font-size:32px;margin:0}.intro>p{max-width:480px;color:var(--muted);font-size:14px;line-height:2;margin:0}.empty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px;padding-bottom:90px}.placeholder{min-height:230px;border:1px solid var(--line);border-radius:20px;padding:25px;background:linear-gradient(145deg,#fff,#faf9ff);position:relative;overflow:hidden}.placeholder>span{font:12px Arial;color:#aaa8c0}.placeholder-icon{width:48px;height:48px;border-radius:15px;background:#eeecff;color:var(--purple);display:grid;place-items:center;font-size:24px;margin-top:24px}.placeholder h3{font-size:17px;margin:16px 0 4px}.placeholder p{font-size:12px;color:var(--muted);margin:0}.packages{background:var(--paper);padding:60px 0}.package-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.package-inner p:not(.eyebrow){color:var(--muted);font-size:14px}.package-badge{background:#e5e2ff;color:var(--purple);padding:8px 18px;border-radius:999px;font-size:12px;font-weight:700}footer{padding:50px 28px 25px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:17px} .footer-brand{display:flex;align-items:center;gap:13px;text-align:right}.footer-brand strong{font:700 13px Arial;letter-spacing:1px}.footer-brand small{display:block;color:var(--muted);font-size:11px}.footer-brand .brand-mark{flex-shrink:0}footer>p{font-size:13px;color:var(--muted);margin:0}.copyright{margin-top:20px;color:#9998aa;font-size:11px}
@media(max-width:760px){.site-header{height:auto;min-height:72px;flex-wrap:wrap;gap:14px;padding:16px 20px}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px}.header-cta{font-size:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:35px;gap:10px}.hero-art{height:300px;grid-row:1}.hero-content{text-align:center}.hero-copy{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero h1{font-size:42px}.intro{align-items:start;flex-direction:column;padding-top:55px}.intro h2,.package-inner h2{font-size:27px}.empty-grid{grid-template-columns:1fr;padding-bottom:55px}.placeholder{min-height:190px}.package-inner{align-items:flex-start}.package-inner>div{max-width:80%}}