@font-face{font-family:"PCCS Rubik";src:url("fonts/display.woff2");font-weight:600 900;font-display:swap}
:root{--teak:#2a190f;--teak2:#3b2416;--teak3:#4f311d;--amber:#f3a521;--amber2:#d9820b;--honey:#ffc95a;--rust:#c94a1e;--cream:#f7e4c3;--dim:#d8bf98;--line:#6b4529;--warn:#ffb08a;
--display:"PCCS Rubik",Rockwell,"Rockwell Nova","Bookman Old Style","Roboto Slab",Georgia,serif;--sans:"Segoe UI","Avenir Next",Ubuntu,"Noto Sans",sans-serif;--mono:Consolas,"Lucida Console","DejaVu Sans Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--teak);color:var(--cream);font:17px/1.62 var(--sans);display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh;
background-image:repeating-linear-gradient(92deg,rgba(255,190,110,.025) 0 2px,transparent 2px 9px),radial-gradient(circle at 85% 0,rgba(243,165,33,.12),transparent 50%)}
a{color:var(--honey)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--honey);outline-offset:3px}
.wrap{overflow-wrap:anywhere}.small{font-size:.9rem;color:var(--dim)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--amber);color:var(--teak);padding:8px;z-index:20}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.01em}
main{grid-column:2;min-width:0;padding:0 clamp(18px,4vw,64px) 70px}main>section{margin:64px 0;min-width:0}
h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1;margin:.15em 0}h2{font-size:clamp(1.4rem,2.8vw,2.1rem);line-height:1.12}
.lede{font-size:1.18rem;max-width:60ch}.tag,.b-label,.slip-c,.nf-code,.c-tab{font:700 .78rem var(--mono);text-transform:uppercase;letter-spacing:.14em}
/* rail */
.rail{grid-column:1;grid-row:1/3;position:sticky;top:0;height:100dvh;background:var(--teak2);border-right:6px solid var(--amber);z-index:6}
.desk-row{display:flex;flex-direction:column;gap:18px;height:100%;padding:22px 18px;overflow-y:auto}
.mark{display:flex;flex-direction:column;gap:6px;color:var(--cream);text-decoration:none}
.mark-pc{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--amber);color:var(--teak);font:900 2.1rem/1 var(--display);transform:rotate(-8deg);box-shadow:inset 0 0 0 4px var(--teak2),inset 0 0 0 6px var(--teak);transition:transform .4s}
.mark-pc i{font-style:normal;color:var(--rust)}.mark:hover .mark-pc{transform:rotate(4deg)}
.mark-t{font:700 1.15rem/1.05 var(--display);text-transform:uppercase;letter-spacing:.04em}.mark-t small{display:block;font:.72rem var(--mono);color:var(--dim);letter-spacing:.1em;margin-top:6px}
.rail-now{font:.78rem/1.4 var(--mono);color:var(--dim);margin:0;display:flex;gap:8px}
.lamp{flex:none;width:10px;height:10px;margin-top:3px;border-radius:50%;background:var(--honey);animation:lamp 2.6s ease-in-out infinite}
@keyframes lamp{50%{opacity:.35}}
.indexbtn{display:grid;grid-template-columns:1fr auto;text-align:left;background:var(--amber);color:var(--teak);border:0;border-radius:6px 22px 6px 22px;padding:10px 16px;cursor:pointer;font:inherit;min-height:52px}
.ib-k{font-weight:800}.ib-s{grid-column:1;font:.72rem var(--mono)}.ib-a{grid-row:1/3;grid-column:2;align-self:center;width:12px;height:12px;border-right:3px solid var(--teak);border-bottom:3px solid var(--teak);transform:rotate(-45deg);transition:transform .25s}
.indexbtn[aria-expanded=true] .ib-a{transform:rotate(135deg)}
.rail-quick{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rail-quick a{display:block;padding:9px 10px;color:var(--cream);text-decoration:none;border-left:3px solid transparent;min-height:44px;transition:transform .2s}
.rail-quick a:hover{border-color:var(--amber);transform:translateX(4px)}.rail-quick a[aria-current]{background:var(--teak3);border-color:var(--honey);color:var(--honey)}
.deskcall{margin-top:auto;color:var(--teak);background:var(--honey);text-align:center;font:700 .95rem var(--mono);padding:12px;border-radius:999px;text-decoration:none}
.flyout{position:fixed;top:0;left:240px;width:min(440px,calc(100vw - 240px));height:100dvh;overflow-y:auto;background:var(--amber);color:var(--teak);padding:28px 24px;box-shadow:20px 0 60px rgba(0,0,0,.45);animation:slide .3s ease-out}
@keyframes slide{from{transform:translateX(-24px);opacity:0}}
.flyout ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.flyout a{display:block;color:var(--teak);text-decoration:none;padding:12px 14px;border:2px solid var(--teak);border-radius:4px 18px 4px 18px;min-height:44px}
.flyout a:hover,.flyout a[aria-current]{background:var(--teak);color:var(--honey)}
.flyout b{display:block;font:700 1.2rem var(--display)}.flyout span{font-size:.85rem}
/* home */
.h-hero{margin-top:0!important;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;align-items:end}
.hatch{position:relative;background:var(--amber);color:var(--teak);padding:clamp(28px,5vw,70px) clamp(22px,4vw,56px) 56px;margin-left:calc(-1*clamp(18px,4vw,64px));clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,0 100%);animation:lift .7s ease-out}
@keyframes lift{from{clip-path:polygon(0 0,100% 0,100% 0,92% 0,0 0)}}
.hatch .tag{color:var(--teak3)}.hatch h1 em{display:block;font-style:normal;color:var(--rust)}.hatch a{color:var(--teak)}
.sign{position:absolute;right:clamp(14px,3vw,40px);top:18px;margin:0;transform:rotate(7deg);transform-origin:50% -20px;animation:swing 3.5s ease-in-out 1s 2}
.sign span{display:block;background:var(--teak);color:var(--honey);font:900 1rem var(--mono);letter-spacing:.3em;padding:8px 12px 8px 16px;border-radius:4px;text-transform:uppercase}
@keyframes swing{50%{transform:rotate(-4deg)}}
.bells{display:flex;flex-direction:column;gap:14px;padding:0 0 30px 22px}
.rt{position:relative;display:block;padding:16px 18px 16px 70px;background:var(--teak2);border:2px solid var(--amber);border-radius:999px 14px 14px 999px;text-decoration:none;color:var(--cream);transition:transform .2s}
.rt:nth-child(2){margin-left:24px}.rt:nth-child(3){margin-left:48px}
.rt:hover{transform:translateX(-6px)}.rt i{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:var(--amber);color:var(--teak);display:grid;place-items:center;font:900 1.4rem var(--display);font-style:normal}
.rt b{display:block;font:700 1.15rem var(--display)}.rt span{font:.82rem var(--mono);color:var(--dim)}.rt-a{background:var(--rust);border-color:var(--rust)}.rt-a span{color:var(--cream)}
.h-queue{background:var(--teak3);padding:30px clamp(18px,3vw,40px);border-radius:0 60px 0 0}
.queue{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:repeating-linear-gradient(90deg,var(--amber) 0 22px,var(--amber2) 22px 44px);padding-top:10px}
.queue li{background:var(--teak3);padding:14px 16px;margin:0 6px}.queue span{display:block;font:700 .85rem var(--mono);color:var(--honey)}
.h-strip h2{text-align:center}
.orbit{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.orbit a{flex:0 1 190px;min-width:0;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;text-decoration:none;color:var(--cream);border:2px dashed var(--amber);font-size:.9rem;transition:transform .25s,background .25s}
.orbit a:nth-child(odd){transform:translateY(18px)}.orbit a:hover{background:var(--amber);color:var(--teak);border-style:solid}
.orbit b{font:700 1.6rem var(--display);color:var(--honey)}.orbit a:hover b{color:var(--rust)}
details{border-bottom:2px dotted var(--line);padding:12px 0}summary{cursor:pointer;font-weight:700;min-height:32px;color:var(--honey)}
.h-faq,.s-faq,.m-faq{max-width:780px;margin-left:auto!important}
/* services */
.sv-top{border-bottom:6px double var(--amber);padding-bottom:28px}
.jump{display:flex;flex-wrap:wrap;gap:8px}.jump a{padding:10px 16px;background:var(--amber);color:var(--teak);text-decoration:none;font-weight:700;transform:skewX(-12deg);min-height:44px}
.counter{display:grid;grid-template-columns:150px minmax(0,1fr);background:var(--teak2);border-radius:0 0 40px 0;overflow:hidden;scroll-margin-top:20px}
.counter:nth-of-type(even){grid-template-columns:minmax(0,1fr) 150px}.counter:nth-of-type(even) .c-tab{order:2}
.c-tab{background:var(--amber);color:var(--teak);writing-mode:vertical-rl;transform:rotate(180deg);padding:22px;text-align:center;font-size:1rem}
.c-body{padding:26px 32px;min-width:0}.c-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.c-cols h3{font:700 .82rem var(--mono);text-transform:uppercase;color:var(--honey)}
.c-cols ul{padding-left:1.1em}.c-cols li::marker{color:var(--amber)}
.c-go{display:inline-block;margin-top:10px;font-weight:800;padding:10px 18px;border:2px solid var(--honey);border-radius:999px;text-decoration:none}
/* company */
.co-card{background:linear-gradient(135deg,var(--amber),var(--amber2));color:var(--teak);padding:clamp(24px,4vw,48px);border-radius:12px;box-shadow:inset 0 0 0 8px var(--amber2),inset 0 0 0 10px var(--teak);position:relative}
.co-card::before,.co-card::after{content:"";position:absolute;top:22px;width:14px;height:14px;border-radius:50%;background:var(--teak3)}.co-card::before{left:22px}.co-card::after{right:22px}
.co-card a{color:var(--teak)}.co-card .tag{color:var(--teak3)}
.facts{display:grid;grid-template-columns:190px minmax(0,1fr);gap:10px 22px}.facts dt{font:700 .78rem var(--mono);text-transform:uppercase;padding-top:4px}.facts dd{margin:0;border-bottom:1px solid rgba(42,25,15,.3)}
.co-prose{max-width:70ch;column-gap:40px}.nots li{list-style:"\2715  ";}
.co-map{border:3px solid var(--amber);padding:22px;border-radius:40px 4px}
/* method */
.m-top{text-align:right}.m-top .lede{margin-left:auto}
.lanes{list-style:none;padding:0;counter-reset:l;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border-top:6px solid var(--amber);padding-top:0}
.lanes li{counter-increment:l;position:relative;padding:60px 16px 16px;background:var(--teak2);border-radius:0 0 18px 18px}
.lanes li:nth-child(even){margin-top:40px;background:var(--teak3)}
.lanes li::before{content:counter(l);position:absolute;left:16px;top:-6px;width:44px;height:50px;background:var(--amber);color:var(--teak);display:grid;place-items:center;font:900 1.3rem var(--display);border-radius:0 0 22px 22px}
.lanes h2{font-size:1.3rem;margin:.2em 0}
.crit{width:100%;border-collapse:collapse}.crit caption{text-align:left;font:.85rem var(--mono);color:var(--dim)}.crit th,.crit td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.crit thead th{background:var(--amber);color:var(--teak)}.crit tbody tr:nth-child(odd){background:var(--teak2)}
/* resources */
.r-top{background:var(--teak3);padding:28px;border-radius:30px 30px 0 0;margin-bottom:0!important}
.r-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.r-tools label{flex:1 1 220px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{min-height:44px;padding:0 16px;border:2px solid var(--amber);border-radius:999px;background:transparent;color:var(--cream);font:inherit;cursor:pointer}
.chips button[aria-pressed=true]{background:var(--amber);color:var(--teak);font-weight:700}
.shelf{margin-top:0!important;border-top:14px solid var(--amber2);padding-top:30px}
.slips{list-style:none;padding:0;columns:3 250px;column-gap:20px}
.slip{break-inside:avoid;margin:0 0 20px;background:var(--cream);color:var(--teak);padding:20px 18px 16px;border-radius:2px;position:relative;transform:rotate(-.8deg)}
.slip:nth-child(3n+2){transform:rotate(.9deg)}.slip::before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;border-radius:50%;background:var(--rust);box-shadow:0 2px 0 var(--teak)}
.slip h2{font-size:1.15rem;margin:.3em 0}.slip-c{color:var(--rust)}
.empty{font-weight:700}
/* support */
.s-top{border-left:10px solid var(--rust);padding-left:22px}
.builder{background:var(--teak2);padding:clamp(18px,3vw,32px);border-radius:24px;border:2px dashed var(--amber)}.builder small{display:block;font:.75rem var(--mono);color:var(--dim)}
.b-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px}
fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}legend{font-weight:700;margin-bottom:6px;color:var(--honey)}
.pills{display:flex;flex-wrap:wrap;gap:6px}.pills label{display:flex;align-items:center;gap:6px;background:var(--teak3);border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:44px;cursor:pointer;font-weight:400}
.pills label:has(input:checked){background:var(--amber);color:var(--teak);border-color:var(--amber)}
.b-out{background:var(--cream);color:var(--teak);padding:20px;border-radius:4px;min-width:0;align-self:start;position:sticky;top:20px;
mask:radial-gradient(circle 7px at 50% 0,transparent 98%,#000) 0 0/18px 100% repeat-x}
.b-out .small{color:var(--teak3)}
#b-report{white-space:pre-wrap;font:.88rem/1.5 var(--mono);min-height:160px;overflow-wrap:anywhere}
/* forms */
label{display:block;margin:0 0 14px;font-weight:700;min-width:0}
input:not([type=checkbox]):not([type=radio]),textarea{display:block;width:100%;font:inherit;padding:11px 12px;border:0;border-bottom:3px solid var(--amber);border-radius:6px 6px 0 0;background:var(--teak);color:var(--cream);min-height:46px;margin-top:4px;font-weight:400}
input:focus,textarea:focus{background:#1f120a}
input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--amber);flex:none;margin-top:3px}
.ticket{background:var(--teak3);padding:clamp(20px,3vw,34px);border-radius:28px 4px 28px 4px;position:relative;max-width:860px;border-top:10px solid var(--amber)}
.tk-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.svc{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.svc legend{grid-column:1/-1}
.svc label,.cbx{display:flex;gap:10px;align-items:flex-start;font-weight:400;min-height:36px}
.hp{position:absolute;left:-9999px}
.go{min-height:50px;padding:0 28px;background:var(--amber);color:var(--teak);border:0;border-radius:999px;font:800 1rem var(--sans);cursor:pointer;transition:transform .15s}.go:hover{transform:translateY(-2px)}.go:disabled{opacity:.6;cursor:wait}
.b-out .go{background:var(--teak);color:var(--honey)}
.status{font-weight:700;color:var(--honey)}.status.err{color:var(--warn)}
.ct-top h1{font-size:clamp(3rem,10vw,7rem);color:var(--amber)}
.ct-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:3px solid var(--amber)}.ct-cards p{margin:0;padding:18px;border:1px solid var(--line);min-width:0}.ct-cards span{display:block;font:700 .76rem var(--mono);text-transform:uppercase;color:var(--honey)}
.ct-cb{background:var(--amber);color:var(--teak);padding:clamp(20px,4vw,44px);margin-left:calc(-1*clamp(18px,4vw,64px))!important;margin-right:calc(-1*clamp(18px,4vw,64px))!important;clip-path:polygon(0 30px,100% 0,100% 100%,0 100%)}
.ct-cb a{color:var(--teak)}.ct-cb .ticket{background:var(--teak2);color:var(--cream)}.ct-cb .ticket a{color:var(--honey)}
.p-doc{max-width:74ch;margin-left:auto!important;margin-right:auto!important}.p-doc h1{color:var(--amber)}.p-doc h2{display:inline-block;background:var(--amber);color:var(--teak);padding:4px 14px;font-size:1.2rem;margin-top:1.8em;border-radius:0 14px 0 14px}
.nf{text-align:center;padding:60px 0}.nf .nf-code{display:inline-block;font-size:clamp(3rem,12vw,8rem);color:var(--amber);font-family:var(--display);transform:rotate(-4deg)}
.nf .router{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.nf .rt{padding:14px 26px}
/* footer & cookie */
.foot{grid-column:2;background:var(--amber);color:var(--teak);padding:50px clamp(18px,4vw,64px) 100px;clip-path:polygon(0 24px,6% 0,100% 0,100% 100%,0 100%)}.foot a,.linkish{color:var(--teak)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:28px}
.foot-n{font:900 1.5rem/1.1 var(--display);overflow-wrap:anywhere}.foot address{font-style:normal}.foot-l{list-style:none;padding:0;columns:2;margin-top:0}.foot-l a{display:inline-block;padding:6px 0;min-height:36px}
.foot-x{margin:26px 0 0;font:.8rem var(--mono);border-top:2px solid var(--teak);padding-top:12px}
.linkish{background:none;border:0;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer;padding:8px 0;min-height:44px}
.cookie{position:fixed;right:14px;bottom:14px;max-width:440px;width:calc(100% - 28px);background:var(--teak);color:var(--cream);border:3px solid var(--amber);border-radius:24px 4px 24px 4px;padding:16px;z-index:15}
.cookie div{display:flex;gap:10px;flex-wrap:wrap}.cookie button{flex:1 1 140px;min-height:46px;border:2px solid var(--amber);background:var(--amber);color:var(--teak);border-radius:999px;font:700 .95rem var(--sans);cursor:pointer}.cookie p{margin:0 0 10px}
[hidden]{display:none!important}
@media (max-width:1100px){.h-hero{grid-template-columns:minmax(0,1fr)}.bells{padding:24px 0 0}.rt:nth-child(n){margin-left:0}.lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.lanes li:nth-child(even){margin-top:0}.b-grid{grid-template-columns:minmax(0,1fr)}.b-out{position:static}}
@media (max-width:900px){
body{display:block}
.rail{position:sticky;height:auto;border-right:0;border-bottom:5px solid var(--amber)}
.desk-row{flex-direction:row;align-items:center;height:auto;padding:10px 16px;gap:12px;overflow:visible}
.mark{flex-direction:row;align-items:center}.mark-pc{width:50px;height:50px;font-size:1.3rem}.mark-t small,.rail-now,.rail-quick{display:none}.mark-t{font-size:.85rem}
.indexbtn{margin-left:auto}.deskcall{display:none}
.flyout{left:0;top:auto;width:100%;height:auto;max-height:calc(100dvh - 80px);position:absolute}
main{padding:0 18px 60px}.hatch,.ct-cb{margin-left:-18px!important}.ct-cb{margin-right:-18px!important}
.foot{clip-path:none}}
@media (max-width:767px){body{font-size:16px}
.queue,.c-cols,.tk-row,.svc,.ct-cards,.foot-grid,.facts,.lanes{grid-template-columns:minmax(0,1fr)}
.queue li{margin:0 0 6px}
.counter,.counter:nth-of-type(even){grid-template-columns:minmax(0,1fr)}.counter:nth-of-type(even) .c-tab{order:0}.c-tab{writing-mode:horizontal-tb;transform:none;padding:10px 18px;text-align:left}.c-body{padding:20px}
.ib-s{display:none}.indexbtn{padding:8px 14px}.mark-t{display:none}
.orbit a{flex-basis:140px}.orbit a:nth-child(odd){transform:none}.m-top{text-align:left}}
@media (prefers-reduced-motion:reduce){*,*::before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.foot-bell{background:var(--teak);color:var(--cream);padding:26px;border-radius:0 40px 0 40px;margin-bottom:30px}.foot-bell a{color:var(--honey)}
.foot-big{display:block;font:700 clamp(1.2rem,3vw,2rem) var(--display);text-decoration:none;margin:4px 0}
.foot-co{font:900 1.2rem var(--display)}.foot-n{color:var(--amber);margin:0}