:root{--orange: #FF8731;--green: #186B76;--red: #D91600;--brown: #512314;--yellow: #FFAA01;--cream: #FAF5EC;--ink: #1a0d07;--display: "Fredoka One", system-ui, sans-serif;--body: "DM Sans", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--hero-bg: var(--green)}body[data-hero=brown]{--hero-bg: var(--brown)}body[data-hero=ink]{--hero-bg: var(--ink)}*{box-sizing:border-box}html{background:var(--hero-bg)}html,body{margin:0;padding:0}body{font-family:var(--body);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit}button{font:inherit;border:0;cursor:pointer}img{max-width:100%;display:block}:where(a,button,summary):focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}.bx-hero{background:var(--hero-bg);color:var(--cream);padding:0 28px 110px;position:relative;overflow:hidden}.bx-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 80% 60%,rgba(250,245,236,.05),transparent),radial-gradient(ellipse 40% 60% at 10% 30%,rgba(255,135,49,.09),transparent)}.bx-hero-inner{max-width:1320px;margin:0 auto;padding-top:110px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}@media(max-width:980px){.bx-hero-inner{grid-template-columns:minmax(0,1fr);gap:56px}}.bx-crumbs{margin:0 0 22px}.bx-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#faf5ec99}.bx-crumbs li+li:before{content:"/";margin-right:6px;opacity:.5}.bx-crumbs a{text-decoration:none}.bx-crumbs a:hover{color:var(--orange)}.bx-crumbs [aria-current]{color:var(--cream)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:#faf5ec1a;border:1px solid rgba(250,245,236,.25);padding:8px 14px;border-radius:999px;margin-bottom:26px}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}.bx-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(36px,5.2vw,80px);line-height:.98;letter-spacing:-.01em;margin:0 0 28px;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.accent{color:var(--orange)}.bx-hero-sub{font-size:clamp(17px,1.5vw,20px);max-width:54ch;color:#faf5ecd1;line-height:1.6;margin:0 0 36px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:12px;padding:18px 28px;border-radius:999px;font-weight:700;font-size:16px;border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .15s,box-shadow .15s;cursor:pointer;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--ink)}.btn-orange{background:var(--orange);color:var(--brown)}.btn-ghost{background:transparent;color:var(--cream);border-color:#faf5ec59;box-shadow:0 5px #00000040}.btn-ghost:hover{box-shadow:0 7px #00000040}.btn-dark{background:var(--brown);color:var(--cream);border-color:var(--brown);box-shadow:0 5px #0006}.btn-dark:hover{box-shadow:0 7px #0006}.btn-cream{background:var(--cream);color:var(--brown)}.btn-arrow{width:26px;height:26px;border-radius:50%;background:var(--brown);color:var(--orange);display:inline-grid;place-items:center;flex:none}.btn-dark .btn-arrow{background:var(--orange);color:var(--brown)}@media(max-width:420px){.btn{padding:16px 22px;font-size:15px}}.bx-mock{margin:0}.bx-mock-stage{position:relative;padding:0 0 48px 40px}.bx-browser{border-radius:14px;border:2px solid var(--ink);background:var(--cream);box-shadow:0 12px 0 var(--ink);overflow:hidden;transform:rotate(1.2deg)}.bx-browser-chrome{height:30px;background:#efe5d3;border-bottom:1.5px solid var(--ink);display:flex;align-items:center;gap:6px;padding:0 12px}.bx-browser-dot{width:10px;height:10px;border-radius:50%;border:1.2px solid var(--ink);flex:none}.bx-browser-dot:nth-child(1){background:#ff6363}.bx-browser-dot:nth-child(2){background:#ffc93a}.bx-browser-dot:nth-child(3){background:#4ac26b}.bx-browser-url{flex:1;min-width:0;margin-left:8px;height:18px;border-radius:5px;padding:0 8px;background:#1a0d071a;color:#1a0d078c;font-family:var(--mono);font-size:10px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bx-browser img{width:100%;height:auto;aspect-ratio:16 / 11;object-fit:cover;object-position:top}.bx-phone{position:absolute;left:0;bottom:0;width:26%;min-width:96px;border:2px solid var(--ink);border-radius:22px;background:var(--ink);padding:6px;box-shadow:0 8px #00000059;transform:rotate(-3deg)}.bx-phone img{width:100%;height:auto;aspect-ratio:9 / 18;object-fit:cover;object-position:top;border-radius:16px}.bx-badge{position:absolute;right:-6px;top:-16px;z-index:2;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:7px 12px;border-radius:999px;box-shadow:0 4px 0 var(--ink);transform:rotate(3deg);max-width:calc(100% - 20px)}.bx-mock figcaption{margin-top:26px;font-size:14px;line-height:1.55;color:#faf5ecb8;max-width:60ch}.bx-mock figcaption strong{color:var(--cream)}@media(max-width:560px){.bx-mock-stage{padding:0 0 36px 24px}.bx-badge{right:0;font-size:10px}}.band{padding:104px 28px}.container{max-width:1320px;margin:0 auto}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:56px;flex-wrap:wrap}.top>div{flex:1 1 420px;min-width:0}.section-lede{font-size:clamp(17px,1.4vw,20px);line-height:1.6;max-width:46ch;color:#1a0d07b3;margin:0;padding-top:8px;flex:0 1 40%}.section-lede.light{color:#faf5ecb3}.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:14px}.kicker .box{width:11px;height:11px;background:currentColor;border-radius:2px;flex-shrink:0}.section-title{font-family:var(--display);font-weight:400;font-size:clamp(36px,4.8vw,68px);line-height:1;letter-spacing:-.01em;margin:0 0 8px;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.bx-needs{background:var(--cream)}.bx-need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media(max-width:980px){.bx-need-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.bx-need-grid{grid-template-columns:minmax(0,1fr)}}.bx-need{background:#f1e8d8;border:2px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);padding:30px 26px 28px;display:flex;flex-direction:column;gap:12px}.bx-need-num{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.bx-need h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.2vw,30px);line-height:1.05;margin:0;color:var(--brown)}.bx-need p{font-size:15.5px;line-height:1.6;margin:0;color:#1a0d07d1}.bx-need .bx-demo-proof{margin-top:auto;padding-top:14px;border-top:1.5px dashed rgba(81,35,20,.25);font-size:14px;line-height:1.5;color:var(--ink)}.bx-demo-proof b{display:block;font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--brown);opacity:.7;margin-bottom:4px}.bx-note-band{background:var(--brown);color:var(--cream);padding:88px 28px}.bx-note-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:start}@media(max-width:900px){.bx-note-inner{grid-template-columns:minmax(0,1fr);gap:32px}}.bx-note-band .section-title{color:var(--cream)}.bx-note-band p{font-size:clamp(16px,1.4vw,18px);line-height:1.65;color:#faf5eccc;margin:0 0 18px}.bx-note-band ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}.bx-note-band li{padding:14px 18px;border-radius:12px;background:#faf5ec12;border:1.5px solid rgba(250,245,236,.14);font-size:15.5px;line-height:1.5;color:#faf5ece0}.bx-note-band .bx-small{font-size:14px;color:#faf5ec99}.bx-process{background:var(--ink);color:var(--cream)}.bx-process .section-title{color:var(--cream)}.bx-proc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media(max-width:900px){.bx-proc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.bx-proc-grid{grid-template-columns:minmax(0,1fr)}}.bx-proc{background:#faf5ec0d;border:1.5px solid rgba(250,245,236,.12);border-radius:16px;padding:28px 22px 30px}.bx-proc .p-num{font-family:var(--display);font-size:46px;color:var(--orange);line-height:1;margin-bottom:14px}.bx-proc h3{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.1;margin:0 0 10px;color:var(--cream)}.bx-proc p{font-size:14.5px;line-height:1.6;color:#faf5ecad;margin:0}.bx-planer{margin-top:40px;display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between;padding:26px 28px;border-radius:18px;border:1.5px dashed rgba(250,245,236,.3)}.bx-planer p{margin:0;font-size:16px;line-height:1.55;color:#faf5ecd1;max-width:62ch}.faq-band{background:var(--cream);color:var(--brown);padding:110px 28px;border-top:2px solid var(--ink)}.faq-band .top{justify-content:center;text-align:center;margin-bottom:44px}.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.faq-item{background:var(--cream);border:2px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--display);font-size:clamp(19px,2vw,22px);line-height:1.15}.faq-item summary::-webkit-details-marker{display:none}.faq-item .chev{width:34px;height:34px;border-radius:50%;background:var(--orange);color:var(--brown);display:grid;place-items:center;font-family:var(--display);font-size:18px;border:2px solid var(--ink);transition:transform .2s;flex:none}.faq-item[open] .chev{transform:rotate(45deg);background:var(--green);color:var(--cream)}.faq-item .answer{padding:0 24px 22px;font-size:16px;line-height:1.65;color:var(--ink);max-width:64ch}.faq-item .answer a{color:var(--green);font-weight:700}.bx-more{background:#f1e8d8;border-top:2px solid var(--ink);padding:72px 28px}.bx-more h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,40px);margin:0 0 24px;color:var(--brown)}.bx-more-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:860px){.bx-more-row{grid-template-columns:minmax(0,1fr)}}.bx-more-link{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--cream);border:2px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);padding:20px 22px;transition:transform .15s,box-shadow .15s}.bx-more-link:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.bx-more-link strong{font-family:var(--display);font-weight:400;font-size:22px;color:var(--brown)}.bx-more-link span{font-size:14.5px;line-height:1.5;color:#1a0d07b8}.bx-more-sub{margin:28px 0 0;font-size:16px;line-height:1.6;color:#1a0d07c7}.bx-more-sub a{color:var(--green);font-weight:700}.cta-band{background:var(--orange);color:var(--brown);padding:100px 28px;text-align:center}.cta-band h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,6vw,88px);line-height:.95;letter-spacing:-.01em;margin:0 0 24px}.cta-band p{font-size:clamp(17px,1.6vw,21px);line-height:1.5;max-width:52ch;margin:0 auto 40px;opacity:.85}.cta-band .hero-ctas{justify-content:center}@media(max-width:720px){.section-lede{flex:1 1 100%}.band{padding:72px 20px}.bx-hero{padding:0 20px 80px}.bx-hero-inner{padding-top:96px}.bx-note-band,.bx-more,.cta-band{padding-left:20px;padding-right:20px}.faq-band{padding:80px 20px}.faq-item summary{padding:18px}.faq-item .answer{padding:0 18px 20px}}.bx-js .bx-reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.bx-js .bx-reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}.bx-js .bx-reveal{opacity:1;transform:none}.bx-browser,.bx-phone,.bx-badge,.btn:hover,.bx-more-link:hover{transform:none}}.bx-process .kicker,.bx-note-band .kicker,.bx-hero .kicker{color:var(--cream)}
