/* WrapTexts brand and marketing styles (from the supplied home page). Used on every page. */
:root{--blue:#0878f9;--blue2:#1764ee;--navy:#10213f;--text:#182743;--muted:#53617a;--line:#dfe9f7;--pale:#eff7ff;--radius:13px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--text);background:#fff;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 44px));margin:auto}
header{height:58px;background:#fff;border-bottom:1px solid #edf1f7;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font:800 28px Manrope,sans-serif;letter-spacing:-1.5px;color:#10213f}.brand .blue{color:#0878f9}.brand-logo{width:55px;height:42px;display:block}.navlinks{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:12px;font-weight:700}.navlinks a{height:58px;display:flex;align-items:center;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{color:var(--blue);border-color:var(--blue)}.navlinks .caret{font-size:10px;margin-left:5px}.search{height:36px;display:flex;border:1px solid #dfe8f5;border-radius:8px;overflow:hidden;background:#f8faff;margin-left:35px}.search input{width:160px;border:0;outline:0;background:transparent;padding:0 12px;font-size:12px}.search button{width:36px;border:0;background:var(--blue);color:#fff;font-size:17px}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;color:var(--navy)}
.hero{background:linear-gradient(110deg,#f1f8ff,#eaf5ff 62%,#f5fbff);min-height:406px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:30px;align-items:center;min-height:406px;padding-top:15px;padding-bottom:20px}.pill{display:inline-flex;background:#d6eaff;color:#0068e9;padding:5px 12px;border-radius:30px;font-size:11px;font-weight:700}.hero h1{font:800 clamp(42px,5vw,55px)/.99 Manrope,sans-serif;letter-spacing:-2.4px;color:#10213f;margin:15px 0 20px}.hero h1 span{color:#0878f9}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;left:3px;right:1px;bottom:-7px;height:7px;border-top:4px solid #ffb52e;border-radius:50%;transform:rotate(-3deg)}.hero-copy{font-size:14px;line-height:1.42;color:#354765;max-width:450px;margin:0 0 19px}.actions{display:flex;gap:13px;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:14px 24px;font-weight:800;font-size:13px;border:1px solid #d8e6fa;background:#fff;color:#075fe2;box-shadow:0 2px 4px #19365d08;transition:.18s}.cta:hover{transform:translateY(-2px)}.cta.primary{background:linear-gradient(100deg,#0878ff,#0867ed);color:#fff;border-color:#0878ff;box-shadow:0 5px 12px #0878f92b}.trust{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px;font-size:10px;color:#293a55}.trust span{display:flex;align-items:center;gap:5px}.trust b{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:10px;color:#fff;background:#21b96b}.trust span:nth-child(2) b{background:#ffad24}.trust span:nth-child(3) b{background:#12a9f5}.trust span:nth-child(4) b{background:#667da2;border-radius:4px}
.hero-art{position:relative;min-width:0;padding:8px 4px 15px 0}.editor{position:relative;background:#fff;border:1px solid #dce9f8;border-radius:17px;padding:12px 12px 13px;box-shadow:0 17px 34px #3c7fba24;transform:rotate(4deg);margin:8px 12px 8px 0}.editor-toolbar{height:35px;border-radius:8px;background:#fff;box-shadow:0 3px 12px #243a5716;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:0 9px;margin:-25px 80px 12px 35px;position:relative;z-index:2;color:#253854;font-weight:700;font-size:12px}.editor-toolbar span{padding:5px 7px}.editor-toolbar span:first-child{background:#182741;color:white;border-radius:5px}.editor-sheet{background:#fff;border:1px solid #e0e5ed;border-radius:7px;min-height:270px;padding:21px 18px;display:flex;gap:10px;align-items:stretch;overflow:hidden}.side-copy{width:30%;font:14px/1.27 Georgia,serif;color:#141a25;text-align:left}.side-copy p{margin:0}.puppy{width:40%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.puppy .halo{position:absolute;width:155px;height:205px;background:radial-gradient(ellipse,#ffdf9c 0%,#fff2d6 58%,transparent 72%);border-radius:50%}.puppy svg{position:relative;width:100%;max-height:235px;filter:drop-shadow(0 4px 2px #1c2b3b35)}.scribble{position:absolute;color:#0878ff;font-size:40px;font-weight:800;line-height:1}.scribble.left{left:-18px;top:112px;transform:rotate(-18deg)}.scribble.left:after{content:"";position:absolute;top:29px;left:10px;width:28px;border-top:5px solid #0878ff;transform:rotate(18deg)}.scribble.gold{color:#ffad19;right:-2px;bottom:93px;font-size:36px;transform:rotate(155deg)}
.quick-tools{padding:9px 0 12px;background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:11px}.quick{min-height:101px;border:1px solid #dfe9f8;border-radius:10px;background:linear-gradient(145deg,#fff,#fbfdff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:9px 5px;font-size:11px;line-height:1.2;font-weight:800;box-shadow:0 2px 6px #1a467508;transition:.18s}.quick:hover,.quick:first-child{border-color:#2680ff;box-shadow:0 4px 12px #0878f91a}.quick-icon{height:43px;width:43px;border-radius:13px;display:grid;place-items:center;background:#e6f2ff;color:#0878ff;font-size:22px}.quick:nth-child(2) .quick-icon{background:#ddf9e9;color:#13a65b}.quick:nth-child(3) .quick-icon{background:#e6f5ff;color:#168fe7}.quick:nth-child(4) .quick-icon{background:#ffe8ed;color:#fa384d}.quick:nth-child(5) .quick-icon{background:#def8e9;color:#08a96a}.quick:nth-child(6) .quick-icon{background:#eee5ff;color:#8952ed}.quick:nth-child(7) .quick-icon{background:#fff0dc;color:#f18a00}.quick:nth-child(8) .quick-icon{background:#eef5ff;color:#0878ff}
.tools-section{padding:7px 0 18px}.section-head{text-align:center;margin:6px auto 16px}.section-head .pill{font-size:9px;padding:4px 11px}.section-head h2{font:800 27px/1.15 Manrope,sans-serif;letter-spacing:-1.1px;margin:7px 0 5px;color:#10213f}.section-head h2 span{color:#0878f9}.section-head p{color:#4e5d76;font-size:12px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 15px}.card{border:1px solid #e0eaf7;border-radius:12px;padding:7px 10px 10px;background:#fff;box-shadow:0 2px 6px #163d6905;min-width:0}.thumb{height:110px;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#f2f8ff,#fff);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px}.thumb svg{width:100%;height:100%}.thumb-title{font:900 25px/1 Impact,"Arial Black",sans-serif;letter-spacing:-1px;color:#111;transform:rotate(-5deg);text-shadow:2px 3px 0 #fff}.thumb.travel{background:linear-gradient(140deg,#fff0db,#fffaf1)}.travel-label{font:900 26px/1 Impact,sans-serif;color:#121212;transform:rotate(-5deg)}.beach{background:linear-gradient(#77d5fa 0 48%,#13a4d2 49% 68%,#ffe4a5 69%);}.beach:before{content:"";position:absolute;width:150%;height:80px;background:#e3f5ba;transform:rotate(-15deg);bottom:-37px;border-radius:50%}.beach-word{position:relative;color:white;font:italic 800 31px/1.05 Georgia,serif;text-shadow:1px 2px 3px #285d8b;text-align:center}.birthday{font:900 26px Georgia,serif;color:#fa354e;transform:rotate(-8deg);text-align:center}.style-word{font:1000 36px/1 Impact,"Arial Black",sans-serif;color:#ffdd24;-webkit-text-stroke:1.5px #e21d12;text-shadow:3px 4px 0 #a80e08;transform:rotate(-6deg)}.shadow-word{font:italic 900 36px Georgia,serif;color:#ff87e7;text-shadow:3px 4px 0 #54225b;transform:rotate(-8deg)}.nature{background:linear-gradient(#8dd1f6 0 30%,#5b8e52 31% 55%,#294c34 56%);color:#fff;font-weight:800;align-items:flex-end;padding-bottom:10px;text-shadow:0 1px 3px #111}.nature:before{content:"";position:absolute;top:20px;left:10%;width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:65px solid #f3f7fc;filter:drop-shadow(0 6px 0 #8199aa)}.nature span{position:relative;background:#122a30b8;padding:5px 9px;font-size:12px}.coming-thumb{background:#f7faff;color:#5996ff;display:flex;flex-direction:column;gap:5px;font-size:11px}.coming-thumb .shapes{font-size:42px;line-height:1}.card h3{font:800 13px Manrope,sans-serif;letter-spacing:-.2px;margin:0 0 5px;color:#142441}.card p{font-size:11.5px;line-height:1.35;color:#394761;margin:0 0 7px;min-height:31px}.card .cta{display:flex;width:100%;padding:8px 8px;font-size:11px;border-radius:6px}.card .cta.soft{background:#eaf2fc;color:#0870f5;border-color:#eaf2fc}
.how{background:linear-gradient(110deg,#eff8ff,#e8f5ff);padding:16px 0 17px}.how .section-head{margin:0 auto 13px}.how .section-head h2{font-size:26px;margin:5px 0}.steps{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center;gap:8px;max-width:1050px;margin:auto}.step{position:relative;min-height:113px;background:#fff;border-radius:13px;padding:14px 15px 10px;text-align:center;box-shadow:0 2px 8px #4d80a511}.step-num{position:absolute;left:10px;top:-3px;width:30px;height:30px;border-radius:50%;background:#0878ff;color:#fff;font-weight:800;display:grid;place-items:center;border:2px solid #dceeff}.step-icon{font-size:28px;color:#0878ff;margin:0 0 3px}.step h3{font:800 13px Manrope,sans-serif;margin:0 0 5px}.step p{font-size:11px;line-height:1.35;color:#35435c;margin:0}.arrow{color:#73b1ff;text-align:center;font-size:30px;letter-spacing:-4px}
.audience{background:radial-gradient(ellipse at 50% 0,#fff9ed,#fff2da);border-radius:90px 90px 0 0;padding:14px 0 23px}.audience .section-head{margin:0 auto 19px}.audience .section-head h2{font-size:21px;margin:5px 0}.audience .section-head .pill{background:#ffe1df;color:#77414a}.audiences{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.audience-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;line-height:1.35;font-weight:700}.audience-icon{width:41px;height:41px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:20px;background:#ff8a12}.audience-item:nth-child(2) .audience-icon{background:#398dff}.audience-item:nth-child(3) .audience-icon{background:#f244a6}.audience-item:nth-child(4) .audience-icon{background:#5ac76d}.audience-item:nth-child(5) .audience-icon{background:#9a55f5}.audience-item:nth-child(6) .audience-icon{background:#ff6a75}
footer{background:#10213f;color:#e8efff;padding:28px 0;font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:18px;color:#b7c7e3}
@media(min-width:1300px){.hero-inner{min-height:406px}.hero{min-height:406px}}
@media(max-width:1000px){.nav{gap:13px}.brand{font-size:23px}.brand-logo{width:45px}.navlinks{gap:13px}.search{margin-left:5px}.search input{width:115px}.hero h1{font-size:46px}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick{min-height:90px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.audiences{grid-template-columns:repeat(3,1fr);row-gap:20px}}
@media(max-width:680px){.container{width:calc(100% - 28px)}header{height:62px}.nav{justify-content:space-between}.brand{font-size:23px}.brand-logo{width:42px;height:38px}.navlinks{display:none;position:absolute;top:61px;left:0;right:0;margin:0;background:#fff;padding:8px 22px 16px;box-shadow:0 12px 20px #13274615;align-items:stretch;gap:0}.navlinks.open{display:flex;flex-direction:column}.navlinks a{height:auto;padding:12px 0;border-bottom:1px solid #eef2f8}.search{display:none}.menu{display:block}.hero-inner{grid-template-columns:1fr;gap:20px;padding-top:30px;padding-bottom:27px}.hero h1{font-size:43px;letter-spacing:-2px;margin:13px 0 17px}.hero-copy{font-size:13px}.cta{padding:12px 16px}.trust{gap:10px 13px;margin-top:17px}.hero-art{margin:0 2px;padding:7px 0}.editor{margin-right:6px}.editor-sheet{min-height:230px;padding:16px 10px;gap:6px}.side-copy{font-size:11px}.puppy svg{max-height:200px}.editor-toolbar{margin-right:20px;margin-left:20px}.scribble.left{left:-6px}.scribble.gold{right:-8px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:8px}.quick{min-height:85px;font-size:10px}.quick-icon{width:36px;height:36px}.section-head h2{font-size:24px}.section-head p{line-height:1.5}.cards{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:6px}.thumb{height:90px}.thumb-title{font-size:20px}.travel-label{font-size:21px}.beach-word{font-size:25px}.birthday{font-size:20px}.style-word,.shadow-word{font-size:27px}.card h3{font-size:11px}.card p{font-size:10px;min-height:44px}.card .cta{font-size:10px;padding:8px 4px}.how{padding:25px 0}.steps{grid-template-columns:1fr;gap:10px}.step{min-height:100px}.arrow{transform:rotate(90deg);font-size:23px}.audience{border-radius:38px 38px 0 0;padding:22px 0}.audiences{grid-template-columns:repeat(2,1fr);gap:17px 8px}.audience-item{justify-content:flex-start;font-size:10px}.audience-icon{width:35px;height:35px;font-size:17px}.footer-inner{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}
@media(max-width:390px){.hero h1{font-size:38px}.hero-buttons .cta{width:100%}.quick{font-size:9px}.cards{grid-template-columns:1fr}.thumb{height:130px}.card h3{font-size:13px}.card p{font-size:12px;min-height:0}}

/* ===== Shared additions for sub-pages ===== */
:root{--ink:var(--navy);--surface:#f3f8ff;--accent:var(--blue);--accent-strong:var(--blue2);--accent-soft:#e6f2ff;--font-display:Manrope,"DM Sans",Arial,sans-serif;--font-sans:"DM Sans",Arial,sans-serif}
html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}
main{flex:1}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.skip-link{position:absolute;left:.75rem;top:-4rem;z-index:100;background:var(--navy);color:#fff;padding:.5rem .9rem;border-radius:.5rem;font-weight:700}
.skip-link:focus{top:.75rem}
.brand{flex:none}
/* tools dropdown */
.dd{position:relative;display:flex;align-items:center}
.dd>button{height:58px;display:flex;align-items:center;gap:5px;border:0;border-bottom:2px solid transparent;background:none;color:inherit;font:700 12px "DM Sans",Arial,sans-serif;cursor:pointer;padding:0}
.dd>button:hover,.dd>button[aria-expanded="true"]{color:var(--blue);border-color:var(--blue)}
.dd .caret{font-size:10px}
.dd-menu{display:none;position:absolute;top:56px;left:-14px;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 30px #13274620;padding:8px;z-index:30}
.dd.open .dd-menu{display:block}
.dd-menu a{height:auto!important;display:block!important;padding:9px 12px;border:0!important;border-radius:8px;font-weight:700;font-size:13px;color:var(--navy)}
.dd-menu a small{display:block;font-weight:500;color:var(--muted);font-size:11.5px;margin-top:1px}
.dd-menu a:hover{background:var(--pale);color:var(--blue)}
@media(max-width:680px){.dd{display:block}.dd>button{height:auto;width:100%;padding:12px 0;border-bottom:1px solid #eef2f8;justify-content:space-between}.dd-menu{position:static;box-shadow:none;border:0;padding:0 0 6px 10px;min-width:0}}
/* page head for tool pages */
.crumbs{font-size:12px;color:var(--muted);padding:14px 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li:before{content:"/";margin-right:6px;color:#9db0cc}
.crumbs a{color:var(--blue2);text-decoration:underline;text-underline-offset:2px}
.page-head{background:linear-gradient(110deg,#f1f8ff,#eaf5ff 62%,#f5fbff);border-bottom:1px solid #e3eefb}
.page-head .container{padding-bottom:20px}
.page-head h1{font:800 clamp(28px,4vw,40px)/1.08 Manrope,sans-serif;letter-spacing:-1.4px;color:var(--navy);margin:10px 0 8px}
.page-head h1 span{color:var(--blue)}
.page-head p{max-width:46rem;color:#354765;font-size:14.5px;line-height:1.5}
.noscript{margin:1rem 0;padding:.75rem 1rem;border:1px solid #f0c36d;background:#fff7e0;border-radius:.5rem}
/* body copy under a tool */
.content{max-width:52rem;margin:3rem auto 0;padding:0 1.25rem}
.content a,.legal a{color:var(--blue2);text-decoration:underline;text-underline-offset:2px}
.content h2{font:800 24px/1.2 Manrope,sans-serif;letter-spacing:-.6px;color:var(--navy);margin:2.4rem 0 .7rem}
.content h2:first-child{margin-top:0}
.content p,.content li{font-size:15px;line-height:1.7;color:#2b3a55}
.related{padding:6px 0 10px}
.related .cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.related .card h3{margin-top:2px}
.legal{max-width:46rem;margin:0 auto;padding:2rem 1.25rem 0}
.legal h1{font:800 34px/1.1 Manrope,sans-serif;letter-spacing:-1.2px;color:var(--navy);margin-bottom:.6rem}
.legal h2{font:800 20px Manrope,sans-serif;color:var(--navy);margin:1.8rem 0 .4rem}
.legal p{font-size:15px;line-height:1.7;margin:.6rem 0;color:#2b3a55}
/* footer, multi column */
footer{margin-top:3rem}
.home footer,footer.flush{margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:28px}
.footer-grid h2{font:800 12px "DM Sans",sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#8fb2ea;margin:0 0 10px}
.footer-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;list-style:none;margin:0;padding:0}
.footer-tools a{color:#cfdcf2}.footer-tools a:hover{color:#fff;text-decoration:underline}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #243a63;margin-top:22px;padding-top:16px;color:#b7c7e3}
.footer-bottom nav{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom a:hover{color:#fff;text-decoration:underline}
@media(max-width:680px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.foot-brand{display:inline-block;font:800 24px Manrope,sans-serif;letter-spacing:-1px;color:#fff}.foot-brand span{color:#5aa6ff}
/* contrast fixes (WCAG AA) */
.pill{color:#0a53b8}
.cta.primary{background:linear-gradient(100deg,#0670f0,#0a5fd8)}
.card .cta.soft{color:#0a5fd8}
.navlinks a:hover,.navlinks a.active,.dd>button:hover,.dd>button[aria-expanded="true"]{color:#0a5fd8}
.coming-thumb{color:#2f66c0}

/* ===== Header: Categories menu and search icon ===== */
.navlinks{gap:24px}
.dd .caret{width:9px;height:6px;font-size:0}
.dd-label{display:block;padding:8px 12px 3px;font:800 10.5px "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6a7c99}
.dd-cats{min-width:230px}
.search{position:relative;display:flex;align-items:stretch;margin-left:10px}
.search input{height:36px;width:166px;padding:0 10px 0 33px;border:1px solid #dbe5f3;border-right:0;border-radius:8px 0 0 8px;background:#fff;font-size:12px;color:var(--navy);outline-offset:0}
.search input::placeholder{color:#76869f}
.search-ic{position:absolute;left:11px;top:0;bottom:0;display:flex;align-items:center;color:#52627c;pointer-events:none}
.search button{width:38px;height:36px;border:0;border-radius:0 8px 8px 0;background:#0a6cf0;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;font-size:0}
.search button:hover{background:#0858c4}
@media(max-width:1000px){.search input{width:120px}}
@media(max-width:680px){.dd-cats{min-width:0}}
@media(max-width:680px){.search{display:none}}
