:root{--orange:#f47721;--ink:#0b0b0b;--paper:#f4f1ec;--white:#fff;--muted:#68635d;--line:#e6e1da;--cream:#e8dccb;--sage:#aab6a0;--radius:18px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:25px}button,input,select,textarea{font:inherit}button,a,label.choice,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b94b00;outline-offset:4px}input:focus-visible{outline-offset:0}button{border:0}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0;font-weight:700;font-size:17px;width:100%}h1,h2,h3,p{margin-top:0}button svg,svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;z-index:10;background:#fff;padding:16px}.site-header{background:#000;color:#fff}.nav{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:3px;text-decoration:none}.logo-window{display:block;width:105px;height:48px;overflow:hidden}.logo-window img{width:150px;height:100px;max-width:none;transform:translate(-22px,-26px)}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.6px}.brand-name small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:5px;font-weight:400;color:#ccc}.nav nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav nav a{text-decoration:none}.nav nav a:hover{color:var(--orange)}.nav-contact{border-bottom:1px solid #777;padding:12px 0}.nav-contact span{margin-left:20px;color:var(--orange)}.hero{padding-block:56px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.6;margin-bottom:13px}.hero .eyebrow{display:flex;align-items:center;gap:9px;color:#60564d}.hero .eyebrow span{width:18px;height:2px;background:var(--orange)}h1{font-size:clamp(40px,4.9vw,64px);line-height:1.02;letter-spacing:-3px;margin-bottom:20px;font-weight:800}h1 em{font-style:normal;color:#ba4b04}.intro{color:var(--muted);font-size:16px;line-height:1.65;margin:0}.hero-note{padding-left:28px;border-left:1px solid #d2ccc3;margin-right:35px;flex-shrink:0}.hero-note p{font-size:24px;line-height:1.35;letter-spacing:-.8px;margin-bottom:18px}.hero-note strong{font-weight:700}.note-label{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:start;scroll-margin-top:25px}.form-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-heading{padding:31px 32px 26px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);align-items:center}.card-heading .eyebrow{color:var(--muted);font-size:9px;margin-bottom:5px}.card-heading h2{font-size:24px;letter-spacing:-.8px;margin:0}.step-count{font-size:11px;color:#8d857c;border:1px solid var(--line);border-radius:20px;padding:8px 10px;white-space:nowrap}.form-section{margin:27px 32px 0;padding-bottom:27px;border-bottom:1px solid var(--line)}.form-section legend{margin-bottom:18px;display:flex;gap:10px;align-items:center}.number{color:#a34206;font-size:11px;display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border:1px solid #ead7c6;border-radius:50%;font-weight:700}.goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice{position:relative;cursor:pointer;display:block}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice>span{border:1px solid var(--line);background:#fff;transition:background .15s,border-color .15s;display:block}.choice:hover>span{border-color:#b6a697}.choice input:checked+span{background:#fcf3e9;border-color:#d46c27;box-shadow:inset 0 0 0 .5px #d46c27}.choice input:focus-visible+span{outline:3px solid #b94b00;outline-offset:3px}.goal>span{padding:16px 9px 14px;border-radius:10px;min-height:112px}.goal svg{color:#8c8075;width:22px;height:22px;margin-bottom:11px}.goal input:checked+span svg{color:#bc4f09}.goal strong{display:block;font-size:12px;margin-bottom:5px}.goal small{font-size:10px;line-height:1.5;display:block;color:var(--muted)}.sex-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-label,.field{font-weight:700;font-size:12px;display:block}.segmented{display:flex;width:170px;gap:5px}.segmented .choice{flex:1}.segmented .choice>span{border-radius:7px;padding:11px;text-align:center;font-size:12px;font-weight:600}.field-help{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0 18px}.measurements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.input-wrap{display:flex;position:relative;margin-top:9px}.input-wrap input{width:100%;min-width:0;border:1px solid #dcd5cc;border-radius:8px;padding:15px 37px 15px 12px;background:#faf9f7;font-size:15px;font-weight:600;color:var(--ink);height:50px}.input-wrap input::placeholder{font-size:12px;font-weight:400;color:#837a70}.input-wrap>span{position:absolute;right:12px;top:18px;color:var(--muted);font-size:11px;font-weight:400;pointer-events:none}.input-wrap input:focus{border-color:#ae4d0b;background:#fff}.activity-options{display:grid;gap:8px}.activity>span{border-radius:9px;padding:13px 14px;display:grid;grid-template-columns:25px 1fr 15px;gap:12px;align-items:center}.activity strong{font-size:12px;display:block;margin-bottom:4px}.activity small{font-size:11px;line-height:1.5;color:var(--muted);display:block}.radio-dot{border:1px solid #c9c1b8;width:14px;height:14px;border-radius:50%}.activity input:checked+span .radio-dot{border:4px solid #b85515;background:white}.activity-meter{height:20px;display:flex;align-items:flex-end;gap:3px}.activity-meter i{width:4px;background:#dfd9d2;border-radius:1px}.activity-meter i:nth-child(1){height:6px;background:#b5632d}.activity-meter i:nth-child(2){height:10px}.activity-meter i:nth-child(3){height:15px}.activity-meter i:nth-child(4){height:20px}.level2 i:nth-child(2),.level3 i:nth-child(-n+3),.level4 i{background:#b5632d}.movement{border:0;padding-bottom:0}.profile-field{margin-top:23px}.profile-field select{display:block;width:100%;min-width:0;margin-top:9px;border:1px solid #dcd5cc;border-radius:8px;padding:13px 10px;background:#faf9f7;color:#24201b;font-size:12px}.form-end{padding:6px 32px 25px}.suitability{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.65;color:var(--muted);margin:0 0 19px}.suitability input{accent-color:#b7500c;width:16px;height:16px;margin:1px 0 0;flex-shrink:0}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:var(--orange);color:#101010;padding:18px 20px;font-size:14px;font-weight:800;transition:background .15s}.primary:hover{background:#df6617}.primary span{font-size:24px;font-weight:400;line-height:16px}.privacy{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:var(--muted);margin:13px 0 0;text-align:center}.privacy svg{width:11px;height:11px;flex-shrink:0}.error{padding:12px 14px;background:#fff0e8;border:1px solid #b94f25;color:#8f3010;line-height:1.6;border-radius:8px;font-size:12px;margin-bottom:15px}[aria-invalid="true"]{border-color:#a82b17!important}.result-column{position:sticky;top:22px}.result-card{background:#111;color:#fff;border-radius:var(--radius);padding:30px 29px 24px;overflow:hidden;outline:none}.result-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.result-top .eyebrow{font-size:8px;color:#bfb7aa;margin:0;letter-spacing:1.3px}.result-status{font-size:7px;letter-spacing:.8px;border:1px solid #494239;padding:6px 7px;border-radius:12px;white-space:nowrap;color:#d0c7bb}.result-card h2{font-size:27px;line-height:1.1;letter-spacing:-.9px;margin-bottom:12px}.result-subtitle{color:#b2aca3;font-size:12px;line-height:1.6;min-height:38px;max-width:320px;margin-bottom:5px}.energy-ring{width:238px;height:238px;border-radius:50%;background:conic-gradient(from 210deg,#48423b 0 30%,#34332d 30% 70%,#232320 70% 100%);padding:11px;margin:26px auto 29px;transform:rotate(-.01deg)}.ring-center{height:100%;width:100%;background:#111;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.energy-label{font-size:8px;letter-spacing:1.5px;color:#c2b8aa}.ring-center strong{font-size:54px;letter-spacing:-2px;line-height:1.35;margin:3px 0;font-weight:600;font-variant-numeric:tabular-nums}.energy-unit{font-size:10px;color:#9e968b}.macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #34302a;padding-top:20px;gap:10px;text-align:center}.macros>div{position:relative}.macros>div+div:before{content:"";position:absolute;left:-5px;top:3px;bottom:0;background:#33302b;width:1px}.macro-dot{display:block;width:6px;height:6px;border-radius:50%;margin:0 auto 8px}.protein-color{background:var(--orange)}.carb-color{background:var(--cream)}.fat-color{background:var(--sage)}.macro-label{display:block;font-size:10px;color:#c1b8aa;margin-bottom:7px}.macros strong{font-size:26px;font-weight:500;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.macros strong small{font-size:11px;color:#b1a79a;font-weight:400}.energy-details{border-top:1px solid #34302a;margin:22px 0 0;padding-top:17px;font-size:10px;color:#c2b8aa}.energy-details>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.energy-details dd{margin:0;color:white;font-variant-numeric:tabular-nums}.goal-explainer{font-size:10px;color:#b5aa9c;line-height:1.65;margin:15px 0}.result-actions{display:flex;gap:8px}.result-actions button{flex:1;background:transparent;border:1px solid #625749;color:#fff;padding:11px 8px;font-size:10px;border-radius:6px;display:flex;justify-content:space-between;gap:4px}.result-actions button:hover{background:#2d261f}.copy-message{color:#dfc6aa;font-size:10px;line-height:1.5;margin:9px 0 0}.copy-fallback{width:100%;height:120px;font-size:11px;background:#fff;color:#111;margin-top:10px;padding:10px}.result-foot{border-top:1px solid #34302a;margin-top:23px;padding-top:18px;display:flex;gap:12px}.result-foot>span{color:var(--orange);font-size:21px}.result-foot p{font-size:10px;color:#a79f92;line-height:1.65;margin:0}.result-foot strong{color:#dfd6c8;display:block;font-weight:600}.coach-card{border:1px solid #ded6cc;border-radius:var(--radius);padding:25px;margin-top:18px;background:#efe9e1}.coach-intro{display:flex;align-items:center;gap:14px}.coach-intro img{object-fit:cover;border-radius:50%;width:57px;height:57px;background:#000;flex-shrink:0}.coach-intro .eyebrow{font-size:8px;color:#79614f;margin:0;display:block}.coach-intro h3{font-size:17px;letter-spacing:-.4px;line-height:1.2;margin:6px 0 0}.coach-card p{font-size:12px;color:#6c6156;line-height:1.7;margin:17px 0}.coach-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:11px;font-weight:700;gap:14px;line-height:1.5}.coach-link span{color:#9a410c;font-size:20px}.coach-link:hover{text-decoration:underline}.how-section{padding-top:80px;padding-bottom:48px}.how-heading .eyebrow{color:#7c695a;font-size:9px}.how-heading h2{font-size:34px;letter-spacing:-1.2px;margin-bottom:30px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.how-grid article{border-top:1px solid #d3cabe;padding-top:20px}.how-number{color:#a34810;font-size:11px;font-weight:700}.how-grid h3{font-size:16px;letter-spacing:-.3px;margin:16px 0 10px}.how-grid p{font-size:13px;line-height:1.75;color:#746b61;margin:0}.faq{padding-bottom:65px}.faq details{border-top:1px solid #d9d0c6}.faq details:last-child{border-bottom:1px solid #d9d0c6}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:21px 0;font-size:13px;font-weight:700;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:21px;font-weight:400;color:#9b7e64}.faq details[open] summary>span{transform:rotate(45deg)}.faq-body{max-width:850px;font-size:12px;line-height:1.8;color:#6d6257;padding-bottom:15px}.faq-body a{text-underline-offset:3px}.source-links{font-size:11px}footer{background:#0b0b0b;color:#bcb5ac}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:32px;font-size:11px}.footer-inner>span{color:white;font-weight:700;letter-spacing:.5px}.footer-inner small{display:block;font-size:7px;letter-spacing:1.1px;font-weight:400;color:#999;margin-top:6px}.footer-inner p{margin:0;color:#aaa;font-size:10px}.footer-inner a{text-decoration:none;font-size:10px}.footer-inner a:hover{color:var(--orange)}
@media(min-width:1500px){.hero{padding-block:66px 55px}}
@media(max-width:1020px){.wrap{width:calc(100% - 40px)}.workspace{gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.card-heading{padding:27px 23px}.form-section{margin-inline:23px}.form-end{padding-inline:23px}.step-count{display:none}.card-heading h2{font-size:22px}.result-card{padding:26px 21px 22px}.result-top{align-items:flex-start;flex-direction:column;gap:8px}.hero-note{margin-right:0}.goal>span{padding:13px 7px}.goal strong{font-size:11px}.goal small{font-size:9px}.measurements{gap:8px}.input-wrap input{padding-left:9px;padding-right:29px}.input-wrap>span{right:9px}.result-card h2{font-size:25px}.coach-card{padding:20px}.coach-intro h3{font-size:16px}.coach-link{font-size:10px}.how-grid{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{height:76px}.brand-name{font-size:15px}.brand-name small{font-size:6px;letter-spacing:1.3px}.logo-window{width:82px;height:43px}.logo-window img{width:122px;height:81px;transform:translate(-19px,-19px)}.nav nav>a:first-child{display:none}.nav-contact{font-size:10px;padding:10px 0}.nav-contact span{margin-left:6px}.hero{padding:36px 0 30px;display:block}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:16px}h1{font-size:45px;letter-spacing:-2.3px;line-height:1.04;margin-bottom:17px}.intro{font-size:14px;line-height:1.65;max-width:380px}.desktop-break{display:none}.hero-note{display:none}.workspace{grid-template-columns:1fr;gap:20px}.card-heading{padding:25px 23px}.card-heading h2{font-size:23px}.step-count{display:block;font-size:9px;padding:7px 8px}.form-section{margin-top:26px}.form-section legend{font-size:16px}.goal>span{padding:14px 10px;min-height:113px}.goal strong{font-size:12px}.goal small{font-size:10px}.field-label,.field{font-size:12px}.field-help{font-size:11px}.sex-row{gap:8px}.segmented{width:148px;flex-shrink:0}.input-wrap input{font-size:16px}.input-wrap input::placeholder{font-size:11px}.measurements{gap:10px}.activity>span{padding:14px 12px}.activity strong{font-size:13px}.activity small{font-size:11px}.profile-field select{font-size:13px;padding:14px 10px}.suitability{font-size:11px}.privacy{font-size:9px}.result-column{position:static}.result-card{padding:27px 25px 25px;scroll-margin-top:16px}.result-top{flex-direction:row;align-items:center;margin-bottom:20px}.result-top .eyebrow{font-size:8px}.result-card h2{font-size:29px}.result-subtitle{font-size:13px;min-height:0}.energy-ring{width:245px;height:245px;margin-top:28px}.macro-label{font-size:11px}.macros strong{font-size:29px}.result-foot p{font-size:11px}.energy-details,.goal-explainer{font-size:11px}.result-actions button{font-size:11px;padding:13px 11px}.coach-card{padding:23px}.coach-intro h3{font-size:18px}.coach-card p{font-size:13px}.coach-link{font-size:12px}.how-section{padding-top:52px;padding-bottom:35px}.how-heading h2{font-size:29px;line-height:1.1;max-width:280px;margin-bottom:26px}.how-grid{grid-template-columns:1fr;gap:25px}.how-grid article{padding-top:17px}.how-grid h3{margin-top:12px}.how-grid p{max-width:500px}.faq{padding-bottom:40px}.faq summary{font-size:12px;padding-block:20px}.faq-body{font-size:12px}.footer-inner{flex-wrap:wrap;padding-block:28px;gap:24px}.footer-inner p{order:3;width:100%}.footer-inner a{margin-left:auto}}
@media(max-width:370px){.wrap{width:calc(100% - 24px)}.brand-name{font-size:13px}.brand-name small{font-size:5px}.nav-contact{font-size:9px}.logo-window{width:69px}.logo-window img{transform:translate(-25px,-19px)}h1{font-size:39px}.card-heading,.form-end{padding-inline:18px}.form-section{margin-inline:18px}.goal>span{padding-inline:7px}.goal strong{font-size:11px}.goal small{font-size:9px}.sex-row{align-items:flex-start;flex-direction:column}.segmented{width:100%;margin-top:7px}.measurements{gap:7px}.input-wrap input{padding-left:7px;padding-right:27px}.input-wrap input::placeholder{font-size:10px}.step-count{display:none}.result-card{padding-inline:21px}.result-top .eyebrow{font-size:7px}.result-status{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white;color:#111}.site-header,.hero,.form-card,.coach-card,.how-section,.faq,footer,.result-actions,.copy-message,.copy-fallback,.skip{display:none!important}.workspace{display:block;width:100%;margin:0}.result-column{position:static}.result-card{color:#111;background:white;border:1px solid #aaa;max-width:640px;margin:20px auto;break-inside:avoid;box-shadow:none}.result-card:before{content:"GROEI EERLIJK · JOUW MACROCALCULATOR";display:block;font-size:12px;letter-spacing:1px;margin-bottom:25px}.result-card *{color:#111!important}.energy-ring{background:#e8e2da!important}.ring-center{background:white}.macros,.result-foot,.energy-details{border-color:#ccc}.macro-dot{print-color-adjust:exact;-webkit-print-color-adjust:exact}.result-status{border-color:#aaa}}