:root{--page: #f2f5f7;--surface: #ffffff;--ink: #101b33;--muted: #47536c;--line: #d3dbe4;--line-strong: #aab6c6;--cobalt: #2647d8;--tape: #f5be0b;--tape-hover: #ffc91a;--tape-edge: #b98c00;--danger: #b3261e;--font: "Familjen Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--radius: 10px;--gutter: clamp(1rem, 4vw, 3rem);--max: 1180px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font:400 1.0625rem/1.55 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{font-weight:700;text-wrap:balance}p{text-wrap:pretty}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:4px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;background:var(--tape);color:var(--ink);border:1px solid var(--tape-edge);border-radius:var(--radius);font-weight:600;letter-spacing:-.005em;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff8c,0 1px 2px #101b332e,0 4px 10px -4px #101b3340;transition:background-color .15s ease-out,box-shadow .15s ease-out,scale .15s ease-out}.button:hover{background:var(--tape-hover);box-shadow:inset 0 1px #fff9,0 1px 2px #101b3333,0 8px 16px -6px #101b334d}.button:active{scale:.96}.button:disabled{cursor:default;opacity:.65;scale:1}.button.small{min-height:38px;padding:0 14px;font-size:.9375rem}.link{text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color .15s ease-out}.link:hover{text-decoration-color:var(--ink)}.field{display:grid;gap:6px}.field label{font-size:.9375rem;font-weight:600}.input{width:100%;min-height:44px;padding:10px 12px;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;box-shadow:inset 0 1px 2px #101b330f;transition:border-color .15s ease-out,box-shadow .15s ease-out}.input:hover{border-color:var(--muted)}.input:focus-visible{outline:none;border-color:var(--cobalt);box-shadow:0 0 0 3px #2647d833;border-radius:8px}select.input{appearance:none;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23101b33' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}textarea.input{resize:vertical;min-height:112px}.top{display:flex;align-items:center;gap:28px;max-width:var(--max);margin:0 auto;padding:20px var(--gutter)}.brand{font-weight:700;font-size:1.125rem;letter-spacing:-.01em;text-decoration:none;margin-right:auto}.top nav{display:flex;gap:24px;font-size:.9375rem}.top nav a{text-decoration:none;padding:6px 0}.top nav a:hover{text-decoration:underline;text-underline-offset:5px}main{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(32px,6vw,72px) 0 clamp(48px,7vw,88px)}.hero h1{font-size:clamp(2.6rem,1.4rem + 4.4vw,4.6rem);line-height:.98;letter-spacing:-.035em}.lede{margin-top:24px;font-size:1.1875rem;color:var(--muted);max-width:44ch}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}.sheet{background-color:var(--surface);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;border:1px solid var(--line-strong);border-radius:14px;padding:18px 18px 14px;box-shadow:0 1px 2px #101b330f,0 18px 40px -22px #101b3359}.sheet svg{display:block;width:100%;height:auto}.sheet figcaption{margin-top:8px;font-size:.875rem;color:var(--muted);background:var(--surface);width:fit-content;padding:0 6px}.bike{stroke:var(--ink);stroke-width:2.5}.bike circle{stroke-width:2}.bike .hub{fill:var(--ink);stroke:none}.bike .saddle,.bike .bar{stroke-width:5}.bike .pedal{stroke-width:4}.dims{stroke:var(--cobalt);stroke-width:1.75;stroke-linecap:round}.dims .tick{stroke-width:1;stroke-dasharray:3 4;opacity:.8}.values text{font:600 15px var(--font);fill:var(--cobalt);font-variant-numeric:tabular-nums;paint-order:stroke;stroke:var(--surface);stroke-width:5px;stroke-linejoin:round}.values .big{font-size:22px;font-weight:700}.dim{stroke-dasharray:260;stroke-dashoffset:260;animation:draw .7s ease-out forwards}.d1{animation-delay:.25s}.d2{animation-delay:.5s}.d3{animation-delay:.75s}.d4{animation-delay:.9s}.tick{opacity:0;animation:appear .3s ease-out forwards}.tick.d1{animation-delay:.2s}.tick.d2{animation-delay:.45s}.tick.d3{animation-delay:.7s}.values text{opacity:0;animation:appear .35s ease-out forwards}.v1{animation-delay:.75s}.v2{animation-delay:1s}.v3{animation-delay:1.2s}.v4{animation-delay:1.35s}@keyframes draw{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}.dims .tick{animation-name:appear-tick}@keyframes appear-tick{to{opacity:.8}}main>section+section{border-top:1px solid var(--line-strong);padding:clamp(44px,6vw,80px) 0}h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1.05;letter-spacing:-.025em}.rates ul{margin-top:28px;border-top:2px solid var(--ink)}.rates li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) 110px 110px;gap:8px 24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line-strong)}.rates h3{font-size:1.375rem;letter-spacing:-.015em}.rates li p{color:var(--muted)}.rates .time{color:var(--muted);font-variant-numeric:tabular-nums}.rates .price{font-size:1.375rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.aside{margin-top:20px;color:var(--muted)}.steps ol{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:step}.steps li{counter-increment:step;border-top:2px solid var(--cobalt);padding-top:14px}.steps li:before{content:counter(step);display:block;font-size:2.5rem;line-height:1;font-weight:700;color:var(--cobalt);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.steps h3{margin-top:14px;font-size:1.1875rem;letter-spacing:-.01em}.steps li p{margin-top:6px;color:var(--muted)}.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:start}.find p{margin-top:16px;font-size:1.1875rem;color:var(--muted);max-width:36ch}.find dl{margin-top:28px;border-top:1px solid var(--line-strong)}.find dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line-strong)}.find dt{font-weight:600}.card{background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:clamp(20px,3vw,32px);display:grid;gap:16px;box-shadow:0 1px 2px #101b330f,0 18px 40px -22px #101b3359}.card h2{font-size:1.625rem}.card .hint{color:var(--muted);margin-top:-8px}.send{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px}#enquiry-status{font-weight:600}#enquiry-status[data-state=sent]{color:#116a3a}#enquiry-status[data-state=refused]{color:var(--danger)}.website{position:absolute;left:-9999px}footer{max-width:var(--max);margin:0 auto;padding:28px var(--gutter) 56px;border-top:1px solid var(--line-strong);font-size:.9375rem;color:var(--muted)}@media(max-width:860px){.top nav{display:none}.hero,.contact{grid-template-columns:minmax(0,1fr)}.rates li{grid-template-columns:minmax(0,1fr) auto}.rates li p{grid-column:1 / -1;order:3}.rates .time{grid-column:1;order:2}.rates .price{grid-row:1;grid-column:2}.steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.steps ol{grid-template-columns:minmax(0,1fr)}.values text{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dim,.tick,.values text{animation:none;stroke-dashoffset:0;opacity:1}.dims .tick{opacity:.8}.button{transition:none}}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-vietnamese-wght-normal-DKRsWTd7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-ext-wght-normal-Cvgdx4cy.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-wght-normal-CfZa4wxB.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
