/* Approved hand-drawn accents, scoped to website copy and marketing UI. */
body.handdrawn-theme{--pencil-red:#e97880;--pencil-blue:#537ca9;--pencil-rule:#c4c0b9}
body.handdrawn-theme .pencil-underline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='17' viewBox='0 0 480 17' fill='none'%3E%3Cpath d='M4 11C97 3 184 10 267 8S397 3 475 7' stroke='%23e97880' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M12 15c135-5 294-7 444-4' stroke='%23e97880' stroke-opacity='.34' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 14px;background-position:0 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-bottom:6px}
body.handdrawn-theme .hero-copy h1{line-height:1.13}
body.handdrawn-theme .hero-copy h1 .pencil-underline{background-size:100% 18px;background-position:0 99%;padding-bottom:10px}
body.handdrawn-theme .hero-copy>.pencil-label{display:table;position:relative;border:1px solid #c4b8ac;border-radius:5px 13px 6px 11px/12px 6px 11px 5px;padding:7px 11px;background:#f0e9df;transform:rotate(-.7deg);font-size:10px;letter-spacing:1px}
body.handdrawn-theme .pencil-space{position:relative}
body.handdrawn-theme .pencil-drawing{position:absolute;display:block;pointer-events:none;user-select:none}
body.handdrawn-theme .pencil-drawing svg{display:block;width:100%;height:100%;overflow:visible}
body.handdrawn-theme .hero-spark{width:66px;height:66px;top:51px;inset-inline-end:10px;opacity:.85;transform:rotate(7deg)}
body.handdrawn-theme .hero-copy .actions{position:relative}
body.handdrawn-theme .hero-arrow{width:88px;height:46px;inset-inline-end:7px;top:58px;transform:rotate(12deg);opacity:.82}
body.handdrawn-theme .pencil-button{border-radius:13px 8px 15px 10px/10px 14px 9px 15px;box-shadow:3px 4px 0 #263f5c23;outline:1px solid #164c9633;outline-offset:-1px}
body.handdrawn-theme .pencil-button:hover{box-shadow:2px 3px 0 #263f5c30}
body.handdrawn-theme .workflow-nav{position:relative;border-top-color:transparent;border-bottom-color:transparent}
body.handdrawn-theme .workflow-nav::before,body.handdrawn-theme .workflow-nav::after{content:'';position:absolute;left:0;right:0;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 7' preserveAspectRatio='none'%3E%3Cpath d='M2 4C180 1 320 6 472 3s368 2 725 0' stroke='%23c4c0b9' fill='none' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
body.handdrawn-theme .workflow-nav::before{top:0}body.handdrawn-theme .workflow-nav::after{bottom:0;transform:scaleX(-1)}
body.handdrawn-theme .workflow-arrow{transform:rotate(-7deg);font-size:20px;color:#6483a0}
body.handdrawn-theme .scenario-copy>.pencil-label::before,body.handdrawn-theme .scenario-group-heading>.pencil-label::before,body.handdrawn-theme .voice-feature>.visual-copy>.pencil-label::before{content:'';display:inline-block;width:19px;height:8px;margin-inline-end:9px;border-top:2px solid currentColor;transform:rotate(-12deg);vertical-align:-2px;opacity:.65}
body.handdrawn-theme .pencil-circle{position:relative}
body.handdrawn-theme .pencil-circle::after{content:'';position:absolute;inset:-8% -6%;border:1.5px solid #de8b8b;border-radius:48% 44% 51% 45%/45% 52% 46% 51%;transform:rotate(-2deg);pointer-events:none}
body.handdrawn-theme .plan-card{border-color:#b4bfca;border-radius:22px 15px 24px 16px/17px 24px 15px 23px;box-shadow:3px 5px 0 #7486990d}
body.handdrawn-theme .plan-card.promo-plan{border-color:#b3c0cf}
body.handdrawn-theme .plan-card .plan-offer{border-radius:6px 10px 5px 9px;transform:rotate(2deg)}
body.handdrawn-theme .promo-plan .plan-price bdi{position:relative;isolation:isolate}
body.handdrawn-theme .promo-plan .plan-price bdi::after{content:'';position:absolute;left:-2%;right:-2%;bottom:4%;height:10%;background:#edbdc26e;border-radius:40% 12% 30% 20%;z-index:-1;transform:rotate(-1deg)}
body.handdrawn-theme .pricing-arrow{width:42px;height:57px;top:45px;inset-inline-end:18%;opacity:.7;transform:rotate(-18deg)}
body.handdrawn-theme .faq-list details{border-bottom-style:dashed;border-bottom-color:#c7c2ba}
body.handdrawn-theme .closing{border:1px solid #aabed6;border-radius:23px 17px 27px 18px/18px 25px 17px 24px}
body.handdrawn-theme .closing-spark{width:69px;height:69px;top:30px;inset-inline-start:7%;opacity:.7;transform:rotate(-10deg)}
body.handdrawn-theme .closing h2{display:table;max-width:100%;margin-inline:auto;position:relative}
body.handdrawn-theme .closing h2::after{content:'';display:block;position:absolute;inset-inline:4%;bottom:-7px;height:5px;border-top:2px solid #7e9dc3;border-radius:50%;transform:rotate(-1deg);opacity:.75}
body.handdrawn-theme.guide-site .guide-heading h1{width:fit-content;background-size:100% 12px;padding-bottom:13px}
body.handdrawn-theme.guide-site .guide-category-link{border:1px solid #b3c4d6;border-radius:7px 12px 6px 10px;transform:rotate(-.7deg)}
body.handdrawn-theme.guide-site .guide-list>article{border-color:#bdc8d3;border-radius:18px 12px 20px 13px/13px 21px 12px 19px;box-shadow:3px 4px 0 #7486990c}
body.handdrawn-theme.guide-site .guide-cta{border:1px solid #aabed6;border-radius:18px 11px 21px 12px}
body.handdrawn-theme .nav>.button.small{border-radius:11px 7px 12px 8px}
@media(max-width:900px){body.handdrawn-theme .hero-spark{width:48px;height:48px;top:64px;inset-inline-end:3px}body.handdrawn-theme .hero-arrow{display:none}body.handdrawn-theme .pricing-arrow{inset-inline-end:2%;width:33px;height:45px}body.handdrawn-theme .closing-spark{width:42px;height:42px;inset-inline-start:3%;top:17px}body.handdrawn-theme .hero-copy>.pencil-label{font-size:9px;letter-spacing:.7px}}
@media(max-width:480px){body.handdrawn-theme .hero-spark{width:36px;height:36px;top:64px;inset-inline-end:0;opacity:.65}body.handdrawn-theme .hero-copy>.pencil-label{max-width:100%;padding:6px 8px}body.handdrawn-theme .pencil-circle::after{inset:-5% -3%}body.handdrawn-theme .closing-spark{top:10px;width:30px;height:30px}body.handdrawn-theme .pricing-arrow{display:none}}