:root{color-scheme:light;--bg: #fff7e8;--surface: #fffdf8;--surface-muted: #f7efe4;--ink: #18222c;--muted: #64717d;--line: #e7d8c7;--primary: #ef5f4c;--primary-ink: #fffaf2;--green: #0f8b7a;--blue: #2f80c8;--amber: #c9841d;--sun: #ffd166;--lavender: #eadcf8;--sky: #a7d8f2;--shadow: 0 18px 48px rgba(24, 34, 44, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;background:linear-gradient(135deg,rgba(239,95,76,.1) 0 14%,transparent 14% 100%),linear-gradient(180deg,#fffdf8f5,#fff7e8f5 55%,#f5fbf8f5),var(--bg)}button,input,select,textarea{font:inherit}a{color:inherit}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.brand-mark{display:block;width:42px;height:42px;overflow:hidden;border:1px solid rgba(239,95,76,.22);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px #18222c1a}.brand-mark img{display:block;width:100%;height:100%}.nav-links{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.94rem}.nav-links a{border-radius:8px;padding:10px 12px;text-decoration:none}.nav-links a:hover{background:var(--surface-muted);color:var(--ink)}.hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(340px,.72fr);align-items:start;gap:28px}.stack{display:grid;gap:16px}.panel,.card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.panel{padding:clamp(18px,3vw,28px)}.compact-panel{padding:18px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;margin-bottom:14px;font-size:4.4rem;line-height:.92;letter-spacing:0}h2{margin-bottom:10px;font-size:2.25rem;line-height:1.05}h3{margin-bottom:8px;font-size:1.05rem}.lead{max-width:56ch;color:var(--muted);font-size:1.08rem;line-height:1.55}.muted{color:var(--muted)}.button,button.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:12px 16px;background:var(--primary);color:var(--primary-ink);cursor:pointer;font-weight:800;text-decoration:none;box-shadow:0 12px 26px #ef5f4c3d}.button:hover{filter:brightness(.96)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:none}.button.ghost{background:transparent;color:var(--ink)}.field{display:grid;gap:7px}.field label{font-size:.9rem;font-weight:800}.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.button:focus-visible,a:focus-visible{outline:3px solid rgba(239,95,76,.28);outline-offset:2px}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.event-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pill-card{display:grid;min-height:92px;align-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffffb8,#fffdf8eb),var(--surface);color:var(--ink);cursor:pointer;padding:12px;text-align:left}.pill-card[aria-pressed=true]{border-color:var(--primary);background:#fff1e9;box-shadow:inset 0 0 0 1px var(--primary)}.icon-box{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#ef5f4c24,#0f8b7a1f),var(--surface-muted);color:var(--green)}.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gift-card{display:grid;min-height:172px;gap:10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffffbd,#fffdf8fa),var(--surface);padding:14px;text-decoration:none}.gift-card:hover{border-color:var(--primary)}.gift-visual{display:grid;width:100%;min-height:64px;place-items:center;border-radius:8px;background:conic-gradient(from 210deg,#ef5f4c33,#ffd1663d,#0f8b7a2e,#eadcf88c,#a7d8f261,#ef5f4c33),var(--surface-muted);color:var(--ink);font-weight:900}.price{font-size:1.16rem;font-weight:900}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:8px;background:var(--surface-muted);padding:6px}.segmented button{min-height:44px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 8px 24px #1f232814}.whatsapp-preview{overflow:hidden;border:1px solid #cbe7df;border-radius:8px;background:#e9f7f1}.whatsapp-preview-image{min-height:156px;background:linear-gradient(135deg,#ef5f4ceb,#0f8b7aeb),var(--primary);color:#fff;padding:18px}.whatsapp-preview-body{padding:14px}.qr-box{display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;background:var(--surface);padding:12px}.qr-box img{width:156px;height:156px}.fixed-action{position:sticky;bottom:0;z-index:2;margin:18px -18px -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#ffffffeb;backdrop-filter:blur(14px)}.fixed-action .button{width:100%}.status-row{display:flex;flex-wrap:wrap;gap:8px}.status-chip{border:1px solid rgba(15,139,122,.13);border-radius:999px;background:#0f8b7a14;color:var(--muted);padding:7px 10px;font-size:.84rem;font-weight:800}.ledger-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.ledger-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.empty-state{border:1px dashed var(--line);border-radius:8px;background:var(--surface);padding:18px}.landing-page{overflow:hidden;padding-bottom:0}.landing-topbar{position:relative;z-index:4;width:min(1180px,calc(100% - 32px));margin:0 auto 18px;padding-top:22px}.topbar-cta{min-height:42px;padding:10px 14px}.landing-hero{display:grid;min-height:min(640px,calc(100svh - 118px));grid-template-rows:1fr auto;align-items:center;gap:28px;border-top:1px solid rgba(231,216,199,.5);border-bottom:1px solid rgba(231,216,199,.7);background:linear-gradient(90deg,#fff7e8 0% 42%,#fff7e8b8 58%,#fff7e81f 76%),url(/brand/coteu-identity-concept.png);background-position:center right;background-size:cover;padding:58px max(16px,calc((100vw - 1180px)/2)) 28px}.hero-content{max-width:580px}.hero-kicker,.hero-line{font-weight:900}.hero-kicker{display:inline-flex;margin:0 0 14px;border:1px solid rgba(15,139,122,.16);border-radius:999px;background:#fffdf8b3;color:var(--green);padding:8px 12px;font-size:.86rem}.landing-hero h1{max-width:none;margin-bottom:6px;color:var(--primary);font-size:6.2rem}.hero-line{max-width:12ch;margin-bottom:16px;color:var(--ink);font-size:2.3rem;line-height:1}.hero-copy{max-width:52ch;margin-bottom:22px;color:#30404d;font-size:1.12rem;line-height:1.56}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-button{min-width:178px}.hero-proof{display:flex;width:min(780px,100%);flex-wrap:wrap;gap:10px}.hero-proof span{display:inline-flex;min-height:44px;align-items:center;gap:8px;border:1px solid rgba(255,253,248,.72);border-radius:8px;background:#fffdf8d1;color:var(--ink);padding:9px 12px;box-shadow:0 12px 32px #18222c14;font-weight:800}.landing-band{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:68px 0}.section-heading{max-width:760px;margin-bottom:28px}.section-heading p:not(.eyebrow),.dashboard-copy p,.landing-cta p{color:var(--muted);font-size:1rem;line-height:1.56}.compact-heading{margin-bottom:18px}.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.value-card{min-height:236px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffffb8,#fffdf8f5),var(--surface);padding:18px;box-shadow:0 16px 36px #18222c12}.value-card p{margin-bottom:0;color:var(--muted);line-height:1.5}.value-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:18px;border-radius:8px;color:var(--ink)}.value-icon.coral{background:#ef5f4c29;color:var(--primary)}.value-icon.teal{background:#0f8b7a24;color:var(--green)}.value-icon.sun{background:#ffd16657;color:#8a5a12}.value-icon.sky{background:#a7d8f26b;color:#1d628e}.flow-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-layout,.dashboard-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);align-items:center;gap:34px}.step-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.step-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;border-bottom:1px solid var(--line);padding:0 0 18px}.step-list li:last-child{border-bottom:0;padding-bottom:0}.step-list li>span{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--primary);color:var(--primary-ink);font-weight:900}.step-list p{margin-bottom:0;color:var(--muted);line-height:1.5}.onboarding-preview,.dashboard-preview{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.onboarding-preview{display:grid;gap:16px;padding:18px}.preview-header{display:flex;align-items:center;gap:10px}.event-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.event-choice-grid span,.preview-fields span{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;color:var(--ink);font-weight:800}.event-choice-grid span:first-child{border-color:var(--primary);background:#fff1e9}.preview-fields{display:grid;gap:8px}.event-band{padding-bottom:42px}.event-ribbon{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.event-ribbon a{display:grid;min-height:86px;place-items:center;border:1px solid rgba(24,34,44,.08);border-radius:8px;padding:12px;text-align:center;text-decoration:none;font-weight:900}.event-ribbon a:nth-child(1){background:#fff1e9;color:var(--primary)}.event-ribbon a:nth-child(2){background:#e9f7f1;color:var(--green)}.event-ribbon a:nth-child(3){background:#eaf6fd;color:var(--blue)}.event-ribbon a:nth-child(4){background:#eef8ea;color:#456b3b}.event-ribbon a:nth-child(5){background:#f2eeff;color:#5f6fb2}.event-ribbon a:nth-child(6){background:#fff0f4;color:#d9436b}.dashboard-band{padding-top:42px}.dashboard-copy{max-width:560px}.dashboard-copy .button{margin-top:8px}.dashboard-preview{display:grid;gap:16px;overflow:hidden;padding:18px;background:linear-gradient(145deg,rgba(234,220,248,.42),transparent 44%),var(--surface)}.dashboard-preview-top,.metric-row,.mini-ledger li{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-preview-top span{font-size:1.12rem;font-weight:900}.dashboard-preview-top strong{color:var(--green);font-size:2.1rem}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:#18222c14}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--green)}.metric-row{align-items:stretch}.metric-row div{display:grid;flex:1;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fffdf8c7;padding:12px}.metric-row span,.mini-ledger span{color:var(--muted)}.metric-row strong{font-size:1.35rem}.mini-ledger{display:grid;gap:8px;margin:0;padding:0;list-style:none}.mini-ledger li{border-top:1px solid var(--line);padding-top:10px}.landing-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;background:linear-gradient(90deg,rgba(15,139,122,.26),transparent 48%),var(--ink);color:var(--primary-ink);padding:58px max(16px,calc((100vw - 1180px)/2))}.landing-cta .eyebrow{color:var(--sun)}.landing-cta h2{margin-bottom:8px}.landing-cta p{margin-bottom:0;color:#fffaf2c2}@media(max-width:860px){.page-shell{width:min(100% - 20px,680px);padding-top:14px}.topbar{align-items:flex-start}.nav-links{display:none}.hero-grid,.grid.two,.grid.three{grid-template-columns:1fr}.event-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gift-grid{grid-template-columns:1fr}h1{max-width:9ch;font-size:2.75rem}h2{font-size:1.75rem}.landing-topbar{width:min(100% - 20px,680px);align-items:center;gap:10px;margin-bottom:10px;padding-top:14px}.landing-topbar .nav-links{display:none}.topbar-cta{min-height:42px;min-width:auto;padding:10px 12px}.landing-hero{min-height:min(520px,calc(100svh - 86px));background:linear-gradient(180deg,#fff7e8,#fff7e8fa 42%,#fff7e8b8 74%,#fff7e85c),url(/brand/coteu-identity-concept.png);background-position:63% bottom;padding:28px 10px 14px}.hero-kicker{margin-bottom:10px;padding:7px 10px;font-size:.8rem}.landing-hero h1{margin-bottom:4px;font-size:3.5rem}.hero-line{max-width:18ch;margin-bottom:12px;font-size:1.55rem}.hero-copy{max-width:31ch;margin-bottom:16px;font-size:1rem;line-height:1.45}.hero-actions{display:grid;gap:8px}.hero-button{width:100%;min-width:0}.hero-actions .button.secondary{min-height:40px;border-color:transparent;background:#fffdf88f;box-shadow:none}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.hero-proof span{display:grid;min-height:62px;place-items:center;gap:5px;padding:8px 6px;text-align:center;font-size:.75rem;line-height:1.1}.landing-band{width:min(100% - 20px,680px);padding:38px 0}.section-heading{margin-bottom:18px}.section-heading p:not(.eyebrow),.dashboard-copy p,.landing-cta p{font-size:.98rem}.flow-layout,.dashboard-band,.landing-cta{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.value-card{min-height:auto;padding:12px}.value-card h3{font-size:.98rem;line-height:1.16}.value-card p{font-size:.9rem;line-height:1.38}.value-icon{width:38px;height:38px;margin-bottom:12px}.event-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.event-ribbon a{min-height:70px;padding:10px}.flow-layout,.dashboard-band{gap:24px}.step-list{gap:10px}.step-list li{grid-template-columns:44px minmax(0,1fr);gap:12px;padding-bottom:14px}.step-list li>span{width:38px;height:38px}.onboarding-preview,.dashboard-preview{padding:14px}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-row div{padding:9px}.metric-row span{font-size:.82rem}.metric-row strong{font-size:1.04rem}.landing-cta{margin-top:0;padding:38px 10px}}
