:root{--ds-color-ink: #17151d;--ds-color-muted: #706d70;--ds-color-cream: #f4f0e9;--ds-color-paper: #fbfaf7;--ds-color-primary: #55bceb;--ds-color-primary-strong: #168fc7;--ds-color-rail: #ffda70;--ds-color-yellow: #f6be3e;--ds-color-coral: #f38b66;--ds-color-surface: #fff;--ds-color-success: #0c6653;--ds-color-success-soft: #dff3e5;--ds-color-line: #ddd8cf;--ds-color-editorial: #f9f6f3;--ds-color-secondary: var(--ds-color-surface);--ds-color-warning: #745000;--ds-color-warning-soft: #fff0c2;--ds-color-danger-soft: #fce5e5;--ds-color-danger: #a82c39;--ds-font-body: "DM Sans", sans-serif;--ds-font-display: "Fraunces", serif;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-7: 28px;--ds-space-8: 32px;--ds-space-9: 36px;--ds-space-10: 40px;--ds-space-11: 44px;--ds-space-12: 48px;--ds-radius-sm: 8px;--ds-radius-md: 10px;--ds-radius-lg: 16px;--ds-radius-xl: 24px;--ds-radius-panel: 20px;--ds-radius-nav: 22px;--ds-radius-large: 28px;--ds-radius-pill: 999px;--ds-border: 1px solid var(--ds-color-ink);--ds-shadow-offset-x: 3px;--ds-action-lift-x: -2px;--ds-action-press-x: 3px;--ds-shadow-button-hover: 5px 8px 0 var(--ds-color-ink);--ds-shadow-button: var(--ds-shadow-offset-x) 3px 0 var(--ds-color-ink);--ds-shadow-card: var(--ds-shadow-offset-x) 5px 0 var(--ds-color-ink);--ds-focus-ring: 3px solid var(--ds-color-primary-strong);--ds-content-max: 1200px;--ds-content-wide: 1270px;--ds-page-gutter: clamp(24px, 4vw, 48px);--ds-text-10: 10px;--ds-text-11: 11px;--ds-text-12: 12px;--ds-text-13: 13px;--ds-text-14: 14px;--ds-text-15: 15px;--ds-text-16: 16px;--ds-text-17: 17px;--ds-text-18: 18px;--ds-text-20: 20px;--ds-text-22: 22px;--ds-text-24: 24px;--ds-text-26: 26px;--ds-text-28: 28px;--ds-text-32: 32px;--ds-text-36: 36px;--ds-text-38: 38px;--ds-text-40: 40px;--ds-text-42: 42px;--ds-text-48: 48px;--ds-text-52: 52px;--ds-text-56: 56px;--ds-text-64: 64px;--ds-text-sm: 14px;--ds-text-base: 16px;--ds-text-lg: 18px;--ds-heading-xl: clamp(48px, 6vw, 84px);--ds-heading-lg: clamp(36px, 4vw, 56px);--ds-leading-body: 1.6;--ds-leading-heading: 1.1;--ink: var(--ds-color-ink);--muted: var(--ds-color-muted);--cream: var(--ds-color-cream);--paper: var(--ds-color-paper);--blue: var(--ds-color-primary);--blue-dark: var(--ds-color-primary-strong);--signature-stroke: var(--blue);--signature-underline-mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2015C143%205%20339%203%20594%205C598%205%20600%207%20595%208C360%206%20156%209%204%2018Z%20M29%2023C194%2011%20381%209%20557%2012C562%2012%20562%2014%20557%2014C369%2012%20191%2016%2030%2024Z%22%2F%3E%3C%2Fsvg%3E);--signature-stroke-primary: 4px;--signature-stroke-secondary: 3px;--yellow: var(--ds-color-yellow);--coral: var(--ds-color-coral);--button-secondary-bg: var(--ds-color-surface);--notifly: var(--ds-color-success);--notifly-soft: var(--ds-color-success-soft);--line: var(--ds-color-line);--content-max: var(--ds-content-max);--content-wide: var(--ds-content-wide);--page-gutter: var(--ds-page-gutter);--section-y: clamp(96px, 8vw, 120px);--section-y-compact: clamp(72px, 6vw, 96px);--heading-to-content: clamp(40px, 4vw, 56px);--card-gap: clamp(18px, 2vw, 24px);--header-clearance: 116px;--press-time: 90ms;--press-down-time: 55ms;--press-ease: cubic-bezier(.2, .8, .2, 1);--lift-button: -5px;--lift-card: -7px;--lift-card-compact: -6px;--motion-hover-enter: .15s;--motion-hover-exit: 125ms;--motion-reveal-enter: 145ms;--motion-reveal-exit: .12s;--motion-lift-ease: cubic-bezier(.16, 1, .3, 1);--motion-return-ease: cubic-bezier(.4, 0, .2, 1)}.button{min-height:var(--ds-button-height, 56px);padding:0 var(--ds-button-padding, 25px);display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-3);border:var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-button);font-weight:700;text-decoration:none;touch-action:manipulation;transition:transform var(--press-time) var(--press-ease),box-shadow var(--press-time) var(--press-ease),background-color 70ms linear,color 70ms linear}.button svg{width:19px}.button:hover{box-shadow:var(--ds-shadow-button-hover);transform:translate(var(--ds-action-lift-x),var(--lift-button))}.button:active{box-shadow:0 0 0 var(--ink);transform:translate(var(--ds-action-press-x),3px);transition-duration:var(--press-down-time)}.button-primary{border-color:var(--ink);background:var(--blue)}.button-primary:hover{background:var(--blue)}.button-secondary,.button-secondary:hover{background:var(--button-secondary-bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ds-color-surface);color:var(--ds-color-ink);font-family:var(--ds-font-body);line-height:1.65}.template-introduction a{color:inherit;text-underline-offset:5px}.template-introduction a:focus-visible{outline:var(--ds-focus-ring);outline-offset:5px}.template-introduction h1,.template-introduction h2,.template-introduction h3,.template-introduction p,.template-introduction figure{margin:0}.template-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--ds-color-line)}.template-wordmark{display:block;max-width:245px}.template-wordmark img{display:block;width:100%;height:auto}.template-header nav{display:flex;align-items:center;gap:28px}.template-header nav>a:not(.button){font-weight:600;text-decoration:none}.template-hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:48px;padding:85px 0 90px}.template-hero h1{font-size:clamp(40px,3.5vw,54px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin-top:22px}.template-hero h1 em{font-family:var(--ds-font-display);font-style:normal;font-weight:600}.template-lead{font-size:18px;line-height:1.75;color:var(--ds-color-muted);margin-top:24px!important;max-width:450px}.template-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.template-text-link{font-size:14px;font-weight:600}.template-demo-note{display:flex;align-items:center;gap:8px;margin-top:22px!important;font-size:12px;color:var(--ds-color-muted)}.template-demo-note>span:first-child{width:7px;height:7px;border-radius:50%;background:var(--ds-color-success);flex:none}.template-preview{position:relative;background:var(--ds-color-cream);padding:12px;border:var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-card);transform:rotate(1.3deg)}.template-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding:3px 4px 12px;color:var(--ds-color-muted)}.template-preview-bar>span:first-child{color:var(--ds-color-coral);letter-spacing:3px}.template-preview img{display:block;width:100%;height:auto;border:1px solid var(--ds-color-line);border-radius:8px}.template-preview figcaption{font-size:11px;text-align:center;margin-top:12px;color:var(--ds-color-muted)}.template-details{scroll-margin-top:25px;padding:55px 0 60px;border-top:1px solid var(--ds-color-line)}.template-section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.template-section-top>p{max-width:350px;color:var(--ds-color-muted);font-size:15px}.template-section-top .ds-section-heading__title{font-size:36px}.template-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.template-feature{box-shadow:none}.template-feature-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--ds-color-primary);margin-bottom:24px}.template-feature--yellow .template-feature-icon{background:var(--ds-color-yellow)}.template-feature--coral .template-feature-icon{background:var(--ds-color-coral)}.template-feature h3{font-family:var(--ds-font-display);font-size:23px;line-height:1.25;letter-spacing:-.02em}.template-feature p{font-size:15px;color:var(--ds-color-muted);margin-top:14px}.template-flow{padding:25px 0 70px}.template-flow h2{font-family:var(--ds-font-display);font-size:28px;letter-spacing:-.03em}.template-flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;list-style:none;padding:0;margin:24px 0 0}.template-flow li{display:flex;align-items:center;gap:14px;font-size:14px}.template-flow li>span{color:var(--ds-color-muted);font-size:12px;border:1px solid var(--ds-color-line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex:none}.template-flow li>svg{margin-left:auto;color:var(--ds-color-muted)}.template-closing{display:flex;justify-content:space-between;gap:40px;align-items:center;background:var(--ds-color-cream);padding:42px;border-radius:var(--ds-radius-xl);margin-bottom:70px}.template-closing h2{font-family:var(--ds-font-display);font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:20px 0}.template-closing p{max-width:590px;color:var(--ds-color-muted);font-size:15px}.template-disclaimer{display:flex;align-items:start;gap:8px;margin-top:18px!important;font-size:12px!important}.template-disclaimer svg{flex:none;margin-top:2px}.template-closing-actions{display:flex;flex-direction:column;align-items:center;gap:20px;flex:none}.template-closing-actions>a:not(.button){font-size:14px}.template-footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--ds-color-line);font-size:12px}.template-footer>a{display:flex;align-items:center;gap:5px}.template-footer span{color:var(--ds-color-muted)}@media(max-width:1000px){.template-hero{gap:30px;padding:60px 0}.template-hero h1{font-size:42px}.template-closing{padding:30px}.template-closing h2{font-size:30px}.template-feature{padding:24px}}@media(max-width:700px){.template-header{padding:18px 0}.template-wordmark{max-width:185px}.template-header nav>a:not(.button){display:none}.template-header .button{font-size:12px;padding:0 10px;min-height:38px}.template-header .button svg{display:none}.template-hero{grid-template-columns:1fr;padding:40px 0 48px;gap:35px}.template-hero h1{font-size:39px}.template-lead{font-size:16px;margin-top:20px!important}.template-actions{gap:20px;margin-top:24px}.template-preview{transform:none}.template-details{padding:35px 0}.template-section-top{display:block}.template-section-top .ds-section-heading__title{font-size:30px}.template-section-top>p{margin-top:16px}.template-features{grid-template-columns:1fr;gap:16px}.template-feature-icon{margin-bottom:18px}.template-flow{padding:12px 0 40px}.template-flow h2{font-size:26px}.template-flow ol{grid-template-columns:1fr;gap:18px}.template-flow li>svg{display:none}.template-closing{display:block;padding:25px;margin-bottom:40px}.template-closing h2{font-size:30px}.template-closing-actions{align-items:stretch;margin-top:28px;text-align:center}.template-footer{flex-wrap:wrap;gap:12px}.template-footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.template-introduction .button{transition:none;transform:none}.template-preview{transform:none}}.hub .template-header nav>a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--ds-color-primary);text-underline-offset:8px}.hub h1 em,.hub h2 em{position:relative;display:inline-block;padding:0 .02em .3em;font-family:var(--ds-font-display);font-style:normal;font-weight:600}.hub h1 em:before,.hub h2 em:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:clamp(10px,.22em,18px);background:var(--signature-stroke);-webkit-mask:var(--signature-underline-mask) center / 100% 100% no-repeat;mask:var(--signature-underline-mask) center / 100% 100% no-repeat;pointer-events:none}.hub-hero{position:relative;overflow:hidden;background:var(--ds-color-cream)}.hub-hero:after{content:"";position:absolute;width:860px;height:340px;right:-220px;bottom:-40px;border-radius:50%;background:#ffffff73;transform:rotate(12deg)}.hub-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;padding:56px 0 80px}.hub-crumbs{display:flex;gap:8px;margin-bottom:28px;font-size:13px;color:var(--ds-color-muted)}.hub-crumbs a{color:inherit}.hub-hero h1{margin-top:22px;font-size:clamp(42px,4.6vw,68px);line-height:1.04;letter-spacing:-.05em;font-weight:600}.hub-hero__lead{max-width:560px;margin-top:26px!important;font-size:18px;line-height:1.7;color:var(--ds-color-muted)}.hub-hero__facts{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none;font-size:14px}.hub-hero__facts li{display:flex;align-items:center;gap:10px}.hub-hero__facts svg{flex:none;color:var(--ds-color-primary-strong)}.hub-hero__visual{position:relative;display:grid;place-items:center;min-height:420px;margin:0}.hub-hero__brush{position:absolute;inset:50% auto auto 50%;width:112%;transform:translate(-50%,-50%);opacity:.9}.hub-hero__doodle{position:relative;width:min(440px,92%);height:auto;transform:rotate(-2deg)}.hub-gallery{padding:80px 0 40px;scroll-margin-top:20px}.hub-list{display:grid;gap:40px;margin:40px 0 0;padding:0;list-style:none}.hub-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding:28px;border:var(--ds-border);border-radius:var(--ds-radius-xl);background:var(--ds-color-surface)}.hub-card>*{min-width:0}.hub-card--coral{background:#fff6f1}.hub-card--blue{background:#f1f9fd}.hub-card--yellow{background:#fff8e6}.hub-card:nth-child(3n+2).hub-card--coral{background:#fbf3ea}.hub-card:nth-child(2n) .hub-preview{order:2}.hub-preview{display:block;padding:10px;border:var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-cream);box-shadow:var(--ds-shadow-card);text-decoration:none;transform:rotate(-1deg);transition:transform .3s ease}.hub-card:nth-child(2n) .hub-preview{transform:rotate(1deg)}.hub-preview:hover,.hub-card:nth-child(2n) .hub-preview:hover{transform:rotate(0) translateY(-4px)}.hub-preview__bar{display:flex;align-items:center;gap:10px;padding:2px 4px 10px;font-size:11px;color:var(--ds-color-muted)}.hub-preview__dots{color:var(--ds-color-coral);letter-spacing:3px}.hub-preview--blue .hub-preview__dots{color:var(--ds-color-primary)}.hub-preview__url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-preview__frame{display:block;overflow:hidden;border:1px solid var(--ds-color-line);border-radius:8px;aspect-ratio:16 / 10;background:var(--ds-color-surface)}.hub-preview__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.hub-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--ds-color-muted)}.hub-card__no{font-family:var(--ds-font-display);font-size:15px;color:var(--ds-color-ink)}.hub-card__name{margin-top:18px!important;font-family:var(--ds-font-display);font-size:clamp(30px,3vw,40px);line-height:1.05;letter-spacing:-.035em}.hub-card__name a{text-decoration:none}.hub-card__name a:hover{text-decoration:underline;text-decoration-thickness:2px}.hub-card__title{margin-top:10px!important;font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.01em}.hub-card__summary{margin-top:12px!important;font-size:15px;color:var(--ds-color-muted);max-width:440px}.hub-card__points{display:grid;gap:8px;margin:20px 0 6px;padding:0;list-style:none;font-size:14px}.hub-card__points li{display:flex;align-items:center;gap:8px}.hub-card__points svg{flex:none;color:var(--ds-color-success)}.hub-card--next{display:block;padding:0;border-style:dashed;background:transparent}.hub-next{display:grid;justify-items:start;gap:14px;padding:36px 40px}.hub-next svg{color:var(--ds-color-coral)}.hub-next h3{font-family:var(--ds-font-display);font-size:28px;letter-spacing:-.03em}.hub-next p{max-width:620px;color:var(--ds-color-muted);font-size:15px}.hub-steps{margin-top:60px;padding:72px 0;background:var(--ds-color-cream)}.hub-steps .ds-section-heading__title{font-size:clamp(30px,3vw,40px)}.hub-steps__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:36px 0 0;padding:0;list-style:none}.hub-steps__list li{padding:26px;border:var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface)}.hub-steps__no{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ds-color-yellow);font-family:var(--ds-font-display);font-weight:600}.hub-steps__list li:nth-child(2) .hub-steps__no{background:var(--ds-color-primary)}.hub-steps__list li:nth-child(3) .hub-steps__no{background:var(--ds-color-coral)}.hub-steps__list li:nth-child(4) .hub-steps__no{background:var(--ds-color-success-soft)}.hub-steps__list h3{margin-top:18px!important;font-family:var(--ds-font-display);font-size:21px;line-height:1.25;letter-spacing:-.02em}.hub-steps__list p{margin-top:10px!important;font-size:14px;color:var(--ds-color-muted)}.hub-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;padding:80px 0}.hub-faq .ds-section-heading{position:sticky;top:24px}.hub-faq .ds-section-heading__title{font-size:clamp(30px,3vw,40px)}.hub-faq__list{border-bottom:1px solid var(--ds-color-line)}.hub-faq__list details{border-top:1px solid var(--ds-color-line)}.hub-faq__list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:14px 0;cursor:pointer;list-style:none}.hub-faq__list summary::-webkit-details-marker{display:none}.hub-faq__list summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ds-color-cream);font-size:18px;transition:transform .25s ease}.hub-faq__list details[open] summary:after{transform:rotate(45deg)}.hub-faq__list h3{font-size:18px;font-weight:600;letter-spacing:-.01em}.hub-faq__list p{margin:0 0 20px!important;color:var(--ds-color-muted);font-size:15px;max-width:640px}.hub .template-closing h2 em{font-weight:600}@media(max-width:1000px){.hub-hero__inner{grid-template-columns:1fr;padding:40px 0 56px}.hub-hero__visual{min-height:0;max-width:420px}.hub-card{grid-template-columns:1fr;gap:28px}.hub-card:nth-child(2n) .hub-preview{order:0}.hub-steps__list{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-faq{grid-template-columns:1fr;gap:24px}}@media(max-width:700px){.hub .template-header nav>a:not(.button){display:none}.hub-hero h1{font-size:40px}.hub-hero__lead{font-size:16px}.hub-hero__visual{display:none}.hub-gallery{padding-top:48px}.hub-card{padding:16px;border-radius:var(--ds-radius-lg)}.hub-preview,.hub-card:nth-child(2n) .hub-preview{transform:none}.hub-next{padding:24px}.hub-steps{padding:48px 0}.hub-steps__list{grid-template-columns:1fr}.hub-faq{padding:56px 0}}@media(prefers-reduced-motion:reduce){.hub-preview{transition:none}}@media(max-width:700px){.hub .template-header .button{white-space:nowrap}.hub .template-wordmark{max-width:165px}}.ahb-steps{margin-top:72px;padding:clamp(32px,5vw,56px) clamp(20px,4vw,48px);border-radius:var(--ds-radius-lg)}
