:root {
  --ink:#29232c; --muted:#716a74; --purple:#71458a; --purple-dark:#5f3678;
  --lav:#f4eef7; --lav2:#fbf8fc; --line:#e9e3eb; --shadow:0 18px 55px #321d3a14;
  --radius:24px; --max:1180px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:"Estedad","Segoe UI",Tahoma,sans-serif; line-height:1.9; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
.wrap { width:min(var(--max),calc(100% - 40px)); margin:auto; }
.notice { background:#382943; color:#f8f2fa; text-align:center; padding:7px 16px; font-size:12px; }
.notice span { color:#e9cce7; padding:0 5px; }
.header { position:sticky; top:0; z-index:10; background:#ffffffed; backdrop-filter:blur(14px); border-bottom:1px solid #eee8f0; }
.nav { height:78px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.brand { display:flex; align-items:center; gap:10px; min-width:170px; }
.brand-mark { width:42px; height:42px; border-radius:15px; background:linear-gradient(140deg,#8c5ea4,#69407f); display:grid; place-items:center; color:#fff; font-size:22px; font-weight:800; box-shadow:0 6px 16px #71458a36; }
.brand strong { display:block; color:var(--purple); font-size:20px; line-height:1.3; }
.brand small { color:#958c98; font-size:10px; }
.links { display:flex; align-items:center; gap:25px; color:#4e4751; font-size:13px; }
.links a { transition:color .2s; }
.links a:hover { color:var(--purple); }
.actions { display:flex; align-items:center; gap:10px; }
.icon-btn { width:40px; height:40px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; background:#fff; color:#4f4353; }
.icon-btn svg { width:18px; height:18px; }
.mobile-menu { display:none; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid var(--purple); border-radius:12px; padding:12px 20px; font-size:13px; font-weight:700; transition:.2s; }
.btn.primary { background:var(--purple); color:#fff; box-shadow:0 8px 20px #71458a2b; }
.btn.primary:hover { background:var(--purple-dark); transform:translateY(-1px); }
.btn.secondary { background:#fff; color:var(--purple); }
.btn.secondary:hover { background:var(--lav); }
.btn.small { padding:9px 14px; font-size:12px; }
.hero { padding:44px 0 32px; background:radial-gradient(ellipse at 75% 12%,#f2eaf6 0,transparent 38%),linear-gradient(180deg,#fff 0,#fcf9fd 100%); overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:46px; min-height:435px; }
.eyebrow { display:inline-flex; gap:8px; align-items:center; color:var(--purple); background:#f1eaf4; border-radius:999px; padding:6px 12px; font-size:11px; font-weight:700; }
.eyebrow i { width:7px; height:7px; border-radius:50%; background:#a676b9; }
.hero h1 { font-size:clamp(34px,4.2vw,54px); line-height:1.45; margin:18px 0 12px; max-width:560px; font-weight:800; }
.hero h1 em { font-style:normal; color:var(--purple); }
.hero p { color:#6f6672; font-size:15px; line-height:2; max-width:540px; margin:0 0 22px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.hero-note { display:flex; align-items:center; gap:9px; color:#817786; font-size:11px; margin-top:19px; }
.hero-note b { color:#4f4653; }
.hero-art { height:405px; position:relative; display:grid; place-items:center; }
.art-halo { position:absolute; width:350px; height:350px; background:radial-gradient(circle,#eadced 0,#f3edf3 56%,#f8f3f8 70%,transparent 71%); border-radius:50%; right:50%; top:50%; transform:translate(50%,-50%); }
.art-card { position:absolute; z-index:2; background:#fff; border:1px solid #fff; border-radius:18px; box-shadow:var(--shadow); padding:12px 15px; font-size:11px; color:#786e7a; }
.art-card b { display:block; color:var(--purple); font-size:13px; }
.art-card.one { right:0; top:64px; }
.art-card.two { left:7px; bottom:58px; }
.cups { position:relative; width:380px; height:325px; z-index:1; }
.cup { position:absolute; bottom:30px; filter:drop-shadow(0 22px 18px #724c7629); }
.cup.pink { right:70px; width:165px; height:220px; }
.cup.mint { left:62px; width:132px; height:183px; transform:rotate(-12deg); }
.pouch { position:absolute; z-index:2; bottom:19px; left:103px; width:105px; height:87px; background:linear-gradient(140deg,#7c5092,#57316a); border-radius:12px 12px 25px 25px; transform:rotate(-8deg); box-shadow:0 14px 30px #54316630; color:#fff; text-align:center; padding-top:22px; font:italic 12px Georgia,serif; }
.mini-flower { position:absolute; z-index:0; left:24px; top:48px; color:#c69ab8; font-size:37px; opacity:.7; }
.trust { border-top:1px solid #f0eaf2; border-bottom:1px solid #f0eaf2; background:#fff; }
.trust-row { display:grid; grid-template-columns:repeat(4,1fr); padding:18px 0; gap:14px; }
.trust-item { display:flex; align-items:center; justify-content:center; gap:10px; color:#59505e; font-size:12px; }
.trust-icon { width:34px; height:34px; border-radius:12px; background:var(--lav); display:grid; place-items:center; color:var(--purple); font-size:17px; }
.section { padding:76px 0; }
.section.soft { background:#fbf9fc; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.section-head h2 { font-size:28px; line-height:1.5; margin:0; color:#322a35; font-weight:750; }
.section-head p { margin:5px 0 0; color:var(--muted); font-size:13px; }
.text-link { color:var(--purple); font-size:12px; font-weight:700; white-space:nowrap; }
.text-link span { font-size:18px; vertical-align:-2px; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.choice { min-height:240px; padding:27px; border-radius:var(--radius); overflow:hidden; position:relative; display:flex; align-items:center; box-shadow:var(--shadow); }
.choice.classic { background:linear-gradient(110deg,#f4eef7 0,#faf6fb 65%,#eedfed 100%); }
.choice.sport { background:linear-gradient(110deg,#eef4ee 0,#f8fbf8 65%,#e0ebe3 100%); }
.choice-copy { position:relative; z-index:2; max-width:57%; }
.choice-label { font-size:10px; color:var(--purple); font-weight:700; }
.choice h3 { font-size:23px; margin:5px 0; font-weight:750; }
.choice p { font-size:12px; color:#756c78; line-height:1.9; margin:0 0 13px; }
.choice-visual { position:absolute; width:180px; height:190px; left:22px; top:20px; display:grid; place-items:center; }
.choice-visual svg { width:150px; height:170px; filter:drop-shadow(0 14px 15px #47344824); }
.products { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.product { border:1px solid #eee8f0; border-radius:20px; overflow:hidden; background:#fff; transition:.25s; }
.product:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.product-art { height:215px; display:grid; place-items:center; position:relative; background:#f8f3f8; }
.product:nth-child(2) .product-art { background:#f2f6f2; }
.product:nth-child(3) .product-art { background:#fbf4f1; }
.product-art svg { width:130px; height:160px; filter:drop-shadow(0 13px 13px #49354c21); }
.badge { position:absolute; top:14px; right:14px; background:#fff; border-radius:999px; padding:5px 10px; color:var(--purple); font-size:10px; font-weight:700; }
.product-info { padding:16px; }
.product-info h3 { font-size:14px; margin:0 0 5px; font-weight:700; }
.product-info p { margin:0; color:#887f89; font-size:11px; }
.product-bottom { display:flex; align-items:center; justify-content:space-between; margin-top:15px; }
.price { font-size:12px; font-weight:700; color:#514558; }
.price small { display:block; font-size:9px; font-weight:400; color:#918894; }
.circle-arrow { width:37px; height:37px; border:1px solid #e8ddec; color:var(--purple); border-radius:50%; display:grid; place-items:center; font-size:19px; }
.guide { display:grid; grid-template-columns:.95fr 1.05fr; background:#35273d; border-radius:28px; overflow:hidden; color:#fff; }
.guide-copy { padding:42px 44px; }
.guide-copy .eyebrow { background:#4a3853; color:#eadbf1; }
.guide h2 { font-size:28px; margin:16px 0 10px; font-weight:750; }
.guide p { color:#d4cbd7; font-size:13px; line-height:2; }
.guide-points { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin:22px 0; }
.guide-points div { padding:10px 12px; border-radius:12px; background:#ffffff12; font-size:11px; color:#eee5f1; }
.guide-visual { background:radial-gradient(ellipse at 50% 45%,#916e9e 0,#55415d 52%,#3b2b43 75%); display:grid; place-items:center; min-height:365px; position:relative; }
.ruler { position:absolute; width:210px; height:210px; border:1px solid #ffffff35; border-radius:50%; }
.ruler:before,.ruler:after { content:""; position:absolute; background:#ffffff24; }
.ruler:before { width:1px; height:250px; left:50%; top:-20px; }
.ruler:after { height:1px; width:250px; top:50%; left:-20px; }
.size-card { position:absolute; padding:9px 12px; background:#ffffff16; border:1px solid #ffffff2b; border-radius:12px; font-size:10px; color:#f7f0fa; }
.size-card.s1 { top:60px; right:35px; }
.size-card.s2 { bottom:57px; left:30px; }
.guide-section { background:linear-gradient(180deg,#fff 0,#fcf9fd 100%); }
.guide-section .section-head { align-items:center; }
.guide-section .section-head h2 { margin-top:11px; }
.guide-section .section-head .eyebrow { font-size:11px; }
.guided-picker { border:1px solid #e9e1eb; border-radius:24px; background:#fff; box-shadow:0 18px 50px #3924460b; padding:8px 30px; }
.picker-top { display:grid; grid-template-columns:220px 1fr; gap:25px; align-items:center; padding:24px 0; }
.picker-step { display:flex; align-items:center; gap:13px; }
.picker-step>span { width:39px; height:39px; border-radius:14px; background:#f2eaf5; color:var(--purple); display:grid; place-items:center; font-size:17px; font-weight:800; flex:none; }
.picker-step b,.picker-step small { display:block; }
.picker-step b { font-size:15px; }
.picker-step small { color:#847b88; font-size:10px; margin-top:2px; line-height:1.7; }
.picker-models,.picker-sizes,.picker-heights { display:grid; gap:10px; }
.picker-models { grid-template-columns:repeat(2,minmax(0,1fr)); }
.picker-sizes { grid-template-columns:repeat(4,minmax(0,1fr)); }
.picker-heights { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pick-option,.size-option,.height-option { min-height:66px; border:1px solid #e9e2ec; border-radius:14px; background:#fff; color:var(--ink); padding:10px 14px; text-align:right; transition:.18s; }
.pick-option b,.size-option b,.height-option b { display:block; font-size:14px; }
.pick-option small,.size-option small,.height-option small { display:block; color:#827987; font-size:10px; margin-top:3px; }
.size-option { text-align:center; min-height:75px; }
.size-option b { font-size:20px; color:var(--purple); }
.pick-option:hover,.size-option:hover,.height-option:hover { border-color:#b99bc5; background:#fcf9fd; }
.pick-option.selected,.size-option.selected,.height-option.selected { border:2px solid var(--purple); background:#f8f2fa; box-shadow:0 0 0 3px #71458a10; }
.picker-divider { height:1px; background:#f0ebf1; }
.picker-result { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 -30px; padding:21px 30px; border-radius:0 0 24px 24px; background:#fbf8fc; }
.picker-result b,.picker-result small { display:block; }
.picker-result b { font-size:14px; color:#3f3544; }
.picker-result small { color:#847b88; font-size:10px; margin-top:3px; }
.picker-result .btn.is-disabled { background:#e8e2e9; color:#817986; border-color:#e8e2e9; box-shadow:none; cursor:not-allowed; }
.guide-trust { display:flex; align-items:center; gap:12px; margin-top:17px; padding:14px 18px; background:#f4eff6; border-radius:14px; color:#5c5260; }
.guide-trust-icon { width:25px; height:25px; display:grid; place-items:center; border:1px solid #9b7aa8; border-radius:50%; color:var(--purple); font-size:13px; font-weight:800; flex:none; }
.guide-trust p { margin:0; flex:1; font-size:11px; }
.guide-trust a { color:var(--purple); font-size:11px; font-weight:700; white-space:nowrap; }
.pick-option:focus-visible,.size-option:focus-visible,.height-option:focus-visible,.btn:focus-visible,.text-link:focus-visible { outline:3px solid #b995cb; outline-offset:3px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.step { padding:22px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.step-num { width:39px; height:39px; border-radius:13px; background:var(--lav); color:var(--purple); display:grid; place-items:center; font-weight:800; margin-bottom:13px; }
.step h3 { font-size:14px; margin:0 0 6px; font-weight:700; }
.step p { font-size:11px; color:var(--muted); margin:0; }
.faq-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:35px; align-items:start; }
.faq-intro h2 { font-size:27px; margin:0; font-weight:750; }
.faq-intro p { color:var(--muted); font-size:13px; }
.faq-list details { padding:15px 0; border-bottom:1px solid var(--line); }
.faq-list summary { cursor:pointer; font-size:13px; font-weight:700; list-style:none; display:flex; justify-content:space-between; gap:18px; }
.faq-list summary:after { content:"+"; color:var(--purple); font-size:20px; line-height:1; }
.faq-list details[open] summary:after { content:"−"; }
.faq-list p { font-size:12px; color:var(--muted); margin:9px 0 0; }
.cta-band { margin:0 0 72px; padding:34px 38px; border-radius:24px; background:linear-gradient(110deg,#eee2f1,#f8eff6 55%,#e9eee5); display:flex; align-items:center; justify-content:space-between; gap:25px; }
.cta-band h2 { margin:0; font-size:22px; font-weight:750; }
.cta-band p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.footer { background:#302538; color:#eee6f0; padding:44px 0 24px; }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:28px; }
.footer .brand strong { color:#fff; }
.footer p,.footer a { font-size:11px; color:#c7bdcb; }
.footer h4 { font-size:12px; margin:0 0 13px; color:#fff; }
.footer ul { list-style:none; padding:0; margin:0; display:grid; gap:6px; }
.copyright { border-top:1px solid #ffffff20; margin-top:28px; padding-top:17px; font-size:10px; color:#a99eae; }
.disclaimer { font-size:10px; color:#9c8fa0; margin-top:15px; }
@media(max-width:900px) { .links{gap:13px}.links a{font-size:11px}.hero-grid{gap:20px}.hero-art{transform:scale(.9)}.choice-visual{opacity:.85}.guide-copy{padding:32px}.footer-grid{grid-template-columns:1fr 1fr} }
@media(max-width:680px) {
  .wrap{width:min(100% - 28px,var(--max))}.notice{font-size:10px}.nav{height:64px;gap:10px}.brand{min-width:auto}.brand-mark{width:37px;height:37px}.brand strong{font-size:17px}.brand small{font-size:9px}.links{display:none}.actions{gap:6px}.actions .icon-btn:first-child{display:none}.icon-btn{width:36px;height:36px}.mobile-menu{display:grid}.actions .btn{display:none}
  .hero{padding:24px 0 20px}.hero-grid{display:flex;flex-direction:column-reverse;gap:0;min-height:0}.hero-copy{width:100%;padding-bottom:15px}.hero h1{font-size:34px;margin:10px 0;line-height:1.45}.hero p{font-size:13px}.hero-art{height:260px;width:100%;transform:none;margin-bottom:3px}.art-halo{width:235px;height:235px}.cups{transform:scale(.72);transform-origin:center;width:350px;height:300px}.art-card{font-size:9px;padding:8px 11px}.art-card.one{top:20px;right:4px}.art-card.two{bottom:18px;left:0}
  .trust-row{grid-template-columns:1fr 1fr;padding:12px 0;gap:10px}.trust-item{justify-content:flex-start;font-size:10px}.trust-icon{width:30px;height:30px}.section{padding:48px 0}.section-head{display:block;margin-bottom:20px}.section-head h2{font-size:23px}.section-head p{font-size:12px}.section-head .text-link{display:inline-block;margin-top:8px}.choice-grid,.products{grid-template-columns:1fr}.choice{min-height:210px;padding:20px}.choice-copy{max-width:62%}.choice h3{font-size:20px}.choice p{font-size:11px}.choice-visual{width:145px;left:4px;top:11px;opacity:.82}.product-art{height:195px}
  .guide{grid-template-columns:1fr}.guide-copy{padding:26px 23px}.guide h2{font-size:24px}.guide-points{grid-template-columns:1fr 1fr}.guide-visual{min-height:240px}.ruler{width:155px;height:155px}.ruler:before{height:190px;top:-18px}.ruler:after{width:190px;left:-18px}.size-card.s1{top:31px;right:14px}.size-card.s2{bottom:28px;left:12px}
  .guided-picker{padding:4px 17px;border-radius:19px}.picker-top{grid-template-columns:1fr;gap:13px;padding:19px 0}.picker-step{gap:10px}.picker-step small{font-size:10px}.picker-models,.picker-sizes,.picker-heights{gap:7px}.pick-option,.size-option,.height-option{padding:9px 10px;min-height:60px}.picker-result{display:grid;gap:14px;margin:0 -17px;padding:17px;border-radius:0 0 19px 19px}.picker-result .btn{width:100%}.guide-trust{align-items:flex-start;flex-wrap:wrap;padding:13px}.guide-trust p{flex:1 1 calc(100% - 42px)}.guide-trust a{margin-right:37px}
  .steps{grid-template-columns:1fr}.step{display:flex;align-items:flex-start;gap:13px;padding:16px}.step-num{flex:none;margin:0}.faq-grid{grid-template-columns:1fr;gap:15px}.cta-band{display:block;padding:24px;margin-bottom:48px}.cta-band h2{font-size:19px}.cta-band .btn{margin-top:15px;width:100%}.footer{padding:34px 0 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Claude homepage structure with a separate, non-prescriptive size guide */
.claude-home .notice { background:#34273c; padding:6px 0; }
.notice-row { display:flex; justify-content:space-between; gap:18px; font-size:11px; }
.main-header { min-height:78px; display:grid; grid-template-columns:190px minmax(230px,1fr) auto; align-items:center; gap:28px; }
.site-search { display:flex; align-items:center; gap:8px; position:relative; max-width:490px; }
.site-search input { width:100%; height:40px; border:1px solid #e9e3eb; border-radius:11px; background:#fff; padding:0 14px; color:var(--ink); font:inherit; font-size:12px; outline-color:#b995cb; }
.site-search button { height:40px; border:1px solid var(--purple); border-radius:10px; padding:0 15px; background:#fff; color:var(--purple); font-weight:700; font-size:11px; }
.search-message { position:absolute; top:43px; right:0; color:#7a6d80; font-size:10px; }
.main-nav { border-top:1px solid #f0ebf1; }
.main-nav .links { min-height:43px; justify-content:space-between; gap:12px; font-size:11px; }
.main-nav .links a { padding:9px 0; white-space:nowrap; }
.main-header .actions { gap:8px; }
.main-header .icon-btn { width:36px; height:36px; font-size:19px; color:#65566a; }
.mobile-menu { display:none; }
.claude-hero { padding-top:35px; }
.claude-hero .hero-grid { min-height:390px; }
.claude-hero .hero h1,.claude-hero h1 { font-size:clamp(33px,4vw,49px); }
.claude-hero .hero-note { flex-wrap:wrap; }
.size-guide-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:22px; align-items:stretch; }
.size-guide-copy { background:#f7f2f8; border:1px solid #e9e0ec; border-radius:20px; padding:28px; }
.size-guide-copy h3 { margin:0 0 12px; color:#403547; font-size:19px; }
.size-guide-copy p { color:#716a74; font-size:12px; line-height:2; }
.size-guide-copy .btn { margin-top:8px; }
.size-table-wrap { min-width:0; border:1px solid #eee8f0; border-radius:20px; background:#fff; overflow:hidden; }
.size-table { width:100%; border-collapse:collapse; font-size:11px; text-align:center; }
.size-table th,.size-table td { padding:15px 10px; border-bottom:1px solid #f0ebf1; }
.size-table thead th { background:#f8f4f9; color:#625767; font-weight:700; }
.size-table tbody th { color:var(--purple); font-size:15px; }
.size-table td { color:#766d7a; }
.size-table a { color:var(--purple); font-weight:700; }
.height-note { display:flex; align-items:center; gap:12px; padding:13px 17px; background:#fbf8fc; }
.height-note>span { width:30px; height:30px; border-radius:10px; display:grid; place-items:center; background:#f0e8f3; color:var(--purple); font-size:18px; flex:none; }
.height-note p { margin:0; color:#716a74; font-size:10px; line-height:1.8; }
.height-note b { color:#43394a; }
.purchase-steps { grid-template-columns:repeat(5,1fr); }
.purchase-steps .step { min-height:170px; }
.purchase-guide-cta { display:flex; align-items:center; gap:17px; padding:17px 20px; margin-top:18px; background:#f2ebf5; border-radius:16px; }
.purchase-guide-cta p { margin:0 auto 0 0; color:#514558; font-size:12px; font-weight:700; }
.purchase-guide-cta .text-link { font-size:11px; }
.product[hidden] { display:none; }
.claude-home .trust-row { grid-template-columns:repeat(5,1fr); }
.claude-home .trust-item span:last-child small { display:block; color:#908797; font-size:8px; line-height:1.5; }
@media(max-width:1000px) {
  .main-header { grid-template-columns:160px minmax(180px,1fr) auto; gap:13px; }
  .main-nav .links { overflow-x:auto; justify-content:flex-start; gap:22px; scrollbar-width:none; }
  .main-nav .links::-webkit-scrollbar { display:none; }
  .purchase-steps { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:680px) {
  .notice-row { justify-content:center; font-size:9px; }
  .notice-row span+span { display:none; }
  .claude-home .trust-row { grid-template-columns:1fr 1fr; }
  .main-header { min-height:64px; grid-template-columns:auto 1fr auto; gap:8px; }
  .main-header .brand { min-width:0; gap:7px; }
  .main-header .brand-mark { width:34px; height:34px; border-radius:12px; font-size:18px; }
  .main-header .brand strong { font-size:16px; }
  .main-header .brand small { display:none; }
  .site-search { grid-column:2; grid-row:1; }
  .site-search input { height:34px; font-size:10px; padding:0 10px; }
  .site-search button { display:none; }
  .search-message { display:none; }
  .main-header .actions { grid-column:3; grid-row:1; gap:4px; }
  .main-header .actions .icon-btn { display:none; width:32px; height:32px; }
  .main-header .actions .mobile-menu { display:grid; }
  .desktop-shop { display:none!important; }
  .main-nav { display:none; }
  .claude-hero { padding:22px 0 17px; }
  .claude-hero .hero-grid { flex-direction:column-reverse; }
  .size-guide-layout { grid-template-columns:1fr; }
  .size-guide-copy { padding:22px; }
  .size-table-wrap { overflow-x:auto; }
  .size-table { min-width:560px; font-size:10px; }
  .size-table th,.size-table td { padding:12px 8px; }
  .purchase-steps { grid-template-columns:1fr; }
  .purchase-steps .step { min-height:0; }
  .purchase-guide-cta { align-items:stretch; flex-direction:column; }
  .purchase-guide-cta p { margin:0; }
  .purchase-guide-cta .btn { width:100%; }
}
.purchase-guide-teaser { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:30px 35px; border:1px solid #e9dfec; border-radius:24px; background:linear-gradient(115deg,#f3eaf6,#fbf8fc 62%,#edf3ef); }
.purchase-guide-teaser h2 { margin:14px 0 4px; font-size:23px; }
.purchase-guide-teaser p { margin:0; color:#716a74; font-size:12px; }
.purchase-guide-teaser .eyebrow { font-size:10px; }
.guide-breadcrumb { display:flex; align-items:center; justify-content:center; gap:10px; font-size:12px; color:#817786; }
.guide-breadcrumb b { color:#44384b; }
.buying-hero { padding:46px 0 34px; background:radial-gradient(ellipse at 76% 4%,#efe6f3 0,transparent 42%),#fcf9fd; }
.buying-hero h1 { margin:18px 0 7px; font-size:36px; }
.buying-hero p { margin:0; color:#716a74; font-size:13px; }
.guide-progress { display:flex; align-items:center; gap:10px; margin-top:27px; color:#665b6a; font-size:11px; }
.guide-progress span { padding:7px 12px; background:#fff; border:1px solid #e9e1eb; border-radius:999px; }
.guide-progress i { width:26px; height:1px; background:#c7b4cf; }
.buying-flow { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:26px; }
.flow-step { padding:18px; border:1px solid #eee7f0; border-radius:18px; background:#fff; }
.flow-step h2 { margin:10px 0 5px; font-size:14px; }
.flow-step p { color:#766e79; font-size:10px; line-height:1.9; }
.flow-step .text-link { font-size:10px; }
.guide-picker-standalone { margin-top:0; }
.guide-note { display:flex; align-items:center; gap:13px; margin-top:15px; padding:13px 17px; border-radius:14px; background:#f7f3f8; color:#5c5260; }
.guide-note b { color:var(--purple); font-size:11px; white-space:nowrap; }
.guide-note p { flex:1; margin:0; font-size:10px; }
.guide-note a { white-space:nowrap; font-size:10px; }
.buying-guide-page .main-header { grid-template-columns:190px 1fr auto; }
.buying-guide-page .main-header .btn { white-space:nowrap; }
@media(max-width:1000px) {
  .buying-flow { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:680px) {
  .purchase-guide-teaser { align-items:stretch; flex-direction:column; padding:23px; }
  .purchase-guide-teaser .btn { width:100%; }
  .guide-breadcrumb { display:none; }
  .buying-guide-page .main-header { grid-template-columns:1fr auto; }
  .buying-guide-page .main-header .btn { font-size:10px; padding:8px 10px; }
  .buying-hero { padding:28px 0 20px; }
  .buying-hero h1 { font-size:27px; }
  .guide-progress { overflow-x:auto; padding:0 0 5px; gap:6px; font-size:9px; }
  .guide-progress span { white-space:nowrap; padding:6px 9px; }
  .guide-progress i { min-width:10px; }
  .buying-flow { grid-template-columns:1fr; }
  .flow-step { display:grid; grid-template-columns:40px 1fr; gap:0 11px; padding:15px; }
  .flow-step .step-num { grid-row:span 3; }
  .flow-step h2 { margin:0 0 4px; }
  .flow-step p { margin:0 0 4px; }
  .guide-note { flex-wrap:wrap; align-items:flex-start; }
  .guide-note p { flex:1 1 calc(100% - 60px); }
  .guide-note a { margin-right:40px; }
}
.claude-home .products { grid-template-columns:repeat(4,1fr); }
.brand-logo { width:78px; height:45px; object-fit:contain; border-radius:7px; flex:none; }
.brand { min-width:0; }
.hero-art .real-products { position:relative; z-index:1; width:380px; height:325px; }
.hero-product { position:absolute; object-fit:contain; mix-blend-mode:multiply; filter:drop-shadow(0 14px 16px #38253e24); }
.hero-product-classic { width:270px; height:270px; right:35px; bottom:9px; z-index:2; }
.hero-product-sport { width:220px; height:220px; left:3px; bottom:23px; transform:rotate(-7deg); }
.store-product-img { width:100%; height:100%; padding:9px; object-fit:contain; mix-blend-mode:multiply; }
.fda-trust:hover { color:var(--purple); }
@media(max-width:1000px) {
  .claude-home .products { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:680px) {
  .claude-home .products { grid-template-columns:1fr; }
  .brand-logo { width:60px; height:37px; }
  .brand .brand-logo+span small { display:none; }
  .hero-art .real-products { transform:scale(.82); transform-origin:center; }
  .hero-product-classic { right:47px; }
  .hero-product-sport { left:14px; }
}

/* Homepage header and hero photography follow the selected reference. */
.claude-home .notice { background:#3d2450; color:#fff; min-height:42px; padding:8px 16px; }
.claude-home .notice-row { width:100%; display:flex; justify-content:center; align-items:center; gap:10px; font-size:14px; }
.claude-home .notice-row span { color:#fff; }
.claude-home .notice-row { width:calc(100% - 72px); flex-direction:row; justify-content:space-between; }
.quick-support { display:flex; align-items:center; gap:10px; padding:4px 12px; border:1px solid #b995cc66; border-radius:999px; background:#ffffff12; box-shadow:0 3px 14px #21112d25; }
.quick-support strong { color:#fff; font-size:12px; font-weight:750; }
.support-social { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; transition:transform .2s,box-shadow .2s; }
.support-social:hover { transform:translateY(-2px); box-shadow:0 4px 12px #0003; }
.support-social.whatsapp { background:#168c50; }
.support-social.instagram { background:linear-gradient(35deg,#f8ad3d,#df3d75 50%,#8f48c3); }
.support-social svg { width:21px; height:21px; fill:none; stroke:#fff; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.support-social .instagram-dot { fill:#fff; stroke:none; }
.claude-home .header { background:#804b99; border:0; color:#fff; }
.claude-home .main-header { width:calc(100% - 72px); max-width:none; min-height:92px; grid-template-columns:150px minmax(250px,1fr) 290px; gap:36px; }
.claude-home .header-wordmark { justify-content:flex-start; min-width:0; }
.claude-home .header-wordmark strong { color:#fff; font-size:44px; line-height:1; font-weight:800; letter-spacing:-2px; }
.claude-home .header-fa-logo { display:block; width:140px; height:80px; object-fit:contain; }
.claude-home .site-search { direction:ltr; width:100%; max-width:none; height:60px; gap:0; padding:6px; border-radius:999px; background:#fff; }
.claude-home .site-search input { direction:rtl; order:2; width:100%; height:48px; padding:0 18px 0 14px; border:0; border-radius:999px; background:#fff; color:#45354c; outline:0; font-size:15px; }
.claude-home .site-search input::placeholder { color:#958a9b; opacity:1; }
.claude-home .site-search button { order:1; flex:none; display:grid; place-items:center; width:48px; height:48px; padding:0; border:0; border-radius:50%; background:#804b99; color:#fff; }
.claude-home .site-search button svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
.claude-home .search-message { display:none; }
.claude-home .main-header .actions { gap:22px; }
.claude-home .main-header .icon-btn { width:38px; height:44px; border:0; border-radius:0; background:transparent; color:#fff; }
.claude-home .main-header .icon-btn svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.claude-home .cart-pill { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-width:210px; height:64px; padding:0 25px; border-radius:999px; background:#603779; color:#fff; font-size:17px; font-weight:750; white-space:nowrap; }
.claude-home .cart-pill svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.claude-home .main-nav { background:#fff; border-top:1px solid #efe9f1; color:#493e4d; }
.claude-home .main-nav .links { width:calc(100% - 72px); max-width:none; min-height:45px; justify-content:space-between; gap:18px; font-size:12px; }
.claude-home .main-nav .links a { color:#493e4d; }
.claude-home .main-nav .links a:hover { color:#804b99; }
.claude-home .hero-art { height:430px; overflow:visible; }
.claude-home .hero-art .art-halo { width:380px; height:380px; right:50%; }
.claude-home .hero-composite { position:relative; z-index:1; display:block; width:min(100%,460px); aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 18px 35px #321d3a12); }
@media(max-width:1000px) {
  .claude-home .main-header { grid-template-columns:120px minmax(190px,1fr) 230px; gap:18px; }
  .claude-home .header-wordmark strong { font-size:38px; }
  .claude-home .header-fa-logo { width:116px; }
  .claude-home .main-header .actions { gap:13px; }
  .claude-home .cart-pill { min-width:150px; height:55px; padding:0 18px; font-size:14px; }
  .claude-home .main-nav .links { overflow-x:auto; justify-content:flex-start; gap:22px; scrollbar-width:none; }
  .claude-home .main-nav .links::-webkit-scrollbar { display:none; }
}
@media(max-width:680px) {
  .claude-home .notice { min-height:32px; padding:4px 8px; }
  .claude-home .notice-row { width:100%; gap:6px; font-size:9px; }
  .claude-home .notice-row { flex-wrap:wrap; justify-content:center; }
  .quick-support { gap:7px; padding:3px 9px; }
  .quick-support strong { font-size:9px; }
  .support-social { width:25px; height:25px; }
  .support-social svg { width:18px; height:18px; }
  .claude-home .main-header { width:calc(100% - 28px); min-height:66px; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; }
  .claude-home .header-wordmark { grid-column:1; grid-row:1; }
  .claude-home .header-wordmark strong { font-size:25px; letter-spacing:-1px; }
  .claude-home .header-fa-logo { width:74px; }
  .claude-home .site-search { grid-column:2; grid-row:1; height:42px; padding:4px; }
  .claude-home .site-search input { height:34px; padding:0 8px; font-size:9px; }
  .claude-home .site-search button { width:34px; height:34px; }
  .claude-home .site-search button svg { width:18px; height:18px; }
  .claude-home .main-header .actions { grid-column:3; grid-row:1; gap:0; }
  .claude-home .main-header .actions .icon-btn { display:none; }
  .claude-home .cart-pill { min-width:38px; width:38px; height:38px; padding:0; border-radius:50%; }
  .claude-home .cart-pill span { display:none; }
  .claude-home .cart-pill svg { width:22px; height:22px; }
  .claude-home .main-nav { display:none; }
  .claude-home .hero-art { width:100%; height:auto; min-height:0; margin:0 auto 8px; padding:12px 0; }
  .claude-home .hero-art .art-halo { width:min(76vw,300px); height:min(76vw,300px); }
  .claude-home .hero-composite { width:min(100%,360px); }
}

.claude-home .header { background:#7a4b9c; }
.size-table small { font-weight:400; color:#716a74; font-size:11px; }

.size-table { font-size:15px; }
.size-table th,.size-table td { padding:18px 12px; }
.size-table td { color:#362c3d; font-weight:700; font-variant-numeric:tabular-nums; }
.size-table small { display:inline-block; font-size:13px; color:#514258; font-weight:600; }
.size-table tbody th { font-size:20px; }
.height-article-link { display:flex; justify-content:space-between; align-items:center; padding:18px 22px; color:#71458a; background:#faf6fc; font-size:15px; font-weight:750; }
.height-article-link:hover { background:#f0e7f5; }
.article-page { max-width:880px; padding-top:40px; padding-bottom:70px; }
.article-page article { margin-top:25px; padding:35px; border:1px solid #e9e3eb; border-radius:24px; }
.article-page h1 { font-size:34px; line-height:1.6; }
.article-page h2 { margin-top:30px; font-size:23px; }
.article-page p { color:#514858; font-size:16px; line-height:2.2; }
.article-page .article-lead { font-size:18px; }
.article-page .article-source { font-size:12px; margin-top:25px; }
.article-source a { color:#71458a; text-decoration:underline; }
@media(max-width:680px) { .size-table { font-size:14px; min-width:520px; } .size-table small { font-size:12px; } .height-article-link { font-size:13px; } .article-page article { padding:20px; } .article-page h1 { font-size:27px; } }
/* Lifestyle model cards and readable layouts at narrow widths. */
.footer { background:#7a4b9c; }
.footer p,.footer a,.footer .brand small { color:#f2eaf6; }
.choice { display:flex; flex-direction:column; padding:0; overflow:hidden; }
.choice .choice-visual { position:relative; inset:auto; order:-1; display:block; width:100%; height:225px; opacity:1; }
.choice-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 43%; }
.choice .choice-copy { max-width:none; width:100%; padding:26px; }
.choice .choice-copy h3 { margin:10px 0; }
.article-page { overflow-wrap:anywhere; }
.article-page .guide-breadcrumb { flex-wrap:wrap; }
@media(max-width:680px) {
  .size-guide-layout,.size-table-wrap { min-width:0; width:100%; }
  .size-table-wrap { overflow:hidden; }
  .size-table { width:100%; min-width:0; table-layout:fixed; font-size:13px; }
  .size-table th,.size-table td { padding:13px 4px; overflow-wrap:normal; line-height:1.9; }
  .size-table th:first-child { width:12%; }
  .size-table th:nth-child(2) { width:20%; }
  .size-table small { font-size:11px; line-height:1.8; }
  .size-table tbody th { font-size:17px; }
  .height-article-link { padding:14px 12px; gap:8px; }
  .choice .choice-visual { height:200px; }
  .choice .choice-copy { padding:22px; }
  .choice p { font-size:13px; }
  .article-page { width:calc(100% - 28px); padding-top:25px; }
  .article-page article { padding:18px; }
  .article-page h1 { font-size:25px; }
  .article-page h2 { font-size:21px; }
  .article-page p,.article-page .article-lead { font-size:15px; }
  .article-page .btn { white-space:normal; text-align:center; }
}
@media(max-width:680px) {
 .wrap { width:calc(100% - 28px); max-width:100%; }
 .claude-home .site-search,.claude-home .site-search input { min-width:0; }
 .hero-grid>* { min-width:0; max-width:100%; }
 .hero-actions .btn { padding:11px 13px; font-size:12px; }
 .quick-support { max-width:100%; flex-wrap:wrap; justify-content:center; }
 .claude-home .notice-row { flex-direction:column; }
 .claude-home .notice-row .delivery-notice { display:block; }
 .size-guide-copy { padding:22px; }
}
@media(max-width:680px) {
 .claude-home .main-nav { display:block; }
 .claude-home .main-nav .links { display:flex; width:100%; padding:0 14px; gap:20px; min-height:42px; font-size:11px; overflow-x:auto; }
 .claude-home .main-nav .links a { flex:none; }
 .size-guide-layout,.hero-grid { scroll-margin-top:160px; }
 #size { scroll-margin-top:150px; }
}