@font-face{font-family:Archivo;src:url("assets/fonts/archivo.woff2") format("woff2");font-weight:400 800;font-display:swap}
:root{--night:#07131f;--paper:#f3f0e9;--paper-2:#e8e4da;--white:#fffdf8;--ink:#18212b;--muted:#5b656d;--sand:#c7a96b;--line:rgba(24,33,43,.18);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Archivo,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--sand);outline-offset:4px}::selection{background:var(--sand);color:var(--night)}.skip-link{position:fixed;z-index:400;left:18px;top:12px;background:var(--white);padding:10px 14px;transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}h1 em,h2 em{color:inherit;font-weight:400}p{margin:0 0 20px}figure{margin:0}.site-header{position:fixed;z-index:100;top:18px;left:3.5%;right:3.5%;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 15px 10px 20px;background:#10202eed;color:var(--white);border:1px solid #ffffff20;border-radius:999px;box-shadow:0 16px 42px -28px #000;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-avatar{width:44px;height:44px;overflow:hidden;border-radius:50%;flex:none}.brand-avatar img{width:100%;height:100%;object-fit:cover}.brand>span:last-child{display:flex;align-items:baseline;gap:7px}.brand strong{font-size:18px}.brand small{font-size:14px;color:#bcc5cc}.main-nav{display:flex;align-items:center;gap:22px}.main-nav>a{font-size:14px;font-weight:700;text-decoration:none;min-height:44px;display:flex;align-items:center}.main-nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{padding:12px 23px;color:var(--night);background:var(--white);border-radius:999px}.menu-toggle{display:none;position:relative;border:0;background:none;width:48px;height:48px}.menu-toggle span{position:absolute;left:12px;top:20px;width:24px;height:2px;background:var(--white)}.menu-toggle span+span{top:28px}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;border:1px solid transparent;border-radius:999px;font-weight:700;text-decoration:none;line-height:1.3;transition:transform .2s var(--ease),background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--sand);color:var(--night)}.button-dark{background:var(--night);color:var(--white)}.button-ghost{color:var(--white);border-color:#ffffff50;background:transparent}.button-outline{background:transparent;border-color:var(--line)}.text-action,.blog-all{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;font-weight:700;font-size:15px}.button-outline:hover{background:var(--white)}
.hero{padding:140px 6% 60px;min-height:min(820px,100svh);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6%;background:var(--night);color:var(--white);overflow:hidden}.hero h1{font-size:clamp(42px,4.9vw,78px);line-height:1.04;max-width:13ch;margin:0 0 24px}.hero h1 em{color:#dbcaab}.hero-copy>p:not(.hero-proof){max-width:48ch;color:#c4cdd4;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.hero-proof{display:flex;flex-direction:column;font-size:14px;gap:3px;color:#b9c3cb;margin:0}.hero-proof strong{font-size:16px;color:var(--white)}.hero-showcase{min-width:0;padding:25px 0 0}.hero-browser{display:block;width:100%;border-radius:14px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 60px #0005;border:1px solid #ffffff20}.hero-browser img{width:100%;height:auto}.browser-top{min-height:39px;display:flex;gap:7px;align-items:center;padding:8px 16px;background:#e5e1d8;color:#414b53;font-size:13px;line-height:1.3}.browser-top i{width:7px;height:7px;border-radius:50%;background:#aba79f;flex:none}.browser-top span{margin-left:10px}.hero-person{margin:35px 0 0 30px;display:flex;align-items:center;gap:15px}.hero-person img{width:76px;height:76px;object-fit:cover;border:3px solid #ffffff25;border-radius:50%;flex:none}.hero-person span{display:grid;gap:3px}.hero-person strong{font-size:18px}.hero-person small{font-size:14px;color:#c4cdd4;max-width:27ch}.growth-note{display:none}
.work,.rebranding,.services,.about,.blog,.process,.contact{padding:80px 6%}.section-heading,.services-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:8%;margin:0 0 32px}.section-heading h2,.services-heading h2,.about h2,.contact h2{font-size:clamp(32px,3.7vw,56px);margin:0;max-width:22ch}.section-heading>p,.services-heading>p{color:var(--muted);font-size:16px;margin:0;max-width:43ch}.work-layout{display:block;min-width:0}.project-list{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.project-tab{flex:1;border:0;background:none;text-align:left;padding:17px 13px;min-height:83px;position:relative}.project-tab span{font-size:17px;font-weight:700;display:block}.project-tab small{font-size:12px;display:block;color:var(--muted);margin-top:4px}.project-tab.is-active{background:var(--paper-2)}.project-tab.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--night)}.project-picker{display:none}.project-panel{min-width:0;position:relative;outline-offset:8px}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;flex-direction:row-reverse}.viewer-toolbar>div{display:flex;gap:5px;align-items:center}.viewer-toolbar button{padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:14px;font-weight:700}.viewer-toolbar button.is-active{background:var(--night);color:var(--white);border-color:var(--night)}.viewer-toolbar button:disabled{opacity:.4;cursor:default}.browser-shell{overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--paper-2);box-shadow:0 20px 45px -30px #18212b50}.project-interactive{position:relative;display:flex;justify-content:center;height:600px;overflow:hidden;background:#ddd9d0}.project-interactive iframe{border:0;height:100%;width:100%;background:var(--white);position:absolute;top:0;left:0;transform-origin:top left}.project-interactive[data-view=mobile] iframe{left:50%;transform:translateX(-50%);width:min(390px,100%);box-shadow:0 0 30px #0001}.project-loader,.project-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:25px;text-align:center;background:var(--paper);z-index:2}.project-loader span{width:25px;height:25px;border:2px solid #c0b8aa;border-top-color:var(--night);border-radius:50%;animation:spin 1s linear infinite}.project-loader small{display:none}.project-interactive[data-state=ready] .project-loader,.project-interactive[data-state=error] .project-loader{display:none}.project-interactive[data-state=idle] iframe{visibility:hidden}.viewer-help{font-size:13px;color:var(--muted);margin:12px 0 0}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.project-info h3{font-size:29px;margin:0 0 10px}.project-info p{margin:0;color:var(--muted);font-size:15px}.project-actions span{font-weight:700;font-size:14px}.project-actions p{margin-top:8px}.project-actions .text-action{margin-top:6px}.evidence-note{font-size:13px;color:var(--muted);margin-top:20px;max-width:95ch}.project-panel.is-expanded{position:fixed;inset:10px;z-index:300;background:var(--paper);padding:16px;display:flex;flex-direction:column;border-radius:14px;box-shadow:0 0 0 20px #07131fea}.project-panel.is-expanded .browser-shell{flex:1;min-height:0;display:flex;flex-direction:column}.project-panel.is-expanded .project-interactive{flex:1;min-height:0;height:auto}.project-panel.is-expanded .project-info{display:none}.project-panel.is-expanded .viewer-help{margin:8px 0 0}.viewer-lock{overflow:hidden}
.rebranding{background:var(--paper-2)}.rebrand-tabs{display:flex;gap:10px;margin:0 0 22px}.rebrand-tabs button{min-height:48px;border:1px solid var(--line);border-radius:999px;background:transparent;padding:10px 22px;font-weight:700;font-size:16px}.rebrand-tabs [aria-selected=true]{background:var(--night);color:var(--white);border-color:var(--night)}.comparison{display:grid;grid-template-columns:1fr 55px 1fr;gap:14px;align-items:center}.comparison figure{min-width:0}.comparison figcaption{font-size:20px;font-weight:700;display:flex;gap:12px;align-items:baseline;padding:0 0 12px}.comparison figcaption span{font-size:13px;color:var(--muted);font-weight:400}.comparison figure>div{height:350px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:12px;padding:25px;overflow:hidden}.comparison img{height:100%;width:100%;object-fit:contain}.comparison-arrow{text-align:center;font-size:30px}.comparison[data-brand-view=protein] figure>div{height:430px;padding:0;background:#fdfdfd}.comparison[data-brand-view=protein] img{object-fit:contain}.comparison-controls{display:none}.rebrand-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;margin-top:25px}.rebrand-detail h3{font-size:30px;margin:0 0 10px}.rebrand-detail p{margin-bottom:10px}.rebrand-detail>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.rebrand-detail .evidence-note{font-size:13px;margin-top:12px}
.services{background:var(--night);color:var(--white)}.services-heading>p{color:#bdc8d0}.service-system{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.service-system details{border-top:1px solid #ffffff30}.service-system summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 22px;gap:6px 16px;padding:25px 0;min-height:126px}.service-system summary::-webkit-details-marker{display:none}.service-system summary span{font-family:Georgia,serif;font-size:29px;line-height:1.2}.service-system summary small{font-size:15px;color:#bdc8d0;grid-row:2;max-width:38ch}.service-system summary b{grid-column:2;grid-row:1/3;font-size:24px;font-weight:400;align-self:center}.service-system details[open] summary b{transform:rotate(45deg)}.service-system details>div{padding:0 0 25px}.service-system ul{padding-left:20px;color:#bdc8d0;font-size:15px;margin-top:0}.service-system details p{font-size:15px;color:#bdc8d0}.service-system button,.service-system a{display:inline-flex;align-items:center;min-height:44px;border:0;background:none;color:var(--white);font-size:14px;text-decoration:underline;text-underline-offset:5px;font-weight:700;padding:7px 0;margin-right:20px}.service-system button span{margin-left:7px}
.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:center}.about figure{max-width:320px;width:100%;margin-left:auto}.about img{width:100%;max-height:360px;object-fit:cover;object-position:center 25%;border-radius:14px}.about h2{margin:0 0 22px}.about p{max-width:56ch;color:var(--muted)}.about .button{margin-top:4px}.process{border-top:1px solid var(--line);padding-top:65px}.process-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:35px 0}.process-list li{border-top:1px solid var(--line);padding-top:18px}.process-list b{font-size:14px;color:var(--muted)}.process-list h3{font-size:28px;margin:14px 0 10px}.process-list p{font-size:15px;color:var(--muted);max-width:32ch}.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin-top:30px}.faq details{border-top:1px solid var(--line)}.faq summary{font-weight:700;font-size:15px;cursor:pointer;padding:18px 0;min-height:60px}.faq p{color:var(--muted);font-size:15px}
.blog{background:var(--paper-2)}.article-index{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-index>a{border-top:1px solid var(--line);padding:20px 0;text-decoration:none;display:flex;flex-direction:column;gap:12px}.article-index span{font-size:14px;color:var(--muted)}.article-index strong{font:400 27px/1.15 Georgia,serif;letter-spacing:-.025em}.article-index p{font-size:15px;color:var(--muted);margin:0}.article-index a:hover strong{text-decoration:underline;text-underline-offset:4px}.blog-all{margin-top:15px}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}.contact h2{margin:0}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.contact-actions small{width:100%;font-size:14px;color:var(--muted);margin-top:5px}.site-footer{background:var(--night);color:var(--white);padding:50px 6% 20px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-intro p{color:#bdc8d0;font-size:14px;max-width:30ch;margin-top:20px}.site-footer nav{display:flex;flex-direction:column}.site-footer nav>strong{font-size:16px;margin-bottom:12px}.site-footer nav a,.site-footer nav button{display:flex;align-items:center;min-height:44px;font-size:14px;color:#bdc8d0;text-decoration:none;border:0;padding:0;background:none;text-align:left}.site-footer nav a:hover{text-decoration:underline}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:13px;color:#bdc8d0}
dialog{border:0;padding:0;color:var(--ink);background:var(--paper);border-radius:18px;max-height:calc(100dvh - 30px);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#07131fd9}.dialog-close{position:absolute;top:16px;right:16px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #7775;background:var(--paper);font:30px/1 Arial}.dialog-close span{position:absolute;left:12px;top:21px;width:18px;height:1px;background:var(--night);transform:rotate(45deg)}.dialog-close span+span{transform:rotate(-45deg)}.diagnostic{width:min(1030px,calc(100% - 40px))}.diagnostic-shell{display:grid;grid-template-columns:310px 1fr;min-height:560px}.diagnostic-side{padding:45px 35px;background:var(--night);color:var(--white);display:flex;flex-direction:column}.diagnostic-side h2{font-size:38px;margin:0 0 22px}.diagnostic-side>p{font-size:14px;color:#bdc8d0}.diagnostic-side ol{list-style:none;padding:0;margin:20px 0;display:grid;gap:15px}.diagnostic-side li{display:flex;gap:13px;font-size:15px;color:#bdc8d0;align-items:center}.diagnostic-side li b{display:grid;place-items:center;border:1px solid #ffffff35;width:29px;height:29px;border-radius:50%;font-size:13px}.diagnostic-side li.is-current{color:var(--white);font-weight:700}.diagnostic-side li.is-current b,.diagnostic-side li.is-complete b{background:var(--sand);color:var(--night);border-color:var(--sand)}.diagnostic-hint{margin-top:auto!important;font-size:12px!important}.diagnostic-main{padding:60px 40px 30px;display:flex;flex-direction:column;justify-content:center;min-width:0}.diagnostic-step{width:100%}.diagnostic-step fieldset{margin:0;padding:0;border:0;min-width:0}.diagnostic-step legend,.diagnostic-result h3{font:400 30px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 20px;max-width:23ch}.diagnostic-step fieldset>p:not(.field-error){font-size:14px;color:var(--muted);margin-bottom:20px}.choice-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-pills label{position:relative;display:flex;align-items:stretch;cursor:pointer}.choice-pills input{position:absolute;left:15px;top:22px;opacity:0;width:1px;height:1px}.choice-pills label span{border:1px solid #a4a8aa;border-radius:999px;min-height:55px;padding:12px 20px;display:flex;align-items:center;justify-content:center;width:100%;font-size:15px;line-height:1.3;text-align:center;transition:background .18s,transform .18s}.choice-pills label:hover span{background:var(--paper-2);transform:translateY(-1px)}.choice-pills input:checked+span{color:var(--white);background:var(--night);border-color:var(--night)}.choice-pills input:focus-visible+span{outline:3px solid var(--sand);outline-offset:3px}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px}.step-actions>span{font-size:13px;color:var(--muted)}.back-link{border:0;background:none;font-size:14px;min-height:44px}.field-error{font-size:14px;color:#942b37;margin:12px 0 0;min-height:20px}.inline-other{display:block;margin-top:20px;font-size:14px}.inline-other input,.final-fields input,.final-fields select,.answer-summary textarea{width:100%;min-height:44px;background:var(--white);border:1px solid #a4a8aa;border-radius:10px;padding:10px 12px;margin-top:8px;resize:vertical}.final-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.final-fields label,.answer-summary label{font-size:14px}.optional,.final-fields label>span{font-size:12px;color:var(--muted);margin-left:5px}.diagnostic-result>p{font-size:16px}.result-disclaimer{font-size:12px!important;color:var(--muted)}.answer-summary{margin-top:20px;font-size:14px}.answer-summary summary{cursor:pointer;min-height:44px;padding:10px 0}.answer-summary p{font-size:13px;color:var(--muted);margin-top:10px}.answer-summary button{border:0;background:none;min-height:44px;text-decoration:underline}.cookie-preferences{width:min(570px,calc(100% - 35px))}.cookie-preferences-panel{padding:65px 35px 35px;display:flex;flex-direction:column;gap:10px}.cookie-preferences h2{font-size:34px;margin:0 0 15px}.cookie-preferences p{font-size:15px}.cookie-preferences .button{margin-top:15px;align-self:flex-start}.noscript{background:var(--paper-2);padding:25px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes intro{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:intro .6s var(--ease)}.hero-person{animation:intro .8s var(--ease)}}
@media(max-width:1080px){.menu-toggle{display:block}.main-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:none;background:var(--night);border:1px solid #ffffff25;padding:20px;border-radius:20px;flex-wrap:wrap;gap:10px 23px}.main-nav.is-open{display:flex}.main-nav>a{font-size:16px}.hero{gap:4%;padding-inline:5%;}.hero h1{font-size:clamp(38px,5.1vw,58px)}.hero-actions .button{font-size:14px;padding-inline:19px}.hero-person{margin-left:0}.project-tab span{font-size:14px}.project-tab small{font-size:12px}.site-footer{grid-template-columns:1.3fr 1fr 1fr}.site-footer nav:last-of-type{grid-column:2}.diagnostic-shell{grid-template-columns:270px 1fr}.diagnostic-side{padding:40px 27px}}
@media(max-width:760px){html{scroll-padding-top:93px}.site-header{top:10px;left:14px;right:14px;min-height:64px;padding:7px 10px 7px 13px}.brand strong{font-size:17px}.brand small{font-size:12px}.brand-avatar{width:40px;height:40px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding:120px 6% 45px;gap:0}.hero h1{font-size:clamp(34px,9.5vw,53px);max-width:16ch;margin-bottom:20px}.hero-copy>p:not(.hero-proof){font-size:16px;max-width:36ch}.hero-actions{gap:10px;margin:22px 0}.hero-actions .button{font-size:14px;min-height:49px;padding-inline:18px}.hero-proof span{display:none}.hero-proof strong{font-size:14px}.hero-showcase{padding:0}.hero-browser{display:none}.hero-person{margin:27px 0 0;padding-top:20px;border-top:1px solid #ffffff25}.hero-person img{width:65px;height:65px}.hero-person strong{font-size:17px}.hero-person small{font-size:13px;max-width:29ch}
.work,.rebranding,.services,.about,.blog,.process,.contact{padding:48px 6%}.section-heading,.services-heading{display:block;margin-bottom:25px}.section-heading h2,.services-heading h2,.about h2,.contact h2{font-size:34px;max-width:23ch}.section-heading>p,.services-heading>p{font-size:15px;margin-top:17px}.project-list{display:none}.project-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;font-size:14px;font-weight:700}.project-picker select{width:100%;padding:13px 38px 13px 16px;min-height:52px;border:1px solid #9b9fa2;border-radius:12px;background:var(--white);color:var(--ink);font-size:16px}.viewer-toolbar{flex-wrap:wrap;gap:10px;flex-direction:row}.viewer-toolbar button{font-size:13px;padding:9px 13px}.viewer-controls{margin-left:auto}.viewer-toolbar [data-view-home]{display:none}.project-interactive{height:560px}.browser-top{font-size:12px;padding:8px 10px;gap:4px}.browser-top i{display:none}.browser-top span{margin-left:0}.project-info{display:block;margin-top:20px}.project-info h3{font-size:27px}.project-info p{font-size:14px}.project-actions{margin-top:15px}.project-actions span{font-size:13px}.viewer-help{font-size:12px}.project-panel.is-expanded{inset:5px;padding:12px 10px}.project-panel.is-expanded .viewer-toolbar{margin-bottom:8px}.evidence-note{font-size:12px;line-height:1.6}
.rebrand-tabs{gap:8px}.rebrand-tabs button{font-size:14px;padding:10px 17px}.comparison-controls{display:flex;gap:8px;margin-bottom:16px}.comparison-controls button{min-height:44px;border:0;border-radius:999px;padding:8px 20px;background:#d8d3c9;font-size:14px;font-weight:700}.comparison-controls button.is-active{background:var(--night);color:var(--white)}.comparison{display:block}.comparison-arrow{display:none}.comparison[data-side=before] .compare-after,.comparison[data-side=after] .compare-before{display:none}.comparison figure>div{height:300px;padding:25px}.comparison[data-brand-view=protein] figure>div{height:auto;max-height:none}.comparison[data-brand-view=protein] img{width:100%;height:auto;max-height:600px;object-fit:contain}.comparison figcaption{font-size:18px}.comparison figcaption span{font-size:12px}.rebrand-detail{display:block;margin-top:20px}.rebrand-detail h3{font-size:27px}.rebrand-detail p{font-size:15px}.rebrand-detail>div:last-child{margin-top:20px}.rebrand-detail .button{font-size:14px}.service-system{display:block}.service-system summary{padding:21px 0;min-height:104px}.service-system summary span{font-size:27px}.service-system summary small{font-size:14px}.service-system details>div{padding-bottom:20px}.about{grid-template-columns:90px 1fr;gap:20px;align-items:start}.about figure{max-width:90px;margin:0}.about img{height:120px;object-position:center 15%;border-radius:12px}.about h2{font-size:29px}.about p{font-size:15px}.about .button{font-size:14px}.process-list{display:block;margin:25px 0}.process-list li{display:grid;grid-template-columns:35px 1fr;gap:6px 12px;padding:18px 0}.process-list b{grid-row:1/3;align-self:start;padding-top:4px}.process-list h3{font-size:25px;margin:0}.process-list p{font-size:14px;max-width:none;margin:0}.faq{display:block}.faq summary{font-size:14px}.article-index{display:block}.article-index>a{padding:20px 0;gap:9px}.article-index strong{font-size:25px}.article-index span,.article-index p{font-size:14px}.contact{display:block}.contact>div:last-child{margin-top:25px}.contact-actions{gap:10px}.contact-actions .button{font-size:14px}.site-footer{grid-template-columns:1fr 1fr;padding:38px 6% 20px;gap:25px}.footer-intro{grid-column:1/-1}.footer-intro p{max-width:40ch;margin:15px 0 0}.site-footer nav:last-of-type{grid-column:auto}.site-footer nav a,.site-footer nav button{font-size:13px;min-height:44px}.footer-bottom{display:block;font-size:12px}.footer-bottom>span:last-child{display:block;margin-top:8px}
.diagnostic{width:100%;height:100dvh;max-height:none;max-width:none;margin:0;border-radius:0}.diagnostic-shell{display:block;min-height:100%;}.diagnostic-side{padding:24px 24px 16px}.diagnostic-side h2{font-size:27px;line-height:1.05;margin:0 50px 12px 0}.diagnostic-side h2 br{display:none}.diagnostic-side>p{font-size:12px;margin-bottom:5px;max-width:42ch}.diagnostic-side ol{display:flex;gap:12px;justify-content:space-between;margin:12px 0 0}.diagnostic-side li{font-size:11px;gap:5px}.diagnostic-side li b{width:22px;height:22px;font-size:11px;flex:none}.diagnostic-hint{display:none}.diagnostic-main{padding:27px 24px;display:block}.diagnostic-step legend,.diagnostic-result h3{font-size:28px;margin-bottom:18px;max-width:25ch}.diagnostic-step fieldset>p:not(.field-error){font-size:13px;margin-bottom:17px}.choice-pills{gap:10px}.choice-pills label span{font-size:14px;padding:12px 14px;min-height:56px}.step-actions{margin-top:22px;gap:10px}.step-actions .button{font-size:14px;padding:12px 19px}.step-actions>span{font-size:12px}.final-fields{grid-template-columns:1fr}.diagnostic-result>p{font-size:15px}.diagnostic .dialog-close{top:15px;right:15px;background:var(--paper);width:38px;height:38px}.diagnostic .dialog-close span{left:10px;top:18px}.cookie-preferences-panel{padding:60px 25px 25px}.cookie-preferences h2{font-size:30px}
}
@media(max-width:380px){.hero h1{font-size:34px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.viewer-toolbar{gap:6px}.viewer-toolbar button{font-size:12px;padding-inline:10px}.diagnostic-main{padding:23px 19px}.diagnostic-side{padding:20px 19px 15px}.diagnostic-side li{font-size:10px}.diagnostic-side li b{display:none}.choice-pills label span{font-size:13px}.step-actions>span{display:none}.about{grid-template-columns:1fr}.about figure{max-width:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
.ui-icon{display:inline-block;vertical-align:-.2em;flex:none;margin-inline:3px}.comparison-arrow .ui-icon{width:36px;height:36px}.viewer-controls button:has(.ui-icon):not([data-expand-viewer]){display:inline-grid;place-items:center}.article-topic{color:var(--muted)}