/* Hallmark · macrostructure: Workbench · theme: Rasad, existing identity
 * Product-led revision after explicit user feedback; Sete Pontes is footer credit only.
 * Official v2 SVGs; colors from web/shared/tokens.css; presentation scale scoped to site/.
 * Pre-emit critique: P4 H4 E4 S5 R4 V4. No customer data; local demonstration captures.
 */
@import url("tokens.css");
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{overflow-x:clip;margin:0;background:var(--color-night);color:var(--color-light);font:var(--text-body)/1.65 var(--font-sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--color-accent);color:var(--color-accent-ink)}
a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}
img,svg{display:block;max-width:100%}img{height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}svg>*{vector-effect:non-scaling-stroke}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;min-width:0;overflow-wrap:anywhere}h1{font-size:var(--text-hero);font-weight:650;line-height:1.04;letter-spacing:-.04em}h1 span{display:block;margin-top:.16em}h2{font-size:var(--text-section);line-height:1.12;letter-spacing:-.035em;font-weight:650}h3{font-size:var(--text-title);line-height:1.35;font-weight:600;letter-spacing:-.015em}
.container{width:min(calc(100% - var(--gutter)*2),var(--container));margin-inline:auto}.skip-link{position:absolute;left:16px;top:16px;z-index:10;padding:12px 16px;background:var(--color-light);color:var(--color-ink);transform:translateY(-200%)}.skip-link:focus{transform:none}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:var(--header-height);border-bottom:1px solid var(--color-rule)}.brand{width:206px;flex:none}.header-inner nav{display:flex;align-items:center;gap:var(--space-6)}.header-inner nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-small);text-decoration:none;white-space:nowrap;color:var(--color-night-muted)}.header-inner nav a:hover{color:var(--color-light)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-4);min-height:50px;padding:12px 22px;border:1px solid transparent;border-radius:var(--radius);font-size:var(--text-small);line-height:1.4;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color var(--motion),border-color var(--motion)}.button:hover{text-decoration:none}.button-primary{background:var(--color-accent);color:var(--color-accent-ink)}.button-primary:hover{background:var(--color-accent-hover)}.button-primary:active{background:var(--color-accent-hover)}.button-outline{background:transparent;border-color:var(--color-rule);color:var(--color-light)}.button-outline:hover{border-color:var(--color-night-muted);background:var(--color-raised)}.button svg{width:18px;height:18px}.label-short{display:none}.text-link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--text-small);font-weight:600;white-space:nowrap}
.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-8);align-items:center;padding-block:80px 96px}.hero-copy{min-width:0}.hero-lead{margin-top:var(--space-5);font-size:var(--text-lead);line-height:1.6;max-width:35ch;color:var(--color-light)}.hero-audience{color:var(--color-night-muted);font-size:var(--text-small);margin-top:var(--space-4);max-width:42ch}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-6)}
.hero-product{min-width:0}.product-stage{position:relative;padding-bottom:80px}.console-shot{display:block;border:1px solid var(--color-rule);border-radius:var(--radius);overflow:hidden}.console-shot img{width:100%}.app-shot{display:block;position:absolute;left:-24px;bottom:0;width:26%;border:1px solid var(--color-rule);border-radius:var(--radius);overflow:hidden}.app-shot img{width:100%}.hero-product figcaption{font-size:var(--text-caption);color:var(--color-night-muted);margin-top:var(--space-4);text-align:right}

.app-section{background:var(--color-paper);color:var(--color-ink);padding-block:var(--section-space);--color-focus:var(--color-accent)}.app-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:var(--space-8)}.section-lead{margin-top:var(--space-5);color:var(--color-secondary);max-width:42ch;font-size:var(--text-lead)}.benefits{margin-top:var(--space-6)}.benefits article{padding-block:var(--space-5);border-top:1px solid var(--color-light-rule)}.benefits p{color:var(--color-secondary);font-size:var(--text-small);margin-top:var(--space-2);max-width:48ch}.app-copy>.text-link{margin-top:var(--space-4)}
.management{padding-block:var(--section-space)}.management-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:var(--space-8);align-items:end;margin-bottom:var(--space-7)}.management-heading>p{color:var(--color-night-muted);max-width:45ch}.management-shot{width:100%}.management-shot>a{display:block;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius)}.management-shot img{width:100%}.management-shot figcaption{color:var(--color-night-muted);font-size:var(--text-caption);margin-top:var(--space-3)}.management-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-7)}.management-notes p{display:grid;gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--color-rule)}.management-notes strong{font-size:var(--text-body);font-weight:600}.management-notes span{color:var(--color-night-muted);font-size:var(--text-small)}
.infrastructure{background:var(--color-raised);padding-block:var(--space-8)}.infrastructure-inner{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-6);align-items:center}.infrastructure svg{width:44px;height:44px;color:var(--color-night-muted)}.infrastructure h2{font-size:clamp(1.5rem,2vw,2rem)}.infrastructure p{font-size:var(--text-small);color:var(--color-night-muted);max-width:52ch}
.closing-sections{min-height:100svh;display:flex;flex-direction:column}.closing-sections>.closing{margin-top:auto}
.questions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:var(--space-8);padding-block:var(--section-space)}.questions-intro>p{color:var(--color-night-muted);margin-top:var(--space-5);max-width:29ch}.question-list details{border-bottom:1px solid var(--color-rule)}.question-list details:first-child{border-top:1px solid var(--color-rule)}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-5);min-height:76px;list-style:none;cursor:pointer;font-size:var(--text-body);font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary svg{width:18px;height:18px;transition:transform var(--motion)}details[open] summary svg{transform:rotate(45deg)}details>p{padding:0 var(--space-6) var(--space-5) 0;font-size:var(--text-small);color:var(--color-night-muted)}
.closing{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding-block:var(--space-8) var(--section-space);border-top:1px solid var(--color-rule)}.closing p{color:var(--color-night-muted);margin-bottom:var(--space-5);max-width:35ch}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5);padding-block:var(--space-6);border-top:1px solid var(--color-rule);color:var(--color-night-muted);font-size:var(--text-caption)}.footer-brand{width:145px;margin-right:auto;flex:none}.site-footer>span{margin-left:var(--space-5)}
@media(max-width:1100px){.hero{gap:var(--space-6)}.hero-actions{gap:var(--space-4)}.app-layout{gap:var(--space-7)}.hero{padding-block:64px 80px}.header-inner nav{gap:var(--space-5)}.brand{width:180px}.header-cta{padding-inline:16px}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}h1{font-size:clamp(3rem,7.5vw,4rem)}h1 br{display:none}h1 span{margin-top:0}.hero-copy{max-width:650px}.hero-lead{max-width:48ch}.hero-product{width:min(100%,700px);margin-inline:auto}.app-shot{left:16px}.header-inner nav{display:none}.app-layout{grid-template-columns:minmax(0,1fr)}.app-copy{grid-row:1}.management-heading,.questions{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.infrastructure-inner{grid-template-columns:44px minmax(0,1fr)}.infrastructure p{grid-column:1/-1;max-width:65ch}.closing{align-items:start;flex-direction:column;gap:var(--space-6)}}
@media(max-width:560px){:root{--text-hero:2.5rem;--text-section:1.75rem;--gutter:24px}.header-inner{min-height:80px;gap:12px}.brand{width:150px}.header-cta{padding:10px 12px;min-height:42px;gap:8px}.label-long{display:none}.label-short{display:inline}.hero{padding-block:40px 56px;gap:32px}h1{font-size:clamp(2.25rem,10.3vw,2.75rem);letter-spacing:-.035em;line-height:1.08}.hero-lead{font-size:var(--text-body);margin-top:20px}.hero-audience{margin-top:12px}.hero-actions{gap:16px;margin-top:24px}.button{padding-inline:16px}.hero-actions>.button{gap:12px}.hero-actions>.text-link{font-size:13px}.product-stage{padding-bottom:72px}.app-shot{width:34%;left:12px}.hero-product figcaption{text-align:left;font-size:12px}.section-lead{font-size:var(--text-body)}.app-section{padding-block:56px}.app-layout{gap:32px}.benefits article{padding-block:20px}.management-heading{margin-bottom:32px}.management-notes{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}.management-notes p{padding-top:20px}.management-shot{width:100%}.infrastructure{padding-block:40px}.infrastructure-inner{gap:20px}.questions{gap:32px}.closing{padding-block:48px 64px}.site-footer{align-items:start;flex-direction:column;gap:16px}.site-footer>span{margin-left:0}}
/* The desktop opening fills the available height and keeps both captures intact. */
@media(min-width:901px){
 .hero{--hero-padding:clamp(24px,5svh,64px);--hero-overlap:clamp(32px,8svh,80px);--text-hero:clamp(3rem,min(4.5vw,8svh),4.5rem);min-height:calc(100svh - var(--header-height));padding-block:var(--hero-padding)}
 .hero-product{width:min(100%,max(240px,calc((100svh - var(--header-height) - var(--hero-padding)*2 - var(--hero-overlap) - 48px)*1.6)));justify-self:end}
 .hero-product .product-stage{padding-bottom:var(--hero-overlap)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}



@media(max-width:560px){.hero-actions>.text-link{font-size:var(--text-caption)}}

/* Product captures stay intact; the App leads the mobile hero. */
.app-overview{display:block;width:100%;padding:0;position:static;max-width:540px;margin-inline:auto}.app-overview>a{display:block;overflow:hidden;border:1px solid var(--color-light-rule);border-radius:var(--radius)}.app-overview img{width:100%}.app-overview figcaption{font-size:var(--text-caption);color:var(--color-muted);text-align:center;margin-top:var(--space-4)}
@media(max-width:560px){.hero-product .product-stage{min-height:0;padding:0;position:relative}.hero-product .console-shot{position:absolute;top:72px;right:0;width:90%}.hero-product .app-shot{position:relative;width:60%;left:0;bottom:auto;max-width:230px;z-index:1}}