:root{--ag-beige:#EFE3D3;--ag-beige-2:#F8F1E8;--ag-dark:#2A363B;--ag-white:#fff;--ag-muted:#606568;--ag-line:#D6C7B7;--ag-soft:#FCF9F6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fff 0%,#fbf6ef 54%,#fff 100%);color:var(--ag-dark);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:inherit}.ag-page{max-width:1160px;margin:0 auto;padding:0 18px}
.ag-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(214,199,183,.8);backdrop-filter:blur(14px)}
.ag-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.ag-brand{font-weight:850;letter-spacing:.02em;text-decoration:none}
.ag-navlinks{display:flex;gap:8px;flex-wrap:wrap}.ag-navlinks a{text-decoration:none;border:1px solid var(--ag-line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750;background:#fff}
.ag-hero{padding:44px 0 22px}.ag-hero-card{border:1px solid var(--ag-line);border-radius:34px;background:linear-gradient(135deg,#fff,var(--ag-beige-2),#fff);padding:36px;box-shadow:0 28px 70px rgba(42,54,59,.07)}
.ag-kicker{text-transform:uppercase;letter-spacing:.16em;color:#8b6f5d;font-size:12px;font-weight:900;margin-bottom:12px}
h1{font-size:clamp(36px,6vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px;font-weight:850}
h2{font-size:clamp(24px,3vw,36px);line-height:1.12;letter-spacing:-.03em;margin:42px 0 14px}h3{font-size:19px;margin:18px 0 8px}
p{font-size:16.5px;color:#4b5255;margin:0 0 15px}.ag-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ag-btn{border:none;border-radius:999px;padding:13px 18px;text-decoration:none;font-weight:850;display:inline-flex;align-items:center;justify-content:center;min-height:46px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.ag-btn:active{transform:scale(.98)}.ag-btn-dark{background:var(--ag-dark);color:#fff}.ag-btn-light{background:#fff;color:var(--ag-dark);border:1px solid var(--ag-line)}.ag-btn-beige{background:var(--ag-beige);color:var(--ag-dark)}
.ag-tool-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start}
.ag-tool-card,.ag-result-card{border:1px solid var(--ag-line);border-radius:28px;background:#fff;padding:24px;box-shadow:0 16px 42px rgba(42,54,59,.055)}
.ag-tool-card{background:var(--ag-beige)}.ag-unit{display:flex;gap:6px;background:rgba(42,54,59,.07);padding:5px;border-radius:14px;margin-bottom:18px}
.ag-unit button{flex:1;border:0;background:transparent;border-radius:10px;padding:10px 8px;font-weight:850;color:#62676a;cursor:pointer}.ag-unit button.active{background:#fff;color:var(--ag-dark);box-shadow:0 8px 20px rgba(42,54,59,.08)}
.ag-field{margin:22px 0}.ag-field-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.ag-label{font-weight:850}
.ag-number{display:flex;align-items:center;gap:8px}.ag-number input{width:84px;border:1px solid var(--ag-line);border-radius:12px;background:#fff;padding:10px;text-align:center;font-size:16px;font-weight:850;color:var(--ag-dark)}
.ag-suffix{font-size:13px;color:#656565;font-weight:800;min-width:24px}.ag-range{width:100%;appearance:none;-webkit-appearance:none;height:8px;border-radius:999px;background:#d4c5b5;outline:none;margin:10px 0 5px}
.ag-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ag-dark);border:4px solid #fff;box-shadow:0 8px 18px rgba(42,54,59,.25);cursor:pointer}
.ag-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--ag-dark);border:4px solid #fff;box-shadow:0 8px 18px rgba(42,54,59,.25);cursor:pointer}
.ag-small-note{font-size:13px;color:#5f6669;margin-top:6px}.ag-result-card{background:var(--ag-dark);color:#fff;position:sticky;top:86px}.ag-result-card p{color:#dfe2e3}
.ag-result-kicker{font-size:12px;color:var(--ag-beige);letter-spacing:.16em;text-transform:uppercase;font-weight:900}.ag-size-main{font-size:48px;line-height:1;font-weight:900;letter-spacing:-.04em;margin:12px 0}
.ag-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.ag-size-pill{border:1px solid rgba(239,227,211,.28);border-radius:16px;padding:12px;text-align:center}.ag-size-pill strong{display:block;font-size:20px;color:#fff}.ag-size-pill span{font-size:12px;color:#d8d0c8}
.ag-result-actions{display:grid;gap:10px;margin-top:18px}.ag-result-actions .ag-btn{width:100%}.ag-alert{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:16px;padding:14px;margin-top:16px}
.ag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.ag-card{border:1px solid var(--ag-line);border-radius:24px;background:#fff;padding:20px}.ag-card ul{margin:0;padding-left:20px;color:#4b5255;line-height:1.8}
.ag-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ag-step{background:var(--ag-soft);border:1px solid var(--ag-line);border-radius:24px;padding:20px}
.ag-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--ag-line);border-radius:22px;overflow:hidden;background:#fff;margin:18px 0}.ag-table th,.ag-table td{padding:14px;border-bottom:1px solid var(--ag-line);text-align:left;vertical-align:top;color:#4b5255}.ag-table th{background:var(--ag-beige-2);color:var(--ag-dark);font-weight:900}.ag-table tr:last-child td{border-bottom:none}
.ag-faq details,.ag-library details{border:1px solid var(--ag-line);background:#fff;border-radius:18px;padding:15px 17px;margin:10px 0}.ag-faq summary,.ag-library summary{font-weight:900;cursor:pointer}
.ag-cta{background:var(--ag-dark);border-radius:28px;padding:28px;margin:34px 0;color:#fff}.ag-cta p{color:#e8e3df}
footer{border-top:1px solid var(--ag-line);padding:26px 0;margin-top:40px}footer p{font-size:13px;color:#6a6f71}
@media(max-width:860px){.ag-tool-layout{grid-template-columns:1fr}.ag-result-card{position:relative;top:auto}.ag-steps,.ag-grid{grid-template-columns:1fr}.ag-hero-card{padding:25px 18px;border-radius:26px}.ag-nav{align-items:flex-start;flex-direction:column}.ag-size-grid{grid-template-columns:1fr}}

/* AROMA_APPROVED_BRA_IMAGE_V306 */
.ag-approved-measure-visual{
  margin:22px 0 30px;
  padding:12px;
  background:#fffaf4;
  border:1px solid var(--ag-line, #eadfd4);
  border-radius:28px;
  box-shadow:0 18px 48px rgba(42,54,59,.07);
}
.ag-approved-measure-visual a{display:block;text-decoration:none;}
.ag-approved-measure-visual img{display:block;width:100%;height:auto;border-radius:20px;}
.ag-approved-measure-visual figcaption{padding:10px 8px 2px;color:#606568;font-size:14px;line-height:1.5;text-align:center;}

/* AROMA_BRA_VISUAL_SHARP_FIX_V307 */
.ag-approved-measure-visual,
.ag-sharp-measure-visual{
  max-width:820px;
  margin:22px auto 30px;
  padding:10px;
  background:#fffaf4;
  border:1px solid var(--ag-line, #eadfd4);
  border-radius:26px;
  box-shadow:0 16px 42px rgba(42,54,59,.07);
}
.ag-sharp-measure-visual a{
  display:block;
  text-decoration:none;
}
.ag-sharp-measure-visual img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}
.ag-sharp-measure-visual figcaption{
  padding:10px 8px 2px;
  color:#606568;
  font-size:14px;
  line-height:1.5;
  text-align:center;
}
@media (max-width:640px){
  .ag-sharp-measure-visual{
    max-width:100%;
    margin:18px auto 24px;
    padding:7px;
    border-radius:20px;
  }
  .ag-sharp-measure-visual img{
    border-radius:15px;
  }
}