/* A refined palette inspired by the character, without reproducing its colors literally. */
:root {
  --ink: #302f2d;
  --paper: #f6f3ec;
  --white: #fffdf8;
  --blue: #4d7880;
  --lime: #b9c991;
  --line: #d8d4c9;
  --espresso: #373331;
  --sage: #9aad7b;
  --moss: #526a4e;
  --teal: #4d9292;
  --slate: #466275;
  --ivory: #eee8dc;
}

html { scroll-padding-top:108px; }
body { background: radial-gradient(circle at 8% 3%,rgba(154,173,123,.11),transparent 23rem),var(--paper); }
::selection { background: #b8d8d4; color: var(--espresso); }
.site-header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  background: rgba(250,248,242,.9);
  border-bottom-color: rgba(48,47,45,.2);
  box-shadow: 0 4px 18px rgba(48,47,45,.06);
  backdrop-filter: blur(14px) saturate(.9);
  -webkit-backdrop-filter: blur(14px) saturate(.9);
}
.site-header nav a { color:var(--espresso);font-weight:600; }
.header-socials { position:relative;margin-left:18px; }
.header-socials summary { min-width:70px;height:38px;padding:0 13px;border:1px solid rgba(48,47,45,.25);border-radius:99px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--espresso);font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer;list-style:none;transition:background-color .2s,color .2s,border-color .2s; }
.header-socials summary::-webkit-details-marker { display:none; }
.header-socials summary span { width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s; }
.header-socials[open] summary span { transform:rotate(225deg) translate(-2px,-2px); }
.header-socials summary:hover,.header-socials[open] summary { background:var(--espresso);border-color:var(--espresso);color:#fff; }
.header-socials summary:focus-visible { outline:3px solid var(--teal);outline-offset:2px; }
.header-social-menu { position:absolute;right:0;top:100%;width:230px;padding:12px 8px 8px;border:1px solid rgba(48,47,45,.14);border-radius:0 0 12px 12px;background:rgba(250,248,242,.98);box-shadow:0 16px 35px rgba(48,47,45,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,visibility .2s,transform .2s; }
.header-socials:hover .header-social-menu,.header-socials:focus-within .header-social-menu,.header-socials[open] .header-social-menu { opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0); }
.header-social-menu a { min-height:48px;padding:8px 10px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;color:var(--espresso);text-decoration:none;transition:background-color .18s,color .18s; }
.header-social-menu a:hover { background:var(--espresso);color:#fff; }
.header-social-menu a:focus-visible { outline:2px solid var(--teal);outline-offset:1px; }
.header-social-menu b { font-size:13px; }
.header-social-menu small { font-size:11px;opacity:.62; }
.brand span { color: var(--espresso); }
.nav-cta { background: rgba(255,253,248,.6); }
.nav-cta:hover { background: var(--espresso); color: var(--white); }
.hero {
  height: 100vh;
  height: 100svh;
  min-height: 720px;
  background: linear-gradient(120deg,#faf8f2 0 50%,#e7eadf 50%);
}
.hero-copy,.hero-art { min-height:0; }
.hero h1 em { color: var(--moss); }
.hero-copy { position: relative; }
.hero-copy::before { content:"✦";position:absolute;left:4vw;top:25%;color:var(--teal);font-size:18px;opacity:.58; }
.primary { background: var(--espresso); }
.primary:hover { background: var(--moss); }
.status i { background:var(--sage);box-shadow:0 0 0 4px rgba(154,173,123,.16); }

.hero-art.character-hero {
  background:
    radial-gradient(circle at 67% 26%,rgba(255,255,255,.68) 0 2%,transparent 16%),
    linear-gradient(145deg,#dfe4d5 0%,#aab99a 42%,#58756c 74%,#35494e 100%);
  overflow:hidden;
  isolation:isolate;
}
.featured-work > img {
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  padding-top:72px;
  background:#dfe4d5;
}
.featured-work::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg,transparent 52%,rgba(27,34,31,.5) 100%);
  pointer-events:none;
}
.featured-work .magic-ring,.featured-work .magic-star { z-index:3; }
.hero-art.character-hero::before {
  content:"";position:absolute;width:48%;height:72%;left:27%;top:14%;border-radius:48% 52% 42% 58%;
  background:linear-gradient(155deg,rgba(249,247,239,.72),rgba(77,146,146,.1));
  box-shadow:0 0 80px rgba(245,244,235,.3);transform:rotate(-8deg);filter:blur(.2px);
}
.magic-ring { position:absolute;border:1px solid rgba(255,253,248,.34);border-radius:50%;transform:rotate(-17deg); }
.ring-one { width:76%;aspect-ratio:1;left:11%;top:13%; }
.ring-two { width:110%;aspect-ratio:1;left:-34%;top:26%;border-color:rgba(183,214,209,.3); }
.magic-orb { position:absolute;border-radius:50%;filter:blur(1px);box-shadow:0 0 45px currentColor; }
.orb-one { width:150px;height:150px;right:12%;top:17%;color:rgba(106,177,171,.26);background:currentColor; }
.orb-two { width:90px;height:90px;left:17%;bottom:19%;color:rgba(185,201,145,.28);background:currentColor; }
.abstract-mark { position:absolute;z-index:2;width:48%;height:60%;left:27%;top:20%;transform:rotate(-4deg); }
.abstract-mark i { position:absolute;display:block;border-radius:50% 50% 16% 16%;background:linear-gradient(160deg,rgba(255,253,248,.42),rgba(48,47,45,.12));border:1px solid rgba(255,255,255,.25); }
.abstract-mark i:nth-child(1) { width:44%;height:68%;left:28%;top:4%; }
.abstract-mark i:nth-child(2) { width:72%;height:30%;left:2%;bottom:8%;transform:rotate(20deg); }
.abstract-mark i:nth-child(3) { width:55%;height:24%;right:-2%;bottom:20%;transform:rotate(-28deg);background:linear-gradient(90deg,rgba(70,98,117,.38),rgba(77,146,146,.2)); }
.magic-star { position:absolute;z-index:3;line-height:1;color:#d7e5c0; }
.star-one { right:12%;top:14%;font-size:54px; }
.star-two { left:12%;bottom:24%;font-size:27px;color:#a8d6d1; }
.character-hero .art-caption { z-index:4;color:var(--white);background:rgba(48,47,45,.3);padding:11px 15px;border-left:3px solid #c2d2a0;backdrop-filter:blur(8px); }
.work-visual.has-image::before,.work-visual.has-image::after { display:none; }
.work-visual.has-image img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease; }
.work-visual.has-image:hover img { transform:scale(1.025); }
.work-visual.has-image span { position:relative;padding:4px 8px;background:rgba(48,47,45,.55);backdrop-filter:blur(4px); }
.work-card:not(.tall) .work-visual.has-image img { object-position:center 24%; }
.sd-sheet { min-height:0;padding:0;aspect-ratio:5665/2894;background:#fff; }
.sd-sheet::before,.sd-sheet::after { display:none; }
.sd-sheet a { position:absolute;inset:0;display:block; }
.sd-sheet img { width:100%;height:100%;object-fit:contain;background:#fff; }
.sd-sheet span { position:absolute;right:16px;top:16px;padding:4px 8px;background:rgba(48,47,45,.55);backdrop-filter:blur(4px); }
.sd-work .work-info dl div:last-child { border-bottom:1px solid #eee; }

.filters button.active { background:var(--moss); }
.work-card { border:1px solid rgba(48,47,45,.07);box-shadow:0 10px 35px rgba(48,47,45,.05); }
.art-a .work-visual { background:linear-gradient(160deg,#c4ceb0,#7e9575 54%,#3e524a); }
.art-b .work-visual { background:linear-gradient(145deg,#c9dcda,#72aaa5 55%,#405e66); }
.art-c .work-visual { background:linear-gradient(145deg,#ded6cb,#94857c 58%,#494440); }
.art-d .work-visual { background:linear-gradient(115deg,#dfe4d5,#9eae82 55%,#596d52); }
.art-e .work-visual { background:linear-gradient(150deg,#c5dcda,#6fa5a4 52%,#466275); }
.art-f .work-visual { background:linear-gradient(150deg,#e6e0d6,#adb78e 58%,#514a46); }
.services { background:var(--espresso); }
.service-grid,.service-grid article,.conditions dl div { border-color:#625d58; }
.service-grid b { color:#9dc9c4; }
.conditions small,.service-grid p,.section-head.light>p { color:#d2cdc4; }
.about { background:linear-gradient(135deg,#e4e7da,#c8d2bb); }
.about-signature {
  position: relative;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--moss);
}
.about-signature::before {
  content: "";
  position: absolute;
  width: min(28vw, 360px);
  aspect-ratio: 1;
  border: 1px solid rgba(82,106,78,.28);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(255,253,248,.12);
}
.about-signature span {
  position: relative;
  z-index: 1;
  font-family: var(--serif);
  font-size: clamp(58px, 8vw, 118px);
  font-style: italic;
  line-height: 1;
  letter-spacing: -.07em;
}
.about-signature small {
  position: relative;
  z-index: 1;
  margin-top: 18px;
  padding-left: .28em;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .28em;
}
.contact { background:linear-gradient(145deg,var(--slate),#344e57); }
.contact-form { background:var(--ivory); }
footer { background:#292725;border-top:3px solid var(--sage);padding-top:54px;padding-bottom:54px; }
footer .brand span { color:#fffdf8;font-size:19px; }
footer .brand small { color:#b8c9a0; }
footer>div { justify-content:center;gap:8px 24px; }
.footer-links { flex-direction:column;align-items:center; }
.footer-pages,.footer-socials { display:flex;justify-content:center;gap:8px 24px;flex-wrap:wrap; }
.footer-socials { padding-top:10px;border-top:1px solid rgba(255,255,255,.14); }
.footer-socials a { color:#cbd8b5; }
footer>div a { position:relative;color:#f3efe7;font-size:11px;font-weight:600;letter-spacing:.08em;padding:7px 0;transition:color .2s; }
footer>div a::after { content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .2s; }
footer>div a:hover { color:#cbd8b5; }
footer>div a:hover::after,footer>div a:focus-visible::after { transform:scaleX(1); }
footer>div a:focus-visible { outline:2px solid var(--teal);outline-offset:4px; }
footer p { color:#c8c2b9;font-size:10px;line-height:1.8; }
.flow ol { display:block;max-width:980px;margin:0 auto;border-top:1px solid var(--line); }
.flow li { position:relative;display:grid;grid-template-columns:64px minmax(180px,.42fr) 1fr;align-items:center;gap:20px;min-height:112px;padding:22px 24px;border:0;border-bottom:1px solid var(--line); }
.flow li b { width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--espresso);color:#fff;font-size:10px;z-index:1; }
.flow li h3 { margin:0;font-size:20px; }
.flow li p { margin:0;padding-left:24px;border-left:1px solid var(--line);font-size:12px; }
.workflow-tabs { display:grid;grid-template-columns:1fr 1fr;max-width:720px;margin:0 auto 38px;padding:5px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.45); }
.workflow-tabs button { min-height:72px;padding:10px 20px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .2s,color .2s; }
.workflow-tabs button span { font-family:var(--serif);font-size:18px; }
.workflow-tabs button small { margin-top:2px;font-size:9px;letter-spacing:.08em;opacity:.68; }
.workflow-tabs button[aria-selected="true"] { background:var(--espresso);color:#fff;box-shadow:0 6px 18px rgba(48,47,45,.16); }
.workflow-tabs button:focus-visible { outline:3px solid var(--teal);outline-offset:3px; }
.workflow-panel[hidden] { display:none; }
.workflow-label { margin:0 0 12px;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--moss); }
.workflow-label span { margin-left:10px;color:var(--ink);font-weight:500;letter-spacing:.05em; }
.workflow-note { margin:18px 0 0;padding:14px 18px;border-left:3px solid var(--sage);background:rgba(255,255,255,.5);font-size:11px; }
.pricing { background:#ebece4; }
.pricing-tabs { display:grid;grid-template-columns:1fr 1fr;max-width:720px;margin:0 auto 38px;padding:5px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.52); }
.pricing-tabs button { min-height:72px;padding:10px 20px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .2s,color .2s,box-shadow .2s; }
.pricing-tabs button span { font-family:var(--serif);font-size:18px; }
.pricing-tabs button small { margin-top:2px;font-size:9px;letter-spacing:.08em;opacity:.68; }
.pricing-tabs button[aria-selected="true"] { background:var(--espresso);color:#fff;box-shadow:0 6px 18px rgba(48,47,45,.16); }
.pricing-tabs button:focus-visible { outline:3px solid var(--teal);outline-offset:3px; }
.pricing-panel { max-width:980px;margin:0 auto; }
.pricing-panel[hidden] { display:none; }
.pricing-panel dl { margin:0;border-top:1px solid var(--line); }
.pricing-panel dl div { display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;min-height:76px;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.32); }
.pricing-panel dt { font-family:var(--serif);font-size:16px; }
.pricing-panel dd { margin:0;font-size:15px;font-weight:700;color:var(--moss);white-space:nowrap; }
.pricing-note { margin:18px 0 0;padding:14px 18px;border-left:3px solid var(--sage);background:rgba(255,255,255,.5);font-size:11px; }
.pricing-footnote { max-width:980px;margin:22px auto 0;font-size:10px;color:#656963; }

@media(max-width:900px) {
  html { scroll-padding-top:82px; }
  .hero { height:auto;min-height:100svh;background:#faf8f2; }
  .hero-art.character-hero { min-height:560px; }
  .featured-work > img { padding-top:48px; }
  .about-signature { min-height:260px; }
  .about-signature::before { width:230px; }
  footer { gap:26px; }
  footer>div { justify-content:flex-start; }
  .footer-links { align-items:flex-start; }
  .footer-pages,.footer-socials { justify-content:flex-start; }
}
@media(max-width:560px) {
  .hero-art.character-hero { min-height:430px; }
  .star-one { right:7%;font-size:38px; }
  .character-hero .art-caption { left:16px;bottom:16px; }
  .flow li { grid-template-columns:48px 1fr;gap:6px 14px;min-height:124px;padding:18px 4px; }
  .flow li b { grid-column:1;grid-row:1 / span 2;width:40px;height:40px; }
  .flow li h3 { grid-column:2;font-size:18px; }
  .flow li p { grid-column:2;padding-left:0;border-left:0; }
  .workflow-tabs { margin-bottom:28px; }
  .workflow-tabs button { min-height:66px;padding:8px; }
  .workflow-tabs button span { font-size:15px; }
  .pricing-tabs { margin-bottom:28px; }
  .pricing-tabs button { min-height:66px;padding:8px; }
  .pricing-tabs button span { font-size:15px; }
  .pricing-panel dl div { grid-template-columns:1fr;gap:3px;padding:15px 14px; }
  .pricing-panel dd { white-space:normal; }
  .site-header nav { display:none; }
  .header-socials { margin-left:auto; }
  .header-socials summary { min-width:64px;height:36px;padding:0 11px; }
  .header-social-menu { width:210px; }
}

/* Readability pass: keep supporting text comfortably legible on desktop and mobile. */
body { font-size:16px; }
.eyebrow { font-size:12px;line-height:1.5; }
.brand small { font-size:11px; }
.site-header nav a { font-size:14px; }
.lead { font-size:17px;line-height:1.9; }
.status dt { font-size:11px; }
.status dd { font-size:14px; }
.art-caption b { font-size:12px; }
.art-caption span { font-size:12px; }
.section-head>p { font-size:15px;line-height:1.9; }
.work-info>p,.work-info small { font-size:12px;line-height:1.65; }
.work-info dl div { font-size:13px; }
.service-grid b { font-size:12px; }
.service-grid p { font-size:14px;line-height:1.9; }
.service-grid span { font-size:11px; }
.conditions>div>p:last-child { font-size:14px;line-height:1.9; }
.conditions dt { font-size:12px; }
.conditions dd { font-size:15px; }
.conditions small { font-size:12px;line-height:1.65; }
.workflow-tabs button small,.pricing-tabs button small { font-size:11px; }
.workflow-label { font-size:11px; }
.flow li b { font-size:12px; }
.flow li p { font-size:14px;line-height:1.8; }
.workflow-note,.pricing-note { font-size:13px;line-height:1.8; }
.pricing-footnote { font-size:12px;line-height:1.8; }
.about>div:last-child>p { font-size:15px;line-height:2; }
.about-signature small { font-size:12px; }
.faq summary { font-size:20px; }
.faq details p { font-size:15px;line-height:1.9; }
.contact-intro>p:not(.eyebrow,.note) { font-size:15px;line-height:1.9; }
.note { font-size:13px; }
.contact-form label { font-size:13px; }
.contact-form input,.contact-form select,.contact-form textarea { font-size:16px; }
.form-note { font-size:12px;line-height:1.7; }
footer .brand small { font-size:11px; }
footer>div a { font-size:13px; }
footer p { font-size:12px; }

@media(max-width:560px) {
  .section-head>p,.lead { font-size:16px; }
  .service-grid p,.flow li p,.conditions>div>p:last-child { font-size:14px; }
  .faq details p,.contact-intro>p:not(.eyebrow,.note) { font-size:15px; }
}

/* Motion enhancement. Elements stay visible when JavaScript is unavailable. */
.motion-ready .reveal-item { opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms); }
.motion-ready .reveal-item.is-visible { opacity:1;transform:translateY(0); }
.motion-ready .hero-copy>* { opacity:0;transform:translateY(20px);animation:hero-enter .75s cubic-bezier(.2,.7,.2,1) forwards; }
.motion-ready .hero-copy>*:nth-child(2) { animation-delay:.08s; }
.motion-ready .hero-copy>*:nth-child(3) { animation-delay:.16s; }
.motion-ready .hero-copy>*:nth-child(4) { animation-delay:.24s; }
.motion-ready .hero-copy>*:nth-child(5) { animation-delay:.32s; }
.motion-ready .featured-work { opacity:0;animation:hero-image-enter 1s .12s cubic-bezier(.2,.7,.2,1) forwards; }
.site-header { transition:background-color .25s,box-shadow .25s,border-color .25s; }
.site-header.is-scrolled { background:rgba(250,248,242,.97);box-shadow:0 8px 28px rgba(48,47,45,.12);border-bottom-color:rgba(48,47,45,.28); }
.work-card { transition:transform .28s ease,box-shadow .28s ease; }
.work-card:hover { transform:translateY(-6px);box-shadow:0 18px 44px rgba(48,47,45,.13); }
.faq details[open] { background:rgba(255,255,255,.36); }
.faq details[open] p { animation:faq-open .3s ease both; }
.workflow-panel:not([hidden]),.pricing-panel:not([hidden]) { animation:panel-switch .35s ease both; }
@keyframes hero-enter { to { opacity:1;transform:translateY(0); } }
@keyframes hero-image-enter { from { opacity:0;transform:scale(1.025); } to { opacity:1;transform:scale(1); } }
@keyframes faq-open { from { opacity:0;transform:translateY(-6px); } to { opacity:1;transform:translateY(0); } }
@keyframes panel-switch { from { opacity:0;transform:translateY(10px); } to { opacity:1;transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .motion-ready .reveal-item,.motion-ready .hero-copy>*,.motion-ready .featured-work { opacity:1;transform:none;animation:none;transition:none; }
  .site-header,.work-card,.faq details[open] p,.workflow-panel:not([hidden]),.pricing-panel:not([hidden]) { animation:none;transition:none; }
}

/* Responsive layout stabilization */
html,body { max-width:100%;overflow-x:clip; }
img,svg { max-width:100%; }
.site-header>* { min-width:0; }
@supports not (overflow:clip) { html,body { overflow-x:hidden; } }

@media(max-width:1100px) {
  .site-header { padding-inline:24px; }
  .site-header nav { gap:18px; }
  .site-header nav a { font-size:13px; }
  .header-socials { margin-left:10px; }
}

@media(max-width:900px) {
  .hero-copy { padding:125px 24px 58px; }
  .hero-art.character-hero { min-height:clamp(440px,68vh,590px); }
  .featured-work>img { padding-top:36px; }
  .section { padding:82px 24px; }
  .work-grid { gap:14px; }
  .work-info dd { min-width:0;overflow-wrap:anywhere; }
  .conditions dl { gap:0 24px; }
  .contact { padding:82px 24px;gap:55px; }
  footer { padding-inline:24px; }
}

@media(max-width:560px) {
  html { scroll-padding-top:76px; }
  .site-header { height:70px;padding-inline:16px; }
  .site-header .brand span { font-size:15px; }
  .site-header .brand small { font-size:9px;letter-spacing:.24em; }
  .site-header nav { display:none; }
  .site-header .header-socials { display:block!important;flex:0 0 auto;margin-left:auto;order:3; }
  .header-socials summary { min-width:62px;justify-content:center; }
  .header-social-menu { right:0;width:min(220px,calc(100vw - 32px)); }
  .hero { display:block;min-height:0; }
  .hero-copy { min-height:auto;padding:112px 20px 48px;overflow:hidden; }
  .hero h1 { font-size:clamp(38px,11vw,46px);line-height:1.28;letter-spacing:-.07em;overflow-wrap:anywhere; }
  .lead { margin:22px 0;font-size:15px;overflow-wrap:anywhere; }
  .hero-actions { gap:8px; }
  .hero-actions .button { width:100%; }
  .status { gap:20px;margin-top:34px; }
  .status>div { min-width:0;flex:1; }
  .hero-art.character-hero { min-height:430px; }
  .featured-work>img { padding-top:24px; }
  .art-caption { left:16px;right:16px;bottom:16px; }
  .section { padding:68px 18px; }
  .section-head { margin-bottom:34px; }
  .section-head h2 { font-size:clamp(32px,10vw,44px);overflow-wrap:anywhere; }
  .work-grid { grid-template-columns:minmax(0,1fr); }
  .work-card,.work-card.wide { min-width:0;grid-column:auto; }
  .work-visual,.tall .work-visual,.wide .work-visual { min-height:340px; }
  .sd-sheet { min-height:0;aspect-ratio:5665/2894; }
  .work-info { padding:18px 16px; }
  .work-info dl div { align-items:flex-start; }
  .work-info dt { flex:0 0 56px; }
  .work-info dd { flex:1; }
  .service-grid { grid-template-columns:1fr; }
  .service-grid article { padding:28px 20px;min-height:0;border-right:0; }
  .conditions { margin-top:54px; }
  .conditions dl { grid-template-columns:1fr; }
  .conditions dl div { padding:18px 0; }
  .workflow-tabs,.pricing-tabs { grid-template-columns:1fr 1fr;width:100%; }
  .workflow-tabs button,.pricing-tabs button { min-width:0;padding:8px 6px; }
  .workflow-tabs button span,.pricing-tabs button span { font-size:14px; }
  .workflow-tabs button small,.pricing-tabs button small { font-size:10px;line-height:1.4; }
  .flow ol,.pricing-panel { width:100%;min-width:0; }
  .flow li { grid-template-columns:44px minmax(0,1fr);padding-inline:0; }
  .flow li h3,.flow li p { min-width:0;overflow-wrap:anywhere; }
  .pricing-panel dl div { min-width:0; }
  .pricing-panel dt,.pricing-panel dd { overflow-wrap:anywhere; }
  .about { gap:35px; }
  .about-signature { min-height:220px; }
  .contact { padding:68px 18px; }
  .contact h2 { font-size:clamp(34px,10vw,46px); }
  .contact-form { padding:24px 16px; }
  .two { grid-template-columns:1fr; }
  footer { padding:44px 18px;gap:28px; }
  .footer-pages,.footer-socials { gap:6px 18px; }
}