/* TechSmart Mom Free Tools Hub | uses the locked TSM color palette and brand art. */
:root{--cream:#FFFDF8;--ink:#222831;--teal:#1FA6A6;--gold:#E9A23B;--rasp:#D94A6A;--aqua:#DDF4F2;--slate:#B8BDC7;--line:#d7e7e5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Avenir Next','Nunito Sans',Arial,sans-serif;font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit}a:focus-visible{outline:3px solid var(--rasp);outline-offset:4px;border-radius:8px}.shell{width:min(1120px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;top:-80px;left:16px;background:var(--ink);color:white;padding:12px 18px;border-radius:10px;z-index:99}.skip-link:focus{top:16px}
.site-header{background:rgba(255,253,248,.96);border-bottom:1px solid #e5e9e5;position:relative;z-index:5}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;width:196px;max-width:60%;text-decoration:none}.brand img{width:100%;height:auto}.nav-current{display:inline-flex;align-items:center;border:1px solid rgba(31,166,166,.32);background:var(--aqua);border-radius:40px;padding:8px 15px;font-weight:900;color:#155f65;text-decoration:none;letter-spacing:.09em;font-size:12px}
h1,h2,h3,h4{font-family:'Arial Rounded MT Bold','Avenir Next',Arial,sans-serif;font-weight:900;line-height:1.13;letter-spacing:-.018em;margin:0;color:var(--ink)}h1{font-size:clamp(41px,5.2vw,73px);max-width:760px}h1 span{color:#137e80}h2{font-size:clamp(33px,4vw,52px)}h3{font-size:clamp(26px,3.2vw,37px)}h4{font-size:24px}.eyebrow{font-weight:900;letter-spacing:.14em;font-size:12px;line-height:1.25;margin:0 0 23px}.eyebrow-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gold);margin-right:7px}.eyebrow-teal{color:#137f7f}.eyebrow-gold{color:#f5b756}
.hero{background:radial-gradient(circle at 87% 18%,#e8f7f3 0,transparent 34%),linear-gradient(170deg,#FFFDF8 46%,#f5fbf9 100%);overflow:hidden;border-bottom:1px solid #e6eeeb}.hero-grid{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(300px,.77fr);gap:35px;align-items:center;min-height:642px;padding-top:72px;padding-bottom:74px}.hero-content{position:relative;z-index:2}.hero-copy{max-width:690px;margin-top:26px}.hero-copy p{font-size:16.5px;line-height:1.72;margin:0 0 13px}.hero-copy p.standout{font-family:'Arial Rounded MT Bold','Avenir Next',Arial,sans-serif;color:#0e8382;font-size:24px;font-weight:600;margin-top:22px;margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;border-radius:13px;font-weight:900;font-size:16px;line-height:1.3;padding:17px 25px;text-align:center;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:#157c7f;box-shadow:0 7px 0 rgba(12,93,94,.14)}.button-primary:hover{background:#11696d;box-shadow:0 9px 0 rgba(12,93,94,.12)}.hero .button{margin-top:22px}.button span{font-size:21px;font-weight:900;line-height:1}.hero-art{align-self:stretch;min-height:525px;position:relative;display:flex;align-items:end;justify-content:center}.hero-halo{position:absolute;width:100%;aspect-ratio:1;max-width:435px;border-radius:43% 57% 53% 47%;background:var(--aqua);left:3%;bottom:7%;transform:rotate(-12deg);box-shadow:inset 0 0 0 12px rgba(255,255,255,.45)}.hero-mascot-wrap{position:relative;z-index:2;width:min(100%,345px);height:auto;filter:drop-shadow(0 16px 14px rgba(34,40,49,.15))}.hero-mascot-wrap img{width:100%;height:auto;object-fit:contain}.hero-spark{position:absolute;z-index:1;font-weight:900;font-size:32px}.hero-spark-one{right:7%;top:20%;color:var(--gold)}.hero-spark-two{left:1%;top:27%;color:var(--rasp);font-size:17px}.hero-spark-three{right:1%;bottom:21%;color:var(--teal);font-size:44px}
.tools-section{padding:92px 0 110px;background:var(--cream);scroll-margin-top:25px}.section-intro{max-width:760px;margin:0 auto 44px;text-align:center}.section-intro .eyebrow{margin-bottom:12px}.section-intro h2{margin-bottom:19px}.section-intro p{font-size:17px;line-height:1.65;margin:0 auto 11px}.section-intro .lead{font-size:19px}.collection{border:1px solid #d6e7e4;background:linear-gradient(180deg,#e7f7f4 0%,#f3fbf9 39%,#fff 100%);border-radius:29px;padding:41px 41px 36px;box-shadow:0 18px 45px rgba(34,40,49,.06)}.collection-head{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:25px;align-items:center;margin-bottom:25px}.collection-label{font-size:12px;font-weight:900;letter-spacing:.1em;color:#136f70;margin:0 0 15px}.collection-head h3{max-width:690px;margin-bottom:18px}.collection-head p{max-width:670px;margin:0 0 11px;font-size:16px}.collection-mascot{align-self:end;justify-self:center;width:154px;height:220px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 6px rgba(20,80,72,.12))}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.tool-card{border-radius:19px;padding:30px 31px 27px;background:white;border:1px solid #dce9e6;box-shadow:0 7px 18px rgba(35,61,55,.045);display:flex;flex-direction:column;min-width:0}.tool-number{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--aqua);color:#116e71;border-radius:12px;font-weight:900;margin-bottom:17px}.tool-card:nth-child(2) .tool-number{background:#fbe9ce;color:#80541b}.tool-card h4{font-size:24px;margin-bottom:13px}.tool-for{font-weight:800;color:#34565b}.tool-card p{margin:0 0 15px;line-height:1.64;font-size:15.8px}.tool-card p.tool-for{margin-bottom:17px}.tool-card p.outcome{background:#f2f9f7;border-left:4px solid var(--teal);border-radius:0 9px 9px 0;padding:14px 15px;margin-top:auto;margin-bottom:0}.tool-card:nth-child(2) p.outcome{border-color:var(--gold)}.tool-action{text-align:center;padding-top:29px}.tool-action>p{margin:0 auto 18px;max-width:610px}.tool-action p.access-note{margin:13px 0 0;color:#506368;font-size:14px}
.next-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}.next-inner{max-width:830px;text-align:center;padding:94px 0 97px;position:relative;z-index:1}.next-section h2{color:var(--cream);margin-bottom:31px}.next-copy{max-width:645px;margin:auto}.next-copy p{font-size:17px;margin:0 0 18px;line-height:1.7}.next-copy p.next-lead{font-weight:900;font-size:20px;color:#f9f8f3}.next-copy p.next-end{font-family:'Arial Rounded MT Bold','Avenir Next',Arial,sans-serif;font-size:23px;color:#f0b34e;margin:27px 0 0}.next-decoration{position:absolute;inset:0;pointer-events:none}.next-decoration span{position:absolute;color:var(--gold);opacity:.18;font-size:120px;line-height:1}.next-decoration span:nth-child(1){left:0;top:38px}.next-decoration span:nth-child(2){right:-28px;top:135px;color:var(--rasp);font-size:86px}.next-decoration span:nth-child(3){right:14%;bottom:20px;font-size:40px}
.closing-section{background:var(--aqua);text-align:center}.closing-inner{max-width:860px;padding:92px 0 89px}.closing-star{font-size:32px;color:var(--gold);margin-bottom:10px}.closing-inner h2{margin-bottom:24px}.closing-inner p{font-size:18px;max-width:650px;margin:0 auto 16px;line-height:1.65}.closing-inner p.closing-last{font-family:'Arial Rounded MT Bold','Avenir Next',Arial,sans-serif;font-size:25px;color:#137779;margin-top:23px}.site-footer{background:var(--cream);text-align:center;border-top:1px solid #d9e6e2}.footer-inner{padding:33px 0 41px}.footer-inner p{margin:0 0 5px;font-size:15.5px}.footer-inner .footer-brand{font-family:'Arial Rounded MT Bold','Avenir Next',Arial,sans-serif;font-size:21px;color:var(--ink);font-weight:700}.footer-inner .footer-signature{margin-top:8px;font-size:16px;color:#107879}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr minmax(200px,.48fr);gap:10px}.hero-art{min-height:340px}.hero-copy p{font-size:16px}.hero-halo{bottom:15%}.hero-mascot-wrap{width:260px}}
@media(max-width:720px){.shell{width:min(100% - 34px,550px)}.header-inner{height:80px}.brand{width:157px}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px;min-height:0;gap:0}.hero-content h1{font-size:clamp(37px,8vw,53px)}.hero-art{min-height:260px;margin-top:20px;overflow:visible;align-items:end}.hero-halo{width:270px;left:50%;transform:translateX(-50%) rotate(-12deg);bottom:1%;box-shadow:none}.hero-mascot-wrap{width:215px}.hero-spark-one{top:22%;right:16%}.hero-spark-two{left:17%;top:35%}.hero-spark-three{right:13%;bottom:12%}.tools-section{padding:68px 0 70px}.collection{padding:27px 18px 25px;border-radius:20px}.collection-head{grid-template-columns:1fr 90px;gap:2px;align-items:end;margin-bottom:20px}.collection-head h3{font-size:27px}.collection-mascot{width:90px;height:133px;opacity:.97}.tool-grid{grid-template-columns:1fr;gap:13px}.tool-card{padding:25px 23px}.tool-card h4{font-size:23px}.next-inner{padding:75px 0 76px}.next-copy p{font-size:16px}.closing-inner{padding:71px 0 65px}.closing-inner p{font-size:16px}.section-intro{margin-bottom:33px}.section-intro p{font-size:16px}}
@media(max-width:460px){.nav-current{font-size:10px;padding:7px 10px}.brand{width:148px}.collection-head{display:block;position:relative}.collection-mascot{display:none}.hero .button,.tool-action .button{width:100%}.collection-label{font-size:11px}.tool-card h4{font-size:22px}.hero-content h1{font-size:39px}.hero-mascot-wrap{width:200px}.hero-copy p{font-size:15.8px}.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
