/* Tailark Dusk landing four: split hero, layered UI, paired service composition.
   Adapted to static HTML/CSS and TMNC. Copyright (c) 2025 Irung, MIT.
   No upstream images, remote fonts, demo claims, or runtime dependencies. */
:root{--maxw:1320px;--pad:clamp(20px,4.5vw,64px);--muted:#aaa;--ink:#f5f5f5;--bone:#080808;--paper:#141414;--rule:#ffffff1c}
body[data-page=home]{overflow-x:hidden;overflow-y:auto}
body[data-page=home] .site-head{position:relative;background:#080808;pointer-events:auto}
body[data-page=home] .site-foot{display:block}
body[data-page=home] .progress{display:none}
.site-head{max-width:1440px;margin:auto;padding-inline:var(--pad);min-height:94px}
.site-head nav a{color:#c7c7c7;font-size:14px}.site-head nav a:hover,.site-head nav a[aria-current=page]{color:white}
.site-head .nav-cta{border-radius:5px!important}.site-head .lockup-full{font-size:15px}
.dusk-shell{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.dusk-eyebrow{font-size:13px;line-height:1.4;color:#b6b6b6;margin-bottom:25px;font-weight:500}
.dusk-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,76px);align-items:center;padding-top:64px;padding-bottom:66px;min-height:680px}
.dusk-hero h1{font-size:clamp(3.5rem,6.1vw,5.4rem);font-weight:500;line-height:.99;letter-spacing:-.065em;margin-bottom:30px;text-wrap:initial}
.dusk-hero h1 span,.dusk-section-heading h2 span,.dusk-creative h2 span{color:#858585}
.dusk-lede{font-size:17px;line-height:1.65;color:#b9b9b9;max-width:43ch}
.dusk-actions{display:flex;gap:28px;align-items:center;margin-top:31px}.dusk-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:#f5f5f5;color:#111;font-size:14px;font-weight:600;border-radius:5px;transition:background .2s,transform .2s}.dusk-button:hover{background:#d5d5d5;transform:translateY(-2px)}
.dusk-text-link{font-size:14px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#666}.dusk-text-link:hover{text-decoration-color:#fff}
.dusk-location{font-size:12px;color:#8c8c8c;margin-top:35px}
.journey-wrap{position:relative;min-width:0}.journey{background:#121212;border:1px solid #333;border-radius:18px;box-shadow:0 24px 60px #0009;overflow:hidden;transform:perspective(1500px) rotateY(-3deg);transition:transform .4s}.journey:hover,.journey:focus-within{transform:none}
.journey-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;font-size:12px;color:#c2c2c2;border-bottom:1px solid #ffffff12}.journey-mark{font-weight:800;letter-spacing:-.05em;color:#f4f4f4}
.journey-tabs{display:flex;gap:5px;margin:20px 24px 0;background:#080808;padding:4px;border:1px solid #262626;border-radius:7px}.journey-tabs button{flex:1;min-height:42px;border-radius:4px;color:#a4a4a4;font-size:13px;transition:background .2s,color .2s}.journey-tabs button[aria-selected=true]{background:#e9e9e9;color:#111;font-weight:600}.journey-tabs button:hover:not([aria-selected=true]){color:white;background:#222}
.journey-panel{padding:25px 24px 22px;min-height:377px}.journey-heading{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#989898;letter-spacing:.01em;margin-bottom:21px}.journey-panel h2{font-weight:500;font-size:31px;line-height:1.08;letter-spacing:-.045em;margin-bottom:13px}.journey-panel>p{font-size:13px;line-height:1.65;color:#aaa;max-width:44ch;min-height:43px}.journey-paper{margin-top:21px;padding:15px;background:#1b1b1b;border:1px solid #363636;border-radius:8px}.paper-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;padding-bottom:13px}.paper-label span{font-weight:400;font-size:10px;color:#aaa}.journey-paper dl>div{display:grid;grid-template-columns:72px 1fr;gap:10px;font-size:11px;line-height:1.5;padding:7px 0;border-top:1px solid #ffffff0c}.journey-paper dt{color:#999}.journey-paper dd{color:#d5d5d5}.journey-link{display:inline-flex;min-height:40px;align-items:center;margin-top:12px;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#ddd}.journey-bottom{display:flex;gap:7px;align-items:center;border-top:1px solid #292929;padding:14px 24px;font-size:10px;color:#888}.journey-bottom>span:last-child{margin-left:auto}.journey-dot{width:5px;height:5px;border-radius:50%;background:#ccc}.journey-disclosure{font-size:10px;color:#8d8d8d;text-align:center;margin:16px 0 0}
.dusk-clients{padding-top:24px;padding-bottom:64px;text-align:center}.dusk-clients>p{font-size:12px;color:#888;max-width:none}.dusk-logos{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;justify-items:center;gap:35px;margin-top:27px}.dusk-logos img{object-fit:contain;max-width:100%;filter:grayscale(1) brightness(0) invert(1);opacity:.65;height:45px;width:110px}
.dusk-services{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);padding-block:95px;border-top:1px solid var(--rule)}
.dusk-section-heading h2,.dusk-proof h2,.dusk-creative h2,.dusk-audit h2{font-size:clamp(2.3rem,3.6vw,3.5rem);font-weight:500;line-height:1.05;letter-spacing:-.05em}.dusk-section-heading>p:last-child{font-size:16px;color:#aaa;max-width:36ch;margin-top:27px;line-height:1.7}.dusk-service-list>a{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--rule);transition:opacity .2s}.dusk-service-list>a:first-child{padding-top:0}.dusk-service-list>a:hover{opacity:.7}.service-index{font:11px var(--mono);color:#888;padding-top:5px}.dusk-service-list h3{font-size:21px;font-weight:500;letter-spacing:-.035em;margin-bottom:13px}.dusk-service-list p{font-size:14px;line-height:1.7;color:#aaa}.service-scope{display:block;font-size:10px;color:#919191;margin-top:15px}
.dusk-proof{background:#0d0d0d;padding-block:85px}.dusk-proof-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.proof-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}.proof-feature,.proof-result{background:#151515;border:1px solid #292929;border-radius:12px;padding:28px;transition:border-color .2s}.proof-feature:hover,.proof-result:hover{border-color:#777}.proof-project-top{display:flex;gap:15px;justify-content:space-between;font-size:11px;color:#aaa;margin-bottom:25px}.proof-feature h3{font-size:31px;line-height:1.12;letter-spacing:-.04em;font-weight:500}.proof-feature>p{font-size:14px;color:#aaa;line-height:1.7;margin-top:19px;max-width:39ch}.automation-stack{display:grid;gap:14px;padding-block:42px}.automation-stack div{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;padding:20px 18px;background:#202020;border:1px solid #393939;border-radius:6px}.automation-stack div:nth-child(2){margin-left:22px}.automation-stack div:nth-child(3){margin-left:44px}.automation-stack b{font-size:10px;color:#aaa;font-weight:400;white-space:nowrap}.proof-foot{font-size:11px;color:#ababab;display:block;margin-top:21px}.proof-results{display:grid;gap:20px}.proof-result strong{font-size:70px;font-weight:500;letter-spacing:-.065em;line-height:1;font-variant-numeric:tabular-nums}.proof-result strong span{font-size:.6em;color:#8e8e8e}.proof-result h3{font-size:15px;font-weight:500;letter-spacing:0;margin-top:12px}.proof-result p{font-size:11px;color:#999;line-height:1.6;margin-top:13px;max-width:53ch}.proof-result .proof-project-top{margin-bottom:18px}
.dusk-creative{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:110px}.dusk-creative-image{display:block;border-radius:12px;overflow:hidden}.dusk-creative img{width:100%;aspect-ratio:1.35;object-fit:cover;transition:transform .4s}.dusk-creative-image:hover img{transform:scale(1.03)}.dusk-creative p:not(.dusk-eyebrow){color:#aaa;font-size:16px;line-height:1.7;margin:24px 0;max-width:39ch}
.dusk-audit{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:75px;padding-bottom:85px;border-top:1px solid var(--rule)}.dusk-audit>div>p:not(.dusk-eyebrow){font-size:16px;color:#aaa;line-height:1.65;max-width:36ch;margin-top:22px}.dusk-audit .dusk-button{margin-top:25px}.audit-inclusions{align-self:center}.audit-inclusions h3{font-size:25px;font-weight:500;margin-bottom:22px}.audit-inclusions ol{list-style-position:inside;font-size:14px;color:#ccc}.audit-inclusions li{padding:17px 0;border-bottom:1px solid var(--rule)}.audit-inclusions>p{font-size:12px!important;max-width:45ch!important}.site-foot{border-top:1px solid var(--rule)}
@media(max-width:1000px){.dusk-hero{gap:35px;padding-top:38px;min-height:auto}.dusk-hero h1{font-size:clamp(3.1rem,6.5vw,4.8rem)}.journey-top,.journey-bottom{padding-inline:18px}.journey-tabs{margin-inline:18px}.journey-panel{padding-inline:18px}.journey-heading{font-size:9px}.dusk-lede{font-size:16px}.proof-feature,.proof-result{padding:23px}.dusk-creative{gap:40px}.dusk-audit{gap:45px}}
@media(max-width:760px){.dusk-hero{grid-template-columns:1fr;gap:46px;padding-block:42px 45px}.dusk-hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}.dusk-hero .dusk-eyebrow{margin-bottom:26px}.dusk-lede{max-width:48ch}.dusk-location{margin-top:25px}.journey-wrap{max-width:570px;width:100%;margin:auto}.journey{transform:none}.journey-panel h2{font-size:32px}.journey-panel{min-height:383px}.journey-heading{font-size:10px}.dusk-logos{grid-template-columns:repeat(3,1fr);gap:27px}.dusk-clients{padding-bottom:45px}.dusk-services{grid-template-columns:1fr;gap:40px;padding-block:65px}.dusk-section-heading h2,.dusk-proof h2,.dusk-creative h2,.dusk-audit h2{font-size:38px}.dusk-proof{padding-block:60px}.dusk-proof-head{align-items:start;flex-direction:column;gap:15px}.proof-grid{grid-template-columns:1fr}.automation-stack{padding-block:30px}.proof-results{grid-template-columns:1fr 1fr;gap:14px}.proof-project-top{flex-direction:column;gap:5px}.proof-result{padding:20px}.proof-result strong{font-size:54px}.proof-result h3{font-size:14px;line-height:1.35}.dusk-creative{grid-template-columns:1fr;gap:32px;padding-block:65px}.dusk-audit{grid-template-columns:1fr;gap:40px;padding-block:55px 70px}.dusk-creative-image{max-width:570px}.site-head{min-height:90px}.dusk-hero .dusk-actions{gap:25px}}
@media(max-width:430px){.proof-results{grid-template-columns:1fr}.proof-project-top{flex-direction:row}.journey-panel h2{font-size:29px}.journey-heading span:last-child{display:none}.journey-panel>p{min-height:64px}.journey-paper dl>div{font-size:10px;grid-template-columns:60px 1fr}.journey-bottom{font-size:9px}.dusk-section-heading h2,.dusk-proof h2,.dusk-creative h2,.dusk-audit h2{font-size:34px}.dusk-actions{gap:18px!important}.dusk-button,.dusk-text-link{font-size:13px}.automation-stack div{padding:16px 12px;font-size:11px}.automation-stack div:nth-child(2){margin-left:10px}.automation-stack div:nth-child(3){margin-left:20px}.proof-feature h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.journey{transform:none}.dusk-button:hover{transform:none}}