/* Shared HOUR design — marketing, onboarding, legal and error pages. */
html[data-orbit] body { --container:1240px; --text-muted:#aaa; --text-soft:#ccc; --muted:#aaa; min-width:0; background:#080808; }
html[data-orbit] body .site-header { background:#080808ed; border-color:#ffffff18; }
html[data-orbit] body .site-header__inner { min-height:78px; }
/* Blend away black asset backgrounds; soften the empty outer margin only. */
html[data-orbit] body .brand-logo-motion,html[data-orbit] body .brand-logo,html[data-orbit] body .site-footer__brand img { mix-blend-mode:screen; -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent); }
html[data-orbit] body .site-nav a { font-weight:500; font-size:13px; border-radius:999px; }
html[data-orbit] body .btn { border-radius:999px; min-height:52px; font-size:12px; padding:14px 24px; line-height:1.4; transition:background .2s,transform .2s; }
html[data-orbit] body .btn:not(:disabled):hover { transform:translateY(-2px); }
html[data-orbit] body .btn:disabled { cursor:not-allowed; opacity:.5; }
html[data-orbit] body .btn--ghost { border-color:#555; }
html[data-orbit] body .eyebrow { color:#aaa; font-size:10px; letter-spacing:.17em; }
html[data-orbit] body .site-footer { background:#080808; border-color:#ffffff18; }
html[data-orbit] body .site-footer__bottom,html[data-orbit] body .site-footer--minimal .site-footer__bottom a { color:#a3a3a3; line-height:1.9; }
.orbit-official-clock { width:162px; height:162px; object-fit:contain; filter:drop-shadow(0 18px 20px #0008); }
html[data-orbit] body:not(.home-v2) .page-hero { position:relative; min-height:650px; padding-block:90px; background:radial-gradient(ellipse at 80% 35%,#28282888,transparent 55%); }
html[data-orbit] body:not(.home-v2) .page-hero::before { opacity:.035; left:27%; height:78%; top:47%; -webkit-mask-image:linear-gradient(#000 60%,transparent); mask-image:linear-gradient(#000 60%,transparent); }
html[data-orbit] body .page-hero__grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:80px; align-items:center; }
html[data-orbit] body .page-hero h1 { max-width:12ch; font-size:clamp(3.3rem,6.4vw,6.4rem); line-height:1.02; font-weight:500; letter-spacing:-.065em; }
html[data-orbit] body .page-hero h1 span { color:#a8a8a8; -webkit-text-stroke:0; }
html[data-orbit] body .page-hero__lead { max-width:47ch; font-size:17px; line-height:1.85; color:#b8b8b8; margin-top:26px; }
html[data-orbit] body .page-hero__note { color:#aaa; font-size:12px; margin-top:22px; }
html[data-orbit] body .page-hero__panel { position:relative; padding:32px; border:1px solid #ffffff32; border-radius:26px; background:linear-gradient(135deg,#252525,#111 65%); color:#fff; box-shadow:0 30px 70px #0006; }
.page-brand-sculpture { height:180px; display:grid; place-items:center; margin-bottom:25px; position:relative; }
.page-brand-sculpture::before { content:''; position:absolute; width:230px; height:140px; border:1px solid #ffffff24; border-radius:50%; transform:rotate(-25deg); }
.page-brand-sculpture img { position:relative; width:135px; height:135px; filter:drop-shadow(0 15px 25px #0008); }
html[data-orbit] body .page-hero__panel-title { color:#fff; font-size:18px; font-weight:500; }
html[data-orbit] body .page-hero__panel li { color:#bdbdbd; font-size:13px; line-height:1.75; }
html[data-orbit] body .page-hero__list li::before { color:#fff; }
html[data-orbit] body .page-hero__list li { display:block; position:relative; padding-left:24px; }
html[data-orbit] body .page-hero__list li::before { position:absolute; left:0; top:0; }
html[data-orbit] body .page-hero__steps li::before { background:#eee; color:#111; }
html[data-orbit] body:not(.home-v2) .section { padding-block:90px; border-color:#ffffff18; }
html[data-orbit] body:not(.home-v2) .section h2 { font-size:clamp(2rem,4vw,3.5rem); max-width:24ch; font-weight:450; line-height:1.12; letter-spacing:-.045em; }
html[data-orbit] body .section-copy { max-width:65ch; line-height:1.9; color:#b8b8b8; }
html[data-orbit] body #o-problema .container { display:grid; grid-template-columns:1.2fr 1fr; gap:20px 80px; }
html[data-orbit] body #o-problema .eyebrow { grid-column:1/-1; }
html[data-orbit] body #o-problema .section-copy { margin:0; align-self:center; }
html[data-orbit] body #beneficios { background:#e9e9e6; color:#111; }
html[data-orbit] body #beneficios .eyebrow,html[data-orbit] body .requirements-section .eyebrow { color:#444; }
html[data-orbit] body #beneficios .trust-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; border:0; margin-top:50px; }
html[data-orbit] body #beneficios .trust-list li { display:flex; flex-direction:column; border-top:1px solid #0003; border-bottom:0; padding-top:25px; gap:25px; }
html[data-orbit] body #beneficios .trust-list li span { color:#555; font-weight:400; font-size:26px; }
html[data-orbit] body #beneficios .trust-list li p { color:#333; line-height:1.8; }
html[data-orbit] body:not(.home-v2) .trust-section .trust-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; border:0; margin-top:42px; }
html[data-orbit] body:not(.home-v2) .trust-section .trust-list li { padding:26px; border:1px solid #ffffff20; border-radius:18px; background:#111; }
html[data-orbit] body:not(.home-v2) .trust-list li span { color:#fff; }
html[data-orbit] body:not(.home-v2) .trust-section .trust-list li p { color:#bcbcbc; font-size:14px; line-height:1.8; }
html[data-orbit] body .requirements-section { padding-block:85px; background:#e9e9e6; color:#111; }
html[data-orbit] body .requirements-section h2 { font-size:clamp(2rem,4vw,3.5rem); letter-spacing:-.045em; font-weight:450; line-height:1.15; }
html[data-orbit] body .requirements-list { gap:18px; }
html[data-orbit] body .requirements-list li { border-radius:20px; padding:28px; background:#171717; line-height:1.75; }
html[data-orbit] body .requirements-list__icon { background:#eee; color:#111; }
html[data-orbit] body .form-section { padding-block:90px; background:radial-gradient(ellipse at right bottom,#262626,#080808 65%); }
html[data-orbit] body .form-copy h2 { font-size:clamp(2.1rem,4vw,3.8rem); font-weight:450; line-height:1.12; letter-spacing:-.05em; }
html[data-orbit] body .form-card { border-radius:24px; border-color:#ffffff30; background:linear-gradient(135deg,#202020,#101010); padding:35px; box-shadow:0 20px 60px #0005; }
/* Task pages stay calm and readable; controls and verification logic unchanged. */
html[data-orbit] body main:has(> .flow-shell) { padding:55px 0 75px; min-height:calc(100svh - 150px); background:radial-gradient(ellipse at 50% 0,#26262677,transparent 60%); }
html[data-orbit] body main:has(> .flow-shell)::before { opacity:.018; }
html[data-orbit] body .flow-shell { max-width:680px; padding:38px; border:1px solid #ffffff26; border-radius:26px; background:linear-gradient(145deg,#1b1b1b,#101010 65%); box-shadow:0 25px 80px #0005; }
.flow-brand { display:flex; align-items:center; gap:18px; margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #ffffff18; }
.flow-brand img { width:46px; height:46px; }
.flow-brand span { font-size:9px; letter-spacing:.17em; color:#aaa; }
html[data-orbit] body .flow-shell h1 { font-size:clamp(2.1rem,4.5vw,3.4rem); font-weight:450; letter-spacing:-.05em; margin:25px 0 15px; line-height:1.1; }
html[data-orbit] body .flow-shell .page-hero__lead { font-size:15px; margin-top:16px; margin-bottom:28px; }
html[data-orbit] body .flow-steps { gap:6px; margin-bottom:30px; }
html[data-orbit] body .flow-steps li { font-size:10px; padding:7px 10px; border-color:#444; border-radius:999px; color:#aaa; }
html[data-orbit] body .flow-steps li[aria-current] { color:#111; background:#eee; border-color:#eee; }
html[data-orbit] body .field { gap:9px; }
html[data-orbit] body .field label { font-size:13px; }
html[data-orbit] body .field input,html[data-orbit] body .form-field input,html[data-orbit] body .form-field select,html[data-orbit] body .form-field textarea { background:#0b0b0b; border:1px solid #555; border-radius:12px; min-height:52px; padding:14px; color:#eee; font-size:16px; max-width:100%; }
html[data-orbit] body .field input:focus-visible { outline:2px solid #ddd; outline-offset:3px; }
html[data-orbit] body .field input[readonly] { background:#202020; color:#aaa; border-color:#3d3d3d; }
html[data-orbit] body .field input[aria-invalid="true"],html[data-orbit] body .form-field input[aria-invalid="true"] { border-color:#e88; }
html[data-orbit] body .doc-slot[data-doc-stored="true"] { border-color:#6b9b76; }
html[data-orbit] body .field__hint { line-height:1.8; color:#aaa; }
html[data-orbit] body .check-row { line-height:1.8; font-size:13px; }
html[data-orbit] body .doc-slot,html[data-orbit] body .state-card { padding:24px; border-radius:18px; background:#151515; border-color:#444; }
html[data-orbit] body .doc-slot__actions { width:100%; }
html[data-orbit] body .flow-status { margin-block:20px; line-height:1.7; }
html[data-orbit] body .flow-details { line-height:1.8; }
/* Reading surfaces share the brand while keeping long-form text comfortable. */
html[data-orbit] body .legal-main { padding-block:70px 100px; background:radial-gradient(ellipse at 85% 0,#20202077,transparent 40%); }
html[data-orbit] body .legal-layout { grid-template-columns:235px minmax(0,820px); gap:60px; }
html[data-orbit] body .legal-nav { padding:16px; border:1px solid #ffffff20; border-radius:18px; background:#111; }
html[data-orbit] body .legal-nav a { font-size:12px; padding:11px; color:#bbb; }
html[data-orbit] body .legal-nav a[aria-current] { background:#292929; color:#fff; }
html[data-orbit] body .legal-article { min-width:0; }
html[data-orbit] body .legal-article header { border-bottom:1px solid #ffffff25; padding-bottom:40px; }
html[data-orbit] body .legal-article h1 { font-size:clamp(2.5rem,5vw,4.6rem); line-height:1.07; letter-spacing:-.055em; font-weight:450; overflow-wrap:anywhere; }
html[data-orbit] body .legal-article .intro { max-width:62ch; font-size:17px; line-height:1.85; color:#bbb; }
html[data-orbit] body .legal-section { padding-block:30px; }
html[data-orbit] body .legal-section h2 { font-size:22px; font-weight:500; letter-spacing:-.025em; }
html[data-orbit] body .legal-section p,html[data-orbit] body .legal-section li { color:#bdbdbd; font-size:15px; line-height:1.9; overflow-wrap:anywhere; }
html[data-orbit] body .legal-main:not(:has(.legal-layout)) .legal-article { max-width:850px; margin:auto; padding:50px; border:1px solid #ffffff25; border-radius:24px; background:#111; }
@media (max-width:1060px) {
 html[data-orbit] body .page-hero__grid { gap:35px; }
 html[data-orbit] body .page-hero h1 { font-size:clamp(3rem,6vw,5rem); }
 html[data-orbit] body .legal-layout { gap:30px; grid-template-columns:200px minmax(0,1fr); }
}
@media (max-width:920px) {
 html[data-orbit] body .site-header__inner { min-height:68px; }
 html[data-orbit] body .site-nav:not([data-nav-menu]) { position:static; display:flex; width:auto; flex-direction:row; border:0; padding:0; background:none; }
 html[data-orbit] body .site-nav:not([data-nav-menu]) a { width:auto; }
 html[data-orbit] body .legal-layout { grid-template-columns:1fr; }
 html[data-orbit] body .legal-nav { position:static; max-width:100%; }
}
@media (max-width:760px) {
 html[data-orbit] body:not(.home-v2) .page-hero::before { left:40%; top:180px; height:400px; }
 html[data-orbit] body .page-hero__grid { grid-template-columns:1fr; gap:40px; }
 html[data-orbit] body:not(.home-v2) .page-hero { min-height:0; padding-block:50px; }
 html[data-orbit] body .page-hero h1 { font-size:clamp(3rem,10.5vw,5rem); }
 html[data-orbit] body .page-hero__panel { padding:25px; }
 .page-brand-sculpture { height:140px; margin-bottom:20px; }
 .page-brand-sculpture img { width:110px; height:110px; }
 html[data-orbit] body #o-problema .container { grid-template-columns:1fr; gap:20px; }
 html[data-orbit] body #beneficios .trust-list,html[data-orbit] body:not(.home-v2) .trust-section .trust-list { grid-template-columns:1fr; }
 html[data-orbit] body:not(.home-v2) .section,html[data-orbit] body .requirements-section,html[data-orbit] body .form-section { padding-block:60px; }
 html[data-orbit] body .flow-shell { padding:24px; border-radius:20px; }
 html[data-orbit] body main:has(> .flow-shell) { padding-block:25px 45px; }
 html[data-orbit] body .legal-main { padding-block:35px 60px; }
 html[data-orbit] body .legal-main:not(:has(.legal-layout)) .legal-article { padding:25px; }
}
@media (max-width:420px) {
 html[data-orbit] body .flow-shell { padding:20px 16px; }
 html[data-orbit] body .flow-steps li { font-size:9px; padding:6px 8px; }
 html[data-orbit] body .flow-shell .actions { flex-direction:column; align-items:stretch; }
 html[data-orbit] body .doc-slot { padding:18px; }
 html[data-orbit] body .form-card { padding:24px 18px; }
 html[data-orbit] body .page-hero__lead { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { html[data-orbit] body .btn:not(:disabled):hover { transform:none; } }

/* Consistent upper-left signature on every opening screen. */
html[data-orbit] body .legal-main { position:relative; isolation:isolate; }
html[data-orbit] body .hero::before,
html[data-orbit] body:not(.home-v2) .page-hero::before,
html[data-orbit] body main:has(> .flow-shell)::before,
html[data-orbit] body .legal-main::before {
 content:''; position:absolute; z-index:-1; pointer-events:none;
 left:-110px; top:-130px; width:680px; height:680px; aspect-ratio:1;
 transform:none; opacity:.06;
 background:url('/brand/clock-symbol-white.svg') center / contain no-repeat;
 -webkit-mask-image:linear-gradient(135deg,#000 35%,transparent 92%);
 mask-image:linear-gradient(135deg,#000 35%,transparent 92%);
}
/* Pointer light and depth; the native cursor remains untouched. */
html[data-orbit] body [data-motion-card],html[data-orbit] body [data-light-card] { position:relative; isolation:isolate; --light-x:50%; --light-y:50%; }
html[data-orbit] body [data-motion-card] { transform:perspective(1200px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)); transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s; }
html[data-orbit] body [data-motion-card]::after,html[data-orbit] body [data-light-card]::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:2; background:radial-gradient(350px circle at var(--light-x) var(--light-y),#ffffff19,transparent 75%); opacity:0; transition:opacity .35s; }
html[data-orbit] body .btn { position:relative; isolation:isolate; overflow:hidden; }
html[data-orbit] body .btn::after { content:''; position:absolute; inset:-80% -50%; pointer-events:none; background:linear-gradient(110deg,transparent 42%,#ffffff55 49%,transparent 56%); transform:translateX(-100%); transition:transform .65s cubic-bezier(.2,.6,.2,1); }
html[data-orbit] body .site-nav a,html[data-orbit] body .legal-nav a,html[data-orbit] body .footer-column a { transition:color .2s,background .2s,box-shadow .2s; }
html[data-orbit] body .text-link { transition:letter-spacing .25s; }
html[data-orbit] body .trust-list li,html[data-orbit] body .requirements-list li { transition:background .25s,border-color .25s,box-shadow .25s; }
html[data-orbit] body .orbit-official-clock,html[data-orbit] body .page-brand-sculpture img { transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s; }
html[data-orbit] body .faq-item { transition:background .25s,padding .25s; }
html[data-orbit] body .faq-item[open] { background:#ffffff05; padding-inline:16px; }
html[data-orbit] body .field:focus-within label { color:#fff; }
html[data-orbit] body .field input { transition:border-color .2s,box-shadow .2s; }
html[data-orbit] body .field input:focus { box-shadow:0 0 0 4px #ffffff09,0 8px 25px #0004; border-color:#bbb; }
html[data-orbit] body .btn:focus-visible { box-shadow:0 0 0 6px #ffffff20; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 html[data-orbit] body [data-motion-card]:hover { border-color:#ffffff70; box-shadow:0 28px 65px -22px #000c,0 0 0 1px #ffffff0a; }
 html[data-orbit] body [data-motion-card]:hover::after,html[data-orbit] body [data-light-card]:hover::after { opacity:1; }
 html[data-orbit] body .btn:not(:disabled):hover::after { transform:translateX(100%); }
 html[data-orbit] body .btn:not(:disabled):hover { transform:translateY(-4px); box-shadow:0 10px 30px #ffffff20; }
 html[data-orbit] body .site-nav a:hover { box-shadow:inset 0 -2px #bbb; background:#ffffff0d; }
 html[data-orbit] body .legal-nav a:hover { background:#ffffff0d; box-shadow:inset 2px 0 #ddd; }
 html[data-orbit] body .footer-column a:hover { color:#fff; text-decoration:underline; text-underline-offset:5px; }
 html[data-orbit] body .text-link:hover { letter-spacing:.035em; }
 html[data-orbit] body .trust-list li:hover,html[data-orbit] body .requirements-list li:hover { border-color:#ffffff55; box-shadow:inset 0 0 0 1px #8885; }
 html[data-orbit] body .ecosystem-panel:hover .orbit-official-clock,html[data-orbit] body .page-hero__panel:hover .page-brand-sculpture img { transform:translateY(-7px) rotate(-10deg) scale(1.06); filter:drop-shadow(0 20px 22px #ffffff18); }
 html[data-orbit] body .faq-item:hover { background:#ffffff04; }
}
@media (max-width:760px) {
 html[data-orbit] body .hero::before,html[data-orbit] body:not(.home-v2) .page-hero::before,html[data-orbit] body main:has(> .flow-shell)::before,html[data-orbit] body .legal-main::before { width:460px; height:460px; top:-95px; left:-135px; opacity:.05; }
}
@media (prefers-reduced-motion:reduce) {
 html[data-orbit] body [data-motion-card] { transform:none; }
 html[data-orbit] body .btn::after { display:none; }
}