@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Caveat:wght@600&family=Inter:wght@400;500;600&display=swap');

:root{--paper:#faf0e6;--ink:#111;--orange:#ff521b;--cta:#cf3f0e;--cta-text:#fffaf5;--yellow:#ffdf61;--muted:#514b45;--line:#d8cec4;--soft:#fffaf5;--shadow:0 12px 32px rgba(53,39,27,.07)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,sans-serif}
h1,h2,h3,p{margin:0}h1,h2,h3,.logo,.button{font-family:Archivo,sans-serif}
h1,h2,h3{font-weight:800;line-height:1.07;letter-spacing:-.045em}
h1{font-size:clamp(42px,5.4vw,72px)}h2{font-size:clamp(30px,3.6vw,46px)}h3{font-size:23px}
a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.wrap{width:min(1120px,calc(100% - 48px));margin:auto}
.review{padding:9px 20px;background:var(--ink);color:var(--paper);font-size:12px;text-align:center}
.review a{margin-left:18px;text-underline-offset:3px}.review a[aria-current=page]{color:var(--yellow)}
.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.logo{font-size:28px;font-weight:900;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap}
.logo span{display:inline-block;background:var(--orange);padding:0 7px;border-radius:6px;transform:rotate(-2deg);margin-left:3px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;background:var(--cta);color:var(--cta-text);border:2px solid var(--ink);border-radius:99px;box-shadow:4px 5px 0 var(--ink);text-decoration:none;font-size:15px;font-weight:800;line-height:1.35;transition:transform .15s,box-shadow .15s}
.button:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--ink)}
.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:60px;padding:70px 0}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:22px}
mark{background:var(--yellow);color:inherit;padding:0 .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.intro{font-size:18px;color:var(--muted);margin:26px 0;max-width:570px}
.note{font-size:13px;color:var(--muted);margin-top:18px}
.choice{font-size:15px;margin:20px 0 0}.choice a{display:inline-block;text-underline-offset:4px;font-weight:600}
.sheet{padding:30px;background:#fffaf5;border:2px solid var(--ink);border-radius:14px;box-shadow:8px 8px 0 var(--ink);transform:rotate(2deg)}
.sheet .eyebrow{margin-bottom:16px}.sheet h2{font-size:31px}.sheet ol{list-style:none;margin:26px 0 0;padding:0;counter-reset:vragen}
.sheet li{counter-increment:vragen;display:flex;gap:15px;padding:16px 0;border-top:1px solid var(--line);font-size:14px}
.sheet li:before{content:'0' counter(vragen);font-size:12px;color:var(--muted)}
.section{padding:60px 0;border-top:1px solid var(--line)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}
.prose p+p{margin-top:18px}.prose{color:var(--muted)}.prose strong{color:var(--ink)}
.example{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:40px;border:2px solid var(--ink);background:var(--yellow);border-radius:16px;margin:5px 0 60px}
.example-explanation>p:not(.eyebrow){margin-top:22px;max-width:34ch;color:#403820}.example .eyebrow{margin:0 0 20px;color:var(--ink)}.example-caption{display:block;font-size:12px;color:#403820;margin-top:20px}
.example-paper{min-width:0;background:#fffaf5;border:2px solid var(--ink);border-radius:10px;padding:0;overflow:hidden;box-shadow:5px 5px 0 var(--ink)}
.example-browser{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:12px 16px;color:var(--muted);font-size:11px}.browser-dots{width:5px;height:5px;border-radius:50%;background:#93877b;box-shadow:9px 0 #93877b,18px 0 #93877b;flex-shrink:0}
.example-image{display:block;width:100%;height:auto}.example-body{padding:24px}.example-body h3{font-size:27px;max-width:24ch}.example-body>p:not(.example-category){margin-top:14px;font-size:14px;color:var(--muted)}.example-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;color:var(--muted)}
.example-outline{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}.example-outline>span{font-weight:600}.example-outline ul{padding-left:18px;margin:6px 0 0}
.process{background:var(--ink);color:var(--paper);padding:60px 0}.process h2{max-width:780px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.steps h3{color:var(--yellow);margin-bottom:16px}.steps p{font-size:14px;color:#e4d7cc}
.faq{padding:65px 0;display:grid;grid-template-columns:.9fr 1.2fr;gap:65px}
details{padding:18px 0;border-bottom:1px solid var(--line)}details:first-child{padding-top:0}
summary{cursor:pointer;font-weight:600;position:relative;list-style:none;padding-right:28px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:22px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin-top:15px}
.contact{background:var(--yellow);border:2px solid var(--ink);border-radius:16px;box-shadow:7px 7px 0 var(--ink);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:65px}
.contact p{max-width:610px;margin-top:18px}.contact .button{flex-shrink:0}
.landing-page .button,.booking .button,.contact-page .button{border:1px solid rgba(139,56,24,.16);box-shadow:0 4px 12px rgba(196,76,32,.13),inset 0 1px 0 rgba(255,255,255,.3)}
.landing-page .button:hover,.booking .button:hover,.contact-page .button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(196,76,32,.18)}
.landing-page .sheet{border:1px solid var(--line);box-shadow:var(--shadow)}
.landing-page .example{border:1px solid #d8bc5e;box-shadow:var(--shadow)}
.landing-page .example-paper{border:1px solid var(--line);box-shadow:0 8px 24px rgba(53,39,27,.06)}
.landing-page .contact{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;justify-content:normal;gap:44px 56px;padding:40px;background:var(--yellow);border:1px solid #d8bc5e;border-radius:16px;box-shadow:var(--shadow)}
.landing-page .contact-copy{padding-top:28px}.landing-page .contact .eyebrow{margin:0 0 20px;font-size:11px}.landing-page .contact h2{font-size:clamp(29px,3vw,38px)}
.landing-page .contact .contact-instruction{max-width:39ch;font-size:14px;color:var(--muted)}
.landing-page .booking-form-panel{padding:30px;background:var(--soft);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-width:0}
.landing-page .booking-form-panel h3{font-size:25px;margin-bottom:23px}.landing-page .booking-field{display:grid;gap:7px;margin-bottom:18px}.landing-page .booking-field label{font-size:14px;font-weight:500}
.landing-page .booking-field input{min-width:0;width:100%;font:16px/1.4 Inter,sans-serif;color:var(--ink);background:var(--soft);border:1px solid #8d8074;border-radius:8px;padding:12px 14px}
.landing-page .booking-field input:focus-visible,.landing-page .pricing-calendar:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.landing-page .booking-form-panel .button{width:100%;margin-top:5px}.landing-page .booking-form-panel [hidden]{display:none}.landing-page .booking-form-panel .button:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}
.landing-page .contact .booking-form-note{font-size:12px;line-height:1.6;margin:15px 0 0;color:var(--muted)}.landing-page .contact .calendar-status{font-size:13px;margin:15px 0 0}.landing-page .calendar-status:empty{display:none}
.landing-page .contact .booking-fallback{font-size:12px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}.landing-page .booking-fallback a{text-underline-offset:3px}
.landing-page .pricing-calendar{grid-column:1/-1;min-width:0;height:780px;background:var(--soft);border:1px solid var(--line);border-radius:16px;overflow:hidden;scroll-margin-top:30px}.landing-page .pricing-calendar iframe{display:block;width:100%;height:100%;border:0}.landing-page .pricing-calendar[hidden]{display:none}
.footer{border-top:1px solid var(--line);padding:26px 0 35px;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}
.booking{padding:65px 0}.booking h1{font-size:clamp(38px,4.6vw,62px)}
.booking-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-bottom:38px}.booking-intro .intro{margin-top:0}
.booking-calendar{background:#fffaf5;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin-right:6px}
.booking-calendar iframe{display:block;width:100%;height:760px;border:0}
.booking-fallback{font-size:14px;color:var(--muted);margin-top:25px}.booking-fallback a{display:inline-block;text-underline-offset:4px}
.footer-links,.contact-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.contact-navigation{font-size:14px}.contact-navigation a[aria-current=page]{text-decoration-thickness:2px;text-underline-offset:5px}
.contact-intro{text-align:center;padding:70px 0 55px}.contact-page h1{font-size:clamp(38px,6vw,80px)}.contact-intro .intro{margin:26px auto 18px}.contact-quick-link{display:inline-block;font-size:14px;font-weight:600;text-underline-offset:5px}
.contact-form-section{width:min(720px,calc(100% - 48px));margin:0 auto;padding:42px 48px;background:#fffaf5;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.contact-form-section h2{font-size:clamp(30px,3.5vw,44px)}.contact-form-section .eyebrow{margin-bottom:16px}
.contact-form-status{margin:22px 0 28px;padding:14px 16px;background:#fff0b1;font-size:13px;color:var(--ink)}.contact-form-status a{text-underline-offset:3px}
.contact-form-section fieldset{border:0;padding:0;margin:0;min-width:0}.contact-field{margin-bottom:20px}.contact-field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.contact-field label span{font-weight:400;color:var(--muted)}
.contact-field input,.contact-field textarea{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #93877b;border-radius:6px;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,sans-serif;opacity:1}.contact-field textarea{resize:vertical}.contact-field ::placeholder{color:var(--muted);opacity:1}.contact-field :disabled{cursor:not-allowed}.contact-form-section .button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:4px 5px 0 var(--ink)}
.contact-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:75px;margin-bottom:75px;padding-top:40px;border-top:1px solid var(--line)}.contact-options h2{font-size:30px;margin-bottom:18px}.contact-options .eyebrow{margin-bottom:16px}.contact-options p:not(.eyebrow){color:var(--muted);font-size:15px}.contact-email a{font-size:clamp(18px,2vw,24px);font-weight:600;text-underline-offset:5px;overflow-wrap:anywhere}.contact-email p:last-child{margin-top:14px}.contact-meeting .button{max-width:100%;margin-top:24px}
@media(max-width:650px){.contact-intro{padding:42px 0 38px}.contact-form-section{width:calc(100% - 44px);padding:28px 22px;box-shadow:var(--shadow)}.contact-form-section .button{font-size:14px;max-width:100%;padding:12px 18px}.contact-options{grid-template-columns:1fr;gap:35px;margin-top:50px;margin-bottom:50px;padding-top:32px}.contact-options h2{font-size:28px}.contact-navigation{gap:6px;flex-direction:column;align-items:flex-end;font-size:13px}.footer-links{gap:8px 20px}}
@media(max-width:900px){.hero{gap:35px}.hero h1{font-size:52px}.contact{display:block}.contact .button{margin-top:25px}.split{gap:40px}.booking-intro{gap:35px}.example{gap:30px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.nav{gap:12px;padding:20px 0}.logo{font-size:24px}.nav .button{font-size:12px;padding:10px 14px;min-height:44px;max-width:172px}.review a{display:inline-block;margin:5px 10px 0}.hero{grid-template-columns:1fr;gap:38px;padding:42px 0 50px}.hero h1{font-size:clamp(39px,10vw,57px)}.intro{font-size:16px}.sheet{transform:none;margin-right:8px;padding:25px}.section{padding:44px 0}.split,.example,.faq,.booking-intro{grid-template-columns:1fr;gap:28px}.example{padding:24px;margin-bottom:45px}.example-paper{padding:22px}.example-paper h3{font-size:24px}.process{padding:44px 0}.steps{grid-template-columns:1fr;gap:27px}.faq{padding:45px 0}.contact{padding:26px;margin-right:7px;margin-bottom:48px}.contact h2{font-size:32px}.footer{display:block}.footer a{display:inline-block;margin-top:12px}.booking{padding:42px 0}.booking-calendar iframe{height:900px}}
@media(max-width:650px){.landing-page .hero{gap:26px;padding:30px 0 34px}.landing-page .hero>div>.eyebrow{margin-bottom:16px}.landing-page .hero .intro{margin:20px 0}.landing-page .hero .note{margin-top:12px}.landing-page .hero .choice{margin-top:16px;font-size:14px}.landing-page .sheet{padding:20px;box-shadow:var(--shadow);margin-right:5px}.landing-page .sheet h2{font-size:24px}.landing-page .sheet .eyebrow{margin-bottom:12px}.landing-page .sheet ol{margin-top:16px}.landing-page .sheet li{padding:10px 0}.landing-page .example{gap:24px;padding:22px;margin-bottom:34px}.landing-page .example h2{font-size:30px}.landing-page .example .eyebrow{margin-bottom:14px}.landing-page .example-explanation>p:not(.eyebrow){margin-top:14px}.landing-page .example-caption{margin-top:12px}.landing-page .example-paper{padding:0}.landing-page .example-body{padding:20px}.landing-page .example-body h3{font-size:24px}.landing-page .process{padding:34px 0}.landing-page .steps{gap:22px;margin-top:24px}.landing-page .steps h3{font-size:21px;margin-bottom:10px}.landing-page .faq{padding:34px 0;gap:22px}.landing-page .contact{padding:24px;margin-bottom:34px}}
@media(max-width:800px){.landing-page .contact{grid-template-columns:1fr;gap:26px}.landing-page .contact-copy{padding-top:0}.landing-page .pricing-calendar{height:850px}}
@media(max-width:650px){.landing-page .contact{padding:24px;margin-right:0}.landing-page .booking-form-panel{padding:24px 20px}.landing-page .pricing-calendar{height:900px}}
@media(max-width:365px){.booking-calendar{width:100vw;margin-left:calc((100% - 100vw)/2);margin-right:0;border-left:0;border-right:0;border-radius:0;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:650px){.landing-page .contact{margin-inline:auto}.landing-page .pricing-calendar{width:calc(100% + 48px);margin-inline:-24px;border-inline:0;border-radius:0}}
@media(max-width:365px){.landing-page .pricing-calendar{width:100vw;margin-left:calc((100% - 100vw)/2);margin-right:0}}
.home-showcase{min-width:0;padding:18px 0 0 12px}
.home-showcase .example-paper{transform:rotate(1.5deg);box-shadow:0 18px 44px rgba(53,39,27,.09)}
.home-showcase .example-body h2{font-size:clamp(25px,2.5vw,34px);line-height:1.12}
.home-showcase .example-body>p{font-size:14px;color:var(--muted)}
.home-showcase .example-body>p:not(.example-category){margin-top:14px}
.article-next-step{display:block;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;font-weight:600}
.home-handnote{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;margin:24px 16px 0;font:600 30px/1.1 Caveat,cursive;letter-spacing:0;color:var(--ink);transform:rotate(-3deg)}
.home-handnote svg{flex:none;width:54px;height:48px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.landing-page .process>.wrap{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px}
.process-intro h2{max-width:12ch;line-height:1.1}
.process-intro h2 span{display:block;margin-top:20px;color:var(--yellow)}
.process-intro>a{display:inline-block;margin-top:26px;font-size:14px;text-underline-offset:5px}
.landing-page .steps{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:8px 26px;border:1px solid #49443f;border-radius:16px;background:rgba(255,255,255,.025);counter-reset:step}
.landing-page .steps>div{position:relative;padding:24px 0 24px 40px;counter-increment:step}
.landing-page .steps>div+div{border-top:1px solid #393531}
.landing-page .steps>div:before{content:counter(step);position:absolute;left:0;top:25px;width:25px;height:25px;border:1px solid #766e53;border-radius:50%;color:var(--yellow);text-align:center;font-size:12px;line-height:23px}
.landing-page .steps h3{font-size:22px;color:var(--paper);margin-bottom:10px}
.landing-page .steps a{display:inline-block;margin-top:10px;font-size:12px;color:var(--yellow);text-underline-offset:4px}
@media(max-width:900px){.landing-page .process>.wrap{gap:40px}.home-showcase{padding-left:0}}
@media(max-width:650px){.home-showcase{padding:8px 4px 0}.home-showcase .example-body h2{font-size:27px}.home-handnote{font-size:26px;gap:6px;margin:18px 8px 0}.home-handnote svg{width:42px;height:40px}.landing-page .process>.wrap{grid-template-columns:1fr;gap:26px}.process-intro h2{max-width:18ch;font-size:32px}.process-intro h2 span{margin-top:12px}.process-intro>a{margin-top:18px}.landing-page .steps{padding:4px 20px}.landing-page .steps>div{padding:20px 0 20px 36px}.landing-page .steps>div:before{top:20px}.landing-page .steps h3{font-size:21px}}