/* app.css — сборка web/styles/*.css (python tools/build_css.py); руками не править */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
a{color:var(--head);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
p{margin:0}
h1,h2,h3{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.num{font-variant-numeric:tabular-nums}
.metrika-pixel{position:absolute;left:-9999px;width:1px;height:1px}
.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}
@media (min-width:768px){.wrap{padding-inline:32px}}
.section{padding-block:clamp(56px,8vw,96px);border-top:1px solid var(--line)}
.section-head{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}
.section-head .eyebrow{display:block;margin-bottom:12px}
.section-head h2{font-size:clamp(1.625rem,1.2rem + 1.6vw,2rem)}
.section-head .lead{margin-top:14px;color:var(--muted);font-size:1.0625rem}
.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{--w:150px;--pad:12px;position:relative;display:block;flex:none;padding-block:var(--pad)}
.logo img{width:var(--w);height:auto}
.caret{position:absolute;left:calc(var(--w)*.934176);top:calc(var(--pad) + var(--w)*.029255);width:calc(var(--w)*.013298);height:calc(var(--w)*.132979);background:var(--red);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.caret{animation:none}}
@media print{.caret{animation:none}}
.nav ul{display:flex;align-items:center;gap:4px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:14px;border-radius:var(--radius-btn);font-weight:600;text-decoration:none}
.nav a:hover{background:var(--chip)}
.nav a[aria-current="page"]{background:var(--chip)}
.nav .nav-resume{border:1px solid var(--line)}
.nav li:not(.is-mobile){display:none}
@media (min-width:640px){.nav li:not(.is-mobile){display:block}}
.site-footer{border-top:1px solid var(--line);padding-block:32px;color:var(--muted);font-size:.9375rem}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;align-items:center}
.site-footer a{color:var(--head)}
.site-footer .foot-link{display:inline-flex;align-items:center;min-height:44px}
.btn{white-space:normal;text-align:center}
.btn-primary,.btn-secondary{transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:1.0625rem}
.card{padding:20px}
.price{font:600 .9375rem/1.3 var(--f-mono);color:var(--head);font-variant-numeric:tabular-nums}
.term{font:400 .8125rem/1.3 var(--f-mono);color:var(--muted)}
.arrow{color:var(--head);font-weight:600;line-height:1}
.hand-note{font-family:var(--f-hand);font-weight:700;font-size:1.75rem;line-height:1.05;color:var(--accent);display:inline-block;transform:rotate(-3deg)}
.hand-note.blue{color:var(--head);transform:rotate(2deg)}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.note-pd{display:flex;gap:12px;align-items:flex-start;margin-top:40px;padding:16px 20px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.9375rem}
.note-pd .icon{margin-top:3px;color:var(--head)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.err{padding-block:clamp(56px,12vw,128px);min-height:50vh}
.err .code{font:800 clamp(4rem,3rem + 8vw,8rem)/1 var(--f-display);color:var(--head)}
.err h1{margin-top:12px;font-size:clamp(1.625rem,1.2rem + 1.6vw,2rem)}
.err p{margin-top:12px;max-width:34em;color:var(--fg)}
.err .btn{margin-top:28px}
.shot[data-lb]{cursor:zoom-in}
html.lb-open{overflow:hidden}
.lb{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--ink) 82%,transparent);touch-action:pan-y;cursor:zoom-out}
.lb img{max-width:min(1400px,100%);max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);width:auto;height:auto;border-radius:12px;background:var(--white);box-shadow:0 30px 80px -30px var(--ink);cursor:default}
.lb-cap{position:absolute;bottom:20px;left:72px;right:72px;width:fit-content;max-width:calc(100% - 144px);margin-inline:auto;padding:6px 14px;border-radius:12px;background:var(--ink);text-align:center;color:var(--white);font-size:.9375rem;line-height:1.4}
.lb-btn{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid color-mix(in srgb,var(--white) 40%,transparent);border-radius:50%;background:color-mix(in srgb,var(--ink) 70%,transparent);color:var(--white);cursor:pointer}
.lb-btn:hover{background:var(--ink)}
.lb-btn:focus-visible{outline:3px solid var(--white);outline-offset:2px}
.lb-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.lb-close{top:16px;right:16px}
.lb-prev,.lb-next{top:50%;margin-top:-24px}
.lb-prev{left:16px}
.lb-next{right:16px}
@media (max-width:640px){.lb-prev,.lb-next{top:auto;bottom:12px;margin-top:0}.lb-prev{left:12px}.lb-next{right:12px}.lb-cap{left:68px;right:68px;max-width:calc(100% - 136px);bottom:16px}}
@media (prefers-reduced-motion:no-preference){.lb{animation:lb-in .18s ease-out}}
@keyframes lb-in{from{opacity:0}}
.hero{position:relative;overflow:hidden;padding-block:clamp(16px,6vw,72px) clamp(32px,7vw,88px)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
background-size:40px 40px;
-webkit-mask-image:radial-gradient(ellipse 70% 80% at 100% 0%,var(--bg) 0%,transparent 70%);
mask-image:radial-gradient(ellipse 70% 80% at 100% 0%,var(--bg) 0%,transparent 70%)}
.hero::after{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-420px;pointer-events:none;
background:radial-gradient(circle,var(--glow) 0%,transparent 65%);animation:haze 30s ease-in-out infinite alternate}
@keyframes haze{to{transform:translate(-80px,60px)}}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 16px;align-items:end;
grid-template-areas:"text text" "facts portrait"}
.hero-text{grid-area:text;min-width:0}
.facts{grid-area:facts}
.portrait-wrap{grid-area:portrait}
@media (min-width:720px){.hero .wrap{grid-template-columns:minmax(0,1fr) 270px;gap:32px 40px;align-items:center;
grid-template-areas:"text portrait" "facts portrait"}}
@media (min-width:900px){.hero .wrap{column-gap:56px}}
.hero h1{font-size:clamp(1.625rem,8vw,3.5rem);letter-spacing:-.01em;line-height:1.1}
.hero h1 .u{position:relative;white-space:nowrap}
.hero h1 .u svg{position:absolute;left:0;bottom:-.28em;width:100%;height:.3em;overflow:visible}
.u path{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.draw{animation:draw 1.1s .3s ease-out both}
@keyframes draw{from{stroke-dashoffset:1}}
.hero .lead{margin-top:14px;max-width:34em;color:var(--fg);font-size:1rem;line-height:1.45}
@media (min-width:720px){.hero .lead{margin-top:28px;font-size:1.125rem;line-height:1.6}}
.discount{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:10px;color:var(--fg);font-weight:600}
.discount .disc{font:800 1.75rem/1 var(--f-display);color:var(--accent)}
@media (min-width:720px){.discount{margin-top:24px}.discount .disc{font-size:2.25rem}}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px}
@media (min-width:720px){.cta{margin-top:20px;gap:12px 16px}}
@media (max-width:479px){.cta .btn{width:100%}}
.facts{display:grid;gap:10px;margin:0;padding-top:12px;border-top:1px solid var(--line);align-self:start}
.fact b{display:block;font:800 1rem/1.25 var(--f-display);color:var(--head)}
.fact span{display:block;margin-top:2px;color:var(--muted);font-size:.8125rem;line-height:1.35}
@media (min-width:720px){.facts{display:flex;flex-wrap:wrap;gap:20px 40px;padding-top:24px;align-self:auto}
.fact b{font-size:1.375rem}.fact span{font-size:.9375rem}}
.portrait{position:relative;width:80px}
.portrait picture,.portrait img{border-radius:12px}
.portrait img{width:80px;height:auto;border:1px solid var(--line);background:var(--bg)}
.portrait .hand-note{position:absolute;right:88px;top:4px;white-space:nowrap;font-size:1.5rem;transform:rotate(-4deg)}
@media (min-width:720px){.portrait{justify-self:center;width:270px;max-width:100%}
.portrait picture,.portrait img{border-radius:var(--radius-card)}
.portrait img{width:270px}
.portrait .hand-note{right:-8px;top:auto;bottom:-30px;font-size:1.625rem}
.portrait-wrap{padding-bottom:34px}}
.svc-group + .svc-group{margin-top:44px}
.svc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:16px}
.svc-head h3{font-size:1.375rem;font-weight:800}
.svc-head p{color:var(--muted)}
.svc-head .hand-note{font-size:1.5rem}
.svc-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.svc-grid{grid-template-columns:repeat(3,1fr)}.svc-grid.n4{grid-template-columns:repeat(4,1fr)}}
.svc{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;background:var(--surface);color:var(--fg);text-decoration:none}
.svc:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--head) 14%,transparent);border-color:var(--head)}
@media (prefers-reduced-motion:no-preference){.svc{transition:transform .15s,box-shadow .15s}.svc:hover{transform:translateY(-2px)}}
.svc:focus-visible{outline-offset:2px}
.svc h4{margin:0;font:600 1.125rem/1.25 var(--f-display);color:var(--head);padding-right:28px}
.svc p{color:var(--fg);font-size:.9375rem}
.svc .meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}
.svc .arrow{position:absolute;right:20px;top:20px;font-size:1.125rem}
.works-sub{font-size:1.375rem;font-weight:800;margin:0 0 20px}
.work-feature{display:grid;gap:20px;padding:20px;background:var(--surface);margin-bottom:20px}
@media (min-width:900px){.work-feature{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px}}
.work-feature h3{font-size:1.5rem;font-weight:800;margin-top:6px}
.work-feature p{margin-top:12px}
.work-feature ul:not(.chips){margin-top:14px;display:grid;gap:8px}
.work-feature ul:not(.chips) li{position:relative;padding-left:22px}
.work-feature ul:not(.chips) li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:2px;background:var(--accent)}
.work-feature .chips{margin-top:18px}
.work-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:640px){.work-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.work-grid{grid-template-columns:repeat(3,1fr)}}
.work-grid.concepts{gap:16px}
.work-grid.concepts{grid-template-columns:repeat(2,1fr)}
@media (min-width:1100px){.work-grid.concepts{grid-template-columns:repeat(5,1fr)}}
.work{display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--bg)}
.work .shot{display:block;border-bottom:1px solid var(--line);background:var(--surface)}
.shot img{width:100%;height:auto}
.work .body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.work h4{margin:0;font:600 1.0625rem/1.3 var(--f-display);color:var(--head)}
.work p{font-size:.9375rem;color:var(--fg)}
.work .m{margin-top:auto;padding-top:6px;font:400 .8125rem/1.5 var(--f-mono);color:var(--muted)}
.work .chip{align-self:flex-start;font-size:12px;padding:4px 10px}
.work:hover,.work-feature:hover{box-shadow:0 14px 30px -20px var(--head);border-color:var(--head)}
@media (prefers-reduced-motion:no-preference){.work,.work-feature{transition:transform .2s,box-shadow .2s,border-color .2s}.work:hover,.work-feature:hover{transform:translateY(-3px) rotate(-.4deg)}}
.concepts .work h4{font-size:1rem}
.works-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:40px;padding:24px;border-radius:var(--radius-card);background:var(--glow)}
.works-cta p{font:800 1.25rem/1.3 var(--f-display);color:var(--head)}
.works-sub.second{margin-top:56px}
.steps{display:grid;gap:16px;counter-reset:s}
@media (min-width:768px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.steps{grid-template-columns:repeat(5,1fr)}}
.step{padding:20px;display:flex;flex-direction:column;gap:8px}
.step .n{font:600 1.5rem/1 var(--f-mono);color:var(--head)}
.step h3{font-size:1.25rem;font-weight:800}
.step p{color:var(--fg);font-size:.9375rem}
.step .step-note{margin-top:auto;padding-top:6px;color:var(--muted);font-size:.9375rem}
.contacts-box{display:grid;gap:32px}
@media (min-width:900px){.contacts-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.contacts-box .lead{max-width:30em}
.contacts-box .cta{margin-top:24px}
.rows{display:grid;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--surface)}
.row{display:grid;gap:4px;padding:16px 20px}
.row + .row{border-top:1px solid var(--line)}
.row dt{font:600 12px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.row dd{margin:0;display:flex;flex-wrap:wrap;gap:0 20px}
.row a,.row span{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-weight:600;font-size:1.0625rem}
.row .plain{font-weight:400;color:var(--fg)}
@media (prefers-reduced-motion:reduce){.hero::after{animation:none}.draw{animation:none}}
@media (min-width:720px) and (max-width:899px){.hero h1{font-size:1.875rem}}
@media (min-width:900px) and (max-width:1099px){.hero h1{font-size:2.75rem}}
@media (max-width:359px){.hero h1{font-size:1.5rem}}
.r-hero{position:relative;overflow:hidden;padding-block:clamp(40px,7vw,80px) clamp(40px,6vw,72px)}
.r-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
background-size:40px 40px;
-webkit-mask-image:radial-gradient(ellipse 60% 90% at 100% 0%,var(--bg) 0%,transparent 70%);
mask-image:radial-gradient(ellipse 60% 90% at 100% 0%,var(--bg) 0%,transparent 70%)}
.r-hero .wrap{position:relative}
.r-hero h1{margin-top:12px;font-size:clamp(2.125rem,1.2rem + 4vw,3.5rem)}
.r-hero .lead{margin-top:20px;max-width:32em;font-size:1.1875rem}
.r-hero .cta{margin-top:28px}
.path{position:relative;display:grid;gap:0}
.node{position:relative;display:grid;gap:6px;padding:0 0 32px 32px}
.node::before{content:"";position:absolute;left:7px;top:8px;bottom:-4px;width:2px;background:var(--line)}
.node:last-child::before{display:none}
.node::after{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--head);border:3px solid var(--bg)}
.node.now::after{background:var(--accent)}
.node.next::after{background:var(--bg);border:2px dashed var(--head)}
.node.next::before{background:none;border-left:2px dashed var(--line);width:0}
@media (min-width:768px){.node{display:block;padding-left:178px;padding-bottom:36px}
.node > * + *{margin-top:6px}
.node .year{position:absolute;left:0;top:0;width:136px;text-align:right}
.node::before{left:157px}.node::after{left:150px}}
.node .year{font:600 1rem/1.6 var(--f-mono);color:var(--head);font-variant-numeric:tabular-nums}
.node h3{font-size:1.25rem;font-weight:800}
.node .hand-note{font-size:1.5rem;margin:2px 0 0 4px;transform:rotate(-2deg);justify-self:start}
.node p{max-width:42em}
.node .chips{margin-top:8px}
.node.now h3,.node.next h3{color:var(--head)}
.stats{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media (min-width:900px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{padding:20px;background:var(--surface)}
.stat b{display:block;font:800 clamp(2.25rem,1.5rem + 2.5vw,3rem)/1 var(--f-display);color:var(--head);font-variant-numeric:tabular-nums}
.stat b small{font:600 1rem var(--f-mono);color:var(--muted);margin-left:6px}
.stat span{display:block;margin-top:8px;color:var(--fg);font-size:.9375rem}
.stack{margin-top:40px}
.stack h3{font-size:1.25rem;font-weight:800;margin-bottom:14px}
.pdf-box{display:grid;gap:28px;padding:28px;background:var(--surface)}
@media (min-width:900px){.pdf-box{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:56px;padding:36px}}
.pdf-box .row-list{display:flex;flex-wrap:wrap;gap:0 28px}
.pdf-box .row-list a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-weight:600;font-size:1.0625rem}
.print-only{display:none}
.page .section{padding-block:clamp(40px,6vw,72px)}
.page-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;
grid-template-areas:"crumbs" "text" "offer" "cta"}
.page-hero .crumbs{grid-area:crumbs}
.page-hero .hero-text{grid-area:text}
.page-hero .offer-main{grid-area:offer}
.page-hero .cta{grid-area:cta}
.page-hero h1{font-size:clamp(1.625rem,6.4vw,2.75rem);line-height:1.12}
.page-hero .lead{margin-top:12px}
@media (min-width:1100px){
.page-hero .wrap{grid-template-columns:minmax(0,1fr) 320px;column-gap:48px;
grid-template-areas:"crumbs crumbs" "text offer" "cta offer"}
.page-hero .lead{margin-top:20px}
}
@media (max-width:359px){.page-hero h1{font-size:1.5rem}}
.crumbs{margin-bottom:4px}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center}
.crumbs li{display:inline-flex;align-items:center;font-size:.875rem;color:var(--muted)}
.crumbs li+li::before{content:"›";padding-inline:8px;color:var(--muted)}
.crumbs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding-inline:6px;color:var(--head)}
.crumbs [aria-current]{color:var(--fg);font-weight:600}
.offer-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.offer-main .offer-name{flex:1 0 100%;font:600 .8125rem/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.offer-main .price{font-size:1.5rem;font-weight:600}
.offer-main .term{font-size:.9375rem}
.page-hero .cta{margin-top:14px}
@media (min-width:1100px){
.offer-main{flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;padding:24px;
border:1px solid var(--head);border-radius:var(--radius-card);background:var(--surface)}
.offer-main .offer-name{flex:none}
.offer-main .price{font-size:2.25rem;line-height:1.1}
.offer-main .term{font-size:1rem}
.page-hero .cta{margin-top:20px}
}
.ticks{display:grid;gap:14px 40px;max-width:60rem}
@media (min-width:768px){.ticks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ticks li{position:relative;padding-left:24px;font-size:1.0625rem;line-height:1.5}
.ticks li::before{content:"";position:absolute;left:0;top:.75em;width:12px;height:2px;background:var(--accent)}
.offers{display:grid;gap:16px}
@media (min-width:768px){.offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
.offer{display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.offer.is-main{border-color:var(--head)}
.offer h3{font-size:1.25rem;font-weight:800}
.offer p{color:var(--fg)}
.offer .meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line)}
.offer .price{font-size:1.25rem}
.offer .term{font-size:.9375rem}
.more-cta{margin-top:24px}
.price-note{margin-top:20px;max-width:46em;color:var(--muted)}
.who{display:grid;gap:16px}
@media (min-width:640px){.who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.who{grid-template-columns:repeat(3,minmax(0,1fr))}}
.who li{background:var(--surface);font-size:1.0625rem;line-height:1.5}
.split{display:grid;gap:28px}
@media (min-width:900px){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.split .section-head{margin-bottom:0;position:sticky;top:96px}}
.chat{margin:0;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg);overflow:hidden}
.chat figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);font-size:.9375rem}
.msgs{display:flex;flex-direction:column;gap:10px;padding:20px}
.msg{max-width:88%;padding:10px 14px;border:1px solid var(--line);border-radius:16px;font-size:1rem;line-height:1.45;color:var(--fg)}
.msg .who-label{display:block;margin-bottom:4px;font:600 12px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.msg.is-bot{align-self:flex-start;background:var(--surface);border-bottom-left-radius:4px}
.msg.is-client{align-self:flex-end;background:var(--chip);border-bottom-right-radius:4px}
@media (min-width:768px){.msg{max-width:80%}}
.page .steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.faq{display:grid;gap:0}
.faq-item{padding-block:20px;border-top:1px solid var(--line)}
.faq-item:first-child{padding-top:0;border-top:0}
.faq-item h3{font-size:1.1875rem;font-weight:600}
.faq-item p{margin-top:8px;max-width:46em}
.svc-page h4{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.svc .more{margin-left:auto;font:600 .8125rem/1.3 var(--f-mono);color:var(--head)}
.svc-page:hover h4{text-decoration-thickness:2px}