@font-face{font-family:Familjen Grotesk;src:url(/fonts/familjen-grotesk-latin-wght-normal.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--paper: #fdfbf4;--paper-2: #f6f2e3;--ink: #2c343a;--muted: #4f5861;--blue: #2b6191;--deep: #1e4669;--night: #16324d;--tint: #e6edf3;--gold: #f5b843;--gold-ink: #4a3208;--focus: #a8440c;--error: #92350b;--rule: #e0ddcb;--rule-strong: #c6c3ac;--on-deep: #fdfbf4;--on-deep-soft: #d3e0ec;--on-deep-note: #bbd2e6;--on-blue: #fff;--blue-light: #3d7baf;--select: #c4d5e3;--control-line: #7a8b9c;--control-line-hover: #5e6f80;--status-line: #6f8ca2;--alert-line: #a85a35;--alert-bg: #fdf2ea;--gutter: clamp(24px, 5vw, 80px);--gap: clamp(16px, 2.2vw, 30px);--band: clamp(72px, 9vw, 132px);--riser: 34px;--r-focus: 2px;--t-xs: 12.5px;--t-sm: 14px;--t-ui: 15px;--t-base: 16px;--t-control: 17px;--t-md: 17px;--t-lg: 18px;--t-lead: clamp(18px, 1.32vw, 20.5px);--t-title: clamp(20px, 1.7vw, 23px);--t-figure: clamp(34px, 3vw, 44px);--wordmark: 32px;--wordmark-sm: 26px;--wordmark-xs: 29px;--sans: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--face: "Familjen Grotesk", "Hanken Grotesk", system-ui, sans-serif;--w-display: 700;--w-label: 600;--w-accent: 500;--w-figure: 400;--ls-display: -.032em;--ls-headline: -.026em;--ls-title: -.015em;--ls-accent: -.008em;--ease: cubic-bezier(.16, 1, .3, 1);font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='.09'/%3E%3C/svg%3E")}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}img{height:auto}p{margin:0 0 1.15em;line-height:1.62;text-wrap:pretty}p:last-child{margin-bottom:0}h1,h2,h3{margin:0;font-family:var(--face);font-weight:var(--w-display);line-height:1.01;letter-spacing:var(--ls-headline);text-wrap:balance;font-variant-numeric:lining-nums}h1{font-size:clamp(43px,5.1vw,74px);line-height:.98;letter-spacing:var(--ls-display)}h2{font-size:clamp(31px,3.7vw,51px)}h3{font-size:var(--t-title);line-height:1.2;letter-spacing:var(--ls-title)}ol,ul{margin:0;padding:0;list-style:none}figure{margin:0}.lead{font-size:var(--t-lead);line-height:1.55;letter-spacing:-.006em;color:color-mix(in srgb,var(--ink) 88%,var(--paper))}.note{font-size:var(--t-xs);line-height:1.5;color:var(--muted)}a{color:inherit;text-underline-offset:5px}::selection{background:var(--select);color:var(--deep)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-focus)}input,textarea{caret-color:var(--blue)}html{scroll-padding-top:28px;scrollbar-color:#8fb39c var(--paper-2);scrollbar-width:thin}section{scroll-margin-top:28px}.wrap{width:min(1180px,100% - var(--gutter) * 2);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:20;padding:14px 18px;background:var(--paper);border:1px solid var(--rule-strong);border-radius:6px;font-weight:600}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--rule)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:var(--face);font-weight:var(--w-display);font-size:var(--wordmark);letter-spacing:-.045em;color:var(--deep);text-decoration:none}.wordmark span{color:var(--blue-light)}.site-header nav{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.site-header nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-weight:550;font-size:var(--t-ui);color:var(--muted);text-decoration:none;transition:color .2s}.site-header nav a:hover{color:var(--ink)}.site-header nav .nav-contact{padding:0 18px;color:var(--deep);border:1px solid var(--rule-strong);border-radius:6px;transition:border-color .2s,background-color .2s}.site-header nav .nav-contact:hover{border-color:var(--blue);background:color-mix(in srgb,var(--tint) 60%,transparent)}.site-header nav .nav-contact .arrow{width:17px;transition:translate .45s var(--ease)}.site-header nav .nav-contact:hover .arrow{translate:3px 0}.hero{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);align-items:end;padding-top:clamp(56px,6vw,92px)}.hero-copy{grid-column:1 / 6;padding-bottom:clamp(48px,5vw,84px)}.hero h1{max-width:11.5ch}.hero h1 span{color:var(--blue)}.hero .lead{max-width:40ch;margin-top:1.25em}.actions{display:flex;gap:14px 28px;align-items:center;flex-wrap:wrap;margin-top:34px}.hero-note{display:flex;align-items:center;gap:10px;margin:26px 0 0;font-size:var(--t-sm);color:var(--muted)}.hero-note i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--blue)}.hero-visual{grid-column:7 / -1;position:relative;aspect-ratio:6 / 5;--mascot: 84%}.hero-glow{position:absolute;inset:-10% 0 0;background:radial-gradient(50% 64% at 50% 74%,#dde7f0,#dde7f0e6 26%,#dde7f0a6 48%,#dde7f047 68%,#dde7f00f 86%,#dde7f000)}.journey{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-mascot{position:absolute;width:var(--mascot);left:50%;bottom:0;translate:-50% 2.57%;filter:drop-shadow(0 18px 20px #16324d14)}.hero-visual:after{content:"";position:absolute;left:50%;bottom:-11px;width:54%;height:22px;translate:-50% 0;background:radial-gradient(50% 50% at 50% 50%,#16324d24,#16324d00 72%)}.marker{position:absolute;z-index:1;display:flex;align-items:center;gap:11px;margin:0;padding:11px 16px;background:var(--paper);border:1px solid var(--rule);border-radius:9px;font-size:var(--t-sm);font-weight:600;letter-spacing:-.004em;box-shadow:0 12px 26px -14px #16324d59}.marker .arrow{width:18px;color:var(--blue)}.marker-start{top:11%;left:-10px}.marker-finish{top:58%;right:-12px;padding-left:11px}.marker-finish .seal{display:grid;place-items:center;width:32px;height:32px;flex:none;background:var(--gold);border-radius:50%;color:var(--gold-ink)}.marker-finish .arrow{width:17px;color:inherit}.visual-caption{position:absolute;top:0;right:0;max-width:54%;padding-top:9px;border-top:1px solid var(--rule);font-size:var(--t-xs);line-height:1.4;text-align:right;color:var(--muted)}.claims{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule-strong)}.claims li{position:relative;padding:22px 0 22px 26px;font-family:var(--face);font-weight:var(--w-accent);letter-spacing:var(--ls-accent);font-size:var(--t-base);color:var(--muted)}.claims li:first-child{padding-left:0}.claims li+li:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:var(--rule)}.button{display:inline-flex;gap:18px;justify-content:center;align-items:center;min-height:54px;padding:15px 26px;border:0;border-radius:6px;font-weight:700;font-size:var(--t-control);letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:background-color .22s,color .22s}.button .arrow{transition:translate .5s var(--ease)}.button:hover .arrow{translate:4px 0}.button-primary{background:var(--blue);color:var(--on-blue);box-shadow:0 10px 22px -14px #16324d99}.button-primary:hover{background:var(--deep)}.button:disabled{cursor:wait;opacity:.6}.button:disabled:hover .arrow{translate:0}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:650;font-size:var(--t-base);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 34%,transparent);transition:text-decoration-color .3s}.text-link:hover{text-decoration-color:currentColor}.text-link .arrow{transition:translate .5s var(--ease)}.text-link:hover .arrow{translate:4px 0}.arrow{width:20px;height:20px;flex:none}.how{padding-block:var(--band)}.how-inner{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap)}.how h2{grid-column:1 / 7;max-width:14ch}.how-intro{grid-column:8 / -1;align-self:end;max-width:42ch;margin:0;font-size:var(--t-lg);color:var(--muted)}.steps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(52px,6vw,86px);align-items:start}.steps li{position:relative;padding:20px 34px 0 0;margin-top:calc(var(--i) * var(--riser));border-top:1px solid var(--rule-strong)}.steps li+li:before{content:"";position:absolute;left:0;top:calc(-1 * var(--riser) - 1px);height:var(--riser);width:1px;background:var(--rule-strong)}.step-number{display:block;font-family:var(--face);font-weight:var(--w-figure);font-variant-numeric:lining-nums tabular-nums;font-size:var(--t-figure);line-height:1;letter-spacing:-.03em;color:var(--blue)}.steps h3{margin-top:18px}.steps p{margin:12px 0 0;font-size:var(--t-base);color:var(--muted);max-width:30ch}.motivation{padding-block:var(--band);border-top:1px solid var(--rule)}.motivation-inner{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);align-items:center}.motivation-copy{grid-column:1 / 6}.motivation-copy h2{max-width:13ch}.motivation-copy .lead{margin-top:1.3em}.motivation-copy p:last-child{max-width:44ch;font-size:var(--t-md);color:var(--muted)}.stamp-figure{grid-column:7 / -1;margin-right:calc(-1*clamp(0px,3.4vw,54px))}.stamp-book{padding:34px 32px 26px;background:var(--paper-2);border:1px solid var(--rule);border-radius:5px;box-shadow:0 2px 3px #16324d0a,0 26px 46px -26px #16324d40}.stamp-book-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--rule-strong);font-family:var(--face);font-weight:var(--w-label);font-size:var(--t-title);letter-spacing:var(--ls-title)}.stamp-book-header .arrow{color:var(--blue);translate:0 3px}.stamp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-block:26px 22px}.stamp{display:block;border-radius:50%}.stamp img{width:100%;aspect-ratio:1}.stamp-next{position:relative}.stamp-next:before{content:"";position:absolute;inset:-5px;border:1px dashed var(--rule-strong);border-radius:50%}.stamp-next img{opacity:.55}.stamp-book p{margin:0;font-size:var(--t-sm);color:var(--muted)}.stamp-figure figcaption{margin-top:16px;text-align:right;font-size:var(--t-xs);color:var(--muted)}.wellness{padding-block:clamp(84px,10vw,148px);background:var(--deep);background-image:radial-gradient(120% 100% at 12% 0%,#2b6191 0%,var(--deep) 42%,var(--night) 100%);color:var(--on-deep)}.wellness-inner{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);row-gap:40px;align-items:start}.wellness h2{grid-column:1 / 8;max-width:17ch;font-size:clamp(34px,4.2vw,58px)}.wellness-copy{grid-column:9 / -1;padding-top:10px;border-top:1px solid #fdfbf42e}.wellness-copy p{padding-top:14px;font-size:var(--t-lg);color:var(--on-deep-soft);max-width:40ch}.wellness .text-link{color:var(--on-deep)}.wellness-note{margin:22px 0 0;padding-top:0!important;font-size:var(--t-sm)!important;color:var(--on-deep-note)!important}.wellness :focus-visible{outline-color:var(--paper)}.together{padding-block:var(--band)}.together-inner{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);align-items:center}.together-art{grid-column:1 / 7}.together-art img{display:block;width:100%;height:auto}.together-art figcaption{margin-top:18px;font-family:var(--face);font-weight:var(--w-accent);letter-spacing:var(--ls-accent);font-size:var(--t-ui);color:var(--muted)}.together-copy{grid-column:8 / -1}.together-copy h2{max-width:12ch}.together-copy .lead{margin-top:1.3em}.together-copy p:last-child{font-size:var(--t-md);color:var(--muted);max-width:38ch}.company{padding-block:clamp(44px,4.4vw,64px);border-block:1px solid var(--rule)}.company-inner{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);row-gap:20px}.company h2{grid-column:1 / 5;font-size:clamp(26px,2.2vw,32px);letter-spacing:var(--ls-title);max-width:15ch}.company-copy{grid-column:6 / 12}.company-copy p{font-size:var(--t-base);color:var(--muted);max-width:54ch}.company-copy .text-link{color:var(--deep)}.contact{padding-block:var(--band)}.contact-inner{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap)}.contact-intro{grid-column:1 / 5}.contact-intro .lead{margin-top:1.3em;max-width:30ch}.contact-detail{margin-top:30px;padding-top:18px;border-top:1px solid var(--rule);font-size:var(--t-sm);color:var(--muted);max-width:28ch}.contact-form{grid-column:6 / -1;padding:clamp(28px,3vw,44px);background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;box-shadow:0 2px 3px #16324d0a,0 30px 54px -30px #16324d3d}.contact-form fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{font-weight:600;font-size:var(--t-ui)}.field input,.field textarea{width:100%;min-height:52px;padding:14px;background:var(--paper);color:var(--ink);border:1px solid var(--control-line);border-radius:5px;font-size:var(--t-control);transition:border-color .2s,box-shadow .2s}.field input:hover,.field textarea:hover{border-color:var(--control-line-hover)}.field input:focus,.field textarea:focus{border-color:var(--blue)}.field textarea{resize:vertical;min-height:116px;line-height:1.55}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.field-error{font-size:var(--t-sm);line-height:1.4;color:var(--error);margin:0}.form-hint{margin:3px 0 -10px;font-size:var(--t-sm);color:var(--muted)}.contact-form .button{justify-self:start;min-width:200px}.form-status{margin:20px 0 0;padding:15px 17px;border:1px solid var(--status-line);border-left-width:1px;border-radius:5px;background:color-mix(in srgb,var(--tint) 55%,var(--paper));font-size:var(--t-ui);line-height:1.45}.form-status[role=alert]{color:var(--error);border-color:var(--alert-line);background:var(--alert-bg)}.form-status:empty{display:none}.site-footer{border-top:1px solid var(--rule)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:38px}.footer-brand{display:flex;gap:26px;align-items:baseline}.footer-brand .wordmark{font-size:var(--wordmark-sm)}.footer-brand p{margin:0;font-size:var(--t-sm);color:var(--muted)}.site-footer nav{display:flex;gap:28px}.site-footer nav a{display:flex;align-items:center;min-height:44px;font-size:var(--t-sm);color:var(--muted);text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-decoration-thickness:1px;transition:color .2s,text-decoration-color .3s}.site-footer nav a:hover{color:var(--ink);text-decoration-color:currentColor}@media(min-width:1440px){:root{--riser: 40px}.hero-copy{padding-bottom:96px}}@media(max-width:1100px){:root{--riser: 26px}.hero-copy{grid-column:1 / 6}.hero-visual{grid-column:6 / -1;--mascot: 88%}.marker{font-size:var(--t-xs);padding:9px 13px;gap:9px}.marker-finish .seal{width:28px;height:28px}.visual-caption{max-width:46%;font-size:var(--t-xs)}.how h2,.motivation-copy,.wellness h2{grid-column:1 / 7}.how-intro,.stamp-figure,.wellness-copy{grid-column:7 / -1}.together-art{grid-column:1 / 7}.together-copy{grid-column:7 / -1}.company h2,.contact-intro{grid-column:1 / 5}.company-copy,.contact-form{grid-column:5 / -1}.site-header nav{gap:20px}}@media(max-width:980px){.steps{grid-template-columns:1fr 1fr;row-gap:44px}.steps li{padding-right:28px}.steps li:nth-child(2n){padding-right:0}.steps li:nth-child(odd){--i: 0}.steps li:nth-child(2n){--i: 1}.steps li:nth-child(odd):before{display:none}.steps p{max-width:34ch}}@media(max-width:700px){:root{--gutter: 24px;--riser: 0px}.header-inner{min-height:auto;padding-block:20px;align-items:flex-start;flex-wrap:wrap;gap:14px}.wordmark{font-size:var(--wordmark-xs)}.site-header nav{gap:8px 18px;width:100%;justify-content:space-between}.site-header nav a{font-size:var(--t-sm)}.site-header nav .nav-contact{padding:0 13px}.hero{grid-template-columns:1fr;padding-top:46px}.hero-copy{grid-column:1;padding-bottom:30px}.hero h1{font-size:clamp(43px,10.2vw,61px);max-width:13ch}.hero .lead{max-width:46ch}.hero-visual{grid-column:1;width:min(100%,430px);margin-inline:auto;--mascot: 82%}.visual-caption{max-width:46%;font-size:var(--t-xs)}.marker{font-size:var(--t-xs);padding:9px 13px;gap:9px}.marker-start{left:0}.marker-finish{right:0;padding-left:9px}.marker-finish .seal{width:28px;height:28px}.claims{grid-template-columns:1fr}.claims li{padding:15px 0;font-size:var(--t-base)}.claims li:first-child{padding-top:18px}.claims li+li{border-top:1px solid var(--rule)}.claims li+li:before{display:none}.how h2,.how-intro,.motivation-copy,.stamp-figure,.together-art,.together-copy,.wellness h2,.wellness-copy,.company h2,.company-copy,.contact-intro,.contact-form{grid-column:1 / -1}.how-inner,.motivation-inner,.together-inner,.wellness-inner,.company-inner,.contact-inner{grid-template-columns:1fr;row-gap:34px}.how h2{max-width:18ch}.how-intro{margin-top:20px;max-width:48ch}.steps{margin-top:6px;row-gap:36px}.steps li{padding-right:22px}.steps h3{margin-top:14px}.steps p{font-size:var(--t-base);max-width:30ch}.motivation-inner{row-gap:42px}.motivation-copy h2,.together-copy h2{max-width:20ch}.stamp-figure{margin-right:0;max-width:440px;width:100%;margin-inline:auto}.stamp-book{padding:26px 22px 22px}.wellness-inner{row-gap:26px}.wellness h2{max-width:20ch}.wellness-copy{padding-top:8px}.together-inner{row-gap:44px}.together-copy{order:-1}.together-art{max-width:460px;width:100%;margin-inline:auto}.together-art figcaption{text-align:center}.company-inner{row-gap:18px}.contact-intro .lead,.contact-detail{max-width:46ch}.contact-detail{margin-top:22px}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px;padding-block:30px}.footer-brand{flex-wrap:wrap;gap:8px 20px}}@media(max-width:520px){.steps{grid-template-columns:1fr;row-gap:30px}.steps li{padding-right:0}.steps li:before{display:none}}@media(max-width:400px){:root{--gutter: 20px}.hero-visual{--mascot: 78%}.marker{font-size:var(--t-xs);padding:8px 11px}.marker-finish .seal{width:25px;height:25px}.visual-caption{font-size:var(--t-xs);max-width:50%}.field-row{grid-template-columns:1fr}.site-header nav{gap:6px}.site-header nav .nav-contact{padding:0 9px}.stamp-row{gap:8px}.contact-form{padding:22px}.contact-form .button{min-width:0;width:100%;padding-inline:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
