/* Hallmark · genre: playful · macrostructure: Narrative Workflow · theme: Coral · enrichment: Tier A · nav: N1 · footer: Ft5 */
@import url('/tokens.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.65}.nav{display:flex;align-items:center;justify-content:space-between;max-width:76rem;margin:auto;padding:1.25rem clamp(1rem,4vw,3rem);border-bottom:var(--rule) solid var(--color-line)}a{color:inherit}.brand{font-family:var(--font-display);font-weight:800;text-decoration:none;font-size:1.2rem}.nav nav{display:flex;gap:1.25rem}.nav nav a{font-size:.9rem;text-decoration:none;white-space:nowrap}.hero{display:grid;gap:var(--space-xl);max-width:76rem;margin:auto;padding:clamp(4rem,9vw,8rem) clamp(1rem,4vw,3rem)}.signal{color:var(--color-muted);font-size:var(--text-sm)}h1,h2,b,strong{font-family:var(--font-display);font-style:normal}h1{margin:.5rem 0 1.5rem;font-size:var(--text-display);line-height:.95;letter-spacing:-.055em;overflow-wrap:anywhere}h1 span{color:var(--color-accent)}.lead{max-width:34rem;font-size:var(--text-lg);color:var(--color-muted)}.button{display:inline-flex;margin-top:1rem;padding:.8rem 1.15rem;border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out)}.button:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.phone-art{align-self:end;min-height:24rem;padding:4rem 2rem;border-radius:2rem;background:var(--color-ink);color:var(--color-paper);box-shadow:0 1.5rem 4rem oklch(30% .06 220/.18);text-align:center}.call-name{font-size:2rem;font-weight:700}.call-time{color:var(--color-paper-2)}.call-actions{display:flex;justify-content:space-around;margin-top:10rem}.call-actions i{width:4.5rem;height:4.5rem;border-radius:50%;background:var(--color-accent)}.call-actions i:first-child{background:oklch(63% .2 28)}section:not(.hero){max-width:76rem;margin:auto;padding:var(--space-2xl) clamp(1rem,4vw,3rem)}h2{max-width:18ch;margin:0 0 2rem;font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.035em}.ability-list{display:grid;gap:1px;background:var(--color-line);border:var(--rule) solid var(--color-line)}.ability-list article{padding:2rem;background:var(--color-paper)}.ability-list b{font-size:1.35rem}.ability-list p,.steps p,.privacy p{color:var(--color-muted)}.steps ol{list-style:none;margin:0;padding:0;border-top:var(--rule) solid var(--color-line)}.steps li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.5rem;padding:1.5rem 0;border-bottom:var(--rule) solid var(--color-line)}.steps li span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-accent-2);font-weight:800}.steps p{margin:.25rem 0}.privacy>div{padding:clamp(2rem,7vw,5rem);background:var(--color-paper-2);border-radius:var(--radius-md)}.privacy p{max-width:52rem}footer{display:grid;gap:.5rem;padding:3rem clamp(1rem,4vw,3rem);background:var(--color-ink);color:var(--color-paper)}footer a,footer small{color:var(--color-paper-2)}@media(min-width:40rem){.hero{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:center}.ability-list{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.ability-list article:nth-child(3){grid-column:2}.ability-list article:nth-child(4){grid-column:1;grid-row:2}.privacy>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem}footer{grid-template-columns:1fr auto;align-items:end}footer small{grid-column:2}}@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.ability-list article:hover{background:var(--color-paper-2)}}@media(max-width:24rem){.nav nav a:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
