:root{--ink:#071b4d;--blue:#0878f5;--pale:#f2f9ff;--line:#d9e5f2;--muted:#6d7f9f;--green:#20a83a;--radius:14px}*{box-sizing:border-box}body{background:linear-gradient(180deg,#f4faff 0,#fff 540px);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{width:min(100% - 40px,1160px)}.site-header{border:0;background:#fff}.site-header .nav{height:72px}.brand{gap:9px}.brand-mark{display:grid;width:38px;height:38px;border-radius:7px;background:#0878f5;color:#fff;place-items:center;font-size:22px;box-shadow:none}.brand strong{font-size:25px;line-height:1;font-weight:800;letter-spacing:-1.2px}.brand strong span{color:#0878f5}.brand small{font-size:11px;font-weight:600;color:#233a6e;line-height:1.35}.nav nav{gap:34px;margin-left:auto;margin-right:36px}.nav nav a{height:72px;font-size:14px;font-weight:600;color:#172e60;border:0;border-bottom:3px solid transparent}.nav nav a.active{color:#0878f5;border-bottom-color:#0878f5}.language{padding:0;border:0;background:none}.language-trigger{height:38px;border:1px solid #d9e5f2;border-radius:8px;background:#fff;padding:6px 10px;font-size:13px}.language-trigger img{width:19px;height:13px}.hero{min-height:244px;background:radial-gradient(ellipse at center,#f9fdff 0%,rgba(242,249,255,.6) 48%,#eaf5ff 100%);position:relative}.hero:before{content:"";position:absolute;inset:0;opacity:.38;background-image:radial-gradient(circle at 13% 42%,#c9e7ff 0 1px,transparent 2px),radial-gradient(circle at 29% 32%,#c9e7ff 0 1px,transparent 2px),radial-gradient(circle at 70% 40%,#c9e7ff 0 1px,transparent 2px);background-size:150px 100px}.hero-grid{display:block;position:relative;min-height:244px;padding-top:37px;text-align:center}.hero h1{margin:0;font-size:43px;line-height:1.06;letter-spacing:-2px}.hero h1 span{display:none}.hero p{max-width:none;margin:10px 0 0;font-size:17px;line-height:1.35;color:#1a376e}.benefits{justify-content:center;gap:54px;padding-top:23px}.benefits li{gap:11px;text-align:left}.benefits b{width:48px;height:48px;background:#d9f8df!important;color:#159130;font-size:23px}.benefits li:nth-child(2) b{background:#dff2ff!important;color:#0878f5}.benefits li:nth-child(3) b{background:#f1e2ff!important;color:#8133d6}.benefits strong{font-size:14px;color:var(--ink)}.benefits small{font-size:12px;color:#4d638d}.tool-section{margin-top:12px;padding:0}.tool-grid{display:grid;grid-template-columns:1.32fr .78fr .62fr 1.18fr;gap:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px rgba(33,82,148,.06)}.tool-grid>section,.tool-grid>form{min-width:0}.card{border:0;box-shadow:none;border-radius:0;background:transparent}.calculator-card{padding-right:26px;border-right:1px solid #eef3f8}.calculator-card h2,.tool-grid h2{margin:0 0 12px;font-size:16px;font-weight:800;letter-spacing:-.6px}.segmented{margin:0 0 13px;display:grid;grid-template-columns:1fr 1fr;border:0;border-radius:6px;overflow:hidden;background:#edf3fa}.segmented button{min-height:40px;border:0;background:transparent;color:#132e62;font-size:13px;font-weight:700}.segmented button.selected{background:#0878f5;color:#fff}.calculator-card label{font-size:13px;font-weight:800;margin:10px 0}.input-row{min-height:48px;border:1px solid #dbe5f1;border-radius:6px;background:#fff}.input-row input{font-size:20px;font-weight:600;padding:9px 12px;color:var(--ink)}.input-row span{width:54px;border-left:1px solid #dbe5f1;font-size:15px;font-weight:700}.primary{height:48px;margin-top:4px;border-radius:6px;background:#0878f5;font-size:14px}.helper{margin:9px 0 0;text-align:center;color:#8a99b5;font-size:10px}.reset{display:none}.converted-card{position:relative;padding:4px 20px}.converted-card h2,.result-card h2,.silhouette-card h2{font-size:14px;margin-bottom:12px}.converted-value{min-height:100px;margin-bottom:15px;padding:14px;background:#f1f8ff;border-radius:7px}.converted-value small,.bmi-result small{display:block;font-size:12px;font-weight:700}.converted-value strong{display:block;margin:7px 0 1px;font-size:28px;line-height:1;font-weight:800}.converted-value strong em{font-size:16px;font-style:normal}.converted-value b{font-size:18px}.convert-switch{position:absolute;right:8px;top:112px;width:28px;height:28px;border-radius:7px;background:#cfeaff;color:#0878f5;display:grid;place-items:center;font-size:18px}.result-card{padding:4px 16px}.bmi-result{height:211px;padding:67px 13px 10px;background:linear-gradient(135deg,#effcf0,#e4fae8);border-radius:7px;text-align:center;display:flex;flex-direction:column;align-items:center}.bmi-result strong{font-size:48px;line-height:1;margin:8px 0;color:#063c1b}.bmi-result span{border-radius:6px;background:#159c2a;color:#fff;padding:6px 9px;font-size:13px;font-weight:800}.silhouette-card{padding:4px 0 0 22px;border-left:1px solid #eef3f8}.silhouette-card h2 span{font-weight:600;font-size:11px}.silhouette-views{display:grid;grid-template-columns:1fr 58px 1fr;align-items:end;height:205px;padding:0 12px}.silhouette-views>div{display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%}.silhouette-views img{width:94px;height:170px;object-fit:contain;transform-origin:bottom}.silhouette-views .side-figure img{transform:scaleX(.65)}.silhouette-views small{font-size:10px;color:#637595}.silhouette-rule{padding-bottom:25px;position:relative;justify-content:center!important}.silhouette-rule i{position:absolute;height:148px;width:1px;background:#536b94;top:22px}.silhouette-rule i:before,.silhouette-rule i:after{content:"";position:absolute;left:-4px;width:9px;height:1px;background:#536b94}.silhouette-rule i:before{top:0}.silhouette-rule i:after{bottom:0}.silhouette-rule b,.silhouette-rule small{position:relative;background:#fff;text-align:center;padding:1px;font-size:11px}.silhouette-card #bodyResult{text-align:center;margin:7px 0;font-size:12px}.silhouette-card #bodyResult b{display:block}.silhouette-card #bodyResult span,.illustration-note{display:none}.scale-card{margin-top:12px;padding:18px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px rgba(33,82,148,.05)}.scale-card h2{margin:0 0 26px;font-size:17px}.scale-card h2 span{font-weight:600}.scale-wrap{padding-top:6px}.bmi-scale{height:17px;border-radius:5px;overflow:hidden}.scale-marker{top:-43px!important}.scale-marker span{display:block;border:1px solid #8bd59a;border-radius:7px;background:#e9ffec;color:#14712d;padding:3px 9px;text-align:center;font-size:10px;font-weight:700}.scale-marker span b{font-size:15px}.scale-marker i{height:11px!important;background:#159c2a!important}.scale-labels{font-size:12px;margin-top:10px}.reference{margin:14px 0 0;color:#6f81a0;font-size:11px}.ad-slot{display:grid;place-content:center;margin:14px auto;border-radius:3px;background:#f0edff;color:#756ab3;text-align:center}.ad-slot:has(.adsbygoogle){display:block;min-height:0}.ad-wide{width:min(100% - 130px,980px);height:112px}.ad-rectangle{width:100%;height:270px;margin:0}.ad-slot-preview{min-height:0;border:0;background:#f0edff;color:#756ab3}.ad-slot-preview span{font-size:17px}.ad-slot-preview small{font-size:13px}.process-card,.learn-card,.faq-card{margin-top:12px;padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px rgba(33,82,148,.05)}.process-card h2,.learn-card h2,.faq-card h2{margin:0;font-size:24px;letter-spacing:-1px}.process-card>p{margin:3px 0 18px;font-size:14px}.steps{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;text-align:center}.steps article{position:relative}.steps article>b{position:absolute;left:0;top:0;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#1686f5;color:#fff;font-size:13px}.steps article>i{display:grid;width:58px;height:58px;margin:0 auto 10px;place-items:center;border-radius:50%;background:#d9ecff;color:#0878f5;font-size:28px;font-style:normal}.steps article:nth-of-type(2)>i{background:#dcf8e3;color:#159c2a}.steps article:nth-of-type(3)>i{background:#efe2ff;color:#8b35dc}.steps article:nth-of-type(4)>i{background:#ffe6d4;color:#ff6619}.steps h3{margin:0 0 5px;font-size:14px;line-height:1.25}.steps article span{color:#637595;font-size:12px;line-height:1.25}.steps>em{font-style:normal;color:#8ba1c0;font-size:34px}.learn-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.learn-heading p{max-width:800px;margin:5px 0 16px;color:#53698f;font-size:13px;line-height:1.3}.learn-heading a{padding:10px 14px;border:1px solid #0878f5;border-radius:7px;color:#0878f5;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:800}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-card{position:relative;min-height:128px;padding:15px 14px 12px 64px;border:1px solid #d9e5f2;border-radius:8px}.info-card>i{position:absolute;left:16px;top:16px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#0878f5;color:#fff;font-style:normal;font-size:18px}.info-card:nth-child(2)>i{background:#8d35de}.info-card:nth-child(3)>i{background:#ff943a}.info-card h3{margin:2px 0 6px;font-size:14px}.info-card p,.info-card table{margin:0;color:#53698f;font-size:11px;line-height:1.38}.info-card>b{display:inline-block;margin-top:9px;padding:4px;background:#eff5fc;border-radius:4px;font-size:11px}.info-card table th,.info-card table td{padding:1px 3px;text-align:left;background:transparent!important;color:#53698f!important}.faq-card{display:grid;grid-template-columns:1.9fr .85fr;gap:24px}.faq-card h2{margin-bottom:10px}.faq-card details{margin:0;border:0;border-bottom:1px solid #dde6f0;border-radius:0}.faq-card summary{padding:8px 7px;font-size:12px}.faq-card details p{font-size:11px}.supporting-controls{display:none}footer{margin-top:14px;padding:23px 0 7px;border:0;background:linear-gradient(110deg,#062348,#0b3c64);color:#e8f4ff}.footer-grid{display:grid;grid-template-columns:2.2fr .8fr .8fr .8fr;gap:45px}.footer-grid .brand{color:#fff}.footer-grid .brand small{color:#d6eaff}.footer-grid p{margin:12px 0 8px;font-size:11px;line-height:1.35}.footer-grid h3{margin:0 0 7px;font-size:12px}.footer-grid a{display:block;color:#e6f4ff;text-decoration:none;font-size:11px;line-height:1.5}.footer-grid>div>small{font-size:10px}.socials{font-size:18px!important}.footer-disclaimer{margin:12px 0 0;text-align:center;color:#bfd8e9;font-size:10px}
@media(max-width:900px){.wrap{width:min(100% - 28px,760px)}.site-header .nav{height:auto;min-height:68px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand language" "menu menu";gap:6px;padding:8px 0}.brand{grid-area:brand}.nav nav{grid-area:menu;gap:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);height:34px}.nav nav a{height:34px;justify-content:center;font-size:11px}.language{grid-area:language}.brand strong{font-size:20px}.brand-mark{width:31px;height:31px;font-size:18px}.hero{min-height:222px}.hero-grid{min-height:222px;padding-top:17px}.hero h1{font-size:28px;letter-spacing:-1.2px}.hero p{font-size:12px}.benefits{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 14px 0;margin:0 auto;width:360px}.benefits b{width:36px;height:36px;font-size:17px}.benefits strong{font-size:11px}.benefits small{font-size:10px}.tool-grid{grid-template-columns:1fr;padding:12px}.calculator-card{border:0;border-bottom:1px solid #edf2f6;padding:0 0 12px}.converted-card,.result-card,.silhouette-card{padding:12px 0;border:0;border-bottom:1px solid #edf2f6}.converted-card{display:grid;grid-template-columns:1fr 1fr;gap:8px}.converted-card h2{grid-column:1/-1}.converted-value{margin:0;min-height:80px}.converted-value strong{font-size:22px}.convert-switch{right:calc(50% - 13px);top:68px}.result-card{display:block}.bmi-result{height:90px;padding:12px;align-items:flex-start}.bmi-result strong{font-size:30px}.silhouette-card{padding-bottom:12px}.silhouette-views{height:180px;max-width:320px;margin:auto}.silhouette-views img{height:145px;width:75px}.scale-card{padding:14px}.scale-card h2{font-size:13px;margin-bottom:30px}.scale-labels{font-size:9px}.reference{font-size:10px}.ad-wide{width:100%;height:92px}.process-card,.learn-card,.faq-card{padding:16px}.process-card h2,.learn-card h2,.faq-card h2{font-size:18px}.steps{display:block}.steps>em{display:none}.steps article{display:grid;grid-template-columns:27px 45px 1fr;gap:10px;text-align:left;align-items:center;margin:10px 0}.steps article>b{position:static}.steps article>i{width:40px;height:40px;margin:0;font-size:18px}.steps h3{margin:0;font-size:12px}.steps article span{grid-column:3;font-size:10px}.learn-heading{align-items:flex-start}.learn-heading a{display:none}.learn-grid{grid-template-columns:1fr}.info-card{min-height:0}.faq-card{grid-template-columns:1fr}.ad-rectangle{height:100px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid p{font-size:10px}}
.tool-grid>.card{border:0;box-shadow:none;background:transparent}
@media(min-width:600px){
  .site-header .nav{display:flex!important;grid-template-areas:none!important;grid-template-columns:none!important;height:72px!important;min-height:72px!important;padding:0!important}
  .site-header .brand{grid-area:auto!important}.site-header .language{grid-area:auto!important;margin-left:0!important}
  .site-header .nav nav{display:flex!important;grid-area:auto!important;grid-template-columns:none!important;width:auto!important;height:72px!important;overflow:visible!important;gap:34px!important;margin-left:auto!important;margin-right:36px!important;padding:0!important}
  .site-header .nav nav a{height:72px!important;font-size:14px!important;padding:0!important}
  .tool-grid{grid-template-columns:1.32fr .78fr .62fr 1.18fr!important}
  .tool-grid>.silhouette-card{grid-column:auto!important}
}
@media(min-width:600px){
 .tool-grid>.result-card,.tool-grid>.silhouette-card{height:auto!important;min-height:0!important}
 .tool-grid{align-items:stretch}
}
.scale-card{padding:14px 24px}.scale-card h2{margin-bottom:19px}.scale-wrap{margin:34px 0 5px!important;padding-top:0}.reference{margin:10px 0 0!important;padding:8px!important}
@media(min-width:600px){
 .site-header .nav{height:58px!important;min-height:58px!important}.site-header .nav nav,.site-header .nav nav a{height:58px!important}
 .hero,.hero-grid{min-height:190px!important}.hero-grid{padding-top:21px}.hero h1{font-size:39px}.hero p{font-size:15px;margin-top:7px}.benefits{padding-top:15px;gap:42px}.benefits b{width:42px;height:42px}.benefits strong{font-size:13px}.benefits small{font-size:11px}
 .tool-grid{padding:16px}.calculator-card{padding-right:20px}.calculator-card h2,.tool-grid h2{margin-bottom:8px}.segmented{margin-bottom:8px}.segmented button{min-height:36px;font-size:11px}.calculator-card label{margin:7px 0;font-size:12px}.input-row{min-height:40px;margin-top:3px}.input-row input{padding:7px 10px;font-size:17px}.primary{height:40px;min-height:40px;font-size:12px}.helper{margin-top:5px}
 .converted-value{min-height:88px;margin-bottom:10px;padding:11px}.converted-value strong{font-size:24px}.converted-value b{font-size:15px}.result-card{padding-top:2px}.bmi-result{height:184px;padding-top:52px}.silhouette-views{height:183px}.silhouette-views img{width:86px;height:150px}.silhouette-rule i{height:130px;top:17px}.silhouette-card #bodyResult{margin:2px 0}.tool-grid{min-height:0}
}

/* VISUAL calibration: main reference geometry */
@media (min-width:901px){
  .tool-grid > .calculator-card{padding:0 20px 0 0!important}
  .calculator-card h2{margin:0 0 7px!important}
  .calculator-card .segmented{margin:0 0 6px!important}
  .calculator-card .segmented button{min-height:34px!important;height:34px!important}
  .calculator-card label{margin:5px 0!important}
  .calculator-card .input-row{min-height:38px!important;height:38px!important;margin-top:1px!important}
  .calculator-card .input-row input{height:36px!important;padding:5px 10px!important}
  .calculator-card .primary{height:38px!important;min-height:38px!important;margin-top:2px!important}
  .calculator-card .helper{margin-top:3px!important;line-height:1.15!important}
  .scale-card{padding:12px 24px!important}
  .scale-card h2{margin-bottom:13px!important}
  .scale-wrap{margin:27px 0 2px!important}
  .reference{margin-top:6px!important;padding:5px!important}
  .ad-wide{width:min(728px, calc(100% - 40px))!important;height:90px!important}
}

/* Reference silhouette and brand-mark treatment */
.brand-mark{position:relative;font-size:0!important}
.brand-mark::before{content:"";position:absolute;top:7px;left:15px;width:8px;height:8px;border-radius:50%;background:#fff}
.brand-mark::after{content:"";position:absolute;top:16px;left:12px;width:14px;height:17px;border-radius:7px 7px 4px 4px;background:#fff;box-shadow:-6px 3px 0 -3px #fff,6px 3px 0 -3px #fff}
@media (min-width:901px){
  .silhouette-views{height:204px!important}
  .silhouette-views img{width:106px!important;height:182px!important}
  .silhouette-rule i{height:157px!important;top:15px!important}
}

/* Align desktop vertical rhythm with the approved mockup */
@media (min-width:901px){
  .site-header .nav{height:52px!important}
  .nav nav a{height:52px!important}
  .hero,.hero-grid{min-height:186px!important}
  .hero-grid{padding-top:17px!important}
  .tool-section{margin-top:0!important}
  .scale-card{padding-top:10px!important;padding-bottom:10px!important}
}
@media (min-width:901px){.site-header .nav{min-height:52px!important}}

/* SVG icon fidelity: consistent 24px rounded-stroke system */
.ui-icon{display:block;width:1em;height:1em;flex:none}
.brand-mark::before,.brand-mark::after{display:none!important}
.brand-mark .ui-icon{width:27px;height:27px;color:#fff}
.selector-chevron{display:grid;width:15px;height:15px;place-items:center;color:#17315f}.selector-chevron .ui-icon{width:15px;height:15px}
.benefits b{display:grid!important;place-items:center!important}.benefits b .ui-icon{width:23px;height:23px}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary .ui-icon{width:16px;height:16px}
.convert-switch .ui-icon{width:18px;height:18px}
.reference{display:flex;align-items:center;justify-content:center;gap:6px}.reference .ui-icon{width:15px;height:15px;color:#5f769d}.reference span{display:block}
.steps article>i{display:grid!important;place-items:center!important}.steps article>i .ui-icon{width:28px;height:28px}.steps>em{display:grid;place-items:center}.steps>em .ui-icon{width:18px;height:18px}
.info-card>i{display:grid!important;place-items:center!important}.info-card>i .ui-icon{width:19px;height:19px}
.learn-chevron{display:inline-grid;vertical-align:middle;margin-left:4px}.learn-chevron .ui-icon{width:15px;height:15px}
.socials{display:flex;align-items:center;gap:10px}.socials .ui-icon{width:17px;height:17px}
.faq-card summary::marker{content:""}.faq-card summary{position:relative}.faq-card summary::after{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;border-right:1.8px solid #496995;border-bottom:1.8px solid #496995;transform:translateY(-65%) rotate(45deg)}.faq-card details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
@media(max-width:900px){.brand-mark .ui-icon{width:23px;height:23px}.benefits b .ui-icon{width:19px;height:19px}.steps article>i .ui-icon{width:20px;height:20px}}
/* Prevent inline arrow from inheriting link label sizing */
.learn-heading .learn-chevron{display:inline-grid!important;width:15px!important;height:15px!important;place-items:center!important;vertical-align:middle!important;overflow:hidden!important}
.learn-heading .learn-chevron .ui-icon{width:15px!important;height:15px!important}

/* Responsive Visual transformation: desktop → tablet → mobile */
.mobile-menu-toggle,.mobile-section-toggle,.mobile-back-to-top{display:none}
@media (min-width:768px) and (max-width:1023px){
  .site-header .nav{height:62px!important;min-height:62px!important}.site-header .nav nav,.site-header .nav nav a{height:62px!important}.nav nav{gap:18px!important;margin-right:18px!important}.nav nav a{font-size:12px!important}
  .tool-grid{grid-template-columns:1fr 1fr!important;gap:0!important;padding:16px!important}.calculator-card{padding:0 16px 16px 0!important}.converted-card{padding:0 0 16px 16px!important}.result-card{padding:16px 16px 0 0!important;border-top:1px solid #eef3f8}.silhouette-card{padding:16px 0 0 16px!important;border-top:1px solid #eef3f8;border-left:1px solid #eef3f8!important}.silhouette-views{max-width:310px;margin:auto}
  .steps{grid-template-columns:1fr 1fr!important;gap:18px 32px}.steps>em{display:none}.learn-grid{grid-template-columns:1fr 1fr!important}.faq-card{grid-template-columns:1fr!important}.ad-rectangle{height:150px!important;max-width:336px;margin:12px auto 0!important}
}
@media (max-width:767px){
  .wrap{width:min(100% - 28px,560px)!important}
  .site-header .nav{min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:1fr 44px!important;grid-template-areas:"brand menu" "language language"!important;gap:4px 8px!important;padding:8px 0 9px!important}
  .site-header .brand{grid-area:brand!important;min-width:0}.site-header .language{grid-area:language!important;justify-self:center!important;margin:0!important}.site-header .nav>nav{display:none!important;grid-area:links!important;margin:0!important;width:100%!important;height:auto!important}
  .site-header.mobile-nav-open .nav{grid-template-areas:"brand menu" "language language" "links links"!important}.site-header.mobile-nav-open .nav>nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding-top:4px!important}.site-header.mobile-nav-open .nav>nav a{height:40px!important;font-size:12px!important;border-bottom:1px solid #e5edf6!important}
  .mobile-menu-toggle{display:grid!important;grid-area:menu;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink)}.mobile-menu-toggle .ui-icon{width:22px;height:22px}
  .language-trigger{height:34px!important;min-width:118px!important;font-size:12px!important}.brand strong{font-size:18px!important}.brand small{font-size:9px!important}.brand-mark{width:30px!important;height:30px!important}
  .hero,.hero-grid{min-height:236px!important}.hero-grid{padding-top:16px!important}.hero:before{opacity:.12!important}.hero h1{font-size:27px!important;line-height:1.04!important;max-width:270px;margin:auto!important}.hero p{max-width:330px!important;margin:9px auto 0!important;font-size:12px!important;line-height:1.35!important}.benefits{width:auto!important;max-width:320px!important;padding:13px 0 0!important;gap:8px!important}.benefits b{width:34px!important;height:34px!important}.benefits strong{font-size:11px!important}.benefits small{font-size:10px!important}
  .tool-section{margin-top:10px!important}.tool-grid{padding:12px!important}.calculator-card{padding:0 0 12px!important}.primary{min-height:44px!important;height:44px!important}.input-row{min-height:46px!important}.input-row input{font-size:18px!important}.converted-card{gap:8px!important}.converted-value{min-width:0!important}.converted-value strong{font-size:21px!important}.result-card{padding-top:13px!important}.bmi-result{height:96px!important;justify-content:center!important}.silhouette-card{padding-top:13px!important}.silhouette-views{max-width:310px!important}.scale-card{margin-top:10px!important;padding:14px!important}.scale-card h2{margin-bottom:29px!important}.scale-labels{font-size:8px!important;line-height:1.2!important}.scale-marker span{font-size:8px!important}.scale-marker span b{font-size:13px!important}.reference{font-size:9px!important;line-height:1.35!important;text-align:center!important}.ad-wide{width:min(320px,100%)!important;height:100px!important;margin:12px auto!important}
  .mobile-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:var(--ink);font:800 18px/1.2 inherit;text-align:left}.mobile-section-toggle .ui-icon{width:18px;height:18px;transition:transform .2s ease}.is-open>.mobile-section-toggle .ui-icon{transform:rotate(180deg)}
  .process-card,.learn-card,.faq-card{padding:16px!important;margin-top:10px!important}.process-card>h2,.learn-card .learn-heading h2,.faq-card>div>h2{display:none!important}.process-card>p{margin:5px 0 10px!important;font-size:11px!important}.steps{display:block!important}.steps>em{display:none!important}.steps article{display:grid!important;grid-template-columns:25px 40px 1fr!important;gap:9px!important;align-items:center!important;margin:9px 0!important;text-align:left!important}.steps article>b{position:static!important;width:24px!important;height:24px!important;font-size:11px!important}.steps article>i{width:38px!important;height:38px!important;margin:0!important}.steps article span{display:none!important}.steps h3{margin:0!important;font-size:12px!important}.learn-card:not(.is-open) .learn-heading,.learn-card:not(.is-open) .learn-grid,.faq-card:not(.is-open)>div:not(.ad-slot),.faq-card:not(.is-open)>.ad-slot{display:none!important}.learn-card.is-open .learn-heading{display:block!important}.learn-card.is-open .learn-heading a{display:none!important}.learn-card.is-open .learn-grid{display:grid!important;grid-template-columns:1fr!important;margin-top:12px!important}.faq-card.is-open{display:block!important}.faq-card.is-open>div:first-of-type{display:block!important}.faq-card.is-open>.ad-slot{display:none!important}.faq-card details{display:block!important}.faq-card h2{margin:10px 0!important}.faq-card summary{padding:11px 7px!important;font-size:12px!important}
  footer{position:relative;margin-top:10px!important;padding:16px 0!important}.footer-grid{display:block!important}.footer-grid>div:not(:first-child){display:none!important}.footer-grid p{max-width:240px!important;margin:9px 0 7px!important}.mobile-back-to-top{display:grid;position:absolute;right:15px;top:18px;width:38px;height:38px;place-items:center;border-radius:50%;background:#17466f;color:#fff}.mobile-back-to-top .ui-icon{width:19px;height:19px;transform:rotate(180deg)}
}
@media (max-width:390px){.brand strong{font-size:17px!important}.hero h1{font-size:26px!important}.segmented button{font-size:10px!important}.input-row span{width:48px!important}.scale-labels{font-size:7.5px!important}}

/* Interaction-state QC: stable, visible states without layout movement */
button,input,summary,a{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}
button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid rgba(8,120,245,.34)!important;outline-offset:2px!important;box-shadow:none!important}
.segmented button:hover:not(.selected){background:#e2edf9}.segmented button.selected:hover{background:#066ddd}.segmented button:active{background:#055fc4;color:#fff}.segmented button:focus-visible{position:relative;z-index:1}
.input-row{transition:border-color .16s ease,box-shadow .16s ease}.input-row:hover{border-color:#9fc7f7}.input-row:focus-within{border-color:#0878f5;box-shadow:0 0 0 3px rgba(8,120,245,.13)}
.primary:hover{background:#066ddd}.primary:active{background:#055fc4;box-shadow:inset 0 2px 0 rgba(0,0,0,.14)!important}.primary:disabled{background:#9fb8d5;cursor:not-allowed;box-shadow:none!important}.primary .ui-icon,.primary .button-label{pointer-events:none}
.error{min-height:0;color:#b42318;font-size:11px;line-height:1.35;font-weight:650}.error:not(:empty){margin:5px 0 0!important;padding:5px 8px;border-left:3px solid #d92d20;background:#fff1f0;border-radius:4px}
.calculator-card .error{position:static!important;width:auto!important}.calculator-card .error:not(:empty)+.primary{margin-top:7px!important}
@media (min-width:901px){.scale-card{margin-top:10px}}
.bmi-result[data-category="underweight"]{background:linear-gradient(135deg,#eef8ff,#def1ff)}.bmi-result[data-category="underweight"] strong{color:#075cab}.bmi-result[data-category="underweight"] span{background:#147ad6}
.bmi-result[data-category="normal"]{background:linear-gradient(135deg,#effcf0,#e4fae8)}.bmi-result[data-category="normal"] strong{color:#063c1b}.bmi-result[data-category="normal"] span{background:#159c2a}
.bmi-result[data-category="overweight"]{background:linear-gradient(135deg,#fff9e9,#fff0ce)}.bmi-result[data-category="overweight"] strong{color:#9a5700}.bmi-result[data-category="overweight"] span{background:#e88a00}
.bmi-result[data-category="obesity"]{background:linear-gradient(135deg,#fff0f1,#ffe0e3)}.bmi-result[data-category="obesity"] strong{color:#b42318}.bmi-result[data-category="obesity"] span{background:#d92d20}
.scale-marker[data-category="underweight"] span{background:#e3f3ff;border-color:#99cdfa;color:#075cab}.scale-marker[data-category="underweight"] i{background:#147ad6!important}.scale-marker[data-category="overweight"] span{background:#fff4d7;border-color:#f5c666;color:#9a5700}.scale-marker[data-category="overweight"] i{background:#e88a00!important}.scale-marker[data-category="obesity"] span{background:#ffe6e8;border-color:#f6a7ae;color:#b42318}.scale-marker[data-category="obesity"] i{background:#d92d20!important}

/* Final reference corrections: compact BodyMetrio mark, full silhouette heading, balanced BMI pointer. */
.site-header .brand{gap:8px}
.site-header .brand-mark{flex:0 0 34px;width:34px!important;height:34px!important;border-radius:5px!important}
.site-header .brand-mark .ui-icon{width:24px!important;height:24px!important}
.site-header .brand strong{font-size:22px!important;letter-spacing:-1px!important}
.site-header .brand small{margin-top:2px;font-size:10px!important;line-height:1.15!important}
.silhouette-card h2{white-space:nowrap;letter-spacing:-.45px}
.silhouette-card h2 span{display:inline!important;margin-left:3px;font-size:11px!important;letter-spacing:0}
.scale-wrap{margin:42px 0 5px!important}
.scale-marker{top:-40px!important;width:64px}
.scale-marker span{box-sizing:border-box;min-width:60px;padding:3px 6px 2px!important;line-height:1.05}
.scale-marker span b{display:block;line-height:1.05}
.scale-marker:after{top:31px!important;height:15px!important;background:#159c2a!important;z-index:0}
.scale-marker i{position:relative;z-index:1;width:11px!important;height:11px!important;margin:12px auto 0!important}
@media(max-width:900px){
  .site-header .brand-mark{flex-basis:31px;width:31px!important;height:31px!important}
  .site-header .brand-mark .ui-icon{width:22px!important;height:22px!important}
  .site-header .brand strong{font-size:20px!important}
  .silhouette-card h2{font-size:14px!important}
}
@media(max-width:500px){
  .silhouette-card h2{white-space:normal}
  .silhouette-card h2 span{font-size:10px!important}
}
.faq-card details:hover{background:#f7fbff}.faq-card summary:focus-visible{outline-offset:-1px}.language-trigger:hover{border-color:#9fc7f7;background:#f8fbff}.mobile-menu-toggle:hover,.mobile-back-to-top:hover{background:#eaf4ff}.mobile-back-to-top:hover{background:#235b8e}