@layer base{:root{--wrap:1330px;--gutter:1.5em}*, *:before, *:after{box-sizing:border-box}.wrap{padding-inline:var(--gutter);max-width:var(--wrap);margin-inline:auto;width:100%}::selection{background-color:var(--selection, #333);color:var(--selection-text, white)}body{background-color:var(--bgcolor, var(--body, white));font-family:Inter, system-ui;overflow-x:clip;margin:0;&:has(:popover-open){overflow-y:clip}}body, section{background-repeat:no-repeat;background-size:cover}section{background-color:var(--bgcolor)}.logotype{a:has(&){outline-offset:.5em}}h1, h2, h3, h4, strong, .logotype{color:var(--text-0)}p, li, td{text-wrap:pretty}p, li{line-height:1.5}small, .small{font-size:85%}hr{border:solid var(--lift-3);border-width:1px 0 0;margin-block:1em}.divider{background-color:var(--lift-4);display:inline-block;margin-inline:1em;height:1em;width:1px}.icon{width:1.125em;height:1.125em;vertical-align:middle;stroke-width:2;stroke:currentColor;fill:none}q{&:before, &:after{line-height:0}&:before{content:open-quote}}table{border-spacing:0;margin-block:1.5em;width:100%;th{border-bottom:1px solid var(--lift-3);color:var(--text-2);text-align:left;font-weight:400;font-size:90%}td, th{padding-block:.5em;line-height:1.25;white-space:nowrap;align-items:center;min-width:3em}img{width:1em}&.spaceous :is(td, th){padding-block:1.25em}&.select-first :is(td, th){padding-left:1.5em;&:nth-child(2){background-color:var(--lift-2);padding-left:1.5em;font-weight:550}}}table.titled{font-size:95%;td{padding-left:10vw}td:first-child{color:var(--text-0);width:100%;padding-left:0}td:last-child{text-align:right}@media (width < 1000px){td:nth-child(2){display:none}}}code{border:1px solid var(--lift-2);background-color:var(--lift-2);font-family:var(--monospace);display:inline-block;padding:.015em .3em;border-radius:.25em;font-size:90%}blockquote{color:var(--text-0);text-wrap:balance;margin:2em 0 3em;q, > p{font-size:clamp(1.33em, 4.5vw, 2em);letter-spacing:-1%;margin-left:-.45em}footer{font-size:90%;margin-top:1em;b{display:block;margin-bottom:.25em}i{color:var(--text-2);font-size:90%;font-style:normal}}}.eyebrow{display:inline-flex;align-items:center;gap:.5em;margin-bottom:.5em;+ *{margin-top:0}}.tag{display:inline-flex;align-items:center;padding:.125em .5em;border-radius:.33em;font-weight:450;font-size:90%;gap:.33em;line-height:1.33}.actions{display:inline-flex;gap:.75em;a{padding:.75em 1.5em;font-size:95%}}.ui, .visual, form{font-family:Inter, system-ui}.visual{font-size:13px}.props{display:grid;grid-template-columns:repeat(auto-fit, minmax(12em, 1fr));gap:1em;margin-block:1em 2em;h4, p{margin-block:.5em}&.bordered{border:solid var(--lift-2);border-width:1px 0;padding-block:1.5em}}.logos{align-items:center;list-style:none;display:flex;flex-wrap:wrap;gap:5%;padding:0;> *{max-width:8em}}body > footer{padding-block:5em}.section details{margin-bottom:2em;summary{outline:none;cursor:pointer;&::marker{color:var(--brand)}}h3{display:inline}> div{margin-left:.9em;margin-bottom:3em}}[role="tablist"]{margin-bottom:1.5em;display:flex;gap:.5em;.secondary{pointer-events:none}}}
@layer base{a{text-decoration:none;cursor:pointer;color:inherit}p, li, td{a{color:var(--text-1);text-decoration:underline var(--text-3);text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer;&:hover{text-decoration-thickness:1.5px;text-decoration-color:var(--text-0)}}}a.new, a time{text-decoration:none;display:inline-flex;align-items:center;color:var(--text-2);gap:.5em;&:hover{color:var(--text-1)}strong{font-weight:700;font-size:90%}&:before{content:"";background-color:var(--new, var(--blue));box-shadow:0 0 0 .25em var(--lift-3);display:inline-block;border-radius:50%;height:.5em;width:.5em;margin-inline:-.25em .25em}}a.external{text-decoration:none;background-color:var(--lift-2);border:1px solid var(--lift-3);padding:.125em .5em;border-radius:1em;font-weight:450;font-size:75%;svg{margin-left:.1em;font-size:.9em;opacity:.75}&:hover{border-color:var(--blue);color:var(--blue)}}.links{display:flex;margin-block:1em;gap:var(--gap, 1.5em);a{color:var(--text-2);&:hover{color:var(--text-1)}}}}
@layer base{:focus{outline:2px solid var(--focus, var(--text-0));outline-offset:2px}::placeholder{color:var(--text-2)}form{max-width:27rem}input, textarea{border:1px solid var(--lift-2);background-color:var(--lift-1);padding:.875em 1em;border-radius:.25em;font-family:inherit;color:var(--text-0);max-width:27rem;font-size:90%;width:100%}textarea{field-sizing:content;min-height:6em;overflow:clip}form{label{display:block;margin-block:1em 2em}h4{margin-bottom:.75em;font-weight:400;font-size:90%;+ p{margin-block:-.5em .75em;font-size:.875em}}label:has([required]) h4:after{color:var(--required, var(--blue));margin-left:.25em;content:"*"}footer{display:flex;justify-content:space-between;align-items:center}&.row{display:flex;gap:.7em;max-width:25em;> *{align-items:stretch}}}}
@layer base{img, svg, video{max-width:100%;height:auto}figure{margin:0;line-height:0;img{width:100%}figcaption{color:var(--text-1);text-wrap:balance;line-height:1.75;margin-top:1em;max-width:50em;font-size:85%}}p + figure{margin-block:3em}.portrait.centered{text-align:center;img{max-width:40%;margin:2.5em auto}}figure.bordered{border:1px solid var(--lift-2)}.bgcolored{aspect-ratio:9/6;background-color:var(--bg, #444);place-items:center;border-radius:.5em;display:grid}.lqip{image-rendering:pixelated;background-size:cover;position:relative;canvas{position:absolute;inset:0;image-rendering:auto}img, canvas{width:100%}img{opacity:0;transition:opacity 200ms}}.gallery{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:var(--gap, 1em);margin-block:3em;display:grid;img, video{object-fit:cover;width:100%;height:100%}> :first-child, > :last-child{}}}.lqip.revealed{background-image:none !important;img{opacity:1}}
@layer base{.flow{opacity:0;transform:translateY(10px);filter:blur(10px);&.appear{transition:.6s ease-out;transition-delay:calc(var(--index) * 250ms);transform:none;filter:blur(0);opacity:1}}h1 > span{transition-delay:calc((var(--i) * 25ms));transform:translateY(0);transition-duration:.5s;filter:blur(0);opacity:1;@starting-style{transform:translateY(1em);filter:blur(10px);opacity:0}}}
@layer base{.toast{position:fixed;inset:auto 2em 2em auto;padding:1.25em 2em;border-radius:.5em;background:black;color:white;font-size:85%;border:0;z-index:3;&:popover-open{animation:toast-in .2s ease-out}&::backdrop{backdrop-filter:blur(3px)}}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}}
@layer base{button, .button{font-family:inherit;display:inline-flex;align-items:center;text-align:center;border-radius:.25em;white-space:nowrap;padding:.66em 1.25em;cursor:pointer;border:unset;gap:.5em;img{max-width:1em}&.primary{background-color:var(--button, black);color:white;&:hover{filter:brightness(1.1)}}&.secondary{background-color:var(--lift-2);color:var(--text-0);&:hover{background-color:var(--lift-3)}}&.ghost{background-color:unset;color:inherit;&:hover{background-color:var(--lift-1);color:var(--text-0)}}strong{color:inherit}}}
@layer base{video-player{display:grid;cursor:pointer;& > *{grid-area:1 / 1}button{place-self:center;transition:opacity 0.3s;background-color:rgba(0,0,0,.1);border-radius:50%;display:inline-grid;place-items:center;width:5em;height:5em;padding:0;.icon{font-size:2em;fill:white;stroke:#999}.icon-pause{display:none}&:focus{outline-color:#999}}&[data-playing]{button{opacity:0}&:hover button{opacity:1;.icon-play{display:none}.icon-pause{display:block}}}}}
@layer base{.sections > section{background-color:var(--bgcolor);border-bottom:1px solid var(--lift-2);background-position:center center;&:last-child{border:unset}}.section{padding-block:clamp(4em, 7vw, 6em);.hero &{padding-top:9em}> :first-child{margin-top:0}> :last-child{margin-bottom:0}}.centered .section{text-align:center;> *{margin-inline:auto}h2{width:20ch}}}
@layer base{.split{display:flex;align-items:center;margin-block:5em;gap:var(--gap, 5em);> *{flex:1}@media (width < 1000px){display:block;> div{margin-bottom:3em}}}.reverse .split{flex-direction:row-reverse}.two{--min:32em;--gap:2.5em}.three{--min:24em}.four{--min:16em}.grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--min, 20em), 100%), 1fr));margin-block:3em 4.5em;gap:var(--gap, 1em);display:grid}.columns{column-count:var(--count, 2);column-gap:var(--gap, 5em);&.three{--count:3;--gap:4em}&.four{--count:4;--gap:3em}h3{margin-top:3.5em}> :first-child{margin-top:0}> div{break-inside:avoid;margin-bottom:1em}}.grid{figure{margin-block:1.5em}h3{margin-block:.25em;text-wrap:balance;+ p{line-height:1.75;margin-top:0;max-width:30em;text-wrap:balance}}> *{> :first-child{margin-top:0}> :last-child{margin-bottom:0}}.content{> :first-child{margin-top:0}}}.grid.bordered{border:solid var(--lift-3);border-width:1px 0 0 1px;gap:0;> *{max-height:unset;outline-offset:0;border:solid var(--lift-3);border-width:0 1px 1px 0}> a:hover{box-shadow:0 0 0 .5px var(--text-1)}}p.spread{@media (width > 1000px){display:flex;justify-content:space-between}@media (width < 1000px){> :last-child{display:block;margin-top:2em}}}}
@layer base{.list{> *{display:grid;grid-template-columns:repeat(calc(var(--cols)), 1fr);border-radius:.25em;margin-left:-.5em;padding:.5em;gap:1em;span{display:flex;white-space:nowrap;align-items:center;gap:.75em}&.selected{background:var(--lift-2);pointer-events:none}}.cat{font-size:.9375em;font-weight:400;color:var(--text-2);align-items:center;padding-block:0;display:flex;gap:.5em;&:not(:first-child){margin-top:2.5em}}&.spread{span:last-child:not(:only-child){margin-left:auto}}&.spacious > *{padding-block:1.5em;font-size:95%}&.numbered{counter-reset:step;> *{counter-increment:step;span:first-child:before{content:counters(step, '', decimal-leading-zero) '. '}}}&.stacked{> *{display:block;> :first-child{font-weight:550;color:var(--text-0);margin-bottom:.25em}}}> a:hover{background:var(--lift-1)}}ul{padding-inline:0;&.spacious, &.stacked{margin-block:3em;list-style:none;padding:0;font-size:95%;li{margin-block:1.5em}}&.stacked{font-size:.875em;strong{display:block;font-size:1em;margin-bottom:.25em}}&.checked li{display:block;padding-left:1.5em;margin-block:.5em;position:relative;&::before{mask:url(/@shared/img/icons/check.svg) center / contain no-repeat;background:var(--blue);position:absolute;content:'';left:0;top:0.25em;width:1em;height:1em}}&.big{font-size:4em;list-style:none;padding:1em 3em;li{letter-spacing:-0.03em;line-height:1;font-weight:700;color:white}}}}
@layer base{body > header{z-index:2;top:0;.wrap{padding-block:1.25em;align-items:center;display:flex;gap:1.5em}&.fixed{background-color:inherit;position:sticky}nav{font-size:.8125em;align-items:center;display:flex}.actions{margin-left:auto;gap:1.25em}&.centered .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;> :nth-child(2){justify-self:center}}[popovertarget]{padding:0;font-size:1.125em;display:none;svg{color:var(--text-0)}}@media (width < 1000px){.ghost:not(.primary), .divider{display:none}.primary{margin-left:auto}.ghost[popovertarget]{display:inline-flex}}}}
@layer base{body > footer{background-color:var(--lift-1);.image{max-width:1.5em}.grid{margin-block:5em 0;font-size:85%;--min:15em;h4{margin-block:0 .75em;font-weight:500}nav{flex-direction:column;margin-bottom:3em;display:flex;gap:.75em}}}.bottom{background-color:var(--lift-2);padding-block:.5em;font-size:85%;.wrap{display:flex;justify-content:space-between}.social{display:flex;align-items:center;gap:1em;img{width:1em}a{opacity:.5}a:hover{opacity:1}}}}
@layer base{body > footer{nav{display:flex;flex-direction:column;gap:var(--gap, .5em);margin-block:1em;a{color:var(--text-2);&:hover{color:var(--text-1)}}}}}
@layer base{:root{--article-width:650px}.article article{padding-inline:var(--gutter);> *{max-width:var(--article-width)}> a{display:block}}article{h1, h2, h3{margin-bottom:0}h1{letter-spacing:-0.02em;text-wrap:balance}h2{letter-spacing:-0.01em;margin-top:3em}h3{margin-top:2em}p, li{text-wrap:pretty}ol, ul{padding-left:1em;margin-block:1.5em}li{padding:.33em .5em;&::marker{color:var(--text-2)}}> figure, > .visual, table, .gallery{margin-block:2em 3em}figure:first-child{margin-top:0}.code, .card, .ui, table{font-family:Inter, system-ui}.code, .note, .columns, table, dt{font-size:90%}h2, h3{a:before{transition:opacity .1s;position:absolute;color:var(--text-3);margin-left:-1em;content:'#';opacity:0}a:hover:before{opacity:1}}.note{background-color:var(--lift-1);border-radius:.25em;padding:1.5em 2em;margin-block:1.5em;> *{margin-block:.5em}> :first-child{margin-top:0}> :last-child{margin-bottom:0}}figure.full{max-width:unset;margin:3em -1.5em;img{border-radius:0}figcaption{text-align:center;margin-inline:auto}}.ui, .card{border-radius:.5em;font-size:90%}.card{padding:1.5em 2.5em;.small{font-size:80%;color:var(--lift-3)}}.split{margin-block:4em 5em;pre{max-width:95%}> *{padding:2.5em;padding-right:0;flex:1}> :first-child{border:1px solid var(--lift-2);border-width:0 0 1px}h3{margin-block:0 -.33em}@media(width > 1300px){max-width:unset;display:flex;> :first-child{border-width:0 1px 0 0}}}}}@layer mod{article .image{cursor:zoom-in;&.zoomed{background:black;border-radius:0;cursor:zoom-out;position:fixed;z-index:2;inset:0;min-width:100vw;min-height:100vh;place-items:center;display:grid;margin:0;img{object-fit:contain;max-height:calc(100vh - 3em)}figcaption{margin-block:-1em 0;color:white}}}}
@layer base{.content{line-height:1.33;> *{margin-block:1em}blockquote{border-left:.5px solid var(--text-1);padding-left:1em;margin:1em 0;opacity:.5}.code{border-color:var(--lift-1);font-size:90%;[data-line]{padding-left:0;&:before{display:none}}}.user{padding:.125em 1.25em;background-color:var(--lift-2);margin-bottom:1.5em;border-radius:.5em;text-wrap:pretty;margin-left:5em}}}
@layer base{.cards > *, .card{background-color:var(--lift-0);border:1px solid var(--lift-1);padding:.75em 1.25em;border-radius:.5em;> :last-child{margin-bottom:.5em}.tag{margin-right:.25em}h3{margin-block:.5em}header{margin-bottom:.5em;img{margin-right:.5em;vertical-align:middle}> span{color:var(--text-1);font-weight:500;font-size:1.025em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:85%}button{margin-right:-.5em}+ p{margin-top:.5em}}table, dl{font-size:90%}th{color:var(--text-2)}td, dt{color:var(--text-1)}dl{gap:.25em}> footer{color:var(--text-2);margin-top:1.5em;align-items:center;font-size:.875em;display:flex;gap:1em}}}
@layer mod{.prompt{background-color:var(--lift-1);border:1px solid var(--lift-2);padding:1.25em 1.25em .75em;border-radius:.5em;display:block;textarea{background-color:unset;font-size:inherit;margin-bottom:1em;min-height:unset;border:unset;outline:unset;padding:0}footer, footer > *{display:flex;align-items:center;gap:.5em;.actions{margin-left:auto;display:flex}}nav button:last-child{background-color:var(--lift-2);background-color:var(--brand, var(--blue));cursor:pointer;color:white;.icon{stroke-width:2.5}}}}
@layer base{.app{border-radius:.75em;text-align:left;display:flex;padding:.75em;line-height:1.5;gap:1em;.frame{display:flex;gap:.75em;flex:1;.panel{flex:1}}.grid, .columns{--gap:1em;margin-block:1em}}.sections .app{font-size:clamp(5px, 1vw, 12px);border:1px solid var(--lift-1)}.ui, .visual{header, header > *{align-items:center;display:flex;gap:0.5em}.actions{display:inline-flex;header > &{margin-left:auto}}button{background-color:unset;padding:.5em;color:inherit;&:hover, &.selected{background-color:var(--lift-1);color:var(--text-0)}}h3{font-weight:500;font-size:1.125em;+ p{text-wrap:balance}}.list .cat:not(:first-child){margin-block:2em .5em}}.panel{display:flex;flex-direction:column;border-radius:.5em;padding-block:.75em;> *{margin-inline:1.5em}> header{border-bottom:1px solid var(--lift-2);padding:0 .75em .75em 1.5em;margin:0 0 1.25em;height:3em;span:first-child{color:var(--text-0)}+ h3 + p{margin-top:0}span + .tabs:before{content:"";height:1em;width:1px;display:inline-block;background:var(--lift-3);margin-inline:1em .5em}}pre{margin-left:0}> footer{margin-block:auto .75em}.list.spread{margin-bottom:3em;> div{display:flex}}}body:has(> .app){overflow:clip;.app{height:100vh}}}
@layer mod{.stack{display:grid;justify-items:center;position:relative;margin-block:7.5em 10em;.app{mask-image:linear-gradient(to bottom, black, rgba(0,0,0,.25));width:100%;opacity:.8}body > &{margin:7em 5%}}.overlay{position:absolute;top:50%;left:50%;translate:-50% -50%;background:color-mix(in srgb, var(--body) 96%, white);border:1px solid var(--lift-1);padding-bottom:.75em;border-radius:.75em;transform:scale(1.1);z-index:1;&.on-left{left:0;translate:0 -50%;transform-origin:left center;border-width:1px 0 0 1px}&.on-right{left:auto;right:0;translate:0 -50%;transform-origin:right center}}}
@layer base{.tabs{display:flex;gap:.5em;button{font-size:.9375em;padding-inline:.75em;color:var(--text-2);&.selected{font-weight:500}}}.kanban{display:flex;gap:1em;> div{flex:1;> header > span{font-weight:500;color:var(--text-0);margin-left:.25em}}.cards > div{margin-block:1em}.count{color:var(--text-2);font-weight:400}}.avatar{width:1.5em;border-radius:9em}.pic{width:1.5em;max-height:1.5em}.list .count{color:var(--text-2);margin-left:.5em;font-size:.875em;font-weight:400}.diff{max-width:max-content;align-items:center;font-size:90%;display:flex;gap:.75em;samp{font-family:var(--monospace);color:var(--text-1)}}ins, del{text-decoration:none;font-weight:500}ins{color:var(--green)}del{color:var(--red)}.username{background-color:var(--lift-1);padding:.25em .33em;border-radius:.25em;color:var(--blue)}.icon-chevron-down{margin-left:-.125em;opacity:.5}}
@layer base{.sidebar{min-width:17.5em;padding:.75em;line-height:1.33;> header{height:2.5em}.brand{color:var(--text-0);font-weight:600;margin-left:-.5em;gap:.5em;img{width:1em;height:1em}&:hover{background-color:unset;svg{opacity:1}}}.search{background-color:var(--lift-1);padding:.75em;margin:.5em 0 1.5em;border-radius:.25em;align-items:center;cursor:pointer;display:flex;gap:.5em;kbd{background-color:var(--lift-3);border-radius:.25em;padding:.15em .4em;font-size:.875em;margin-left:auto}&:hover{color:var(--text-1)}}.nav{display:flex;flex-direction:column;margin-left:.5em;a{border-radius:.25em;padding:.5em .75em;margin-left:-.75em;margin-bottom:1px;display:block;&:hover{background:var(--lift-0)}}h4{margin-block:0 .5em}> nav, details{margin-top:2.5em}details h4{display:inline-flex}.selected{background:var(--lift-2);color:var(--text-0);font-weight:550;pointer-events:none}}.count{background-color:var(--lift-3);color:var(--text-1);border-radius:.5em;line-height:1.5em;text-align:center;font-size:.875em;font-weight:500;min-width:1.5em;height:1.5em;float:right}}}
@layer base{menu{background-color:var(--lift-2);border-radius:.5em;padding:1em 0 .5em;height:max-content;margin:0;> *{display:block}.input{border-bottom:1px solid var(--lift-1);background:transparent;padding:.25em 1.25em 1em;margin-bottom:.75em;i{animation:blink 1s step-end infinite;vertical-align:text-bottom;display:inline-block;background:var(--blue);margin-right:.5em;height:1.25em;width:2px}}.tag{padding-block:.33em;margin-left:.5em}li{color:var(--text-1);margin-inline:.75em;align-items:center;border-radius:.5em;padding:.66em 1em;font-weight:500;line-height:1;display:flex;gap:.75em}.selected{background-color:var(--lift-1);color:var(--text-0)}.icon-check{margin-left:auto}}@keyframes blink{50%{opacity:0}}}
@layer mod{.tree{::marker{color:var(--text-2)}details{margin-bottom:.5em;details{padding-left:1em}summary{padding-block:.5em}a{display:block;padding:.5em 1em .5em .75em}}.selected{background-color:var(--lift-2)}.yaml, .md{color:var(--green)}.js{color:var(--blue)}.png, .ico{color:var(--cyan)}em{display:none}}}
@layer mod{:root{--text-0:rgb(244, 246, 248);--text-1:rgba(190, 200, 215, .90);--text-2:rgba(190, 200, 215, .60);--text-3:rgba(190, 200, 215, .30);--lift-0:rgba(190, 200, 215, .03);--lift-1:rgba(190, 200, 215, .06);--lift-2:rgba(190, 200, 215, .12);--lift-3:rgba(190, 200, 215, .18);--lift-4:rgba(190, 200, 215, .30);--blue:#5e6ad2;--red:#da2f2f;--purple:#8B5CF6;--yellow:#f0bf00;--green:#1f8837;--orange:#fc7840;--cyan:#4ea7fc;--pink:#fc40fb;--gray:#5b636c;--code:#90abd3;--diff-green:rgba(0, 255, 5, 0.07);--diff-blue:rgba(0, 170, 255, 0.07);--diff-red:rgba(255, 0, 0, 0.1)}header strong{font-weight:450}.frame > .panel{background-color:var(--lift-1);border:1px solid var(--lift-1)}.social img, .pic-codex, .pic-github{filter:invert(1)}.overlay{box-shadow:0 0 3em rgba(0,0,0,.75)}.toast{box-shadow:0 0 2em rgba(255,255,255,.3)}}
@layer mod{.tag{background-color:var(--lift-2);border:1px solid var(--lift-1);&:before{display:inline-block;border-radius:50%;height:.6em;width:.6em;content:''}&.blue:before{background:var(--blue)}&.red:before{background:var(--red)}&.purple:before{background:var(--purple)}&.yellow:before{background:var(--yellow)}&.green:before{background:var(--green)}&.orange:before{background:var(--orange)}&.cyan:before{background:var(--cyan)}&.pink:before{background:var(--pink)}&.urgent{color:white;background-color:var(--red);border:none;font-weight:450;&:before{display:none}}}}
@font-face{src:url(/@shared/font/inter.woff2) format(woff2);font-family:Inter;font-display:fallback;font-weight:100 900}
@layer mod{.full.hero{height:101vh}body:has(.full.dark.hero) > header{filter:invert(1)}main:has(.full.hero){margin-top:-5em}body > header{z-index:1;position:relative}}
:root{--brand:#5090F3;--button:#05f}body{background-color:#111;color:white;> header{background-color:unset;.logo{max-width:133px}}}.hero{.eyebrow{background-color:rgba(255,255,255,.1);transform:translateY(-2em);padding:.25em .5em .25em;font-size:.875em;border-radius:1em;strong:first-child{background-color:var(--brand);text-transform:uppercase;font-weight:650;border-radius:1em;padding:.25em .66em;margin-right:.5em;font-size:75%;position:relative;top:-.1em}a{text-decoration:none}}.app{background-color:rgba(0,5,10,.8);color:var(--text-2)}h1{font-size:clamp(2.5em, 6vw, 3.5em);line-height:1.125;font-weight:510;max-width:10em;margin-block:0;+ p{font-size:1.125em;text-wrap:balance;max-width:30em;margin-block:1em 2em}}form{margin-bottom:6em;input{background-color:var(--lift-4);&::placeholder{color:var(--text-0)}}}}.logos{margin:3em auto 0;max-width:900px;@media (width < 1000px){max-width:550px}}