/* 1 SOFTWARE LIMITED — tangerine single-minded studio */
@font-face{font-family:"Archivo Black";src:url(fonts/display.woff2);font-weight:400;font-style:normal;font-display:swap}
:root{--t:#ff5f0f;--t2:#ff7a2e;--ink:#1c0b02;--ink2:#3a1a08;--y:#ffd400;--pl:#3b0d2c;--pk:#ffd9c2;--lt:#fff0e3;
--disp:"Archivo Black",Impact,Haettenschweiler,"Arial Narrow Bold","Franklin Gothic Heavy","DejaVu Sans Condensed",sans-serif;
--body:"Trebuchet MS","Gill Sans","Ubuntu","Segoe UI",system-ui,sans-serif;--mono:"Courier New","Consolas","DejaVu Sans Mono",monospace}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--t);color:var(--ink);font:18px/1.55 var(--body);overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--pl)}
:focus-visible{outline:4px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 8px var(--y)}
h1,h2,h3{overflow-wrap:break-word;font-family:var(--disp);font-weight:400;line-height:.92;text-transform:uppercase;letter-spacing:.005em;margin:0 0 .45em}
h2{font-size:clamp(1.8rem,4.2vw,3.6rem)}h3{font-size:1.5rem}
.wrap{overflow-wrap:anywhere}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--y);padding:.7em 1em;z-index:99}.skip:focus{left:1rem}
main{display:block}main>*{min-width:0}
main>section,main>div,main>ol{padding-left:clamp(1rem,5vw,4.5rem);padding-right:clamp(1rem,5vw,4.5rem)}
.kick{font:700 .8rem/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem}
.lede{font-size:clamp(1.1rem,1.6vw,1.35rem);max-width:40ch}

/* header */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.7rem clamp(1rem,4vw,3rem);background:var(--t);border-bottom:4px solid var(--ink)}
.mark{display:flex;align-items:center;gap:.55rem;text-decoration:none;min-width:0}
.mk-1{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--ink);color:var(--t);font:400 2.6rem/1 var(--disp);border-radius:14px 14px 14px 0;transform:rotate(-6deg);flex:none;transition:transform .3s}
.mark:hover .mk-1{transform:rotate(6deg)}
.mk-1.sm{width:30px;height:30px;font-size:1.5rem;border-radius:8px 8px 8px 0;vertical-align:middle;margin-right:.4rem}
.mk-w{font:400 1.75rem/.9 var(--disp);color:var(--ink);letter-spacing:.02em}.mk-w i{display:block;font:700 .62rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;font-style:normal}
.here{margin:0;font:400 1.1rem var(--disp);text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--t);padding:.2rem .7rem;transform:rotate(-2deg)}
.navwrap{position:static}
.one{display:flex;align-items:center;gap:.8rem;min-height:52px;padding:0 1.1rem;background:var(--y);color:var(--ink);border:3px solid var(--ink);border-radius:999px;font:400 1.3rem var(--disp);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.one:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.one-b{display:grid;gap:5px;width:24px}.one-b i{height:3px;background:var(--ink);transition:transform .25s}
.one[aria-expanded=true]{position:relative;z-index:62}
.one[aria-expanded=true] .one-b i:first-child{transform:translateY(4px) rotate(45deg)}.one[aria-expanded=true] .one-b i:last-child{transform:translateY(-4px) rotate(-45deg)}
.wheel{position:fixed;inset:0;z-index:60;background:var(--ink);color:var(--t);overflow:auto;padding:6.5rem clamp(1rem,5vw,4.5rem) 2rem}
.tk-k{font:700 .8rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--y);margin:0 0 1rem}
.takeover{list-style:none;margin:0;padding:0;counter-reset:n}
.takeover li{border-top:2px solid var(--ink2)}
.takeover a{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1.4rem;padding:.25rem 0;color:var(--t);text-decoration:none;animation:tkIn .45s both;animation-delay:calc(var(--i)*35ms)}
.tk-t{font:400 clamp(2rem,6.4vw,5rem)/1.02 var(--disp);text-transform:uppercase}
.takeover small{font:700 .85rem var(--mono);color:var(--pk);letter-spacing:.06em}
.takeover a:hover .tk-t,.takeover a:focus-visible .tk-t{color:var(--y)}
.takeover a[aria-current=page] .tk-t{-webkit-text-stroke:2px var(--t);color:transparent}
.wheel.list .tk-t{font-size:1.7rem}.wheel.list .takeover a{padding:.5rem 0}
.listmode{margin-top:1.5rem;background:none;border:2px solid var(--t);color:var(--t);padding:.6rem 1rem;min-height:44px;font:700 .9rem var(--mono);cursor:pointer;border-radius:999px}
@keyframes tkIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.ticker{overflow:hidden;background:var(--ink);color:var(--y);border-bottom:4px solid var(--ink);white-space:nowrap}
.tk-run{display:inline-flex;animation:run 38s linear infinite}
.tk-run span{font:400 1.1rem/2.2 var(--disp);text-transform:uppercase;letter-spacing:.06em;padding:0 1.2rem}
.tk-run span::after{content:"";display:inline-block;width:.6em;height:.6em;background:var(--t);border-radius:50%;margin-left:2.4rem;vertical-align:middle}
@keyframes run{to{transform:translateX(-50%)}}

/* buttons */
.btn,.go,.pk-act button,.ck-b button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.6rem 1.4rem;background:var(--ink);color:var(--y);border:3px solid var(--ink);border-radius:999px;font:400 1.25rem var(--disp);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover,.go:hover,.pk-act button:hover{color:var(--y);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--y)}
.btn.ghost,.pk-act .ghost{background:transparent;color:var(--ink)}
.go:disabled{opacity:.6;cursor:progress}
.linkish{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;min-height:44px}

/* home */
.hero{position:relative;padding-top:clamp(1.5rem,4vw,3rem);padding-bottom:3rem;overflow:hidden}
.stack{margin:0;font-size:clamp(3rem,10.5vw,11rem);line-height:.9;display:flex;flex-direction:column}
.stack span{display:block;animation:up .7s cubic-bezier(.2,.8,.2,1) both}
.stack .l2{animation-delay:.08s;padding-left:8vw}.stack .l3{animation-delay:.16s;color:var(--lt)}.stack .l4{animation-delay:.24s;padding-left:18vw}
.stack em{font-style:normal;background:var(--ink);color:var(--t);padding:0 .12em;border-radius:.1em}
@keyframes up{from{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}
.sticker{position:absolute;right:clamp(1rem,6vw,6rem);top:clamp(2rem,8vw,7rem);width:clamp(110px,15vw,190px);aspect-ratio:1;border-radius:50%;background:var(--y);border:3px solid var(--ink);display:grid;place-items:center;text-align:center;font:400 clamp(1rem,1.8vw,1.6rem)/.95 var(--disp);text-transform:uppercase;animation:spin 24s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-t{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 3rem;align-items:end;margin-top:2.5rem;border-top:4px solid var(--ink);padding-top:1.5rem}
.hero-t .kick{grid-column:1/-1;margin:0}.hero-t .lede{margin:0;max-width:52ch}
.cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.strip{background:var(--ink);color:var(--t);padding-top:3rem;padding-bottom:3rem}
.strip-h{color:var(--y);font-size:clamp(1.2rem,2vw,1.6rem)}
.stripl{list-style:none;margin:0;padding:0}
.stripl li{border-top:2px solid var(--ink2)}
.stripl a{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;padding:.3rem 0;color:var(--t);text-decoration:none;font-family:var(--mono);font-weight:700}
.stripl b{font:400 clamp(2.2rem,7vw,6rem)/1 var(--disp);text-transform:uppercase;transition:transform .35s cubic-bezier(.2,.8,.2,1),color .2s}
.stripl a:hover b,.stripl a:focus-visible b{transform:translateX(.25em);color:var(--y)}
.split-lean{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem 4rem;padding-top:5rem;padding-bottom:5rem}
.split-lean h2{font-size:clamp(2.4rem,5.6vw,5rem)}
.split-lean p{font-size:1.2rem;max-width:56ch}
.picker{background:var(--y);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding-top:4rem;padding-bottom:4rem}
.pk-head h2{font-size:clamp(2rem,5vw,4.4rem);max-width:14ch}.pk-head p{max-width:60ch}
.pk-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;margin-top:2rem}
.pk-body fieldset{border:0;padding:0;margin:0;min-width:0}.pk-body legend{font:400 1.6rem var(--disp);text-transform:uppercase;margin-bottom:.8rem}
.pk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem}
.pk-item{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem;border:3px solid var(--ink);border-radius:16px;background:var(--t);cursor:pointer;font-weight:700;transition:transform .15s}
.pk-item:hover{transform:rotate(-1deg)}.pk-item small{display:block;font-weight:400;font-size:.85rem}
.pk-item input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin-top:.15rem}
.pk-item:has(input:checked){background:var(--ink);color:var(--y)}
.pk-out{background:var(--ink);color:var(--lt);border-radius:28px 28px 28px 0;padding:1.6rem;min-width:0}
.pk-out h3{color:var(--t);margin-top:1.2rem}.pk-out .empty{opacity:.65;list-style:none}
.pk-meter{display:flex;align-items:baseline;gap:.6rem}.pk-meter span{font:400 6rem/.9 var(--disp);color:var(--y)}
.pk-act{display:flex;flex-wrap:wrap;gap:.6rem}.pk-act button{background:var(--t);color:var(--ink);border-color:var(--t)}.pk-act .ghost{color:var(--t);border-color:var(--t)}
.tiles{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:0;padding:0!important;border-bottom:4px solid var(--ink)}
.tile{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:2rem clamp(1rem,5vw,4.5rem);text-decoration:none;color:var(--ink);transition:background .2s}
.tile span{font:400 clamp(2.6rem,6vw,5.4rem)/.9 var(--disp);text-transform:uppercase}
.tile p{max-width:34ch;margin:1rem 0 0;font-weight:700}
.t1{grid-row:span 2;background:var(--pl);color:var(--t);min-height:440px}.t1:hover{color:var(--y)}
.t2{background:var(--t2)}.t3{background:var(--lt);border-top:4px solid var(--ink)}.t2:hover,.t3:hover{background:var(--y);color:var(--ink)}
.band{padding-top:4rem;padding-bottom:4rem}
.band.alt{background:var(--ink);color:var(--lt)}.band.alt a{color:var(--y)}.band.alt h2{color:var(--t)}

/* FAQ */
.faq{max-width:960px;border-top:4px solid var(--ink)}
.faq details{border-bottom:4px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;font:400 clamp(1.4rem,2.6vw,2.1rem)/1 var(--disp);text-transform:uppercase;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--t);font-size:1.8rem;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--y);color:var(--ink)}
.faq details div{padding:0 0 1.2rem;max-width:62ch;font-size:1.1rem}

/* masts */
.mast{position:relative;overflow:hidden;padding-top:clamp(2rem,6vw,5rem);padding-bottom:3rem;border-bottom:4px solid var(--ink);min-height:min(70vh,640px);display:flex;align-items:flex-end}
.mast-w{position:absolute;margin:0;font:400 clamp(6rem,24vw,24rem)/.8 var(--disp);letter-spacing:-.01em;pointer-events:none;user-select:none;animation:up 1s cubic-bezier(.2,.8,.2,1) both}
.mast-t{position:relative;max-width:900px}
.mast h1{font-size:clamp(2.2rem,6vw,5.6rem)}
.mast h1 span{display:inline-block;background:var(--ink);color:var(--t);padding:.04em .14em;margin-top:.08em}
.mast p{font-size:1.2rem;max-width:56ch;font-weight:700}
.ph-svc .mast-w{right:-.05em;top:-.06em;color:var(--t2)}
.ph-method{background:var(--ink);color:var(--t)}.ph-method .mast-w{left:-.04em;top:-.05em;color:var(--ink2)}.ph-method h1 span{background:var(--t);color:var(--ink)}.ph-method a{color:var(--y)}
.ph-co{background:var(--y)}.ph-co .mast-w{right:-.04em;bottom:-.15em;color:var(--t)}
.ph-res .mast-w{left:50%;top:0;transform:translateX(-50%) rotate(-8deg);color:var(--t2);animation:none}
.ph-sup{background:var(--pl);color:var(--t)}.ph-sup .mast-w{right:.02em;top:-.08em;color:#55163f}.ph-sup h1 span{background:var(--y);color:var(--pl)}
.ph-con .mast-w{left:-.04em;bottom:-.12em;color:var(--ink);opacity:.92}.ph-con .mast-t{margin-left:auto;text-align:right;align-self:flex-start}
.ph-con{align-items:flex-start;min-height:min(78vh,700px)}
.ph-pr{background:var(--ink);color:var(--lt);min-height:min(56vh,520px)}.ph-pr .mast-w{right:-.03em;bottom:-.1em;color:var(--t);-webkit-text-stroke:0}.ph-pr h1 span{background:var(--t);color:var(--ink)}

/* services */
.svcs{padding:0!important}
.svc{padding:3.5rem clamp(1rem,5vw,4.5rem);border-bottom:4px solid var(--ink)}
.svc:nth-child(1){background:var(--ink);color:var(--lt)}.svc:nth-child(2){background:var(--y)}.svc:nth-child(3){background:var(--t)}.svc:nth-child(4){background:var(--pl);color:var(--lt)}
.svc header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.svc h2{overflow-wrap:anywhere;font-size:clamp(2.4rem,7.5vw,7rem);margin:0;max-width:11ch}
.svc:nth-child(1) h2,.svc:nth-child(4) h2{color:var(--t)}
.svc-n{font:700 1rem var(--mono);border:3px solid currentColor;border-radius:999px;padding:.3rem .9rem}
.svc-i{font-size:clamp(1.2rem,2vw,1.55rem);max-width:44ch;font-weight:700;margin:1.2rem 0 2rem}
.svc-c{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);gap:2rem}
.svc-c ul{padding-left:1.1rem;margin:0}.svc-c li{margin:.35rem 0}
.svc-not{border:3px dashed currentColor;border-radius:22px;padding:1.2rem;transform:rotate(1.5deg)}

/* method */
.steps{list-style:none;margin:0;padding-top:4rem!important;padding-bottom:4rem!important;counter-reset:s;display:grid;gap:.8rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1.5rem;align-items:baseline;background:var(--ink);color:var(--lt);padding:1.4rem 1.6rem;border-radius:0 30px 30px 0;width:calc(52% + var(--o,0%));min-width:min(100%,340px);max-width:100%}
.steps li:nth-child(2){--o:12%}.steps li:nth-child(3){--o:24%}.steps li:nth-child(4){--o:36%}.steps li:nth-child(5){--o:48%;background:var(--y);color:var(--ink)}
.steps li::before{content:counter(s);grid-row:span 2;font:400 4.4rem/.8 var(--disp);color:var(--t)}
.steps b{font:400 2rem var(--disp);text-transform:uppercase}.steps p{margin:0;grid-column:2}
.criteria{background:var(--lt);padding-top:4rem;padding-bottom:4rem;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
.criteria table{width:100%;border-collapse:collapse;font-size:1.05rem}
.criteria th,.criteria td{text-align:left;vertical-align:top;padding:1rem;border-bottom:3px solid var(--ink)}
.criteria thead th{background:var(--ink);color:var(--t);font:400 1.3rem var(--disp);text-transform:uppercase}
.criteria tbody th{font:400 1.45rem/1 var(--disp);text-transform:uppercase;width:38%}
.criteria tbody tr:hover{background:var(--y)}

/* company */
.facts{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2rem;padding-top:4rem;padding-bottom:4rem}
.facts dl{margin:0;background:var(--lt);border:4px solid var(--ink);border-radius:30px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}
.facts dl::after{content:"";position:absolute;top:50%;left:-22px;width:44px;height:44px;border-radius:50%;background:var(--t);border:4px solid var(--ink);transform:translateY(-50%)}
.facts dl>div{padding:1.3rem 1.5rem;border-bottom:3px dashed var(--ink);min-width:0}
.facts dl>div:nth-child(odd){border-right:3px dashed var(--ink)}
.facts dt{font:700 .78rem var(--mono);letter-spacing:.16em;text-transform:uppercase}
.facts dd{margin:.3rem 0 0;font:400 1.5rem/1.1 var(--disp);text-transform:uppercase;overflow-wrap:anywhere}
.facts dd a{text-transform:none}
.map{background:var(--ink);color:var(--lt);border-radius:30px 30px 0 30px;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between}
.map-l{font:400 2.6rem/.9 var(--disp);color:var(--t);text-transform:uppercase;margin:0 0 1rem;text-decoration:line-through 4px var(--y)}
.map .btn{background:var(--t);color:var(--ink);border-color:var(--t)}
.p-company .split-lean{background:var(--pl);color:var(--lt)}.p-company .split-lean h2{color:var(--t)}.p-company .split-lean a{color:var(--y)}

/* resources */
.filters{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-end;padding-top:2rem;padding-bottom:2rem;background:var(--ink);color:var(--t);position:sticky;top:76px;z-index:20}
.search{display:grid;gap:.3rem;font:400 1.2rem var(--disp);text-transform:uppercase;flex:1 1 260px}
.search input{min-height:52px;border:3px solid var(--t);background:var(--ink2);color:var(--lt);border-radius:999px;padding:0 1.2rem;font:1.05rem var(--body)}
.ftabs{display:flex;flex-wrap:wrap;gap:.4rem}
.ftabs button{min-height:46px;padding:0 1rem;border:2px solid var(--t);background:transparent;color:var(--t);border-radius:999px;font:400 1.1rem var(--disp);text-transform:uppercase;cursor:pointer}
.ftabs button[aria-pressed=true]{background:var(--y);border-color:var(--y);color:var(--ink)}
.resn{margin:0;font:700 .85rem var(--mono);color:var(--pk);flex-basis:100%}
.reslist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.6rem;padding-top:3rem;padding-bottom:4rem}
.res{background:var(--lt);border:3px solid var(--ink);border-radius:6px 26px 6px 26px;padding:1.4rem;box-shadow:7px 7px 0 var(--ink);transition:transform .2s}
.res:nth-child(3n+1){transform:rotate(-1.2deg)}.res:nth-child(3n+2){transform:rotate(.9deg);background:var(--y)}
.res:hover{transform:rotate(0) translateY(-3px)}
.res h2{font-size:2rem}.tag{display:inline-block;margin:0 0 .6rem;background:var(--ink);color:var(--t);font:700 .75rem var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:.25rem .6rem}
.ticks{list-style:none;padding:0;margin:0}.ticks label{display:flex;gap:.6rem;min-height:40px;align-items:center;cursor:pointer}
.ticks input{width:22px;height:22px;accent-color:var(--pl);flex:none}
.noresults{padding:2rem clamp(1rem,5vw,4.5rem);font:400 1.6rem var(--disp);text-transform:uppercase}

/* forms */
.enq{display:grid;gap:1.1rem}
.enq .row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.enq label{display:grid;gap:.35rem;font:400 1.25rem var(--disp);text-transform:uppercase;letter-spacing:.02em;min-width:0}
.enq input:not([type=checkbox]),.enq textarea{width:100%;min-height:52px;border:3px solid var(--ink);background:var(--lt);color:var(--ink);border-radius:14px;padding:.7rem 1rem;font:1.05rem var(--body);text-transform:none}
.enq textarea{resize:vertical}
.enq input:focus,.enq textarea:focus{background:#fff8f1;outline:none;box-shadow:6px 6px 0 var(--ink)}
.enq [aria-invalid=true]{border-color:#9b0016;box-shadow:0 0 0 3px var(--y)}
.opt,.req{font:700 .7rem var(--mono);letter-spacing:.12em}.req{background:var(--ink);color:var(--y);padding:.1rem .4rem;justify-self:start}
.chips{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}
.chips legend{font:400 1.25rem var(--disp);text-transform:uppercase;margin-bottom:.5rem}
.chips label{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;min-height:48px;padding:0 1rem;border:3px solid var(--ink);border-radius:999px;font:700 .95rem var(--body);text-transform:none;cursor:pointer;background:var(--lt)}
.chips label:has(input:checked){background:var(--ink);color:var(--y)}
.chips input{accent-color:var(--t);width:20px;height:20px}
.consent{display:flex!important;grid-template-columns:none;gap:.7rem!important;align-items:flex-start;font:400 1rem/1.45 var(--body)!important;text-transform:none!important}
.consent input{width:24px;height:24px;flex:none;accent-color:var(--ink)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.go{justify-self:start;min-width:200px;font-size:1.6rem}
.status{margin:0;font-weight:700;min-height:1.4em}.status.err{background:var(--ink);color:var(--y);padding:.8rem 1rem;border-radius:12px}.status.ok{background:var(--lt);border:3px solid var(--ink);padding:.8rem 1rem;border-radius:12px}

/* support */
.sup-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:0;padding:0!important;border-bottom:4px solid var(--ink)}
.sup-side{background:var(--ink);color:var(--lt);padding:3rem clamp(1rem,4vw,3rem)}
.sup-side h2{color:var(--t);font-size:2.6rem}.sup-side ol{padding-left:1.4rem;font-size:1.15rem}.sup-side li::marker{color:var(--t);font-weight:700}
.sup-grid>div{padding:3rem clamp(1rem,4vw,3.5rem);min-width:0}

/* contact */
.con-tabs{display:flex;flex-wrap:wrap;gap:0;padding-top:0!important;margin-top:-2px;border-bottom:4px solid var(--ink)}
.con-tabs button{flex:1 1 220px;min-height:72px;border:0;border-right:4px solid var(--ink);background:var(--t);color:var(--ink);font:400 clamp(1.5rem,3vw,2.4rem) var(--disp);text-transform:uppercase;cursor:pointer}
.con-tabs button:last-child{border-right:0}
.con-tabs button[aria-selected=true]{background:var(--y)}
.con-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:0;padding:0!important;border-bottom:4px solid var(--ink)}
.con-grid>div{background:var(--y);padding:3rem clamp(1rem,4vw,3.5rem);min-width:0}
.con-side{background:var(--ink);color:var(--lt);padding:3rem clamp(1rem,4vw,3rem);min-width:0}
.con-side h2{color:var(--t);font-size:3.4rem}.con-side a{color:var(--y)}.con-side address{font-style:normal;font-weight:700}

/* privacy */
.legal{background:var(--pl);color:var(--lt);padding-top:3rem;padding-bottom:4rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 3rem;align-items:start}
.legal h2{grid-column:1;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--t);margin:1.6rem 0 .4rem;position:relative}
.legal p{grid-column:2;margin:1.6rem 0 0;font-size:1.08rem;max-width:64ch}
.legal h2+p{margin-top:1.8rem}.legal a{color:var(--y)}
.legal .btn{background:var(--t);color:var(--ink);border-color:var(--t)}

/* 404 */
.nf{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding-top:3rem;padding-bottom:4rem}
.nf-n{font:400 clamp(5rem,20vw,17rem)/.85 var(--disp);margin:0;text-transform:uppercase;color:var(--ink)}
.nf h1{font-size:clamp(2rem,5vw,4rem);max-width:18ch}.nf p{font-size:1.2rem;font-weight:700}

/* footer */
.foot{background:var(--ink);color:var(--lt);padding:4rem clamp(1rem,5vw,4.5rem) 2rem;border-top:4px solid var(--ink)}
.foot-big{margin:0 0 2.5rem;font:400 clamp(3rem,11vw,10.5rem)/.88 var(--disp);text-transform:uppercase;color:var(--t)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr);gap:2rem;border-top:2px solid var(--ink2);padding-top:2rem}
.foot-grid>*{min-width:0}.foot a{color:var(--y)}.foot address{font-style:normal}
.foot-n{font:400 1.8rem var(--disp);color:var(--t);margin:0 0 .4rem;overflow-wrap:anywhere}
.foot-l{list-style:none;margin:0;padding:0;columns:2}.foot-l li{break-inside:avoid}.foot-l a,.foot-l button{display:inline-flex;align-items:center;min-height:40px;color:var(--lt)}
.foot-s{margin:2rem 0 0;font:700 .8rem var(--mono);letter-spacing:.08em;color:var(--pk)}

/* cookie */
.cookie{position:fixed;left:1rem;bottom:1rem;z-index:70;max-width:min(520px,calc(100vw - 2rem));background:var(--y);color:var(--ink);border:4px solid var(--ink);border-radius:26px 26px 26px 0;padding:1.2rem 1.3rem;box-shadow:8px 8px 0 var(--ink)}
.cookie p{margin:0 0 .9rem;font-size:.98rem}
.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ck-b button{font-size:1.05rem;padding:.5rem .6rem}

/* reveals */
.rv .reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv .reveal.in{opacity:1;transform:none}

/* responsive */
@media (max-width:1000px){
 .svc-c{grid-template-columns:1fr 1fr}.svc-not{grid-column:1/-1}
 .pk-body,.facts,.sup-grid,.con-grid,.split-lean{grid-template-columns:minmax(0,1fr)}
 .here{display:none}
}
@media (max-width:767px){
 body{font-size:17px}
 .mk-w{font-size:1.35rem}.mk-w i{font-size:.55rem}.mk-1{width:44px;height:44px;font-size:2.2rem}
 .one{padding:0 .8rem;font-size:1.1rem}
 .hero-t,.svc-c,.tiles,.legal,.foot-grid{grid-template-columns:minmax(0,1fr)}
 .legal h2,.legal p{grid-column:1}.legal p{margin-top:.4rem}
 .t1{grid-row:auto;min-height:240px}
 .enq .row{grid-template-columns:minmax(0,1fr)}
 .facts dl{grid-template-columns:minmax(0,1fr)}.facts dl>div:nth-child(odd){border-right:0}.facts dl::after{display:none}
 .steps li{width:100%!important}
 .sticker{top:auto;bottom:1rem;right:1rem;width:96px;font-size:.9rem}
 .stack .l2,.stack .l4{padding-left:0}
 .filters{position:static}
 .criteria table,.criteria tbody,.criteria tr,.criteria th,.criteria td{display:block;width:auto!important}.criteria thead{display:none}
 .criteria tbody th{border-bottom:0;padding-bottom:.2rem}
 .ph-con .mast-t{text-align:left}
 .ck-b{grid-template-columns:minmax(0,1fr)}
 .mast{min-height:auto;padding-top:9rem}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .rv .reveal{opacity:1;transform:none}
}
