.handy-page{--hg-blue:#2457d6;--hg-teal:#259f98;--hg-yellow:#e9b949;--hg-coral:#e76f55;--hg-violet:#7554c7;--hg-ink:#17202a;--hg-soft:#52606d;background:#f7f8fa;color:var(--hg-ink)}
.handy-header{background:rgba(255,255,255,.96)!important;color:var(--hg-ink)!important}.handy-header nav a{color:#364152!important}.handy-header .brand-mark{background:linear-gradient(145deg,var(--hg-yellow),var(--hg-teal))!important}
.handy-hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(36,87,214,.11),transparent 32%),#f7f8fa}.handy-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem)}.handy-page .eyebrow{color:#174abf}.handy-hero h1{margin:0;font:400 clamp(3.2rem,6.2vw,6.8rem)/.92 Georgia,serif;letter-spacing:-.055em}.handy-hero h1 em{color:var(--hg-blue);font-weight:400}.handy-lede{max-width:720px;margin:2.2rem 0 0;color:var(--hg-soft);font-size:clamp(1.05rem,1.5vw,1.3rem)}.handy-page .button.primary{background:var(--hg-blue);color:white}.handy-page .button.primary:hover{background:#1748bd}.handy-proof{display:flex;flex-wrap:wrap;gap:.7rem;margin:3.5rem 0 0;padding:0;list-style:none}.handy-proof li{padding:.7rem .85rem;border:1px solid rgba(36,87,214,.22);border-radius:999px;background:white;color:#344257;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}
.handy-grid-art{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(.7rem,1.5vw,1.4rem);padding:clamp(3rem,7vw,7rem);background:#eef2ff;overflow:hidden}.handy-grid-art span{border-radius:22%;box-shadow:0 18px 35px rgba(39,51,78,.12)}.handy-grid-art span:nth-child(4n+1){background:var(--hg-blue)}.handy-grid-art span:nth-child(4n+2){background:var(--hg-teal)}.handy-grid-art span:nth-child(4n+3){background:var(--hg-yellow)}.handy-grid-art span:nth-child(4n){background:var(--hg-coral)}.handy-grid-art span:nth-child(5),.handy-grid-art span:nth-child(10){background:white}.handy-grid-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(95px,12vw,160px);aspect-ratio:1;border-radius:28%;background:var(--hg-ink);color:white;font:italic 400 clamp(3.5rem,7vw,6rem) Georgia,serif;box-shadow:0 24px 60px rgba(23,32,42,.25)}
.handy-intro{display:grid;grid-template-columns:1fr 2fr;gap:5vw;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,8rem);background:white;border-block:1px solid rgba(23,32,42,.1)}.handy-intro h2,.handy-feature h2,.handy-privacy h2{margin:0;font:400 clamp(2.3rem,4.5vw,4.8rem)/1 Georgia,serif;letter-spacing:-.04em}.handy-intro>div>p,.handy-feature__copy>p:last-of-type,.handy-privacy p{color:var(--hg-soft);font-size:1.08rem;max-width:700px}
.handy-features{padding:0 clamp(1.25rem,7vw,8rem);background:#f7f8fa}.handy-feature{min-height:760px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(480px,1.22fr);align-items:center;gap:7vw;padding:clamp(5rem,9vw,8rem) 0;border-bottom:1px solid rgba(23,32,42,.1)}.handy-feature--reverse .handy-feature__copy{order:2}.handy-step{font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.handy-feature--typing .handy-step{color:#865d05}.handy-feature--pdf .handy-step{color:var(--hg-blue)}.handy-feature--games .handy-step{color:var(--hg-violet)}.handy-feature--convert .handy-step{color:#087c76}.handy-feature--calculators .handy-step{color:#bb452e}.handy-feature h2{margin:1.4rem 0 1.5rem}.handy-feature nav{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}.handy-feature nav a{display:inline-flex;align-items:center;min-height:42px;padding:.55rem .8rem;border:1px solid rgba(23,32,42,.15);border-radius:999px;background:white;color:#263442;text-decoration:none;font-size:.68rem;font-weight:700}.handy-feature nav a:hover{border-color:var(--hg-blue);color:#174abf}
.handy-image-link{position:relative;display:block;overflow:hidden;border-radius:1.5rem;background:white;box-shadow:0 28px 60px rgba(39,51,78,.14);text-decoration:none}.handy-image-link img{display:block;width:100%;height:auto;transition:transform .35s}.handy-image-link span{position:absolute;left:1rem;bottom:1rem;display:flex;gap:.7rem;align-items:center;padding:.75rem 1rem;border-radius:999px;background:rgba(23,32,42,.92);color:white;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.handy-image-link:hover img{transform:scale(1.025)}.handy-image-link:focus-visible{outline-color:var(--hg-blue)}
.handy-privacy{display:grid;grid-template-columns:1fr 2fr;gap:5vw;padding:clamp(6rem,12vw,11rem) clamp(1.25rem,7vw,8rem);background:radial-gradient(circle at 85% 15%,rgba(37,159,152,.23),transparent 28%),var(--hg-ink);color:white}.handy-privacy .eyebrow{color:#8ddbd5}.handy-privacy p{color:#c7d0d8}.handy-privacy .button{margin-top:1.2rem}.handy-page footer{background:#101722;color:white}
@media(max-width:900px){.handy-hero{grid-template-columns:1fr}.handy-grid-art{min-height:620px}.handy-intro,.handy-feature,.handy-privacy{grid-template-columns:1fr}.handy-feature{min-height:0}.handy-feature--reverse .handy-feature__copy{order:0}.handy-image-link{margin-top:1.5rem}}@media(max-width:560px){.handy-grid-art{min-height:450px;padding:2rem}.handy-feature{padding-block:4.5rem}.handy-image-link{border-radius:1rem}.handy-image-link span{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.handy-image-link img{transition:none}}