.widgets-page{background:var(--paper);color:var(--ink)}
.widgets-main{padding:54px 0 92px}.widgets-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr);gap:60px;align-items:end;padding-bottom:36px;border-bottom:1px solid var(--ink)}.widgets-kicker{margin:0 0 12px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.widgets-hero h1{margin:0;font-family:var(--serif);font-size:clamp(52px,6vw,82px);font-weight:400;line-height:.92;letter-spacing:-.055em;max-width:900px}.widgets-lede{max-width:760px;margin:22px 0 0;color:#55524d;font-size:18px;line-height:1.65}.widgets-promise{border-top:1px solid var(--ink);padding-top:16px;color:#5e5a54;font-size:14px;line-height:1.65}.widgets-promise strong{display:block;margin-bottom:7px;color:var(--ink);font-size:15px}.widgets-promise ul{list-style:none;margin:0;padding:0}.widgets-promise li{padding:7px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.widgets-promise li span:last-child{font-family:var(--mono);font-size:13px;text-transform:uppercase;color:var(--muted)}
.widgets-intro{padding:30px 0 12px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:54px}.widgets-intro h2{margin:0;font-family:var(--serif);font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1;letter-spacing:-.04em}.widgets-intro p{margin:0;color:#595650;font-size:15.5px;line-height:1.75;max-width:760px}
.widgets-grid{margin-top:28px;border-top:1px solid var(--ink)}.widgets-group{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid var(--line)}.widgets-group-head{padding:22px 22px 22px 0}.widgets-group-head span{display:block;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:7px}.widgets-group-head h2{margin:0;font-size:20px;letter-spacing:-.025em}.widgets-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--line)}.widget-card{position:relative;display:block;min-height:126px;padding:20px 48px 20px 20px;border-bottom:1px solid var(--line);color:var(--ink)}.widget-card:nth-child(odd){border-right:1px solid var(--line)}.widget-card:nth-last-child(-n+2){border-bottom:0}.widget-card strong{display:block;font-size:17px;letter-spacing:-.025em}.widget-card p{margin:7px 0 0;color:#66625b;font-size:13.5px;line-height:1.55}.widget-card::after{content:"↗";position:absolute;right:19px;top:20px;color:var(--muted);font-size:16px}.widget-card:hover strong,.widget-card:hover::after{color:var(--accent)}
.widgets-how{margin-top:58px;border-top:1px solid var(--ink);padding-top:28px;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:56px}.widgets-how h2{margin:0;font-family:var(--serif);font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1;letter-spacing:-.045em}.widgets-steps{counter-reset:step}.widgets-step{counter-increment:step;padding:15px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;gap:12px}.widgets-step:first-child{border-top:0;padding-top:0}.widgets-step::before{content:"0" counter(step);font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);padding-top:3px}.widgets-step strong{display:block;font-size:15px}.widgets-step p{margin:4px 0 0;color:#625f58;font-size:13.5px;line-height:1.6}.widgets-policy{margin-top:42px;padding:20px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line);color:#5e5a54;font-size:14px;line-height:1.7}.widgets-policy strong{color:var(--ink)}
@media(max-width:900px){.widgets-hero,.widgets-intro,.widgets-how{grid-template-columns:1fr}.widgets-hero{gap:28px}.widgets-promise{max-width:620px}.widgets-intro,.widgets-how{gap:22px}.widgets-group{grid-template-columns:1fr}.widgets-group-head{padding-bottom:14px}.widgets-list{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.widgets-main{padding:34px 0 64px}.widgets-hero h1{font-size:clamp(46px,14vw,64px)}.widgets-lede{font-size:16px}.widgets-list{grid-template-columns:1fr}.widget-card,.widget-card:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.widget-card:last-child{border-bottom:0}.widgets-group-head h2{font-size:18px}.widgets-intro p{font-size:15px}.widgets-how{margin-top:42px}.widgets-policy{font-size:13.5px}}
