/* Hallmark · shape: Proof-led service · genre: modern-minimal · theme: brand · redesign: full · copy: verbatim · hero: Stage · nav: balanced · footer: contact mast · signature: anonymized receipt · axes: paper/serif/green · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E3 S4 R4 V3 · weakest: E, simplify controls and hierarchy before visual verification. */
/* Hallmark · dismissed 25 · Footer contacts and independence notice are short identifiers rather than reading paragraphs. */
@import url("./tokens.css");
@import url("./base.css");
@font-face{font-family:"Libre Franklin";src:url(assets/libre-franklin.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(assets/source-serif.woff2) format("woff2");font-weight:400 600;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:var(--space-lg);overflow-x:clip}
body{overflow-x:clip;font-family:var(--font-body);font-size:var(--text-md);line-height:1.65;color:var(--color-ink);background:var(--color-paper)}
figure,p,h1,h2,h3,dl,dd{margin:0}
h1{font-family:var(--font-display);font-size:var(--text-display);font-weight:500;line-height:1.08;letter-spacing:var(--tracking-display);max-width:12ch;overflow-wrap:break-word;min-width:0}
h2,h3{font-family:var(--font-body);font-weight:600;letter-spacing:var(--tracking-display);overflow-wrap:break-word;min-width:0}
h2{font-size:var(--text-section);line-height:1.2;max-width:20ch}
h3{font-size:var(--text-title);line-height:1.4}
strong{font-weight:600}
p{max-width:65ch}
a{color:inherit;text-underline-offset:5px}
a:hover{color:var(--color-accent)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,.button.btn:focus-visible,.menu-toggle.btn:focus-visible,.number-control .btn:focus-visible,input.form-control:focus-visible,input.form-check-input:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;box-shadow:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;width:100%;max-width:100%;height:auto}
.container.frame{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}
.section{padding-block:var(--section-gap);scroll-margin-top:var(--space-lg)}
.lead{font-size:var(--text-lead);font-weight:400;line-height:1.6;max-width:43ch}
.small,figcaption{font-size:var(--text-sm);line-height:1.65}
::selection{background:var(--color-accent);color:var(--color-accent-ink)}
input{caret-color:var(--color-accent)}
.button.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:50px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent);border-radius:var(--radius-input);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;font-size:1rem;line-height:1.4;text-decoration:none;white-space:nowrap;box-shadow:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}
.button.btn:hover{color:var(--color-accent-ink);background:var(--color-accent-hover);border-color:var(--color-accent-hover)}
.button.btn:active{transform:translateY(1px)}
.button.btn[aria-disabled="true"]{color:var(--color-muted);background:var(--color-paper-3);border-color:var(--color-rule);cursor:not-allowed}
.button svg{flex:none}
.lead-column .button>svg{display:none}
.skip{position:absolute;top:8px;left:24px;z-index:var(--z-sticky-nav);padding:var(--space-sm);color:var(--color-accent-ink);background:var(--color-ink);transform:translateY(-160%)}
.skip:focus{color:var(--color-accent-ink);transform:none}
.header.navbar{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-xl);min-height:96px;padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule)}
.brand.navbar-brand{display:inline-flex;align-items:center;gap:var(--space-sm);margin:0;padding:0;color:var(--color-ink);font-size:1.375rem;font-weight:600;letter-spacing:var(--tracking-display);white-space:nowrap}
.brand img{width:28px;height:28px}
.header nav{align-items:center;gap:var(--space-lg);margin-left:auto;font-size:var(--text-sm)}
.header .nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0;color:var(--color-muted);text-decoration:none;letter-spacing:normal}
.header .nav-link:hover{color:var(--color-accent)}
.header-action{margin-left:var(--space-xs)}
.header .button{min-height:46px}
.menu-toggle{display:none;align-items:center;gap:var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-sm);color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input);font-size:var(--text-sm)}
.menu-toggle:hover{color:var(--color-accent);background:var(--color-paper-3)}
.menu-toggle:active{transform:translateY(1px)}
.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:var(--gap-columns);min-height:calc(100svh - 96px);padding-block:var(--space-3xl)}
.title-line,.title-line>span{display:block}
.title-line{padding-bottom:var(--space-2xs);margin-bottom:calc(-1 * var(--space-2xs))}
.lead-column .lead{margin-top:var(--space-xl)}
.lead-column .button{margin-top:var(--space-xl)}
.hero-note{margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);max-width:38ch}
.hero-acuse{min-width:0}
.acuse-image{display:block;border:1px solid var(--color-rule);background:var(--color-paper);padding:var(--space-sm);transition:transform var(--dur-short) var(--ease-out)}
.acuse-image:hover{transform:translateY(-2px)}
.hero-acuse figcaption{margin-top:var(--space-md);color:var(--color-muted)}
.hero-acuse figcaption strong{color:var(--color-ink)}
.hero-acuse figcaption a{color:var(--color-accent);white-space:nowrap}
.service{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gap-columns);border-top:1px solid var(--color-rule)}
.service-copy .lead{margin-top:var(--space-lg)}
.service-copy>p:last-child{margin-top:var(--space-lg)}
.service-evidence{min-width:0;align-self:center}
.receipt-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}
.receipt-stages dt{margin-bottom:var(--space-xs);color:var(--color-ink-2);font-size:var(--text-md);font-weight:600}
.receipt-stages dd{font-size:var(--text-sm);max-width:27ch}
.client-preview{max-width:520px}
.client-preview img{border:1px solid var(--color-rule)}
.client-preview figcaption{margin-top:var(--space-sm);color:var(--color-muted)}
.workflow{background:var(--color-accent-hover);color:var(--color-accent-ink)}
.section-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gap-columns);margin-bottom:var(--space-3xl)}
.flow-list{list-style:none;margin:0;padding:0}
.flow-list li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gap-columns);padding-block:var(--space-xl);border-top:1px solid var(--color-accent)}
.flow-list p{max-width:52ch}
.monthly-note{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--gap-columns);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-accent)}
.monthly-note h3{font-size:var(--text-md);max-width:32ch}
.quotation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-xl) var(--gap-columns)}
.quote-intro .lead{margin-top:var(--space-lg)}
.quote-intro p+p{margin-top:var(--space-lg)}
.quote-ticket{align-self:start;min-width:0;padding:var(--space-2xl);background:var(--color-paper-2)}
.quote-ticket form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
.quote-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-xl);align-items:start}
.quote-controls>label{grid-column:1;margin:0}
.quote-controls label,legend{font-size:var(--text-sm);font-weight:500;line-height:1.55;letter-spacing:normal}
.number-control.input-group{grid-column:1;display:flex;align-items:center;max-width:240px;margin-top:var(--space-md);border:1px solid var(--color-muted);border-radius:var(--radius-input);background:var(--color-paper);overflow:clip}
.number-control .btn{display:flex;align-items:center;justify-content:center;width:44px;min-height:48px;flex:none;padding:0;border:0;border-radius:0;background:var(--color-paper);color:var(--color-ink);font-size:1.25rem;box-shadow:none}
.number-control .btn:hover:not(:disabled){background:var(--color-paper-3)}
.number-control .btn:active:not(:disabled){background:var(--color-paper-2)}
.number-control .btn:disabled{color:var(--color-muted);background:var(--color-paper-2);cursor:not-allowed;opacity:1}
.number-control .form-control{flex:1;min-width:0;width:48px;min-height:48px;padding:var(--space-xs) 0;border:0;color:var(--color-ink);background:var(--color-paper);text-align:center;font-size:var(--text-md);font-variant-numeric:tabular-nums;appearance:textfield}
.number-control:has(input[aria-invalid="true"]){outline:2px solid var(--color-error);outline-offset:2px}
.number-control input::-webkit-inner-spin-button{appearance:none}
.form-control:focus,.form-check-input:focus{box-shadow:none}
fieldset{grid-column:2;grid-row:1/3;min-width:0;border:0;margin:0;padding:0}
legend{float:none;width:auto;margin:0 0 var(--space-xs)}
fieldset label{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;margin:0;cursor:pointer}
.form-check-input[type=radio]{width:20px;height:20px;float:none;margin:0;border-color:var(--color-muted);accent-color:var(--color-accent);cursor:pointer;appearance:auto;background-image:none;background-color:transparent}
.form-check-input[type=radio]:checked{border-color:var(--color-accent);appearance:auto;background-image:none;background-color:transparent}
.form-check-input:focus{border-color:var(--color-accent)}
.quote-stub{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);min-width:0;padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}
.quote-summary{color:var(--color-ink-2);font-size:var(--text-lg);font-weight:600;line-height:1.6}
.quote-stub .button{width:100%;justify-content:space-between}
.quote-stub .small{margin-top:calc(-1 * var(--space-sm));color:var(--color-muted)}
.quote-terms{grid-column:2;color:var(--color-muted)}
.faq{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-top:0}
.faq-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-xl);align-items:end}
.faq-intro h2{max-width:none}
.faq-intro .faq-contact{grid-column:2;grid-row:1/3;margin-top:0}
.faq>div>p{margin-top:var(--space-sm);color:var(--color-muted)}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}
.faq-column{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}
.faq-list details{padding-block:var(--space-lg);border-top:1px solid var(--color-rule)}
.faq-list details:last-child{border-bottom:1px solid var(--color-rule)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);font-size:var(--text-md);font-weight:500;line-height:1.6;cursor:pointer;list-style:none}
.faq-list summary:hover{color:var(--color-accent)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:8px;height:8px;margin-right:var(--space-2xs);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--dur-short) var(--ease-out)}
.faq-list details[open] summary::after{transform:rotate(225deg)}
.faq-list details[open] summary{color:var(--color-accent)}
.faq-list details p{padding-top:var(--space-md);font-size:var(--text-md);line-height:1.7}
.footer{padding-block:var(--space-lg);color:var(--color-accent-ink);background:var(--color-ink)}
.footer>.frame{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand info" "credit credit";align-items:center;gap:var(--space-md) var(--space-2xl)}
.footer-contact{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}
.footer-contact h2{max-width:18ch}
.button.btn.button-light{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-paper)}
.button.btn.button-light:hover{background:var(--color-paper-3);color:var(--color-ink);border-color:var(--color-paper-3)}
.button-light:focus-visible,.footer a:focus-visible{outline-color:var(--color-paper)}
.footer-info{grid-area:info;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-xl);margin-top:0;font-size:var(--text-sm)}
.footer-info br{display:none}
.footer-info p{max-width:30ch}
.footer-info span{white-space:nowrap}
.footer a:not(.button):hover{color:var(--color-paper-3);text-decoration-thickness:2px}
.footer-wordmark{grid-area:brand;margin:0;max-width:none;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:600;line-height:1.15;letter-spacing:var(--tracking-display)}
.footer .video-credit{grid-area:credit;max-width:none;margin:0;font-size:var(--text-xs)}
@media(max-width:1100px){
 .header.navbar{gap:var(--space-lg)}.header nav{gap:var(--space-md)}.header .button{padding-inline:var(--space-md);font-size:var(--text-sm)}
 .quote-controls{display:block}.quote-controls fieldset{margin-top:var(--space-lg)}
 .quote-ticket{padding:var(--space-xl)}
}
@media(max-width:900px){
 .header.navbar{min-height:112px;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}
 .header nav{order:3;width:100%;justify-content:space-between;gap:var(--space-lg);margin:0}
 .header-action{margin-left:auto}
 .hero{min-height:0;padding-block:var(--space-3xl);gap:var(--space-xl)}
 .lead-column .lead{margin-top:var(--space-lg)}.lead-column .button{margin-top:var(--space-lg);padding-inline:var(--space-md);font-size:var(--text-sm)}
 .hero-acuse figcaption{font-size:var(--text-xs)}
 .receipt-stages{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}
 .section-intro{margin-bottom:var(--space-2xl)}
}
@media(max-width:600px){
 .header.navbar{min-height:88px;padding-block:var(--space-md);gap:var(--space-sm);border-bottom:1px solid var(--color-rule)}
 .brand.navbar-brand{font-size:1.25rem}
 .header .header-action{display:none}
 .menu-toggle:not([hidden]){display:inline-flex;margin-left:auto}
 .header nav{justify-content:space-between;gap:var(--space-md);font-size:.875rem}
 .header nav.menu-closed{display:none}
 .hero{grid-template-columns:minmax(0,1fr);padding-block:var(--space-2xl) var(--space-3xl);gap:var(--space-2xl)}
 .lead-column .lead{max-width:38ch}.lead-column .button{font-size:1rem}
 .hero-note{max-width:32ch;margin-top:var(--space-lg)}
 .hero-acuse figcaption{font-size:var(--text-sm)}
 .service,.section-intro,.quotation,.faq,.monthly-note{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
 .receipt-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}
 .service-copy .lead{margin-top:var(--space-lg)}
 .section-intro h2 br{display:none}
 .flow-list li{grid-template-columns:minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-lg)}
 .monthly-note{margin-top:var(--space-lg);padding-top:var(--space-lg);gap:var(--space-sm)}
 .quote-ticket{padding:var(--space-lg)}
 .quote-controls fieldset label{display:inline-flex;margin-right:var(--space-lg)}
 .quote-terms{grid-column:1}
 .faq-list details{padding-block:var(--space-lg)}
 .footer{padding-block:var(--space-lg)}
 .footer>.frame{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "info" "credit";gap:var(--space-md)}
 .footer-contact{display:block}.footer-contact h2{max-width:none}.footer-contact .button{margin-top:var(--space-lg)}
 .footer-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs) var(--space-md);margin-top:0}
 .footer-info>p:nth-child(2){grid-column:1/-1;grid-row:2}
 .footer-wordmark{margin-top:0}
}
@media(max-width:700px){.faq-list{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.faq-intro{display:block}.faq-intro .faq-contact{margin-top:var(--space-xs)}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}