@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#10100f;--panel:#191816;--panel2:#211f1b;--gold:#d7b46a;--gold2:#f0d79a;--text:#f5f1e8;--muted:#aaa49a;--line:#373229}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Cairo",Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292721;background:#11110ff2;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:15px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:-5px}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:12px;color:var(--gold);display:grid;place-items:center;font-size:27px}.topbar nav{display:flex;gap:30px;color:#d2cabe;font-size:13px}.topbar nav a:hover{color:var(--gold)}.btn{border:0;border-radius:9px;padding:12px 21px;font:700 13px "Cairo";cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid #806a3f;color:var(--gold2)}.btn-gold{background:linear-gradient(135deg,#f0d79a,#b88d42);color:#211a0d;box-shadow:0 8px 24px #c59a4930}.btn-ghost{background:#25231f;color:#eee5d5;border:1px solid #454035}.hero{min-height:540px;padding:75px 9% 65px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;background:radial-gradient(ellipse at 78% 48%,#49391d55,transparent 38%),linear-gradient(110deg,#11100e,#171510)}.eyebrow{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:.5px}.eyebrow span,.dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-left:7px}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.25;margin:14px 0;color:#fff;font-weight:900}.hero h1 em,.library h2 em{font-style:normal;color:var(--gold)}.hero-content>p{max-width:520px;color:#bdb6a9;font-size:15px;line-height:2.1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-note{color:#aaa18f;font-size:11px;margin-top:25px}.hero-art{height:360px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #c39b4b70;border-radius:50%;width:285px;height:285px;transform:rotate(-28deg) scaleY(.55)}.orbit-two{width:340px;height:340px;transform:rotate(57deg) scaleY(.55);border-color:#e0c17b50}.nucleus{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;font-size:50px;color:#1a1409;background:radial-gradient(circle at 35% 30%,#fff0bd,#c19442 70%);box-shadow:0 0 65px #d9ad4a66;z-index:1}.electron{position:absolute;width:12px;height:12px;background:#ffe2a0;border-radius:50%;box-shadow:0 0 18px #f5c86c}.e1{top:60px;left:46%}.e2{bottom:75px;right:24%}.e3{top:48%;right:12%}.formula{position:absolute;color:#d7b46a;font:italic 17px Georgia;opacity:.8}.f1{top:34px;right:10%}.f2{bottom:37px;left:13%}.f3{top:50%;left:6%}.section{padding:82px 8%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head h2,.library h2{font-size:32px;margin:4px 0 0}.section-head>p{color:var(--muted);font-size:12px;max-width:310px}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stage-card{position:relative;padding:24px 21px 22px;background:linear-gradient(145deg,#211f1b,#171614);border:1px solid #383329;border-radius:15px;min-height:300px;display:flex;flex-direction:column;align-items:flex-start}.stage-card.featured{border-color:#a98542;box-shadow:0 10px 40px #b58b3b16}.stage-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #8d713d;border-radius:12px;color:var(--gold);font-weight:800;font-size:18px;margin-bottom:14px}.tag{font-size:10px;color:#bca36e}.stage-card h3{margin:3px 0;font-size:19px}.stage-card p{font-size:11px;color:#aaa49a;line-height:2;min-height:48px}.price{font-size:23px;color:var(--gold2);font-weight:900;margin-top:auto}.price small{display:block;font-size:10px;color:#a9a194;font-weight:500}.btn-card{margin-top:14px;width:100%;background:#302a1e;color:#e9d29b;border:1px solid #62502f}.popular{position:absolute;left:15px;top:13px;font-size:9px;color:#17120a;background:var(--gold);padding:3px 9px;border-radius:20px}.small-note{font-size:10px;color:#8f897f;margin-top:18px}.features{background:#171613}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature{padding:25px 22px;border:1px solid #343027;border-radius:13px;background:#1c1a16}.feature>b{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#3a3020;color:var(--gold);font-size:16px}.feature h3{font-size:15px;margin:14px 0 5px}.feature p{font-size:11px;color:#aaa49a;margin:0;line-height:2}.library{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;background:radial-gradient(circle at 72% 50%,#6c51222b,transparent 35%)}.library-copy p{max-width:440px;color:#b2aa9d;font-size:13px;line-height:2.2}.library-label{display:inline-block;color:var(--gold);border:1px solid #66512d;padding:6px 12px;border-radius:7px;font-size:10px;margin-top:12px}.book-stack{height:270px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px}.book{width:175px;height:235px;position:absolute;border-radius:4px 12px 12px 4px;box-shadow:12px 17px 30px #0009;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.book-back{background:#4b3a20;color:#e4c987;transform:translate(36px,3px) rotate(8deg);font-size:11px;line-height:3}.book-front{background:linear-gradient(145deg,#29251b,#12110f);border:1px solid #b18b45;color:#e7d5a8;transform:rotate(-5deg);gap:7px}.book-front strong{font-size:18px}.book-front small{font-size:9px;color:#b7aa8d}.book-front b{font-size:38px;color:var(--gold);margin-top:8px}.cta{text-align:center;background:linear-gradient(120deg,#211c12,#15130f);border-top:1px solid #3a3020}.cta h2{font-size:29px;margin:0}.cta p{color:#aaa49a;font-size:12px;margin:8px 0 22px}footer{padding:25px 7%;border-top:1px solid #302c24;display:flex;align-items:center;justify-content:space-between;color:#888176;font-size:10px}.modal{border:1px solid #695431;border-radius:16px;background:#1b1915;color:var(--text);width:min(440px,92vw);padding:0;box-shadow:0 25px 90px #000b}.modal::backdrop{background:#000b;backdrop-filter:blur(4px)}.modal-inner{padding:30px;position:relative}.modal-inner h2{margin:4px 0 20px}.modal-inner label{display:block;font-size:11px;color:#c9bfae;margin:12px 0}.modal-inner input{display:block;width:100%;margin-top:7px;padding:12px;border-radius:8px;border:1px solid #494234;background:#11100e;color:white;font:13px "Cairo";outline:none}.modal-inner input:focus{border-color:var(--gold)}.close{position:absolute;left:18px;top:12px;border:0;background:none;color:#c7bca8;font-size:26px;cursor:pointer}.full{width:100%;margin-top:10px}.selected-price{font-size:28px;color:var(--gold);font-weight:900}.modal-inner>p{font-size:12px;color:#aaa49a;line-height:2}
@media(max-width:900px){.stage-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-inline:7%;grid-template-columns:1fr .8fr}.topbar nav{gap:14px}}
@media(max-width:650px){.topbar{height:70px;padding:0 4%}.topbar nav{display:none}.brand{font-size:12px}.brand-mark{width:36px;height:36px}.topbar>.btn{padding:8px 12px;font-size:11px}.hero{display:block;padding:58px 7% 35px}.hero-art{height:245px;margin-top:20px}.orbit{width:210px;height:210px}.orbit-two{width:250px;height:250px}.nucleus{width:72px;height:72px;font-size:39px}.section{padding:58px 6%}.section-head{display:block}.section-head h2,.library h2{font-size:27px}.stage-grid,.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.stage-card{padding:17px 13px;min-height:290px}.stage-card h3{font-size:16px}.stage-card p{font-size:10px}.price{font-size:19px}.library{grid-template-columns:1fr}.book-stack{height:250px;grid-row:1}.library-copy{grid-row:2}footer{padding:20px 5%;gap:12px;align-items:flex-start;flex-direction:column}}