/* Nightshift AI. Machine Precision system. Generated from build/src/styles.css by build/gen.py. */
@font-face{font-family:"Geist";src:url(/assets/fonts/geist-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/assets/fonts/geist-mono-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Doto";src:url(/assets/fonts/doto-latin.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --mid:#060A18;--navy:#0D1633;--shift:#16234D;--gold:#FFB82E;--lamp:#F5C96B;--blue:#5B8CFF;
  --green:#36F2A0;--dawn:#FF7A45;--moon:#EEF1FA;--haze:#8C97B8;
  --line:rgba(91,140,255,.18);--line2:rgba(91,140,255,.36);
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --dot:"Doto","Geist Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,0,0,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--mid);color:var(--moon);font:400 16px/24px var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--moon)}
:focus-visible{outline:1px solid var(--blue);outline-offset:4px}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.03em;color:var(--moon)}
h1{font-size:48px;line-height:56px}
h2{font-size:32px;line-height:40px}
h3{font-size:20px;line-height:24px;letter-spacing:-.02em}
p{margin:0 0 16px}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:600;color:var(--moon)}
.mono{font-family:var(--mono)}
.label{font:500 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--haze)}
.gold{color:var(--gold)}
.muted{color:var(--haze)}
.skip{position:absolute;left:-9999px;top:0;z-index:50;background:var(--gold);color:var(--mid);padding:8px 16px;font:500 14px/24px var(--mono)}
.skip:focus{left:16px;top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Frame: rails, sections and corner ticks */
.wrap{position:relative;margin:0 16px;padding:0 16px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
@media (min-width:768px){.wrap{margin:0 max(24px,calc((100% - 1200px)/2));padding:0 24px}}
.sec{border-top:1px solid var(--line)}
.sec>.wrap{padding-top:64px;padding-bottom:64px}
@media (min-width:768px){.sec>.wrap{padding-top:96px;padding-bottom:96px}}
.sec>.wrap::before,.sec>.wrap::after,.tick::before,.tick::after{content:"";position:absolute;top:-5px;width:9px;height:9px;
  background:linear-gradient(var(--blue),var(--blue)) center/1px 9px no-repeat,linear-gradient(var(--blue),var(--blue)) center/9px 1px no-repeat}
.sec>.wrap::before,.tick::before{left:-5px}.sec>.wrap::after,.tick::after{right:-5px}
.sec.tight>.wrap{padding-top:48px;padding-bottom:48px}

/* Grid */
.g12{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
.g12>*{grid-column:1/-1;min-width:0}
@media (min-width:768px){
  .g12{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  .g12>*{grid-column:auto/span 12}
  .s3{grid-column-end:span 3}.s4{grid-column-end:span 4}.s5{grid-column-end:span 5}.s6{grid-column-end:span 6}.s7{grid-column-end:span 7}.s8{grid-column-end:span 8}.s12{grid-column:1/-1}
  .o1{grid-column-start:2}.o4{grid-column-start:5}.o2{grid-column-start:3}.o5{grid-column-start:6}.o6{grid-column-start:7}.o7{grid-column-start:8}.o8{grid-column-start:9}
}
@media (min-width:768px) and (max-width:1023px){.g12>.t12{grid-column:1/-1}}

/* Cells: shared 1px lines, identical sizes */
.cells{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);grid-template-columns:1fr}
.cells>*{background:var(--mid);padding:24px;min-width:0}
@media (min-width:768px){.cells.c2,.cells.c3,.cells.c4{grid-template-columns:repeat(2,1fr)}.cells>*{padding:32px}}
@media (min-width:1024px){.cells.c3{grid-template-columns:repeat(3,1fr)}.cells.c4{grid-template-columns:repeat(4,1fr)}}
.cells.raised>*{background:var(--navy)}

/* System bar and header */
.sysbar{border-bottom:1px solid var(--line);background:var(--mid)}
.sysbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:32px}
.sysbar .label{white-space:nowrap}
.sysbar .opt{display:none}
@media (min-width:768px){.sysbar .opt{display:inline}}
.dot{display:inline-block;width:8px;height:8px;background:var(--green);vertical-align:0;margin-right:8px}
.dot.off{background:var(--haze)}
.dot.amber{background:var(--gold)}
.blink{animation:blink 2s steps(1,end) infinite}
@keyframes blink{50%{opacity:.2}}
.draft-bar{background:var(--gold);color:var(--mid);font:500 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:8px 16px}
.site-header{position:sticky;top:0;background:var(--mid);border-bottom:1px solid var(--line);z-index:20}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:8px;color:var(--moon);font:600 20px/24px var(--sans);letter-spacing:-.03em}
.brand:hover{color:var(--moon)}
.brand b{font-weight:600;color:var(--lamp)}
.brand svg{width:32px;height:32px}
.brand .star{animation:blink 4s steps(1,end) infinite}
.nav{display:none;gap:32px}
.nav a{font:500 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--haze);padding:8px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--moon);border-bottom-color:var(--gold)}
.navm{border-bottom:1px solid var(--line)}
.nav-m{display:flex;justify-content:space-between;height:40px;align-items:center}
.nav-m a{font:500 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--haze)}
.nav-m a[aria-current="page"]{color:var(--gold)}
@media (min-width:900px){.nav{display:flex}.navm{display:none}}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:0 24px;border:1px solid var(--gold);border-radius:2px;
  background:var(--gold);color:var(--mid);font:500 13px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  transition:background-color .15s linear,color .15s linear,border-color .15s linear}
.btn:hover{background:var(--moon);border-color:var(--moon);color:var(--mid)}
.btn .arr{display:inline-block;width:16px;height:1px;background:currentColor;position:relative;transition:transform .2s var(--ease)}
.btn .arr::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.btn:hover .arr{transform:translateX(8px)}
.btn.ghost{background:transparent;color:var(--moon);border-color:var(--line2)}
.btn.ghost:hover{background:var(--shift);border-color:var(--blue);color:var(--moon)}
.btn.sm{min-height:40px;padding:0 16px;font-size:12px}
.btn-row{display:flex;flex-wrap:wrap;gap:16px}
.link{font:500 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:8px}
.link:hover{color:var(--gold)}

/* Section head */
.shead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:48px}
.shead .code{color:var(--moon)}
.shead .code i{font-style:normal;color:var(--gold)}
.lede{font-size:18px;line-height:32px;color:var(--haze);max-width:640px}
.h2wrap{margin-bottom:48px;max-width:760px}
.h2wrap h2{margin-bottom:16px}
@media (min-width:768px){h2{font-size:48px;line-height:56px}.lede{font-size:20px;line-height:32px}}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero>.wrap{padding-top:48px;padding-bottom:64px}
.cols{position:absolute;inset:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;pointer-events:none}
.cols span{background:rgba(91,140,255,.035);border-left:1px solid rgba(91,140,255,.07);border-right:1px solid rgba(91,140,255,.07)}
.cols span:nth-child(n+5){display:none}
@media (min-width:768px){.cols{inset:0 24px;grid-template-columns:repeat(12,1fr);gap:24px}.cols span:nth-child(n+5){display:block}.hero>.wrap{padding-top:64px;padding-bottom:96px}}
.hero .g12{position:relative}
.hero-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hero h1{margin:48px 0 48px;font-size:48px;line-height:56px;letter-spacing:-.04em}
.hero h1 .gold{color:var(--gold)}
@media (min-width:600px){.hero h1{font-size:64px;line-height:64px}}
@media (min-width:900px){.hero h1{font-size:88px;line-height:88px}}
@media (min-width:1200px){.hero h1{font-size:112px;line-height:104px;margin:64px 0 64px}}
.hero .lede{color:var(--moon);margin-bottom:24px}
.houseline{display:flex;gap:8px;align-items:flex-start;font:500 13px/24px var(--mono);letter-spacing:.02em;color:var(--moon);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin:0 0 32px}
.houseline .dot{margin-top:8px;flex:none}
.hero-spec{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.hero-spec div{padding:16px 16px 0 0}
.hero-spec .v{font:500 14px/24px var(--mono);color:var(--moon);display:block;margin-top:4px}

/* Task log */
.log{border:1px solid var(--line2);background:var(--navy);border-radius:2px;font:400 13px/24px var(--mono);color:var(--moon)}
.log-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line2);background:var(--shift)}
.log-head .tag{border:1px solid var(--line2);padding:0 8px;color:var(--moon)}
.log ol{padding:8px 0;min-height:272px}
.log li{display:grid;grid-template-columns:72px 1fr auto;column-gap:16px;padding:4px 16px;border-bottom:1px dashed rgba(91,140,255,.10)}
.log li:last-child{border-bottom:0}
.log .t{color:var(--haze)}.log .b{color:var(--blue);grid-column:2}.log .x{grid-column:1/-1;color:var(--moon)}
.log .st{grid-column:3;grid-row:1;text-align:right;color:var(--green)}
.log .st.w{color:var(--gold)}.log .st.r{color:var(--blue)}
@media (min-width:480px){.log li{grid-template-columns:72px 80px 1fr auto}.log .x{grid-column:3;grid-row:1}.log .st{grid-column:4}}
.log .cur::after{content:"";display:inline-block;width:8px;height:16px;background:var(--gold);vertical-align:-3px;margin-left:2px;animation:blink 1s steps(1,end) infinite}
.log-foot{display:flex;justify-content:space-between;gap:8px;padding:8px 16px;border-top:1px solid var(--line2)}
.js .log li.pending{visibility:hidden}

/* Timeline */
.tl-clock{position:sticky;top:120px}
.tl-clock .big{font:700 72px/80px var(--dot);color:var(--gold);letter-spacing:.02em;margin:16px 0}
@media (min-width:1024px){.tl-clock .big{font-size:120px;line-height:128px}}
.tlw{position:relative}
.tl{border-left:1px solid var(--line2)}
.tlw .fill{position:absolute;left:0;top:0;width:1px;background:var(--gold);height:0;z-index:1}
.tl li{position:relative;padding:0 0 48px 32px}
.tl li:last-child{padding-bottom:0}
.tl li::before{content:"";position:absolute;left:-5px;top:8px;width:9px;height:9px;background:var(--mid);border:1px solid var(--line2);transition:background-color .2s linear,border-color .2s linear}
.tl li.on::before{background:var(--gold);border-color:var(--gold)}
.tl .when{display:flex;gap:16px;align-items:baseline;margin-bottom:8px}
.tl .when .tm{font:500 14px/24px var(--mono);color:var(--haze);transition:color .2s linear}
.tl li.on .when .tm{color:var(--gold)}
.tl h3{margin-bottom:8px}
.tl p{color:var(--haze);margin:0;max-width:560px}
@media (max-width:767px){.tl-clock{position:static}}

/* Crew */
.crew .cell{position:relative;overflow:hidden;min-height:368px;display:flex;flex-direction:column}
.crew .top{display:flex;justify-content:space-between;gap:8px;margin-bottom:48px}
.crew h3{font:600 32px/40px var(--sans);letter-spacing:-.03em;margin-bottom:8px}
.crew .fn{color:var(--haze);margin-bottom:24px}
.spec{border-top:1px solid var(--line);margin-top:auto}
.spec div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:8px 0;font:400 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.spec dt,.spec .k{color:var(--haze)}.spec .v{color:var(--moon);text-align:right}
.crew .more{position:absolute;inset:auto 0 0 0;background:var(--shift);border-top:1px solid var(--blue);padding:24px 32px;transform:translateY(101%);transition:transform .2s var(--ease)}
.crew .more p{margin:4px 0 16px;font-size:15px;line-height:24px}
.crew .more p:last-child{margin-bottom:0}
.crew .cell:hover .more,.crew .cell:focus-within .more,.crew .cell:focus .more{transform:none}
.crew .hint{margin-top:16px}
@media (hover:none){.crew .more{position:static;transform:none;margin:24px -24px -24px;padding:24px}.crew .hint{display:none}}
.crew .you{background:var(--navy)}

/* Cards */
.card h3{margin-bottom:16px}
.card p{color:var(--haze)}
.card .top{display:flex;justify-content:space-between;gap:8px;margin-bottom:32px}
.card .price{font:500 13px/24px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);border-top:1px solid var(--line);padding-top:16px;margin-top:auto}
.card{display:flex;flex-direction:column}
.card .link{margin-top:16px}
.card .icon{width:24px;height:24px;color:var(--blue)}
.card .icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}
.groups .card h3{font-size:24px;line-height:32px}

/* Steps and promise */
.num{font:700 64px/64px var(--dot);color:var(--gold);margin-bottom:32px;display:block}
.checks li{position:relative;padding:16px 0 16px 32px;border-bottom:1px solid var(--line)}
.checks li:first-child{border-top:1px solid var(--line)}
.checks li::before{content:"";position:absolute;left:0;top:24px;width:8px;height:8px;background:var(--green)}
.checks.amber li::before{background:var(--gold)}

/* FAQ */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px 1fr 24px;gap:16px;align-items:center;padding:24px 0;font:600 18px/24px var(--sans);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .label{color:var(--blue)}
.faq summary .pm{position:relative;width:16px;height:16px;justify-self:end}
.faq summary .pm::before,.faq summary .pm::after{content:"";position:absolute;background:var(--moon);left:0;top:7px;width:16px;height:1px;transition:transform .2s var(--ease)}
.faq summary .pm::after{transform:rotate(90deg)}
.faq details[open] summary .pm::after{transform:rotate(0)}
.faq details p{margin:0 0 24px 80px;color:var(--haze);max-width:720px}
@media (max-width:599px){.faq summary{grid-template-columns:48px 1fr 16px}.faq details p{margin-left:0}}

/* Dawn */
.dawn{border-top:1px solid var(--line);position:relative;overflow:hidden}
.dawn>.wrap{padding-top:96px;padding-bottom:0}
.dawn h2{max-width:880px;margin:24px 0 24px}
@media (min-width:1024px){.dawn h2{font-size:80px;line-height:80px}}
.dawn .lede{margin-bottom:32px}
.horizon{position:relative;margin-top:96px;height:192px;border-bottom:0}
.horizon .sun{position:absolute;left:50%;bottom:0;width:384px;height:192px;margin-left:-192px;border:1px solid var(--dawn);border-bottom:0;border-radius:192px 192px 0 0}
.horizon .sun::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:192px;background:var(--dawn);opacity:.5}
.bands i{display:block}
.bands i:nth-child(1){background:var(--dawn);height:8px}
.bands i:nth-child(2){background:var(--mid);height:8px}
.bands i:nth-child(3){background:var(--shift);height:16px}
.bands i:nth-child(4){background:var(--mid);height:8px}
.bands i:nth-child(5){background:var(--navy);height:24px}
.bands i:nth-child(6){background:var(--mid);height:8px}
.bands i:nth-child(7){background:var(--navy);height:8px}
.horizon .ticks{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:space-between}
@media (max-width:599px){.horizon{height:128px;margin-top:64px}.horizon .sun{width:256px;height:128px;margin-left:-128px;border-radius:128px 128px 0 0}.horizon .sun::after{height:128px}}

/* Page head */
.phead>.wrap{padding-top:48px;padding-bottom:64px}
@media (min-width:768px){.phead>.wrap{padding-top:64px;padding-bottom:96px}}
.phead h1{margin:48px 0 24px;max-width:960px}
@media (min-width:768px){.phead h1{font-size:64px;line-height:64px}}
@media (min-width:1200px){.phead h1{font-size:80px;line-height:80px}}
.phead .lede{max-width:720px}
.jump{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px}
.jump a{background:var(--mid);padding:16px;font:500 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--moon);display:flex;gap:8px}
.jump a i{font-style:normal;color:var(--gold)}
.jump a:hover{background:var(--shift)}
@media (min-width:768px){.jump{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.jump{grid-template-columns:repeat(5,1fr)}}

/* Service rows */
.ghead{position:sticky;top:120px}
.ghead h2{margin:24px 0 16px}
.ghead p{color:var(--haze)}
@media (max-width:767px){.ghead{position:static;margin-bottom:24px}}
.svc{border-top:1px solid var(--line);padding:32px 0}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc .row1{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.svc .row1 h3{font-size:24px;line-height:32px}
.svc .pr{font:500 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.svc>p{color:var(--moon);margin-bottom:24px;max-width:640px}
.roles{display:grid;grid-template-columns:1fr;gap:16px}
.roles div{border-left:1px solid var(--line2);padding-left:16px}
.roles p{margin:4px 0 0;color:var(--haze);font-size:15px;line-height:24px}
@media (min-width:600px){.roles{grid-template-columns:1fr 1fr;gap:24px}}

/* Pricing */
.plan{border:1px solid var(--line2);background:var(--navy)}
.plan .in{padding:32px}
@media (min-width:768px){.plan .in{padding:48px}}
.plan .readout{border-top:1px solid var(--line2)}
@media (min-width:1024px){.plan{display:grid;grid-template-columns:7fr 5fr}.plan .readout{border-top:0;border-left:1px solid var(--line2)}}
.figure{display:flex;align-items:flex-start;gap:12px;margin:8px 0 8px}
.figure .cur{font:500 16px/24px var(--mono);color:var(--haze);padding-top:12px}
.figure .n{font:700 96px/96px var(--dot);color:var(--gold);letter-spacing:.02em}
@media (min-width:768px){.figure .n{font-size:128px;line-height:128px}}
.readout .row{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line2)}
.ptable{width:100%;border-collapse:collapse;font-size:15px;line-height:24px}
.ptable th,.ptable td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ptable thead th{font:500 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--haze)}
.ptable .grp th{padding-top:32px;font:500 12px/16px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.ptable td:last-child,.ptable th:last-child{text-align:right;font:500 12px/24px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--haze);padding-left:16px;white-space:nowrap}
.ptable a{color:var(--moon)}
.ptable a:hover{color:var(--gold)}

/* Forms */
form .field{margin-bottom:24px}
form label{display:block;margin-bottom:8px}
input,select,textarea{width:100%;font:400 16px/24px var(--sans);color:var(--moon);background:var(--navy);border:1px solid var(--line2);border-radius:2px;padding:12px 16px;min-height:48px}
input:focus,select:focus,textarea:focus{outline:1px solid var(--blue);outline-offset:0;border-color:var(--blue)}
textarea{min-height:144px;resize:vertical}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--haze) 50%),linear-gradient(135deg,var(--haze) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat}
::placeholder{color:#6F7A9C}
.check{display:flex;gap:16px;align-items:flex-start;color:var(--haze);font-size:15px;line-height:24px}
.check input{width:16px;height:16px;min-height:0;margin:4px 0 0;padding:0;accent-color:var(--gold);flex:none}
.hidden{display:none}
.small{font-size:14px;line-height:24px;color:var(--haze)}
.readouts li{border-top:1px solid var(--line);padding:16px 0}
.readouts li:last-child{border-bottom:1px solid var(--line)}
.readouts .v{display:block;margin-top:8px;color:var(--moon)}

/* Prose (legal) */
.prose h2{font-size:24px;line-height:32px;margin:48px 0 16px;letter-spacing:-.02em}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:#C9D0E4}
.prose ul{margin:0 0 16px}
.prose ul li{position:relative;padding-left:24px;margin-bottom:8px}
.prose ul li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--blue)}
.prose a{border-bottom:1px solid var(--line2)}
.notice,.legal-meta{font:500 12px/24px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line2);padding:8px 16px;margin-bottom:48px}
.legal-meta{color:var(--haze)}
.side{position:sticky;top:120px}
@media (max-width:767px){.side{position:static;margin-bottom:32px}}

/* Big numerals (404) */
.bignum{font:700 160px/160px var(--dot);color:var(--gold);letter-spacing:.02em}
@media (min-width:768px){.bignum{font-size:240px;line-height:240px}}

/* Footer */
.site-footer{border-top:1px solid var(--line)}
.site-footer>.wrap{padding-top:64px;padding-bottom:32px}
.foot{display:grid;grid-template-columns:1fr;gap:32px}
@media (min-width:768px){.foot{grid-template-columns:5fr 2fr 2fr 3fr;gap:24px}}
.foot .fh{margin:0 0 16px}
.foot li{margin-bottom:8px}
.foot a{color:var(--moon);font-size:15px}
.foot a:hover{color:var(--gold)}
.foot .house{font:500 13px/24px var(--mono);color:var(--moon);margin-top:24px;border-left:1px solid var(--gold);padding-left:16px;max-width:400px}
.foot-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:64px;padding-top:16px;border-top:1px solid var(--line)}
.foot-line a{color:var(--haze)}.foot-line a:hover{color:var(--moon)}
.foot-tail{height:48px}
@media (min-width:768px){.foot-tail{height:0}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Header shift clock and progress */
.hright{display:flex;align-items:center;gap:16px}
.hclock{display:flex;align-items:center;gap:8px}
.hclock .tm{font:700 24px/24px var(--dot);color:var(--gold);letter-spacing:.02em}
.hclock .label{display:none}
.hbar{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--gold)}
.long{display:none}
@media (min-width:480px){.long{display:inline}.hclock .label{display:inline}}
@media (min-width:900px){.hclock .tm{font-size:32px;line-height:32px}}

/* Hero dial */
.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.dialbox{display:none}
@media (min-width:1200px){.dialbox{display:flex;flex-direction:column;align-items:center;gap:16px;width:288px;flex:none;margin:64px 0 64px}}
.dial{width:288px;height:288px}
.dial .ring{fill:none;stroke:var(--line2);stroke-width:1}
.dial .tk line{stroke:var(--haze);stroke-width:1}
.dial .arc{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:butt}
.dial .lb text{font:500 11px var(--mono);fill:var(--haze);letter-spacing:.06em}
.dial .hand line{stroke:var(--blue);stroke-width:1}
.dial .hand{transform-origin:160px 160px;animation:sweep 60s steps(60,end) infinite}
.dial .hub{fill:var(--gold)}
@keyframes sweep{to{transform:rotate(360deg)}}

/* Ticker */
.ticker{border-top:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:16px;height:48px;overflow:hidden}
.tk-lab{flex:none;color:var(--mid);background:var(--gold);padding:4px 8px}
.tk-view{overflow:hidden;flex:1;min-width:0;-webkit-mask:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.tk-run{display:flex;width:max-content;animation:run 64s linear infinite}
.tk-run span{font:400 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--haze);padding-right:48px;white-space:nowrap}
.tk-run b{font-weight:500;color:var(--blue)}
.tk-run i{font-style:normal;color:var(--green)}
@keyframes run{to{transform:translateX(-50%)}}

/* Services numerals */
.gnum{display:block;font:700 96px/96px var(--dot);color:var(--gold);letter-spacing:.02em}
@media (max-width:767px){.gnum{font-size:64px;line-height:64px}}
.btn.sm{gap:0}
@media (max-width:767px){.ptable td:last-child,.ptable th:last-child{white-space:normal;width:40%}}