:root{
  --about-bg:#f4f6f9;
  --about-panel:#ffffff;
  --about-soft:#eef2f7;
  --about-text:#101828;
  --about-muted:#667085;
  --about-line:#d0d5dd;
  --about-ink:#111827;
  --about-shadow:0 22px 65px rgba(16,24,40,.09);
  --digital:#0284c7;
  --design:#7c3aed;
  --home:#9a6b45;
  --beauty:#c24177;
  --fashion:#3f4c6b;
  font-family:Inter,system-ui,sans-serif
}
html[data-hc-theme="dark"]{
  --about-bg:#0e131b;
  --about-panel:#171e29;
  --about-soft:#202a38;
  --about-text:#f2f4f7;
  --about-muted:#b3bbc6;
  --about-line:#364152;
  --about-ink:#f9fafb;
  --about-shadow:0 24px 72px rgba(0,0,0,.34)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 8% 0%,rgba(2,132,199,.1),transparent 30rem),radial-gradient(circle at 95% 18%,rgba(124,58,237,.09),transparent 34rem),linear-gradient(180deg,var(--about-bg),color-mix(in srgb,var(--about-bg) 91%,var(--about-soft)));color:var(--about-text)}
a{color:inherit}
.about-main{width:min(1280px,calc(100% - 32px));margin:auto;padding:48px 0 90px}
.eyebrow{margin:0 0 10px;color:var(--about-muted);font-size:.69rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.about-hero{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr);gap:18px;align-items:stretch}
.hero-copy,.hero-map,.area-card,.connection-section,.palette-section,.plan-card,.about-support,.trust-section,.about-cta{border:1px solid var(--about-line);background:var(--about-panel);box-shadow:var(--about-shadow)}
.hero-copy{padding:clamp(30px,6vw,74px);border-radius:30px;overflow:hidden;position:relative}
.hero-copy::after{content:"";position:absolute;right:-140px;bottom:-170px;width:360px;height:360px;border-radius:50%;background:conic-gradient(from 20deg,rgba(2,132,199,.17),rgba(124,58,237,.17),rgba(194,65,119,.14),rgba(154,107,69,.16),rgba(2,132,199,.17));filter:blur(6px);pointer-events:none}
.hero-copy>*{position:relative;z-index:1}
.hero-copy h1{max-width:930px;margin:0;font-size:clamp(3.2rem,7.4vw,7.15rem);line-height:.89;letter-spacing:-.073em}
.hero-lede{max-width:810px;margin:26px 0 0;color:var(--about-muted);font-size:clamp(1.02rem,1.7vw,1.24rem);line-height:1.72}
.hero-actions,.support-actions,.about-cta>div:last-child{display:flex;flex-wrap:wrap;gap:9px}
.hero-actions{margin-top:28px}
.hero-actions a,.about-cta a,.plan-card>a,.support-actions a,.ask-palette-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--about-line);border-radius:11px;background:var(--about-panel);color:var(--about-text);text-decoration:none;font:800 .78rem Inter,system-ui,sans-serif;cursor:pointer}
.primary-action,.hero-actions .primary-action,.about-cta .primary-action{border-color:var(--about-ink);background:var(--about-ink);color:var(--about-bg)}
.hero-actions a:hover,.about-cta a:hover,.plan-card>a:hover,.support-actions a:hover,.ask-palette-button:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(16,24,40,.12)}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:44px 0 0}
.hero-facts div{padding:13px;border:1px solid color-mix(in srgb,var(--about-line) 75%,transparent);border-radius:15px;background:color-mix(in srgb,var(--about-soft) 72%,transparent)}
.hero-facts dt{font:800 1.35rem/1 'Space Mono',monospace;letter-spacing:-.05em}
.hero-facts dd{margin:6px 0 0;color:var(--about-muted);font-size:.69rem;line-height:1.35}
.hero-map{display:flex;flex-direction:column;padding:16px;border-radius:30px;background:linear-gradient(155deg,var(--about-ink),color-mix(in srgb,var(--about-ink) 82%,#312e81));color:var(--about-bg)}
.map-heading{display:flex;align-items:center;gap:12px;padding:10px 8px 20px}
.map-heading>div{display:grid;gap:3px}.map-heading strong{font-size:.96rem}.map-heading small{color:color-mix(in srgb,var(--about-bg) 68%,transparent);line-height:1.45}
.map-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#7c3aed;color:#fff;font:800 1.45rem 'Space Mono',monospace}
.map-row{display:grid;grid-template-columns:76px 1fr auto;gap:10px;align-items:center;min-height:72px;margin-top:6px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.07);text-decoration:none;transition:background .18s ease,transform .18s ease}
.map-row::before{content:"";position:absolute}.map-row span{font-weight:800}.map-row small{color:rgba(255,255,255,.7);font-size:.68rem;line-height:1.45}.map-row b{font-size:1.05rem}.map-row:hover{background:rgba(255,255,255,.13);transform:translateX(2px)}
.map-row.digital{box-shadow:inset 3px 0 0 var(--digital)}.map-row.design{box-shadow:inset 3px 0 0 var(--design)}.map-row.home{box-shadow:inset 3px 0 0 #c59163}.map-row.beauty{box-shadow:inset 3px 0 0 #ec6f9e}.map-row.fashion{box-shadow:inset 3px 0 0 #8ea0c8}
.about-section{margin-top:72px}
.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.7fr);gap:32px;align-items:end;margin-bottom:22px}
.section-heading.compact{margin-bottom:28px}
.section-heading h2{max-width:840px;margin:0;font-size:clamp(2.15rem,5.2vw,4.45rem);line-height:.94;letter-spacing:-.058em}
.section-heading>p{margin:0;color:var(--about-muted);line-height:1.75}
.area-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.area-card{--area-color:var(--digital);grid-column:span 2;display:grid;grid-template-columns:48px 1fr;gap:16px;min-height:320px;padding:22px;border-radius:22px;position:relative;overflow:hidden}
.area-card:nth-child(n+4){grid-column:span 3;min-height:290px}
.area-card::after{content:"";position:absolute;right:-45px;bottom:-55px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb,var(--area-color) 12%,transparent)}
.area-card.design{--area-color:var(--design)}.area-card.home{--area-color:var(--home)}.area-card.beauty{--area-color:var(--beauty)}.area-card.fashion{--area-color:var(--fashion)}
.area-number{display:grid;place-items:center;align-self:start;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--area-color) 13%,var(--about-panel));color:var(--area-color);font:800 .67rem 'Space Mono',monospace}
.area-copy{min-width:0}.area-label{margin:2px 0 18px;color:var(--area-color);font:800 .65rem 'Space Mono',monospace;letter-spacing:.11em}.area-copy h3{max-width:390px;margin:0;font-size:1.55rem;line-height:1.04;letter-spacing:-.045em}.area-copy>p:last-child{margin:12px 0 0;color:var(--about-muted);font-size:.82rem;line-height:1.65}
.area-links{grid-column:1/-1;align-self:end;display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}.area-links a{padding:7px 9px;border:1px solid var(--about-line);border-radius:8px;background:var(--about-panel);color:var(--about-text);font-size:.67rem;font-weight:800;text-decoration:none}.area-links a:hover{border-color:var(--area-color);color:var(--area-color)}
.connection-section{padding:clamp(24px,5vw,46px);border-radius:28px}
.connection-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr) auto);align-items:center;margin-top:12px}
.connection-flow>div{min-height:150px;padding:18px;border:1px solid var(--about-line);border-radius:18px;background:var(--about-soft)}
.connection-flow>div span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--about-ink);color:var(--about-bg);font:800 .66rem 'Space Mono',monospace}.connection-flow strong{display:block;margin-top:28px}.connection-flow small{display:block;margin-top:7px;color:var(--about-muted);line-height:1.5}.connection-flow>b{padding:0 8px;color:var(--about-muted)}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.principle-grid article{padding:20px;border:1px solid var(--about-line);border-radius:18px}.principle-grid span{color:var(--design);font:800 .63rem 'Space Mono',monospace;letter-spacing:.09em}.principle-grid h3{margin:22px 0 8px;font-size:1.05rem;letter-spacing:-.025em}.principle-grid p{margin:0;color:var(--about-muted);font-size:.8rem;line-height:1.65}
.palette-section{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:34px;align-items:center;padding:clamp(24px,5vw,50px);border-radius:28px;background:linear-gradient(145deg,var(--about-panel),color-mix(in srgb,#ede9fe 64%,var(--about-panel)))}
html[data-hc-theme="dark"] .palette-section{background:linear-gradient(145deg,var(--about-panel),#211b35)}
.palette-character{display:grid;place-items:center;min-height:315px;border:1px solid color-mix(in srgb,var(--design) 24%,var(--about-line));border-radius:25px;background:radial-gradient(circle at 30% 20%,#fff,transparent 34%),linear-gradient(145deg,#f5f3ff,#dbeafe);overflow:hidden}
.palette-character svg{width:min(235px,82%);filter:drop-shadow(0 22px 28px rgba(76,29,149,.2));transform:rotate(-3deg)}
.palette-copy h2{max-width:800px;margin:0;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.94;letter-spacing:-.06em}.palette-copy>p:not(.eyebrow){max-width:800px;margin:17px 0 0;color:var(--about-muted);line-height:1.75}.palette-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0;padding:0;list-style:none}.palette-copy li{padding:14px;border:1px solid var(--about-line);border-radius:14px;background:color-mix(in srgb,var(--about-panel) 82%,transparent)}.palette-copy li strong,.palette-copy li span{display:block}.palette-copy li strong{font-size:.78rem}.palette-copy li span{margin-top:5px;color:var(--about-muted);font-size:.7rem;line-height:1.55}.ask-palette-button{margin-top:18px;border-color:#4c1d95;background:#4c1d95;color:#fff}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan-card{padding:27px;border-radius:24px}.plan-card.pro{background:linear-gradient(145deg,var(--about-panel),color-mix(in srgb,#dcfce7 58%,var(--about-panel)));border-color:color-mix(in srgb,#15803d 40%,var(--about-line))}html[data-hc-theme="dark"] .plan-card.pro{background:linear-gradient(145deg,var(--about-panel),#173322)}
.plan-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.plan-heading p{margin:0 0 7px;color:var(--about-muted);font:800 .64rem 'Space Mono',monospace;letter-spacing:.09em}.plan-heading h3{max-width:440px;margin:0;font-size:1.7rem;line-height:1.04;letter-spacing:-.045em}.plan-heading>span{flex:0 0 auto;padding:7px 9px;border-radius:999px;background:var(--about-soft);color:var(--about-muted);font-size:.65rem;font-weight:800}.plan-card.pro .plan-heading>span{background:#15803d;color:#fff}.plan-card ul{display:grid;gap:11px;margin:24px 0;padding:0;list-style:none}.plan-card li{display:grid;grid-template-columns:20px 1fr;gap:8px;color:var(--about-muted);font-size:.8rem;line-height:1.5}.plan-card li::before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:var(--about-soft);color:var(--about-text);font-size:.66rem;font-weight:900}.plan-card.pro li::before{background:#dcfce7;color:#15803d}.plan-card>a{margin-top:2px}.plan-card.pro>a{border-color:#15803d;background:#15803d;color:#fff}
.about-support{display:grid;grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr);gap:34px;align-items:center;padding:clamp(25px,5vw,50px);border-radius:28px}
.support-visual{display:grid;place-items:center;align-content:center;min-height:280px;padding:24px;border:1px solid var(--about-line);border-radius:24px;background:linear-gradient(145deg,var(--about-ink),#26334b);color:#fff}.support-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#7c3aed;font:800 2.1rem 'Space Mono',monospace}.support-lines{display:flex;gap:7px;align-items:end;height:54px;margin-top:24px}.support-lines i{display:block;width:12px;border-radius:999px;background:#fff}.support-lines i:nth-child(1){height:18px;background:#f43f5e}.support-lines i:nth-child(2){height:35px;background:#f59e0b}.support-lines i:nth-child(3){height:50px;background:#10b981}.support-lines i:nth-child(4){height:29px;background:#3b82f6}.support-lines i:nth-child(5){height:43px;background:#a855f7}.support-visual small{margin-top:16px;color:rgba(255,255,255,.7);font:700 .66rem 'Space Mono',monospace}.support-copy h2{max-width:820px;margin:0;font-size:clamp(2.15rem,5vw,4.35rem);line-height:.94;letter-spacing:-.058em}.support-copy>p:not(.eyebrow){max-width:860px;margin:16px 0 0;color:var(--about-muted);line-height:1.75}.support-actions{margin-top:23px}.support-actions .buymeacoffee-button{border-color:#ffdd00;background:#ffdd00;color:#111827}.support-actions .buymeacoffee-button::before{content:"☕";margin-right:7px}
.trust-section{padding:clamp(24px,5vw,46px);border-radius:28px}.trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.trust-grid article{padding:17px;border:1px solid var(--about-line);border-radius:16px;background:var(--about-soft)}.trust-grid strong{display:block;font-size:.78rem;line-height:1.35}.trust-grid p{margin:8px 0 0;color:var(--about-muted);font-size:.7rem;line-height:1.55}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:72px;padding:clamp(25px,5vw,48px);border-radius:28px}.about-cta h2{max-width:850px;margin:0;font-size:clamp(2.2rem,5vw,4.3rem);line-height:.94;letter-spacing:-.058em}.about-cta p:not(.eyebrow){max-width:720px;margin:12px 0 0;color:var(--about-muted);line-height:1.7}.about-cta>div:last-child{justify-content:flex-end;flex:0 0 auto}
@media(max-width:1080px){
  .about-hero{grid-template-columns:1fr}.hero-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.map-heading{grid-column:1/-1}.map-row{margin:0}
  .area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-card,.area-card:nth-child(n+4){grid-column:span 1}
  .connection-flow{grid-template-columns:1fr 28px 1fr}.connection-flow>div:nth-of-type(n+3){margin-top:12px}.connection-flow>b:nth-of-type(2){display:none}
  .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-grid article:nth-child(n+4){grid-column:span 1}
}
@media(max-width:820px){
  .about-main{width:min(100% - 22px,1280px);padding-top:28px}.section-heading{grid-template-columns:1fr;gap:16px}
  .palette-section,.about-support{grid-template-columns:1fr}.palette-character,.support-visual{min-height:220px}.palette-character svg{width:175px}
  .plan-grid{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}
  .about-cta{align-items:flex-start;flex-direction:column}.about-cta>div:last-child{width:100%;justify-content:flex-start}
}
@media(max-width:620px){
  .about-main{width:min(100% - 16px,1280px)}.hero-copy,.hero-map,.connection-section,.palette-section,.about-support,.trust-section,.about-cta{border-radius:22px}
  .hero-copy{padding:28px 21px}.hero-copy h1{font-size:clamp(2.75rem,15vw,4.7rem)}.hero-lede{font-size:.98rem}.hero-facts{grid-template-columns:1fr;margin-top:30px}
  .hero-map{grid-template-columns:1fr}.map-row{grid-template-columns:66px 1fr auto}
  .area-grid{grid-template-columns:1fr}.area-card,.area-card:nth-child(n+4){min-height:280px}.area-card{grid-template-columns:42px 1fr;padding:19px}
  .connection-flow{grid-template-columns:1fr}.connection-flow>b{display:none}.connection-flow>div{min-height:132px;margin-top:8px!important}.connection-flow>div:first-child{margin-top:0!important}
  .palette-copy ul{grid-template-columns:1fr}.plan-heading{display:grid}.plan-heading>span{justify-self:start}
  .trust-grid{grid-template-columns:1fr}.hero-actions a,.about-cta a,.support-actions a,.ask-palette-button{width:100%}.about-cta>div:last-child{display:grid}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}