.hero{padding:1.5rem 0 1rem;position:relative;overflow:hidden;height:calc(100vh - 70px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;width:100%}.hero h1{font-size:clamp(1.75rem,4.5vw,3rem);line-height:1.1;margin:0 0 .75rem}.hero .hl{display:inline-block;padding:0 .3rem;border:3px solid #111111;border-radius:12px;box-shadow:4px 4px #111;transform:rotate(-2deg)}.hero .hl-yellow{background:#ffc93c}.hero .hl-pink{background:#ff90b3;transform:rotate(2deg)}.hero .lead{font-size:.95rem;max-width:520px;color:#333;margin-bottom:1.25rem}.hero .cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.hero .trust{display:flex;align-items:center;gap:.85rem}.hero .avatars{display:flex}.hero .avatars span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:3px solid #111111;border-radius:50%;font-size:.9rem;margin-left:-10px;color:#111}.hero .avatars span:first-child{margin-left:0}.hero .trust-text strong{display:block;font-size:.95rem}.hero .trust-text small{color:#555}.hero-right{position:relative;min-height:400px}.hero .phone{position:absolute;width:190px;height:360px;border:3px solid #111111;border-radius:36px;background:#fff;box-shadow:10px 10px #111;padding:10px}.hero .phone-1{top:10px;left:5%}.hero .phone-2{top:40px;right:0}.hero .screen{width:100%;height:100%;border:2px solid #111111;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;position:relative;gap:.6rem}.hero .pink-bg{background:#ff90b3}.hero .yellow-bg{background:#ffc93c}.hero .phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:70px;height:8px;background:#111;border-radius:6px}.hero .phone-icon{font-size:2.2rem;color:#111}.hero .phone-content h4{font-size:1.1rem}.hero .phone-content p{font-size:.8rem}.hero .mini-btn{background:#fff;border:2px solid #111111;border-radius:10px;padding:.4rem .9rem;font-weight:700;font-size:.85rem;box-shadow:3px 3px #111;margin-top:.5rem}.hero .mini-btn.dark{background:#111;color:#fff}.hero .phone-content--img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;overflow:hidden}.hero .phone-preview-img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:24px}.hero .screen:has(.phone-content--img){padding:0;overflow:hidden;border:none}.hero .phone:has(.phone-content--img){padding:6px}.hero .sticker{position:absolute;font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:3px solid #111111;border-radius:14px;background:#fff;box-shadow:3px 3px #111;color:#111}.hero .sticker-1{top:-10px;right:30%;background:#5da9ff}.hero .sticker-2{bottom:40px;left:-10px;background:#ffc93c}.hero .sticker-3{bottom:0;right:10%;color:#ff90b3;background:#fff}.hero .blob{position:absolute;border-radius:50%;z-index:-1}.hero .blob-1{width:200px;height:200px;background:#ffc93c;top:-30px;right:-40px;opacity:.5}.hero .blob-2{width:160px;height:160px;background:#5da9ff;bottom:10px;left:-30px;opacity:.4}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-right{min-height:460px;margin-top:1rem}.hero .phone{width:190px;height:360px}.hero .phone-1{left:0}.hero .phone-2{right:0}}@media(max-width:480px){.hero .phone{width:160px;height:320px}.hero .phone-1{left:-10px}.hero .phone-2{right:-10px;top:100px}}.features-section{background:#fff;border-top:3px solid #111111;border-bottom:3px solid #111111;padding-top:2rem}.features-header{text-align:center;margin-bottom:1rem}.features-kicker{display:inline-block;background:#ff90b3;border:3px solid #111111;border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.85rem;box-shadow:3px 3px #111;margin-bottom:1rem}.features-hl{background:#ffc93c;border:3px solid #111111;padding:0 .4rem;border-radius:10px;box-shadow:4px 4px #111;display:inline-block;transform:rotate(-1.5deg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{border:3px solid #111111;border-radius:22px;padding:1rem;box-shadow:6px 6px #111;transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translate(-4px,-4px) rotate(1deg);box-shadow:10px 10px #111}.feature-icon{font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff;border:3px solid #111111;border-radius:12px;box-shadow:3px 3px #111;margin-bottom:.4rem;color:#111}.feature-card h3{font-size:1.1rem;margin-bottom:.3rem}.feature-card p{font-size:.85rem;color:#1a1a1a;line-height:1.4}@media(max-width:960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.features-grid{grid-template-columns:1fr}}.categories-section{background:#fff8e7;position:relative}.cat-header{text-align:center;margin-bottom:3rem}.cat-kicker{display:inline-block;background:#5da9ff;border:3px solid #111111;border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.85rem;box-shadow:3px 3px #111;margin-bottom:1rem}.cat-hl{background:#ff90b3;border:3px solid #111111;padding:0 .4rem;border-radius:10px;box-shadow:4px 4px #111;display:inline-block}.cat-subtitle{font-size:1.05rem;color:#444}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.cat-card{position:relative;border:3px solid #111111;border-radius:22px;padding:1.75rem;box-shadow:6px 6px #111;display:flex;gap:1rem;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease}.cat-card:hover{transform:translate(-4px,-4px) rotate(0)!important;box-shadow:10px 10px #111}.cat-icon-wrap{font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border:3px solid #111111;border-radius:14px;box-shadow:3px 3px #111;flex-shrink:0;color:#111}.cat-content h3{font-size:1.2rem;margin-bottom:.4rem}.cat-content p{font-size:.95rem;color:#1a1a1a;margin-bottom:.6rem}.cat-link{font-weight:700;font-size:.9rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.cat-sticker{position:absolute;top:-14px;right:-10px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:3px solid #111111;border-radius:50%;box-shadow:3px 3px #111;font-size:1rem;color:#111}@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.cat-grid{grid-template-columns:1fr}.cat-card{transform:rotate(0)!important}}.themes-section{background:#fff;border-top:3px solid #111111;border-bottom:3px solid #111111}.themes-header{text-align:center;margin-bottom:3rem}.themes-kicker{display:inline-block;background:#ffc93c;border:3px solid #111111;border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.85rem;box-shadow:3px 3px #111;margin-bottom:1rem}.themes-hl{background:#5da9ff;border:3px solid #111111;padding:0 .4rem;border-radius:10px;box-shadow:4px 4px #111;display:inline-block;transform:rotate(-2deg)}.themes-subtitle{color:#444}.themes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.theme-card{background:#fff;border:3px solid #111111;border-radius:22px;overflow:hidden;box-shadow:6px 6px #111;transition:transform .18s ease,box-shadow .18s ease}.theme-card:hover{transform:translate(-4px,-4px) scale(1.02);box-shadow:12px 12px #111}.theme-preview{position:relative;height:230px;border-bottom:3px solid #111111;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.theme-preview-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem;position:relative;z-index:1}.theme-big-icon{font-size:3.5rem;color:#fff;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.6))}.theme-preview-tag{background:#fff;border:3px solid #111111;border-radius:999px;padding:.25rem .8rem;font-weight:700;font-size:.8rem;box-shadow:3px 3px #111}.theme-info{padding:1.2rem}.theme-info-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.theme-code{display:block;font-size:.75rem;font-weight:700;color:#777;letter-spacing:.05em}.theme-info h3{font-size:1.15rem;margin-top:2px}.theme-cat-pill{background:#ff90b3;border:2px solid #111111;border-radius:999px;padding:.2rem .7rem;font-size:.75rem;font-weight:700;white-space:nowrap}.theme-actions{display:flex;gap:.6rem}.theme-btn-sm{padding:.55rem .9rem!important;font-size:.85rem!important;flex:1}.themes-all{text-align:center;margin-top:2.5rem}@media(max-width:900px){.themes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.themes-grid{grid-template-columns:1fr}}.workflow-section{background:#fff8e7}.workflow-header{text-align:center;margin-bottom:3rem}.workflow-kicker{display:inline-block;background:#9be58a;border:3px solid #111111;border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.85rem;box-shadow:3px 3px #111;margin-bottom:1rem}.workflow-hl{background:#ffc93c;border:3px solid #111111;padding:0 .4rem;border-radius:10px;box-shadow:4px 4px #111;display:inline-block;transform:rotate(-2deg)}.workflow-subtitle{color:#444}.workflow-timeline{display:flex;align-items:stretch;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.workflow-step{flex:1;min-width:220px;display:flex;align-items:center;gap:.5rem}.workflow-step-card{flex:1;border:3px solid #111111;border-radius:20px;padding:1.5rem 1.25rem;box-shadow:6px 6px #111;position:relative;transition:transform .18s ease,box-shadow .18s ease}.workflow-step-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #111}.workflow-step-0 .workflow-step-card{transform:rotate(-2deg)}.workflow-step-1 .workflow-step-card{transform:rotate(1.5deg)}.workflow-step-2 .workflow-step-card{transform:rotate(-1deg)}.workflow-step-3 .workflow-step-card{transform:rotate(2deg)}.workflow-step-num{position:absolute;top:-18px;left:-10px;background:#111;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1.1rem;padding:.4rem .7rem;border:3px solid #111111;border-radius:12px}.workflow-step-icon{font-size:2rem;margin-bottom:.5rem;color:#111}.workflow-step-card h3{font-size:1.15rem;margin-bottom:.4rem}.workflow-step-card p{font-size:.9rem;color:#1a1a1a}.workflow-arrow{width:50px;height:30px;flex-shrink:0}@media(max-width:900px){.workflow-timeline{flex-direction:column;gap:1.5rem}.workflow-step{width:100%;flex-direction:column}.workflow-arrow{transform:rotate(90deg);width:40px}}.pricing-section{background:#fff8e7;padding:5rem 0;position:relative}.pricing-header{text-align:center;margin-bottom:3.5rem}.pricing-kicker{display:inline-block;background:#ff90b3;border:3px solid #111111;border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.85rem;box-shadow:3px 3px #111;margin-bottom:1rem}.pricing-title{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin-bottom:.75rem}.pricing-hl{background:#5da9ff;border:3px solid #111111;padding:0 .4rem;border-radius:10px;box-shadow:4px 4px #111;display:inline-block;transform:rotate(-2deg)}.pricing-subtitle{color:#444;font-size:1.05rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.pricing-plan{border:3px solid #111111;border-radius:22px;padding:2rem 1.5rem;box-shadow:6px 6px #111;display:flex;flex-direction:column;gap:1.25rem;position:relative;transition:transform .18s ease,box-shadow .18s ease}.pricing-plan:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #111}.pricing-featured{transform:scale(1.05);box-shadow:10px 10px #111;z-index:1}.pricing-featured:hover{transform:scale(1.05) translate(-4px,-4px)}.pricing-badge{position:absolute;top:-16px;right:16px;background:#111;color:#ffc93c;padding:.4rem .85rem;font-weight:800;font-size:.8rem;border:3px solid #111111;border-radius:10px;letter-spacing:.05em;transform:rotate(4deg)}.pricing-head h3{font-size:1.6rem;margin-bottom:.25rem}.pricing-desc{font-size:.9rem;color:#333}.pricing-price-wrap{display:flex;align-items:baseline;gap:.3rem;padding-bottom:1rem;border-bottom:2px dashed #111111}.pricing-currency{font-weight:700;font-size:1.1rem}.pricing-price{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:3rem;line-height:1}.pricing-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem;flex:1}.pricing-features li{display:flex;gap:.6rem;align-items:center;font-size:.95rem}.pricing-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:#9be58a;border:2px solid #111111;border-radius:50%;font-size:.6rem;font-weight:800;color:#111}.pricing-btn-full{width:100%;margin-top:auto}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;gap:2.5rem}.pricing-featured{transform:scale(1)}.pricing-featured:hover{transform:translate(-4px,-4px)}}.faq-section{background:#fff;border-top:3px solid #111111;border-bottom:3px solid #111111;padding:5rem 0;position:relative}.faq-header{text-align:center;margin-bottom:3rem}.faq-kicker{display:inline-block;background:#5da9ff;border:3px solid #111111;border-radius:999px;padding:.3rem .9rem;font-weight:700;font-size:.85rem;box-shadow:3px 3px #111;margin-bottom:1rem}.faq-title{font-size:clamp(2rem,5vw,3rem);line-height:1.1}.faq-hl{background:#ffc93c;border:3px solid #111111;padding:0 .4rem;border-radius:10px;box-shadow:4px 4px #111;display:inline-block}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff8e7;border:3px solid #111111;border-radius:18px;box-shadow:4px 4px #111;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}.faq-item[open]{background:#ffc93c}.faq-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #111}.faq-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;cursor:pointer;font-weight:700;font-size:1.02rem;list-style:none;-webkit-user-select:none;user-select:none}.faq-summary::-webkit-details-marker,.faq-summary::marker{display:none;content:""}.faq-q-text{flex:1;line-height:1.4}.faq-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;background:#fff;border:2px solid #111111;border-radius:50%;font-size:.85rem;transition:transform .2s ease,background .2s ease}.faq-item[open] .faq-icon-wrap{transform:rotate(45deg);background:#ff90b3}.faq-answer{padding:1rem 1.4rem 1.3rem;border-top:2px dashed #111111;margin-top:0}.faq-answer p{color:#1a1a1a;line-height:1.7;font-size:.95rem}.cta-section{padding:4rem 0}.cta-banner{position:relative;background:#ffc93c;border:3px solid #111111;border-radius:28px;box-shadow:10px 10px #111;padding:4rem 2rem;text-align:center;overflow:hidden}.cta-banner h2{font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.05;margin-bottom:1rem}.cta-hl{display:inline-block;background:#ff90b3;border:3px solid #111111;padding:0 .4rem;border-radius:12px;box-shadow:4px 4px #111;transform:rotate(-2deg)}.cta-banner p{font-size:1.1rem;max-width:620px;margin:0 auto 2rem;color:#1a1a1a}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-big{padding:1rem 1.8rem!important;font-size:1.05rem!important}.cta-note{margin-top:1.5rem;font-size:.9rem;color:#333}.cta-deco{position:absolute;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;width:48px;height:48px;background:#fff;border:3px solid #111111;border-radius:14px;box-shadow:3px 3px #111;color:#111}.cta-d-1{top:30px;left:40px;background:#5da9ff}.cta-d-2{top:60px;right:50px;background:#ff90b3}.cta-d-3{bottom:40px;left:60px;background:#fff;color:#ff90b3}.cta-d-4{bottom:50px;right:40px;background:#9be58a}@media(max-width:600px){.cta-banner{padding:3rem 1.25rem}.cta-deco{width:38px;height:38px;font-size:1rem}.cta-d-1{top:14px;left:14px}.cta-d-2{top:14px;right:14px}.cta-d-3{bottom:14px;left:14px}.cta-d-4{bottom:14px;right:14px}}
