@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root { --ink:#15221d; --cream:#f5f2e9; --paper:#fffdf8; --lime:#c8f542; --green:#1c5a42; --line:#d8ddd5; --muted:#647069; --danger:#a22b31; --shadow:0 22px 60px rgba(21,34,29,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"DM Sans",sans-serif; }
button,input,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
.site-header { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 max(5vw,24px); background:rgba(245,242,233,.92); border-bottom:1px solid rgba(21,34,29,.1); position:sticky; top:0; z-index:20; backdrop-filter:blur(14px); }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font:800 18px "Manrope",sans-serif; }
.brand-mark { display:grid; place-items:center; width:35px; height:35px; border-radius:10px; background:var(--ink); color:var(--lime); font-size:13px; letter-spacing:-.5px; }
.brand.compact { font-size:15px; }.brand.compact .brand-mark { width:30px;height:30px; }
.header-actions { display:flex; align-items:center; gap:10px; }.user-greeting { color:var(--muted); margin-right:8px; font-size:14px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border-radius:10px; border:1px solid transparent; text-decoration:none; font-weight:700; cursor:pointer; transition:transform .18s,box-shadow .18s,background .18s; }
.button:hover { transform:translateY(-1px); }.button:disabled { opacity:.55;cursor:wait;transform:none; }
.button.dark { background:var(--ink);color:white; }.button.ghost { color:var(--ink);background:transparent;border-color:#bac2bc; }.button.primary { background:var(--lime);color:var(--ink);border-color:#aed829;box-shadow:0 7px 20px rgba(128,164,26,.22); }.button.full { width:100%; }
.hero { min-height:545px; position:relative; overflow:hidden; padding:100px max(8vw,24px) 90px; background:var(--green); color:white; isolation:isolate; }
.hero::after { content:"</>"; position:absolute; right:7vw;top:70px;font:800 clamp(150px,24vw,360px) "Manrope";color:rgba(255,255,255,.045);z-index:-1; }
.eyebrow { margin:0 0 16px;color:#75914f;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800; }.hero .eyebrow { color:var(--lime); }
h1,h2,h3 { font-family:"Manrope",sans-serif;letter-spacing:-.04em;margin-top:0; }
h1 { max-width:850px;font-size:clamp(42px,6.2vw,82px);line-height:1.02;margin-bottom:24px; }.hero-copy { max-width:590px;color:#d6e3db;font-size:clamp(17px,2vw,21px);line-height:1.6; }.hero-cta { margin-top:22px;gap:28px; }
.hero-orb { position:absolute;border-radius:50%;z-index:-1;filter:blur(1px); }.orb-one { width:260px;height:260px;background:rgba(200,245,66,.1);right:12%;bottom:-130px; }.orb-two { width:100px;height:100px;border:1px solid rgba(200,245,66,.3);right:30%;top:50px; }
.catalog { padding:100px max(5vw,24px) 110px;max-width:1500px;margin:auto; }.section-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px; }.section-heading h2 { font-size:clamp(32px,4vw,50px);margin:0; }.section-heading>p { max-width:450px;line-height:1.7;color:var(--muted); }
.product-grid { display:grid;grid-template-columns:repeat(12,1fr);gap:18px; }.product-card { grid-column:span 4;min-height:360px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s; }.product-card:nth-child(4),.product-card:nth-child(5) { grid-column:span 6; }.product-card:hover { transform:translateY(-5px);box-shadow:var(--shadow); }.product-card::before { content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-65px;background:var(--accent);opacity:.13; }.product-icon { display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:color-mix(in srgb,var(--accent) 13%,white);font-size:26px;margin-bottom:40px; }.product-card h3 { font-size:24px;margin-bottom:10px; }.product-description { color:var(--muted);line-height:1.55;margin:0 0 28px; }.product-footer { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line); }.price { font:800 22px "Manrope"; }.buy-button { background:var(--ink);color:white;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer; }
.trust-strip { margin:0 max(5vw,24px) 90px;padding:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:var(--ink);color:white;border-radius:22px; }.trust-strip div { display:grid;grid-template-columns:36px 1fr;column-gap:10px; }.trust-strip span { grid-row:span 2;color:var(--lime);font-weight:700; }.trust-strip small { color:#aebbb5;margin-top:6px;line-height:1.4; }
footer { border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:35px max(5vw,24px);color:var(--muted); }
.modal { width:min(540px,calc(100% - 30px));border:0;border-radius:22px;padding:36px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow); }.modal::backdrop { background:rgba(10,20,16,.68);backdrop-filter:blur(5px); }.modal-close { position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:30px;color:var(--muted);cursor:pointer; }.modal h2 { font-size:30px;margin-bottom:8px; }.modal-subtitle { color:var(--muted);margin:0 0 26px; }.modal label { display:block;font-weight:600;margin:16px 0 0; }.modal input,.modal textarea { width:100%;margin-top:7px;border:1px solid #bac4bd;border-radius:10px;background:white;padding:12px 13px;outline:none; }.modal input:focus,.modal textarea:focus { border-color:var(--green);box-shadow:0 0 0 3px rgba(28,90,66,.1); }.auth-modal .full { margin-top:24px; }.field-hint { font-size:12px;color:var(--muted); }.text-button { width:100%;border:0;background:none;color:var(--green);font-weight:700;margin-top:18px;cursor:pointer; }.form-message { border-radius:9px;background:#e9f4ed;color:var(--green);padding:11px 13px;font-size:14px; }.form-message.error { color:var(--danger);background:#fbe8e8; }
.checkout-modal { width:min(670px,calc(100% - 30px)); }.checkout-product { display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:35px;margin-bottom:20px; }.checkout-product h2 { margin:0;font-size:24px; }.checkout-product p { margin:4px 0 0;color:var(--muted); }.checkout-price { white-space:nowrap;font:800 22px "Manrope"; }.method-tabs { display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#e9ece7;border-radius:11px;padding:5px;margin-bottom:22px; }.method-tab { border:0;background:transparent;border-radius:8px;padding:11px;font-weight:700;cursor:pointer;color:var(--muted); }.method-tab.active { background:white;color:var(--ink);box-shadow:0 2px 8px rgba(21,34,29,.1); }.loading { color:var(--muted); }.pix-intro { display:flex;align-items:center;gap:14px;padding:16px;background:#eef4ef;border-radius:12px;margin-bottom:18px; }.pix-intro p { margin:3px 0 0;color:var(--muted);font-size:14px; }.pix-icon { display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#28a582;color:white; }.pix-output { text-align:center;margin-top:20px; }.pix-output img { width:min(260px,100%);display:block;margin:10px auto; }.pix-output textarea { min-height:90px;resize:none;font-size:12px; }.text-link { display:inline-block;margin-top:15px;color:var(--green);font-weight:700; }.secure-note { text-align:center;color:var(--muted);font-size:12px;margin:20px 0 0; }.toast { position:fixed;right:22px;bottom:22px;z-index:50;background:var(--ink);color:white;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow); }
[hidden] { display:none!important; }
@media(max-width:850px){.product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:span 6}.section-heading{display:block}.trust-strip{grid-template-columns:1fr}.user-greeting{display:none!important}}
@media(max-width:580px){.site-header{padding:0 16px}.brand>span:last-child{display:none}.header-actions{gap:6px}.button{padding:0 13px}.hero{padding-top:75px;min-height:500px}.catalog{padding-top:70px}.product-card,.product-card:nth-child(4),.product-card:nth-child(5){grid-column:span 12;min-height:320px}.product-grid{gap:14px}.trust-strip{margin-left:16px;margin-right:16px;padding:27px}.checkout-product{display:block}.checkout-price{margin-top:10px}footer{display:block}footer p{margin-top:18px}}