/* Brand fonts and gradient reuse theme tokens: docs/plugins/haircolorgpt/contracts/UI_KIT_CONTRACT.md, sections 2.4 and 2.6. */
.hchome{--hc-ink:light-dark(#1a1a1a,#f5f5f7);--hc-muted:light-dark(#51495d,#aaa3b4);--hc-line:light-dark(#e6dfec,#ffffff1f);--hc-accent:var(--hcg-accent);--hc-selected:light-dark(#ead8ff,#3b2a55);--hc-heading:var(--hcg-font-heading);--hc-body:var(--hcg-font-body);background:radial-gradient(ellipse at 56% 11%,light-dark(#f8f3fc,#221b2b) 0,transparent 41%),light-dark(#fdfbff,#161616);color:var(--hc-ink);font:400 clamp(14px,1.3671875vw,19.6875px)/1.4 var(--hc-body);isolation:isolate}
.hchome *{box-sizing:border-box;min-width:0}
.hchome [hidden]{display:none!important}
.hchome .hc-icon{display:inline-block;flex:none;width:1.8em;height:1.8em;color:var(--hc-accent);vertical-align:middle}
.hchome-wrap{width:calc(100% - 3.6em);max-width:1370px;margin-inline:auto}
.hchome h1,.hchome h2{max-width:none;margin:0;padding:0;color:var(--hc-ink);font-family:var(--hc-heading);font-weight:800;letter-spacing:-.03em;text-transform:none!important;text-wrap:balance}
.hchome h1>span,.hchome h2>span{color:var(--hcg-c1);background:var(--hcg-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hchome h3{margin:0;color:var(--hc-ink);font:700 1.12em/1.15 var(--hc-body);letter-spacing:-.025em;text-transform:none}
.hchome p{margin:0;color:var(--hc-muted);font:400 1em/1.4 var(--hc-body)}
.hchome b,.hchome strong{font-weight:700}
.hchome figure{margin:0}
.hchome img{display:block;max-width:100%;height:auto}
.hchome a{color:inherit}
.hchome-kicker{display:block;margin:0 0 1.7em;font-size:.65em;font-weight:600;letter-spacing:.17em;line-height:1.3}
.hchome-hero{background:transparent}
.hchome-hero .hchome-wrap{width:calc(100% - 4em)}
.hchome-hero__grid{display:grid;grid-template-columns:38.5% minmax(0,1fr);gap:1.4em;align-items:center}
.hchome-hero--a{padding:5em 0 4.4em}
.hchome h1{font-size:3.35em;line-height:1.01}
.hchome-hero__copy>p{margin-top:1.45em;max-width:100%;line-height:1.4}
.hchome-actions{display:flex;align-items:center;gap:.85em;width:max-content;max-width:calc(100% + 30px);margin-top:2.05em;white-space:nowrap}
.hchome .hchome-actions .hcg-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;min-height:2.55em;margin:0;padding:.45em 1em;border:0;border-radius:999px;background:var(--hcg-gradient);color:#fff!important;box-shadow:0 3px 10px #8b35fb24;font:600 .94em/1.4 var(--hc-body);letter-spacing:-.02em;text-transform:none;text-decoration:none}
.hchome-link{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.45em;min-height:2.8em;padding:.45em .7em;border:1px solid light-dark(#d1c8db,#ffffff33);border-radius:999px;font-size:.86em;font-weight:700;letter-spacing:-.03em;text-decoration:none;background:light-dark(#ffffff45,#ffffff0d)}
.hchome-link .hc-icon{width:1.2em;height:1.2em;color:light-dark(#211726,#f5f5f7)}
.hchome a:hover{filter:brightness(.96)}
.hchome a:focus-visible{outline:2px solid #a000ff;outline-offset:4px}
.hchome-terms{display:block;margin-top:1.1em;font-size:.88em;line-height:1.4;color:var(--hc-muted)}
.hchome-salon-ui{position:relative;align-self:start;height:25em}
.hchome-proof{padding:0 0 3.15em}
.hchome-proof .hchome-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:5em;border-radius:1.2em;background:linear-gradient(100deg,light-dark(#f6f0f7,#232027),light-dark(#f4edf5,#211e26))}
.hchome-proof .hchome-wrap>div{display:flex;align-items:center;justify-content:center;gap:1.05em;min-height:2.3em;padding:.2em 1.25em;border-right:1px solid light-dark(#d9cddd,#ffffff1f);font-size:.94em;font-weight:500;line-height:1.3}
.hchome-proof .hchome-wrap>div:last-child{border:0}
.hchome-proof .hc-icon{width:2.3em;height:2.3em}
.hchome-section-head{margin:0 0 1.7em}
.hchome-section-head h2{font-size:3.68em;line-height:1.02;letter-spacing:-.03em}
.hchome-section-head>p{margin-top:1em;font-size:.94em}
.hchome-case{padding:1.85em 0 2.55em;border-radius:1.8em;background:linear-gradient(115deg,light-dark(#f9f1f8,#221d27),light-dark(#f5effb,#1f1b26));scroll-margin-top:1em}
.hchome-case .hchome-section-head{text-align:center}
.hchome-caseboard{display:grid;grid-template-columns:3fr 1fr;gap:.55em}
.hchome-photos,.hchome-b-case__photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35em}
.hchome-photos figure,.hchome-b-case figure{position:relative;border:.4em solid light-dark(#fff,#2e2e2e);border-radius:1em;box-shadow:0 .15em .3em #412b4b12;overflow:visible}
.hchome-photos img,.hchome-b-case figure img{width:100%;height:17.7em;border-radius:.65em;object-fit:cover;object-position:50% 45%}
.hchome-photos figure:not(:last-child)::after,.hchome-b-case figure:not(:last-child)::after{content:"";position:absolute;right:-1em;top:50%;z-index:2;width:2em;height:2em;border-radius:50%;background:light-dark(#fff,#2e2e2e) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bf00ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") center/1.2em no-repeat;box-shadow:0 2px 5px #25152f1f}
.hchome-photos figcaption,.hchome-b-case figcaption,.hc-step-photos figcaption{position:absolute;left:1em;bottom:1em;padding:.3em .85em;border-radius:999px;background:#fffefaed;color:#1a1a1a;font-size:.92em;font-weight:700;line-height:1.3;white-space:nowrap}
.hchome-photos figure:last-child figcaption,.hchome-b-case figure:last-child figcaption{background:#f3ddffed}
.hchome-route{padding:.5em;border:1px solid var(--hc-line);border-radius:1em;background:light-dark(#fdfbff,#232323);box-shadow:0 .15em .4em #412b4b12}
.hchome .hchome-disclaimer{margin:.6em 0 1.1em;font-size:.83em;line-height:1.3;text-align:center;font-style:italic}
.hchome-mini-cases{display:grid;grid-template-columns:1fr 1fr;gap:1em}
.hchome-mini-cases article{display:grid;grid-template-columns:61% 1fr;gap:1em;min-height:9.8em;padding:.55em;border:1px solid var(--hc-line);border-radius:1em;background:light-dark(#ffffffa8,#ffffff0a);box-shadow:0 .2em .4em #412b4b10}
.hchome-mini-cases article>div:last-child{align-self:center;padding-right:.4em}
.hchome-mini-cases h3{display:flex;align-items:center;gap:.55em;white-space:nowrap;font-size:1.2em}
.hchome-mini-cases h3 .hc-icon{width:1.45em;height:1.65em}
.hchome-mini-cases p{margin:.8em 0 0;font-size:.94em}
.hc-hair-detail{position:relative;height:8.7em;border-radius:.75em;overflow:hidden}
.hc-hair-detail img{position:absolute;height:100%;max-width:none;width:150%;object-fit:cover;left:0}
.hc-hair-detail--analysis img{width:300%;left:-200%}
.hc-hair-detail--correction>.hc-icon{position:absolute;left:calc(50% - .8em);top:calc(50% - .9em);width:1.8em;height:1.8em;padding:.35em;border-radius:50%;background:light-dark(#fff,#2e2e2e)}
.hchome-modules{padding:2.65em 0 2.4em}
.hchome-modules .hchome-section-head{text-align:center;margin-bottom:1.55em}
.hchome-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65em}
.hchome-module-grid article{display:flex;align-items:flex-start;gap:1em;min-height:6.35em;padding:.85em 1em;border:1px solid var(--hc-line);border-radius:.8em;background:light-dark(#fffaff55,#ffffff08);box-shadow:0 .15em .3em #412b4b07}
.hchome-module-grid .hc-icon{width:2em;height:2.1em}
.hchome-module-grid h3{font-size:1.12em}
.hchome-module-grid p{margin:.5em 0 0;font-size:.87em;line-height:1.15;color:light-dark(#36293f,#c9c2d2)}
/* Home B: photographs, floating formula, linked workflow and client memory. */
.hchome-hero--b{padding:1.7em 0 1.9em}
.hchome-hero--b .hchome-hero__grid{grid-template-columns:34.8% minmax(0,1fr);gap:1.35em;align-items:start}
.hchome-hero--b .hchome-hero__copy{padding-top:2.1em}
.hchome-hero--b h1{width:calc(100% + 25px);font-size:3.43em;line-height:.99}
.hchome-hero--b h1 span{display:block}
.hchome-hero--b .hchome-kicker{font-size:.69em;letter-spacing:.13em;margin-bottom:1.9em;white-space:nowrap}
.hchome-hero--b .hchome-hero__copy>p{margin-top:1.3em;font-size:1.06em;line-height:1.35}
.hchome-hero--b .hchome-actions{margin-top:2.45em}
.hchome-b-case{position:relative;height:32.5em;margin-right:-.35em}
.hchome-b-case figure{border-width:.15em}
.hchome-b-case figure img{height:19.8em;object-position:50% 43%}
.hchome-b-case figcaption{bottom:2em;left:.85em;font-size:.92em}
.hchome-b-formula{position:absolute;left:12%;right:13.5%;top:18.4em;display:grid;grid-template-columns:34% 1fr;border:1px solid light-dark(#d8c6e9,#ffffff26);border-radius:1em;background:linear-gradient(120deg,light-dark(#fdf9ff,#262229),light-dark(#f8f1fc,#231f28));box-shadow:0 .6em 1.4em #5b2b7826;overflow:hidden}
.hchome-b-formula>aside{display:flex;flex-direction:column;gap:.4em;padding:.9em .7em;border-right:1px solid var(--hc-line);font-size:.8em}
.hchome-b-formula .hc-ui-brand{font-size:1.15em;margin-bottom:.6em}
.hchome-b-formula>aside>span:not(.hc-ui-brand){display:flex;align-items:center;gap:1em;padding:.4em .6em;border-radius:.5em;font-size:.94em}
.hchome-b-formula aside .hc-icon{width:1.35em;height:1.35em;color:light-dark(#35213f,#e8e1ed)}
.hchome-b-formula .is-selected{background:light-dark(#ead5ff,#3b2a55);color:light-dark(#8400ca,#d9a8ff)}
.hchome-b-formula .is-selected .hc-icon{color:#b900ff}
.hchome-b-formula .hc-formula{padding:.8em}
.hchome .hchome-b-formula .hc-formula>p{font-size:.72em;white-space:nowrap}
.hchome-b-formula .hc-formula dl{margin-bottom:.55em}
.hchome-b-formula .hc-formula dl>div{min-height:2.55em;font-size:.9em}
.hchome-b-formula .hc-review{padding:.45em;font-size:.79em}
.hchome .hchome-b-case__note{position:absolute;left:-1em;right:-1em;bottom:0;text-align:center;font-size:.87em;font-style:italic;line-height:1.3;white-space:nowrap}
.hchome-workflow{padding:0 0 2.6em;scroll-margin-top:1em}
[data-hcg-ab-layout="B"] .hchome-proof{padding-bottom:2.5em}
.hchome-workflow .hchome-kicker{margin-bottom:1.3em;font-size:.75em}
.hchome-workflow .hchome-section-head{margin-bottom:1.9em}
.hchome-workflow__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85em;margin:0;padding:0;list-style:none}
.hchome-workflow__steps>li{position:relative;min-height:22.4em;padding:.65em .8em .8em;border:1px solid var(--hc-line);border-radius:1em;background:linear-gradient(110deg,light-dark(#fffcff,#242026),light-dark(#f9f5fd,#211d25));box-shadow:0 .25em .5em #46225813}
.hchome-workflow__steps>li:not(:last-child)::after{content:"";position:absolute;right:-1.1em;top:55%;z-index:1;width:1.4em;height:.7em;background:radial-gradient(circle,light-dark(#fff,#161616) 0 35%,#bd27ff 38% 48%,transparent 51%) center/1em 1em no-repeat,linear-gradient(#bc37ff,#bc37ff) center/100% 1px no-repeat}
.hchome-workflow__steps h3{display:flex;align-items:center;gap:.5em;font-size:1.1em;white-space:nowrap}
.hchome-workflow__steps h3>b{display:grid;flex:none;place-items:center;width:2.2em;height:1.8em;border-radius:.8em;background:linear-gradient(120deg,light-dark(#f1e0ff,#3b2a55),light-dark(#e7ccff,#33244a));color:light-dark(#9500df,#d9a8ff);font-size:1em;font-weight:700;letter-spacing:0}
.hchome-workflow__steps>li>p{min-height:3.1em;margin:.5em 0 .8em;padding-left:3.2em;font-size:.9em;line-height:1.25}
.hchome-record{padding:0 0 1.4em}
.hchome-record .hchome-section-head{margin:0 .7em 1.4em}
.hchome-record .hchome-section-head h2{font-size:2.7em;letter-spacing:-.045em}
.hchome-record__layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:1.2em}
.hchome-record-ui{padding:.5em;border:1px solid var(--hc-line);border-radius:1em;background:linear-gradient(110deg,light-dark(#fffcff,#242026),light-dark(#f5eefb,#211d25));box-shadow:0 .3em .7em #46225813}
.hchome-record__features{display:grid;gap:.55em}
.hchome-record__features article{display:flex;align-items:center;gap:1.3em;padding:.75em 1.45em;border:1px solid var(--hc-line);border-radius:.8em;background:light-dark(#ffffff80,#ffffff0a);box-shadow:0 .15em .3em #412b4b07}
.hchome-record__features .hc-icon{width:2.6em;height:2.7em}
.hchome-record__features h3{font-size:1.15em}
.hchome-record__features p{font-size:.79em;line-height:1.25;margin-top:.2em}
.hchome-rest{margin:0 1.8em;padding:.3em 0 2em;border-radius:1.1em;background:linear-gradient(100deg,light-dark(#f7f0f8,#221d27),light-dark(#f3edf9,#1f1b26))}
.hchome-rest>.hchome-wrap{width:calc(100% - 1em)}
.hchome-rest .hchome-section-head{text-align:center;margin-bottom:1.3em}
@media(min-width:1440px){.hchome{font-size:19.6875px}}
@media(max-width:860px){
.hchome{font-size:14px}.hchome-wrap,.hchome-hero .hchome-wrap{width:calc(100% - 40px)}
.hchome-hero__grid,.hchome-hero--b .hchome-hero__grid{grid-template-columns:minmax(0,1fr);gap:42px}.hchome-hero--a{padding:48px 0 40px}.hchome h1{font-size:56px;max-width:600px;line-height:.96}.hchome-hero__copy{max-width:640px}.hchome-hero__copy>p{max-width:560px;font-size:16px;line-height:1.5}.hchome-kicker{font-size:10px}.hchome-actions{font-size:16px;margin-top:25px}.hchome-terms{font-size:12px}
.hchome-salon-ui{height:320px;max-width:650px;width:100%;margin:0 auto}.hc-agenda-canvas{height:300px;font-size:9px}.hc-ai-consult{font-size:9px;width:240px}
.hchome-proof{padding-bottom:35px}.hchome-proof .hchome-wrap{grid-template-columns:1fr;min-height:126px}.hchome-proof .hchome-wrap>div{justify-content:flex-start;padding:16px;font-size:12px;border-right:0}.hchome-proof .hchome-wrap>div:nth-child(n+2){border-top:1px solid light-dark(#dfd2e5,#ffffff1f)}
.hchome-section-head h2{font-size:42px}.hchome-case{padding:28px 0}.hchome-section-head>p{font-size:14px;line-height:1.5}.hchome-caseboard{grid-template-columns:minmax(0,1fr)}.hchome-photos img{height:290px}.hchome-route{margin-top:10px}.hc-formula dl{display:grid;grid-template-columns:repeat(3,1fr)}.hc-formula dl>div{border:0;font-size:12px}.hc-formula dt{white-space:normal}.hc-formula>p{text-align:center}.hchome .hc-review{max-width:320px;margin:auto}.hchome-mini-cases{grid-template-columns:1fr}.hchome-mini-cases article{grid-template-columns:55% 1fr}
.hchome-modules{padding:36px 0}.hchome-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hchome-module-grid article{padding:16px;min-height:108px}.hchome-module-grid h3{font-size:16px}.hchome-module-grid p{font-size:12px}
.hchome-hero--b{padding:32px 0}.hchome-hero--b .hchome-hero__copy{padding-top:0}.hchome-hero--b h1{font-size:52px;max-width:580px}.hchome-hero--b .hchome-kicker{font-size:10px;white-space:normal}.hchome-b-case{height:450px;width:100%;max-width:650px;margin:auto}.hchome-b-case figure img{height:275px}.hchome-b-formula{top:255px}.hchome-b-formula .hc-formula dl{display:block}.hchome .hchome-b-case__note{font-size:11px;white-space:normal}
.hchome-workflow{padding:20px 0 36px}.hchome-workflow__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hchome-workflow__steps>li{min-height:320px}.hchome-workflow__steps>li:nth-child(2)::after{display:none}
.hchome-record .hchome-section-head h2{font-size:40px}.hchome-record__layout{grid-template-columns:minmax(0,1fr)}.hc-record-canvas{font-size:10px}.hchome-record__features{grid-template-columns:1fr 1fr}.hchome-record__features article{min-height:100px}.hchome-rest{margin:10px 12px 0;padding-top:20px}
}
@media(max-width:520px){body .hcg-brand__name{font-size:18px}.hchome-wrap,.hchome-hero .hchome-wrap{width:calc(100% - 32px)}.hchome h1,.hchome-hero--b h1{font-size:46px;line-height:.97;letter-spacing:-.03em}.hchome-hero--a{padding-top:35px}.hchome-hero__copy>p{font-size:15px}.hchome-kicker{font-size:9px;letter-spacing:.12em}.hchome-actions{font-size:14px;gap:8px;flex-wrap:wrap}.hchome .hchome-actions .hcg-btn{padding:10px 17px}.hchome-link{padding:9px 12px}.hchome-salon-ui{height:255px}.hc-agenda-canvas{font-size:6px;height:228px;padding:7px 4px}.hc-ai-consult{font-size:7px;width:185px;left:0}.hc-ui-sidebar .hc-ui-brand b{font-size:1.05em}.hc-day-tools{gap:.7em}.hc-day-tools b{font-size:.8em}.hc-day-grid{height:25em}.hc-client-panel{padding-left:.6em}
.hchome-proof .hchome-wrap>div{font-size:10px;gap:10px;padding:12px 10px}.hchome-proof .hc-icon{width:25px;height:27px}.hchome-section-head h2,.hchome-record .hchome-section-head h2{font-size:36px;line-height:1}.hchome-case .hchome-section-head>p{font-size:13px}.hchome-photos img{height:170px}.hchome-photos figure{border-width:3px;border-radius:10px}.hchome-photos img{border-radius:7px}.hchome-photos figcaption{font-size:9px;left:5px;bottom:8px;padding:4px 6px}.hchome-photos figure:not(:last-child)::after{width:22px;height:22px;right:-14px;background-size:14px}.hchome-caseboard{gap:0}.hc-formula dl{display:block;margin:0 auto 10px;max-width:350px}.hc-formula dl>div{font-size:14px;border-bottom:1px solid var(--hc-line);padding:5px 0}.hchome .hc-formula>p{font-size:13px}.hchome .hchome-disclaimer{font-size:10px;line-height:1.5;margin:10px 0 16px}.hchome-mini-cases article{grid-template-columns:48% 1fr;gap:10px;min-height:110px}.hc-hair-detail{height:100px}.hchome-mini-cases h3{font-size:14px;letter-spacing:-.05em;gap:5px}.hchome-mini-cases h3 .hc-icon{width:18px}.hchome-mini-cases p{font-size:12px}.hchome-module-grid{gap:8px}.hchome-module-grid article{gap:8px;padding:12px 9px}.hchome-module-grid .hc-icon{width:22px;height:24px}.hchome-module-grid h3{font-size:14px;letter-spacing:-.06em}.hchome-module-grid p{font-size:11px}
.hchome-b-case{height:360px}.hchome-b-case figure img{height:195px}.hchome-b-case figcaption{font-size:8px;left:5px;bottom:18px;padding:4px 5px}.hchome-b-case figure:not(:last-child)::after{width:22px;height:22px;right:-14px;background-size:14px}.hchome-b-formula{left:6%;right:6%;top:175px;font-size:11px}.hchome .hchome-b-formula .hc-formula>p{font-size:8px}.hchome-b-formula .hc-formula dl>div{font-size:11px;min-height:25px;padding:0}.hchome-b-formula .hc-review{font-size:10px}.hchome .hchome-b-case__note{font-size:10px;left:0;right:0}
.hchome-workflow__steps{grid-template-columns:1fr}.hchome-workflow__steps>li{min-height:0;padding:14px}.hchome-workflow__steps>li::after{display:none}.hchome-workflow__steps h3{font-size:19px;letter-spacing:-.05em}.hchome-workflow__steps>li>p{font-size:14px;min-height:0;margin-bottom:15px}.hc-step-photos img{height:200px}.hc-step-photos figcaption{font-size:11px}.hc-step-ai{font-size:14px}.hc-considerations{font-size:13px}.hc-step-formula{font-size:18px}.hc-step-saved{font-size:18px}.hchome .hc-mini-row p{font-size:12px}.hc-mini-row>.hc-icon{width:25px;height:25px}.hc-record-canvas{grid-template-columns:19% 1fr;font-size:6.3px}.hc-record-canvas .hc-ui-brand b{font-size:1.1em}.hc-record-main{padding-left:.8em}.hc-record-overview{grid-template-columns:29% 1fr;gap:.7em}.hc-visit-history>div{gap:.4em;font-size:.8em}.hchome-record__features{grid-template-columns:1fr}.hchome-record__features article{min-height:85px;padding:14px 20px}.hchome-record__features p{font-size:13px}.hchome-record__features h3{font-size:18px}}
/* The photographic examples remain illustrative; every product UI is a real HairCoPilot capture. */
.hc-photo{position:relative;display:block;overflow:hidden;width:100%;height:17.7em;border-radius:.65em}
.hchome .hc-photo>img{position:absolute;max-width:none;width:var(--photo-width)!important;height:var(--photo-height)!important;left:var(--photo-left);top:var(--photo-top);border-radius:0;object-fit:fill}
.hc-photo--a-case{--photo-width:142.2222%;--photo-height:592.278%;--photo-left:-3.8889%;--photo-top:-298.8417%}
.hc-photo--b-hero{--photo-width:166.5041%;--photo-height:546.6192%;--photo-left:-62.439%;--photo-top:-30.2491%}
.hchome-photos,.hchome-b-case__photos{display:block}
.hchome-photos .hc-photo{height:18.2em}
.hchome-b-case .hc-photo{height:19.8em}

.hc-real-frame{overflow:hidden;border:1px solid var(--hc-line);border-radius:1em;background:light-dark(#fff,#2e2e2e);box-shadow:0 .35em .9em #46225818}
.hchome .hc-real-shot{display:block;width:100%;height:100%;border-radius:.72em;object-fit:cover}
.hchome-salon-ui.hc-real-frame{padding:.4em;background:#242424}
.hchome-salon-ui>.hc-real-shot{object-position:50% 0}
/* Hero agenda: captures follow the site tone; the second frame (sidebar on the AI proposal) cross-fades over the first. */
.hchome-salon-ui.hc-agenda-loop{height:auto;aspect-ratio:auto;background:light-dark(#fff,#242424)}
/* Keep the entire app capture visible, including both sidebars, in both frames. */
.hchome .hc-agenda-loop>.hc-real-shot{object-fit:contain}
.hchome .hc-agenda-loop>.hc-real-shot:not(.hc-agenda-loop__next){height:auto}
.hchome .hc-agenda-loop>.hc-agenda-loop--dark{display:none}
html[data-hcgpt-theme="dark"] .hchome .hc-agenda-loop>.hc-agenda-loop--light{display:none}
html[data-hcgpt-theme="dark"] .hchome .hc-agenda-loop>.hc-agenda-loop--dark{display:block}
@media(prefers-color-scheme:dark){html[data-hcgpt-theme="system"] .hchome .hc-agenda-loop>.hc-agenda-loop--light{display:none}html[data-hcgpt-theme="system"] .hchome .hc-agenda-loop>.hc-agenda-loop--dark{display:block}}
.hc-agenda-loop>.hc-agenda-loop__next{position:absolute;inset:.4em;width:calc(100% - .8em);height:calc(100% - .8em);opacity:0;animation:hc-agenda-swap 10s ease-in-out 2s infinite}
@keyframes hc-agenda-swap{0%,40%{opacity:0}46%,90%{opacity:1}96%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hc-agenda-loop>.hc-agenda-loop__next{animation:none}}
.hchome-route{height:18.2em;padding:.4em}
.hchome-route>.hc-real-shot--formula{object-position:50% 29%}
.hchome-b-formula{display:block;top:18.4em;height:12.43em;padding:.4em;background:light-dark(#fff,#2e2e2e);box-shadow:0 .45em 1em #5b2b7826}
.hchome-b-formula>.hc-real-shot--formula{object-position:50% 29%}
.hchome-workflow__steps>li>.hc-workflow-shot{height:15em;margin-top:.1em;border-radius:.75em;box-shadow:0 .2em .5em #46225818;object-position:50% 25%}
.hchome-workflow__steps>li:nth-child(2)>.hc-workflow-shot{object-position:48% 50%}
.hchome-record-ui{padding:.4em;align-self:start}
.hchome-record-ui>.hc-real-shot{height:20.86em;object-position:50% 0}
.hchome-record__features{height:20.86em;grid-template-rows:repeat(4,minmax(0,1fr))}
.hchome-record__features article{padding:.5em 1.45em}
.hchome-record__features h3{font-size:1.25em}
.hchome-mini-cases article:nth-child(2){grid-template-columns:54% 1fr;gap:1.6em}
.hchome-mini-cases article:nth-child(2) .hc-icon{color:var(--hcg-c2)}
.hc-hair-detail--correction img{width:359.2982%;height:1280%;left:-11.9298%;top:-899.1667%;object-fit:fill}
.hc-hair-detail--analysis img{width:401.5686%;height:1280%;left:-207.8431%;top:-899.1667%;object-fit:fill}

.hchome-hero--a .hchome-wrap{width:calc(100% - 4.5714em)}
.hchome-hero--b .hchome-wrap{width:calc(100% - 4.2857em)}
.hchome-hero--a h1{font-size:3em;line-height:1.02}
.hchome-modules .hchome-section-head h2{font-size:3.32em}
.hchome-workflow .hchome-section-head h2{font-size:3.5em}
.hchome-workflow .hchome-section-head{margin-bottom:1.9em}
.hchome-record .hchome-section-head h2{font-size:3.3em}
.hchome-workflow{padding-bottom:2.4em}
.hchome-hero--a .hchome-hero__copy{transform:translateY(.35em)}
.hchome-hero--a .hchome-kicker{margin-bottom:2.3em}
.hchome-hero--a .hchome-hero__copy>p{margin-top:1em}
html:not([lang^="en"]) .hchome-workflow__steps h3{white-space:normal}
@media(prefers-reduced-motion:reduce){.hchome *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:860px){.hchome-hero--a .hchome-wrap,.hchome-hero--b .hchome-wrap{width:calc(100% - 40px)}.hchome-hero--a h1{font-size:56px}.hchome-hero--b h1{width:auto}.hchome-salon-ui{height:auto;aspect-ratio:1526/857}.hchome-route{height:250px;max-width:360px;margin:10px auto 0}.hchome-b-formula{top:255px;height:174px}.hchome-workflow__steps>li>.hc-workflow-shot{height:250px}.hchome-record-ui>.hc-real-shot{height:auto;aspect-ratio:1040/700}.hchome-record__features{height:auto;grid-template-rows:none}.hchome-record__features article{padding:16px}.hchome-workflow .hchome-section-head h2{font-size:42px}.hchome-modules .hchome-section-head h2,.hchome-record .hchome-section-head h2{font-size:40px}.hchome-hero--a .hchome-hero__copy{transform:none}.hchome-actions{width:100%;max-width:100%}.hchome-photos .hc-photo{height:290px}.hchome-b-case .hc-photo{height:275px}}
@media(max-width:520px){.hchome-hero--a .hchome-wrap,.hchome-hero--b .hchome-wrap{width:calc(100% - 32px)}.hchome-hero--a h1{font-size:46px}.hchome-hero--b h1{font-size:39px;line-height:1.1}.hchome-modules .hchome-section-head h2,.hchome-record .hchome-section-head h2,.hchome-workflow .hchome-section-head h2{font-size:36px}.hchome-route{height:220px}.hchome-b-formula{top:175px;height:160px}.hchome-workflow__steps>li>.hc-workflow-shot{height:auto;aspect-ratio:211/212;max-width:340px;margin:0 auto}.hchome-mini-cases article:nth-child(2){grid-template-columns:48% 1fr;gap:10px}.hchome-photos .hc-photo{height:170px}.hchome-b-case .hc-photo{height:195px}}

/* Keep the acquisition terms and illustrative-image labels readable in every locale. */
.hchome-hero--b .hchome-kicker { white-space: normal; }
.hchome-hero__copy > p { text-wrap: pretty; }
.hchome .hchome-terms { font-size: max(14px, .88em); }
.hchome .hchome-b-case__note { white-space: normal; }
.hchome-b-case { height: 35em; }
.hchome-route > .hc-real-shot--formula,
.hchome-b-formula > .hc-real-shot--formula,
.hchome-workflow__steps > li:nth-child(3) > .hc-workflow-shot { object-position: 50% 56%; }
.hchome-modules .hchome-section-head > p { max-width: 760px; margin: 16px auto 0; }
@media (max-width: 860px) {
    .hchome-module-grid p { font-size: 13px; line-height: 1.4; }
    /* Preserve the source artwork crop ratio instead of stretching the portraits. */
    .hchome-photos .hc-photo { height: auto; aspect-ratio: 2.7763; }
    .hchome-b-case .hc-photo { height: auto; aspect-ratio: 2.1887; }
    .hchome-b-case { height: auto; }
    .hchome-b-formula { position: relative; top: auto; left: auto; right: auto; margin: -16px 6% 0; }
    .hchome .hchome-b-case__note { position: static; margin: 24px 0 0; }
    .hchome-route { width: 100%; height: auto; }
    .hchome-route > .hc-real-shot--formula { height: auto; }
}
@media (max-width: 520px) {
    .hchome-terms { font-size: 14px; }
    .hchome-proof .hchome-wrap > div { font-size: 12px; }
    .hchome-module-grid p { font-size: 13px; line-height: 1.4; }
    .hchome .hchome-disclaimer, .hchome .hchome-b-case__note { font-size: 12px; line-height: 1.5; }
}

/* Keep the complete desktop consultation and client record captures visible. */
.hchome-workflow__steps > li > .hc-product-page-shot,
.hchome-record-ui > .hc-product-page-shot {
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: contain;
}
/* Match the shared tone helpers without overriding their dark/system states. */
img.hc-product-page-shot.hcg-tone-dark-only { display: none; }