:root{--ink:#14112b;--bg:#faf7ff;--brand:#6d28d9;--brand2:#db2777;--line:#e9e3f5}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--brand)}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(90deg,#4c1d95,#be185d);flex-wrap:wrap;position:sticky;top:0;z-index:5}.logo{font-weight:800;text-decoration:none;color:#fff}nav a{margin-left:14px;text-decoration:none;color:#fde7f3;font-weight:600}
.wrap{max-width:1100px;margin:0 auto;padding:20px}
.photo{background:linear-gradient(120deg,rgba(76,29,149,.88),rgba(190,24,93,.78) 60%,rgba(234,88,12,.7)),url(img/hero-team.jpg) center/cover;color:#fff;border-radius:20px;padding:56px 28px;margin-bottom:22px}
.hero h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15;margin:0 0 .4em;max-width:16ch}.hero p{max-width:60ch;font-size:1.1rem;color:#fdf2f8}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input{flex:1 1 260px}input,select{padding:11px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:14px 0 6px;scrollbar-width:thin}.tab{--c:#4f46e5;flex:none;border:2px solid var(--c);color:var(--c);background:#fff;border-radius:99px;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer}.tab.on,.tab:hover{background:var(--c);color:#fff}
.whatcan{--c:#4f46e5;background:#fff;border-left:6px solid var(--c);border-radius:12px;padding:14px 20px;margin:10px 0;box-shadow:0 2px 10px rgba(20,17,43,.06)}.whatcan h2{margin:.2em 0;font-size:1.15rem;color:var(--c)}
.tasks{margin:.3em 0;padding-left:1.2em}.tasks li{margin:.25em 0}
#count{color:#6b6386;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{--c:#4f46e5;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c);border-radius:14px;padding:16px;text-decoration:none;color:inherit;transition:.15s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--c) 25%,transparent)}.card h3{margin:.45em 0;font-size:1.05rem}.card small{color:#6b6386}
.b{display:inline-block;background:#f1ecfb;color:#4c1d95;border-radius:99px;padding:2px 10px;font-size:.8rem;margin-right:6px;font-weight:600}.chip{background:color-mix(in srgb,var(--c) 15%,#fff);color:color-mix(in srgb,var(--c) 75%,#000)}.cost-free{background:#dcfce7;color:#166534}.cost-paid{background:#fee2e2;color:#991b1b}.cost-low{background:#fef3c7;color:#92400e}
.photo2{background:linear-gradient(rgba(20,17,43,.86),rgba(20,17,43,.86)),url(img/section-desk.jpg) center/cover;border-radius:20px;margin-top:30px;padding:28px 20px;color:#fff}.photo2 h2{margin-top:0}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.cat{--c:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--c);border-radius:14px;padding:14px 16px;scroll-margin-top:80px}.cat h3{margin:0 0 .2em}.cat .wc{margin:0;color:#d8d2ea;font-size:.9rem}.cat a{color:#fff}.link{background:none;border:0;color:var(--c);font:inherit;font-weight:700;cursor:pointer;padding:6px 0;filter:brightness(1.3)}
.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:24px}.sponsor{background:linear-gradient(120deg,#fff7ed,#fdf2f8);border:2px dashed #f472b6}
.photo3{background:linear-gradient(120deg,rgba(76,29,149,.9),rgba(14,116,144,.85)),url(img/section-laptop.jpg) center 30%/cover;color:#fff;border:0}.photo3 p{color:#e0f2fe}
.btn{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;border:0;border-radius:10px;padding:11px 18px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.btn.alt{background:var(--ink)}
form{display:flex;gap:8px;flex-wrap:wrap}form input{flex:1 1 220px}form p{flex-basis:100%}
.recipe{--c:#4f46e5;max-width:780px}.recipe h1{border-left:6px solid var(--c);padding-left:14px}.recipe h2{color:color-mix(in srgb,var(--c) 70%,#000)}.note{color:#6b6386;font-size:.9rem}
footer{text-align:center;color:#6b6386;padding:30px 20px;font-size:.9rem}.credits{font-size:.8rem}
@media(max-width:600px){.photo{padding:36px 18px;border-radius:0;margin:-20px -20px 18px}nav a{margin-left:10px}}
.logo{display:flex;align-items:center;gap:10px;font-size:1.1rem}.logo img{width:40px;height:40px;display:block}
video{width:100%;height:auto;border-radius:14px;background:#14112b;display:block}.vid{margin:14px 0}
.seeit{background:linear-gradient(120deg,#fff7ed,#fdf2f8,#f5f3ff)}.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.vgrid figure{margin:0}.vgrid figcaption{margin-top:8px;font-weight:700}
/* newsletter */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nlband{margin:18px 0;border-radius:18px;background:linear-gradient(120deg,#4c1d95 0%,#9d174d 45%,#ea580c 80%,#f59e0b 100%);color:#fff;box-shadow:0 10px 30px rgba(76,29,149,.25)}
.nlband-in{padding:26px 22px;max-width:760px}.nlband h1,.nlband h2{margin:.2em 0;font-size:1.6rem;line-height:1.2}.nlband a{color:#fff}
.kicker{margin:0;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:#fde68a}
.nlform{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.nlform input[type=email]{flex:1 1 220px;min-height:48px;padding:10px 14px;border-radius:12px;border:2px solid #fff;font-size:16px}
.nlbtn{min-height:48px;background:#fbbf24!important;color:#2e1065!important;font-weight:800;border:0;border-radius:12px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-block}.nlbtn:hover,.nlbtn:focus{background:#fde047!important}
.nlform :focus-visible,.nlx:focus-visible,.nlno:focus-visible{outline:3px solid #fde047;outline-offset:2px}
.nlbox{margin:28px 0;padding:22px;border-radius:16px;background:linear-gradient(135deg,#faf5ff,#fff7ed);border:2px solid #f59e0b}.nlbox h2{margin-top:0;color:#6d28d9}.nlbox .nlbtn{background:linear-gradient(90deg,#7c3aed,#ea580c)!important;color:#fff!important}
.nlslide{position:fixed;right:16px;bottom:16px;left:16px;max-width:380px;margin-left:auto;z-index:20;padding:18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#4c1d95,#be185d 60%,#ea580c);box-shadow:0 12px 40px rgba(0,0,0,.3);transform:translateY(130%);transition:transform .3s ease}.nlslide.in{transform:none}
.nlslide .nlh{font-weight:800;font-size:1.1rem;margin:.3em 0}.nlx{position:absolute;top:6px;right:8px;background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}.nlno{background:none;border:0;color:#fde7f3;text-decoration:underline;cursor:pointer;padding:6px 0}
@media (prefers-reduced-motion:reduce){.nlslide{transition:none}}
.starter .sp{border-left:6px solid var(--c)}
@media print{.top,footer,.nlslide{display:none}}

.explain{margin:22px 0;padding:24px 20px;border-radius:18px;background:linear-gradient(135deg,#fdf2f8,#fff7ed 55%,#ede9fe);border:2px solid #f9a8d4}.explain h2{margin:0 0 .3em;font-size:1.7rem;background:linear-gradient(90deg,var(--brand),var(--brand2),#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent}.explain .lead{font-size:1.1rem}
.steps4{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0}.steps4 div{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 2px 10px rgba(20,17,43,.06);font-weight:600}.steps4 b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff}
.bakery,.money{background:#fff;border-radius:14px;padding:14px 18px;margin-top:14px;border-left:6px solid #ea580c}.money{border-left-color:var(--brand)}.bakery h3,.money h3{margin:.2em 0}
.helpcall{display:block;margin:18px 0;padding:14px 18px;border-radius:14px;background:linear-gradient(120deg,#ede9fe,#fce7f3);border:2px dashed var(--brand)}
.helpform{display:grid;gap:12px;max-width:560px}.helpform label{display:grid;gap:4px;font-weight:600}.helpform textarea{padding:11px;border:1px solid var(--line);border-radius:10px;font:inherit}
@media(min-width:760px){.steps4{grid-template-columns:repeat(4,1fr)}.explain{padding:32px}}