:root{--cream:#f7f3eb;--paper:#fffdf8;--ink:#071a33;--muted:#596474;--navy:#0b2341;--coral:#ed5b59;--yellow:#f5b92e;--green:#62ad86;--violet:#7855dc;--blue:#4d72e8;--line:rgba(7,26,51,.14);--radius:28px;--shadow:0 18px 50px rgba(7,26,51,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Arial Rounded MT Bold","Avenir Next",Avenir,system-ui,sans-serif;line-height:1.55}body.menu-open{overflow:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:fixed;top:8px;left:8px;z-index:99;padding:10px 16px;background:#fff;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:40;background:rgba(247,243,235,.92);border-bottom:1px solid transparent;backdrop-filter:blur(16px)}.site-header.scrolled{border-color:var(--line)}.nav{height:84px;display:flex;align-items:center;gap:32px}.brand{font-size:1.8rem;font-weight:900;letter-spacing:-.06em;margin-right:auto}.brand-dot{display:inline-block;width:.35em;height:.35em;border-radius:50%;background:var(--coral);margin-left:3px}.nav-links{display:flex;align-items:center;gap:26px;font-size:.92rem;font-weight:700}.nav-links a{padding:10px 0}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--violet)}.login-link{border:1px solid var(--ink);border-radius:999px!important;padding:10px 18px!important}.menu-button{display:none;border:0;background:none;padding:12px;color:var(--ink)}.menu-button span{display:block;width:24px;height:2px;background:currentColor;margin:5px}.hero{position:relative;min-height:680px;display:grid;align-items:end;overflow:hidden;background:var(--navy);color:#fff}.hero-media,.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media img{z-index:0}.hero-media video{z-index:1}.hero:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,19,37,.8) 0%,rgba(5,19,37,.53) 42%,rgba(5,19,37,.08) 75%),linear-gradient(0deg,rgba(5,19,37,.25),transparent 45%)}.hero-content{position:relative;z-index:3;padding:110px 0 86px;max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,8vw,6.8rem);line-height:.94;letter-spacing:-.065em;margin:20px 0 26px}h2{font-size:clamp(2.25rem,4.6vw,4.2rem);line-height:1;letter-spacing:-.055em;margin-bottom:20px}h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.025em}.lead{font-family:system-ui,sans-serif;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55;max-width:650px}.hero .lead{color:rgba(255,255,255,.9)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;background:var(--violet);color:#fff;font-weight:850;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#6844cf}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:#f3eee5}.btn-outline{background:transparent;border-color:currentColor}.btn-outline:hover{background:rgba(255,255,255,.1)}.section{position:relative;padding:110px 0}.section-tight{padding:78px 0}.section-paper{background:var(--paper)}.section-dark{background:var(--navy);color:#fff}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.section-intro p{max-width:520px;color:var(--muted);font-family:system-ui,sans-serif}.section-dark .section-intro p{color:#c9d1dc}.circle{position:absolute;border-radius:50%;pointer-events:none}.circle.c1{width:74px;height:74px;background:var(--yellow);right:5%;top:-30px}.circle.c2{width:44px;height:44px;background:var(--green);left:3%;bottom:50px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{position:relative;min-height:210px;padding:30px;border-radius:var(--radius);overflow:hidden;background:#e9dfd1;display:flex;align-items:flex-end;font-size:1.35rem;font-weight:900;transition:transform .2s}.category-card:hover{transform:translateY(-4px)}.category-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-35px;top:-40px;background:var(--accent);opacity:.9}.category-card:nth-child(1){--accent:var(--coral);background:#f1dfd7}.category-card:nth-child(2){--accent:var(--green);background:#dcece4}.category-card:nth-child(3){--accent:var(--yellow);background:#f2ead1}.category-card:nth-child(4){--accent:var(--blue);background:#dfe5f4}.category-card:nth-child(5){--accent:var(--violet);background:#e5dff0}.category-card:nth-child(6){--accent:#d7854f;background:#efe0d6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.activity-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:300px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.activity-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:start}.card-mark{width:52px;height:52px;border-radius:50%;background:var(--accent,var(--coral));display:grid;place-items:center;color:white;font-weight:900}.tag{font-family:system-ui,sans-serif;font-size:.75rem;font-weight:700;padding:6px 10px;border:1px solid var(--line);border-radius:999px}.activity-card h3{font-size:1.55rem;margin:28px 0 10px}.activity-card p{font-family:system-ui,sans-serif;color:var(--muted)}.meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;color:var(--muted);font:700 .78rem system-ui,sans-serif}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:steps}.step{counter-increment:steps;padding:34px;border-top:1px solid rgba(255,255,255,.25)}.step:before{content:"0" counter(steps);display:block;color:var(--yellow);font-size:.78rem;letter-spacing:.15em;margin-bottom:45px}.step p{font-family:system-ui,sans-serif;color:#c9d1dc}.pills{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:13px 18px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-panel{padding:56px;border-radius:44px;background:#e5dff0;position:relative;overflow:hidden}.feature-panel:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-60px;bottom:-60px;background:var(--violet);opacity:.8}.account-note{display:inline-flex;align-items:center;gap:8px;font:700 .82rem system-ui,sans-serif;color:var(--muted);margin-top:18px}.hybrid-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0 0;padding:0;list-style:none}.hybrid-list li{padding:16px 18px;background:var(--paper);border-radius:16px;font-weight:800}.final-cta{text-align:center;padding:120px 20px;background:var(--coral);color:#fff}.final-cta h2{font-size:clamp(3rem,7vw,6rem);max-width:900px;margin:0 auto 24px}.page-hero{padding:100px 0 72px}.page-hero h1{font-size:clamp(3.4rem,7vw,6rem);max-width:850px}.page-hero .lead{color:var(--muted)}.filters{display:flex;gap:10px;overflow:auto;padding:4px 0 22px}.filter{white-space:nowrap;border:1px solid var(--line);background:var(--paper);padding:11px 16px;border-radius:999px;font-weight:800;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.activity-card[hidden]{display:none}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.choice{padding:42px;border-radius:32px;background:var(--paper);border:1px solid var(--line)}.choice:nth-child(2){background:#dfe9e3}.choice ul{font-family:system-ui,sans-serif;color:var(--muted);padding-left:20px}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:1.15rem;font-weight:850;cursor:pointer}.faq p{font-family:system-ui,sans-serif;color:var(--muted);padding-top:14px}.login-shell{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1fr}.login-visual{background:url('../images/referens.jpg') center/cover;position:relative}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,26,51,.5),transparent)}.login-copy{position:absolute;z-index:2;bottom:55px;left:55px;color:#fff;max-width:450px}.login-panel{display:grid;place-items:center;padding:50px}.login-form{width:min(440px,100%)}label{display:block;font:700 .85rem system-ui,sans-serif;margin:18px 0 7px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px;color:var(--ink)}.login-form .btn{width:100%;margin-top:22px}.form-foot{text-align:center;margin-top:24px;font-family:system-ui,sans-serif;color:var(--muted)}.site-footer{padding:80px 0 30px;background:#06182f;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand{font-size:2.4rem;font-weight:900}.footer-title{font-size:.75rem;letter-spacing:.15em;color:#98a5b7}.footer-links{display:grid;gap:11px;margin-top:20px;color:#d8dee7;font-family:system-ui,sans-serif}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:60px;padding-top:24px;color:#98a5b7;font: .85rem system-ui,sans-serif}.empty-state{padding:50px;text-align:center;border:1px dashed var(--line);border-radius:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.nav{height:72px}.menu-button{display:block}.nav-links{position:fixed;inset:72px 0 0;background:var(--cream);padding:35px 20px;display:flex;flex-direction:column;align-items:stretch;gap:4px;transform:translateX(100%);transition:transform .25s}.nav-links.open{transform:none}.nav-links a{font-size:1.3rem;padding:14px 0}.login-link{text-align:center;margin-top:18px}.hero{min-height:650px}.hero:after{background:linear-gradient(0deg,rgba(5,19,37,.86),rgba(5,19,37,.2) 80%)}.hero-content{padding-bottom:58px}.category-grid,.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr}.step{padding:25px 0}.step:before{margin-bottom:12px}.login-shell{grid-template-columns:1fr}.login-visual{min-height:330px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.section{padding:78px 0}.section-intro{display:block}.category-grid,.cards,.choice-grid{grid-template-columns:1fr}.category-card{min-height:150px}.activity-card{min-height:270px}.hero{min-height:620px}.hero-content{padding-top:80px}.hero h1{font-size:3.7rem}.actions{display:grid}.btn{width:100%}.feature-panel,.choice{padding:32px 24px}.hybrid-list{grid-template-columns:1fr}.final-cta{padding:90px 20px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.login-copy{left:28px;bottom:28px}.login-panel{padding:60px 24px}.page-hero{padding:72px 0 46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero video{display:none}}
html,body{overflow-x:hidden}
/* Matchit wordmark */
.brand,.footer-brand{letter-spacing:-.065em;white-space:nowrap}.logo-mark{display:inline-flex;align-items:baseline}.logo-i{position:relative;display:inline-block;width:.23em;height:.54em;margin:0 .035em;background:currentColor;border-radius:.07em}.logo-i:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:-.34em;transform:translateX(-50%);border-radius:50%;background:var(--coral)}.logo-sep{display:inline-block;width:.25em;height:.25em;margin:0 .13em .02em .11em;border-radius:50%;background:var(--yellow)}

/* Global login drawer */
.login-drawer-root{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.login-drawer-root.is-open{visibility:visible;pointer-events:auto}.login-drawer-overlay{position:absolute;inset:0;border:0;background:rgba(4,17,34,.5);opacity:0;transition:opacity .24s ease;cursor:pointer}.login-drawer{position:absolute;inset:0 0 0 auto;width:min(540px,calc(100% - 48px));height:100%;height:100dvh;background:var(--cream);box-shadow:-22px 0 60px rgba(7,26,51,.18);transform:translateX(100%);transition:transform .28s cubic-bezier(.22,.7,.3,1);overflow-y:auto;overscroll-behavior:contain}.login-drawer-root.is-open .login-drawer-overlay{opacity:1}.login-drawer-root.is-open .login-drawer{transform:translateX(0)}.login-drawer-close{position:absolute;top:22px;right:24px;z-index:2;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font:400 2rem/1 system-ui,sans-serif;cursor:pointer}.login-drawer-close:hover{background:#eee8dd}.login-drawer-inner{width:min(420px,calc(100% - 64px));margin:0 auto;padding:clamp(82px,12vh,130px) 0 64px}.login-drawer-inner h2{font-size:clamp(2.8rem,5vw,3.7rem);margin-top:18px}.login-drawer-inner .btn{width:100%;margin-top:22px}.login-drawer-inner .account-note{display:block;text-align:center}.login-drawer-root[aria-hidden="true"]{display:block}body.login-drawer-open{position:fixed;width:100%;overflow:hidden}
@media(max-width:600px){.login-drawer{width:100%}.login-drawer-close{top:16px;right:16px}.login-drawer-inner{width:min(100% - 48px,420px);padding:82px 0 48px;margin:0 auto}.login-drawer-inner h2{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.login-drawer,.login-drawer-overlay{transition-duration:.01ms!important}}
.login-drawer-root{transition:visibility 0s linear .28s}.login-drawer-root.is-open{transition-delay:0s}
@media(prefers-reduced-motion:reduce){.login-drawer-root{transition-delay:.01ms}.login-drawer-root.is-open{transition-delay:0s}}
@media(max-width:900px){.nav-links{inset:72px 0 auto;height:calc(100vh - 72px);height:calc(100dvh - 72px);overflow-y:auto;z-index:41;background-color:#f7f3eb;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}.nav-links a{opacity:1}.nav-links .login-link{background-color:#f7f3eb;color:var(--ink)}}
/* Robust sticky header */
.site-header{position:sticky;top:0;z-index:40;background-color:#f7f3eb;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header.scrolled{box-shadow:0 1px 0 rgba(7,26,51,.04)}section[id],.filter[id]{scroll-margin-top:100px}
html,body{overflow-x:clip}