.demo[data-v-18c625d3]{--demo-navy:#002b7f;--demo-font:"Roboto", system-ui, sans-serif;z-index:1;margin-top:clamp(48px,6vw,80px);container-type:inline-size}.demo[data-v-18c625d3],.demo__stage[data-v-18c625d3]{perspective:2000px;position:relative}.demo__stage[data-v-18c625d3]{--s:.36;height:calc(730px*var(--s) + 56px);transform-origin:50% 0}@media (width>=768px){.demo__stage[data-v-18c625d3]{--s:.45}}@media (width>=992px){.demo__stage[data-v-18c625d3]{--s:.58}}@media (width>=1200px){.demo__stage[data-v-18c625d3]{--s:.71}}@media (width>=1400px){.demo__stage[data-v-18c625d3]{--s:.85}}@media (width>=1650px){.demo__stage[data-v-18c625d3]{--s:1}}@supports (scale:tan(atan2(1cqw,1px))){.demo__stage[data-v-18c625d3]{--s:clamp(.36, tan(atan2(100cqw - 32px, 1500px)), 1)}}.demo__canvas[data-v-18c625d3]{transform-origin:50% 0;width:1180px;transform:translateX(-50%) scale(var(--s));position:absolute;top:0;left:50%}.demo__phone[data-v-18c625d3]{top:130px;left:-150px}.demo__cards[data-v-18c625d3],.demo__phone[data-v-18c625d3]{z-index:2;position:absolute}.demo__cards[data-v-18c625d3]{top:120px;right:-170px}.demo__app[data-v-18c625d3]{border-radius:14px;width:1180px;height:690px;display:block;box-shadow:0 50px 120px #00000073,0 0 0 8px #ffffff0f}.demo__phone-img[data-v-18c625d3]{border-radius:36px;width:262px;height:auto;display:block;box-shadow:0 40px 90px #00000080}.cards[data-v-18c625d3]{flex-direction:column;gap:16px;width:300px;display:flex}.card[data-v-18c625d3]{border-radius:6px;width:300px;height:auto;display:block;box-shadow:0 40px 90px #00000073}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.demo__stage[data-v-18c625d3]{animation:1s .25s both demo-fade-18c625d3}}@supports (animation-timeline:scroll()){@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.demo__canvas[data-v-18c625d3],.demo__cards[data-v-18c625d3] .card,.demo__phone[data-v-18c625d3]{animation-duration:1ms;animation-timing-function:cubic-bezier(.33,1,.68,1);animation-fill-mode:both;animation-timeline:scroll(root)}.demo__canvas[data-v-18c625d3]{animation-name:demo-tilt-18c625d3;animation-timing-function:cubic-bezier(.5,1,.89,1);animation-range:0 55vh}.demo__phone[data-v-18c625d3]{animation-name:demo-phone-18c625d3;animation-range:8.25vh 46.75vh}.demo__cards[data-v-18c625d3] .card:first-child{animation-name:demo-card-1-18c625d3;animation-range:16.5vh 49.5vh}.demo__cards[data-v-18c625d3] .card:nth-child(2){animation-name:demo-card-2-18c625d3;animation-range:23.1vh 55vh}}}@supports not (animation-timeline:scroll()){@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.demo__canvas[data-v-18c625d3]{animation:1s cubic-bezier(.5,1,.89,1) .25s both demo-tilt-18c625d3}.demo__phone[data-v-18c625d3]{animation:demo-phone-18c625d3 .9s var(--fc-reveal-ease) .65s both}.demo__cards[data-v-18c625d3] .card:first-child{animation:demo-card-1-18c625d3 .9s var(--fc-reveal-ease) .8s both}.demo__cards[data-v-18c625d3] .card:nth-child(2){animation:demo-card-2-18c625d3 .9s var(--fc-reveal-ease) .95s both}}}@keyframes demo-fade-18c625d3{0%{opacity:0}}@keyframes demo-tilt-18c625d3{0%{transform:translateX(-50%) scale(calc(var(--s)*.74)) rotateX(16deg) translateY(30px)}to{transform:translateX(-50%) scale(var(--s)) rotateX(0deg) translateY(0)}}@keyframes demo-phone-18c625d3{0%{opacity:0;transform:translate(-180px,90px)rotate(-9deg)}to{opacity:1;transform:none}}@keyframes demo-card-1-18c625d3{0%{opacity:0;transform:translate(200px,40px)rotate(6deg)}to{opacity:1;transform:none}}@keyframes demo-card-2-18c625d3{0%{opacity:0;transform:translate(240px,70px)rotate(-5deg)}to{opacity:1;transform:none}}.hero[data-v-b5061a68]{--hero-mint:#69caa7;--hero-mint-hover:#85d5b8;background:linear-gradient(180deg,var(--fc-maastricht-blue) 0,var(--fc-oxford-blue) 70%,var(--fc-oxford-blue) 100%);color:var(--fc-white);position:relative;overflow-x:clip}.hero__glow[data-v-b5061a68]{z-index:1;pointer-events:none;border-radius:50%;position:absolute}.hero__glow--centre[data-v-b5061a68]{background:var(--fc-sky-blue);filter:blur(160px);opacity:.32;width:900px;height:700px;top:38%;left:50%;transform:translate(-50%)}.hero__glow--left[data-v-b5061a68]{background:var(--fc-liberty);filter:blur(140px);opacity:.24;width:620px;height:520px;top:-160px;left:-220px}.hero__glow--right[data-v-b5061a68]{background:var(--hero-mint);filter:blur(140px);opacity:.16;width:560px;height:480px;top:6%;right:-200px}.hero__inner[data-v-b5061a68]{z-index:2;width:100%;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px);position:relative}.hero__spacer[data-v-b5061a68]{height:clamp(140px,14vw,184px)}.hero__copy[data-v-b5061a68]{text-align:center;flex-direction:column;align-items:center;gap:26px;max-width:1360px;margin:0 auto;display:flex}.hero__kicker[data-v-b5061a68]{font-weight:700;font-size:var(--fc-size-intro);color:var(--hero-mint)}.hero__kicker[data-v-b5061a68],.hero__title[data-v-b5061a68]{font-family:var(--fc-font-display);margin:0}.hero__title[data-v-b5061a68]{letter-spacing:-.025em;color:var(--fc-white);text-wrap:balance;font-size:clamp(36px,5vw,76px);font-weight:800;line-height:1.04}.hero__title[data-v-b5061a68] em{color:var(--fc-sky-blue);font-style:normal}.hero__title[data-v-b5061a68] em:before{content:"\a ";white-space:pre}.hero__lead[data-v-b5061a68]{color:#ffffffe6;text-wrap:pretty;max-width:720px;margin:0 auto;font-size:clamp(18px,1.5vw,21px);line-height:1.65}.hero__lead[data-v-b5061a68] p{margin:0}.hero__lead[data-v-b5061a68] p+p{margin-top:1em}.hero__lead[data-v-b5061a68] a{color:var(--fc-white)}.hero__actions[data-v-b5061a68]{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.hero__btn-primary[data-v-b5061a68]{background:var(--hero-mint);border-color:var(--hero-mint);color:var(--fc-oxford-blue)}.hero__btn-primary[data-v-b5061a68]:hover{background:var(--hero-mint-hover);border-color:var(--hero-mint-hover);color:var(--fc-oxford-blue)}.hero__btn-primary .pijl[data-v-b5061a68]{background:#0c23401f}.hero__btn-primary:hover .pijl[data-v-b5061a68]{background:#0c23402e}.hero__btn-secondary[data-v-b5061a68],.hero__btn-secondary[data-v-b5061a68]:hover{text-underline-offset:6px;background:0 0;border-color:#0000;padding-left:12px;padding-right:12px;text-decoration:underline 1.5px #ffffff59}.hero__btn-secondary[data-v-b5061a68]:hover{text-decoration-color:var(--fc-white)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.hero__copy[data-v-b5061a68]{animation:.9s cubic-bezier(.2,.7,.2,1) 80ms both hero-in-b5061a68}}@keyframes hero-in-b5061a68{0%{opacity:.01;transform:translateY(24px)}to{opacity:1;transform:none}}