*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand-blue:#13b5ea;--brand-blue-light:#d8f3fc;--brand-blue-deep:#0d8fba;--brand-pink:#e20177;--brand-pink-light:#fce6f3;--brand-pink-deep:#b3015e;--brand-navy:#1a3a5c;--brand-navy-mid:#2a5280;--brand-navy-light:#e8eef5;--stone:#f7f8fa;--stone-mid:#e8eaee;--stone-dark:#c2c8d0;--ink:#1a2333;--ink-soft:#4a5568;--ink-faint:#8a96a6;--white:#fff;--sage:var(--brand-blue);--sage-light:var(--brand-blue-light);--sage-pale:var(--brand-blue-light);--sage-deep:var(--brand-blue-deep);--amber:var(--brand-pink);--amber-light:var(--brand-pink-light);--amber-deep:var(--brand-pink-deep);--sky:var(--brand-navy);--sky-light:var(--brand-navy-light);--sky-deep:var(--brand-navy-mid);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 2px 16px rgba(44,44,44,.07),0 1px 4px rgba(44,44,44,.04);--shadow-lift:0 8px 32px rgba(44,44,44,.12),0 2px 8px rgba(44,44,44,.06);--font-display:"Lora",Georgia,serif;--font-card:"Nunito","DM Sans",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,1,.36,1)}html{scroll-behavior:smooth}body{background:var(--stone);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.site-header{align-items:center;background:var(--brand-navy);border-bottom:none;display:flex;gap:16px;justify-content:space-between;padding:12px 24px}.site-header .back-link{align-items:center;border-radius:var(--radius-sm);color:hsla(0,0%,100%,.7);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;text-decoration:none;transition:background .15s,color .15s}.site-header .back-link:hover{background:hsla(0,0%,100%,.1);color:var(--white)}.site-header .back-link svg{height:14px;width:14px}.site-header .header-logo{display:block;height:44px;width:auto}.site-header .header-spacer{width:80px}.hero{background:linear-gradient(160deg,#fff 0,var(--brand-blue-light) 55%,var(--brand-pink-light) 100%);overflow:hidden;padding:64px 24px 56px;position:relative;text-align:center}.hero:before{background:radial-gradient(ellipse 70% 60% at 20% 80%,rgba(19,181,234,.1) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(226,1,119,.07) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.hero-inner{margin:0 auto;max-width:680px;position:relative}.hero-logo-wrap{margin-bottom:24px}.hero-logo{height:80px;max-width:400px;width:auto}@media (max-width:480px){.hero-logo{height:60px}}.hero-eyebrow{align-items:center;animation:fadeUp .5s var(--ease-out) both;background:rgba(19,181,234,.12);border:1px solid rgba(19,181,234,.25);border-radius:99px;color:var(--brand-blue);display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.08em;margin-bottom:20px;padding:5px 12px;text-transform:uppercase}.hero-eyebrow:before{background:var(--brand-blue);border-radius:50%;content:"";display:block;height:6px;width:6px}.hero h1{animation:fadeUp .55s .08s var(--ease-out) both;color:var(--ink);font-family:var(--font-display);font-size:clamp(28px,5vw,44px);font-weight:600;line-height:1.2;margin-bottom:18px}.hero h1 em{color:var(--brand-navy);font-style:italic}.hero-subtitle{animation:fadeUp .55s .14s var(--ease-out) both;color:var(--ink-soft);font-size:17px;line-height:1.65;margin:0 auto 24px;max-width:560px}.hero-reassurance{align-items:center;animation:fadeUp .55s .2s var(--ease-out) both;background:var(--white);border:1px solid var(--stone-mid);border-radius:var(--radius-md);color:var(--ink-soft);display:inline-flex;font-size:14px;gap:8px;max-width:520px;padding:12px 20px}.hero-reassurance svg{color:var(--brand-blue);flex-shrink:0}.page-content{margin:0 auto;max-width:1080px;padding:48px 20px 80px}.section-label{color:var(--ink-faint);font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:20px;text-transform:uppercase}.hubspot-form-section{margin-bottom:48px}.hubspot-form-wrap{background:var(--white);border:1px solid var(--stone-mid);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:0 auto;max-width:720px;padding:36px 32px}.hubspot-form-heading{color:var(--ink);font-family:var(--font-display);font-size:26px;font-weight:600;margin-bottom:8px;text-align:center}.hubspot-form-subheading{color:var(--ink-soft);font-size:15px;margin-bottom:24px;text-align:center}.hubspot-form-placeholder{background:var(--stone);border:2px dashed var(--stone-dark);border-radius:var(--radius-md);color:var(--ink-faint);font-size:14px;font-weight:500;padding:48px 20px;text-align:center}#hubspot-form-container .hs-form-field{margin-bottom:16px}#hubspot-form-container label{color:var(--ink-soft);display:block;font-size:13px;font-weight:600;margin-bottom:6px}#hubspot-form-container input[type=email],#hubspot-form-container input[type=tel],#hubspot-form-container input[type=text],#hubspot-form-container select,#hubspot-form-container textarea{background:var(--stone)!important;border:1.5px solid var(--stone-mid)!important;border-radius:var(--radius-sm)!important;color:var(--ink)!important;font-family:var(--font-body)!important;font-size:14px!important;outline:none;padding:10px 12px!important;transition:border-color .15s,box-shadow .15s;width:100%!important}#hubspot-form-container input:focus,#hubspot-form-container select:focus,#hubspot-form-container textarea:focus{background:var(--white)!important;border-color:var(--brand-blue)!important;box-shadow:0 0 0 3px rgba(19,181,234,.18)}#hubspot-form-container .hs-button,#hubspot-form-container input[type=submit]{background:var(--brand-blue)!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:0 2px 8px rgba(19,181,234,.35);color:var(--white)!important;cursor:pointer;font-family:var(--font-body)!important;font-size:14px!important;font-weight:600!important;padding:11px 18px!important;transition:background .15s}#hubspot-form-container .hs-button:hover,#hubspot-form-container input[type=submit]:hover{background:var(--brand-blue-deep)!important}.cards-grid{display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:48px}@media (min-width:800px){.cards-grid{grid-template-columns:1fr 1fr}.card--primary{grid-column:1/-1}}.card{animation:fadeUp .5s var(--ease-out) both;background:var(--white);border:1px solid var(--stone-mid);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:0;padding:28px;transition:box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card--primary{background:linear-gradient(145deg,var(--white) 0,var(--brand-blue-light) 100%);border-color:rgba(19,181,234,.35);position:relative}.card--primary:before{border:2px solid var(--brand-blue);border-radius:var(--radius-xl);content:"";inset:0;pointer-events:none;position:absolute}.card-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px}.card-badge{background:var(--brand-blue);border-radius:99px;color:var(--white);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.06em;margin-top:2px;padding:4px 10px;text-transform:uppercase}.card-badge,.card-icon{align-items:center;flex-shrink:0}.card-icon{border-radius:var(--radius-sm);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.card--primary .card-icon{background:rgba(19,181,234,.15)}.card--secondary .card-icon{background:var(--brand-navy-light)}.card--tertiary .card-icon{background:var(--brand-pink-light)}.card-title{color:var(--ink);font-family:var(--font-card);font-size:19px;font-weight:700;line-height:1.25}.card--primary .card-title{font-size:21px}.card-description{color:var(--ink-soft);font-size:14.5px;line-height:1.6;margin-bottom:18px}.feature-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:22px}.feature-list li{align-items:flex-start;display:flex;font-size:14px;gap:10px}.feature-list .feature-check{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;width:18px}.card--primary .feature-check{background:var(--brand-blue)}.card--secondary .feature-check{background:var(--brand-navy)}.card--tertiary .feature-check{background:var(--brand-pink)}.feature-check svg{color:#fff;height:10px;stroke-width:3;width:10px}.feature-text strong{color:var(--ink);display:block;font-weight:600;line-height:1.3}.feature-text span{color:var(--ink-soft);font-size:13px}.card-divider{border:none;border-top:1px solid var(--stone-mid);margin:20px 0}.email-area{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.email-area label{color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:.02em}.email-input-wrap{position:relative}.email-input-wrap svg{color:var(--ink-faint);height:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:15px}.email-input{background:var(--stone);border:1.5px solid var(--stone-mid);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-body);font-size:14px;outline:none;padding:10px 12px 10px 36px;transition:border-color .15s,box-shadow .15s;width:100%}.email-input::placeholder{color:var(--ink-faint)}.email-input:focus{background:var(--white);border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(19,181,234,.18)}.email-input.is-error{border-color:#d96b6b;box-shadow:0 0 0 3px rgba(217,107,107,.12)}.email-error{color:#c0392b;display:none;font-size:12px;margin-top:-4px}.email-error.visible{display:block}.email-hint{color:var(--ink-faint);font-size:12px;margin-top:-4px}.card-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:11px 18px;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s,transform .12s var(--ease-spring);white-space:nowrap}.btn:active{transform:scale(.97)}.btn svg{flex-shrink:0;height:15px;width:15px}.btn--primary{background:var(--brand-blue);box-shadow:0 2px 8px rgba(19,181,234,.35);color:var(--white)}.btn--primary:hover{background:var(--brand-blue-deep);box-shadow:0 4px 14px rgba(19,181,234,.4)}.btn--sky{background:var(--brand-navy);box-shadow:0 2px 8px rgba(26,58,92,.3);color:var(--white)}.btn--sky:hover{background:var(--brand-navy-mid)}.btn--amber{background:var(--brand-pink);box-shadow:0 2px 8px rgba(226,1,119,.3);color:var(--white)}.btn--amber:hover{background:var(--brand-pink-deep)}.btn--ghost{background:transparent;border:1.5px solid var(--stone-dark);color:var(--ink-soft)}.btn--ghost:hover{background:var(--stone);border-color:var(--ink-faint);color:var(--ink)}.btn.copied{background:#4caf86!important;box-shadow:none!important;color:#fff!important}.preview-toggle{align-items:center;background:none;border:none;color:var(--ink-faint);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:6px;padding:4px 0;text-align:left;transition:color .15s}.preview-toggle:hover{color:var(--ink-soft)}.preview-toggle svg{height:14px;transition:transform .2s var(--ease-out);width:14px}.preview-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.preview-panel{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s var(--ease-out),opacity .25s}.preview-panel.open{max-height:600px;opacity:1}.preview-email{background:var(--stone);border:1px solid var(--stone-mid);border-radius:var(--radius-md);color:var(--ink-soft);font-size:13px;line-height:1.7;margin-top:12px;padding:18px}.preview-email .email-subject{color:var(--ink);font-size:13.5px;font-weight:600;margin-bottom:10px}.preview-email .email-body p{margin-bottom:10px}.preview-email .email-body p:last-child{margin-bottom:0}.secondary-actions{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:0}@media (min-width:600px){.secondary-actions{grid-template-columns:1fr 1fr}}.secondary-action{border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:28px 28px 24px;position:relative;text-align:left;text-decoration:none;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.secondary-action:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.secondary-action:before{border:2px solid transparent;border-radius:var(--radius-xl);content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .2s}.secondary-action--navy{background:linear-gradient(140deg,var(--brand-navy) 0,var(--brand-navy-mid) 100%);box-shadow:0 4px 20px rgba(26,58,92,.25)}.secondary-action--navy:hover:before{border-color:hsla(0,0%,100%,.25)}.secondary-action--blue{background:linear-gradient(140deg,var(--brand-blue-deep) 0,var(--brand-blue) 100%);box-shadow:0 4px 20px rgba(19,181,234,.3)}.secondary-action--blue:hover:before{border-color:hsla(0,0%,100%,.3)}.secondary-action:after{background:hsla(0,0%,100%,.07);border-radius:50%;content:"";height:120px;pointer-events:none;position:absolute;right:-24px;top:-24px;width:120px}.sa-icon{align-items:center;background:hsla(0,0%,100%,.15);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.sa-icon svg{color:#fff;height:22px;width:22px}.sa-label{color:var(--white);font-family:var(--font-card);font-size:17px;font-weight:700;line-height:1.25}.sa-description{color:hsla(0,0%,100%,.75);flex:1;font-size:13px;line-height:1.55}.sa-cta{align-items:center;align-self:flex-start;background:hsla(0,0%,100%,.18);border:1.5px solid hsla(0,0%,100%,.3);border-radius:var(--radius-sm);color:var(--white);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:4px;padding:8px 14px;transition:background .15s,border-color .15s}.secondary-action:hover .sa-cta{background:hsla(0,0%,100%,.28);border-color:hsla(0,0%,100%,.5)}.sa-cta svg{height:13px;width:13px}.page-footer{color:var(--ink-faint);font-size:13px;line-height:1.7;padding:0 24px 48px;text-align:center}.page-footer a{color:var(--brand-blue);text-decoration:none}.page-footer a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card:first-child{animation-delay:.05s}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.19s}#toast{background:var(--ink);border-radius:var(--radius-md);bottom:28px;color:var(--white);font-size:14px;font-weight:500;left:50%;opacity:0;padding:12px 22px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(20px);transition:opacity .2s,transform .2s var(--ease-spring);white-space:nowrap;z-index:999}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.visually-hidden{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.mt-auto{margin-top:auto}