.brand-body{background:radial-gradient(circle at top left,rgba(78,205,196,.08),transparent 28%),linear-gradient(180deg,#f8f6f2,#fff);color:var(--gray-800)}.brand-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#f8f6f2e6;border-bottom:1px solid rgba(30,61,89,.08)}.brand-header-inner,.brand-main{width:min(1180px,calc(100vw - 48px));margin:0 auto}.brand-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-logo-lockup{display:inline-flex;align-items:center;gap:14px;padding:10px 14px 10px 6px;border-radius:20px;text-decoration:none;transition:background var(--transition),box-shadow var(--transition)}.brand-logo-lockup:hover{background:#ffffff8f;box-shadow:var(--shadow-sm)}.brand-logo{width:136px;height:auto}.brand-logo-copy{display:flex;flex-direction:column;gap:2px}.brand-logo-title,.brand-logo-sub{display:block;line-height:1.1}.brand-logo-title{font-size:.88rem;color:var(--petrooli);font-weight:700}.brand-logo-sub{font-size:.74rem;color:var(--gray-500);font-weight:300}.brand-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-menu-toggle{display:none;margin-left:auto;width:44px;height:44px;padding:0;border:1px solid rgba(30,61,89,.12);border-radius:14px;background:#ffffffd1;color:var(--petrooli);cursor:pointer}.brand-menu-toggle span{display:block;width:18px;height:1.5px;margin:0 auto 4px;border-radius:999px;background:currentColor;transition:transform .25s ease,opacity .25s ease}.brand-menu-toggle span:last-child{margin-bottom:0}.brand-menu-toggle.is-open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.brand-menu-toggle.is-open span:nth-child(2){opacity:0}.brand-menu-toggle.is-open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.brand-nav-dropdown{position:relative}.brand-nav-dropdown summary{list-style:none;cursor:pointer;color:var(--gray-600);font-size:.85rem;padding:8px 12px;border-radius:999px;transition:background var(--transition),color var(--transition)}.brand-nav-dropdown summary::-webkit-details-marker{display:none}.brand-nav-dropdown summary:after{content:"▾";margin-left:8px;font-size:.72rem;color:var(--gray-500)}.brand-nav-dropdown[open] summary,.brand-nav-dropdown summary:hover{background:#1e3d590f;color:var(--petrooli)}.brand-nav-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:18px;background:#fffffff5;border:1px solid rgba(30,61,89,.08);box-shadow:var(--shadow-soft)}.brand-nav-menu a{text-decoration:none;color:var(--gray-600);font-size:.82rem;padding:10px 12px;border-radius:12px;transition:background var(--transition),color var(--transition)}.brand-nav-menu a:hover{background:#1e3d590f;color:var(--petrooli)}.brand-main{padding:40px 0 96px}.brand-hero{display:block;padding:32px 0 20px}.brand-eyebrow,.brand-section-eyebrow,.brand-card-label{text-transform:uppercase;letter-spacing:.12em}.brand-eyebrow,.brand-section-eyebrow{font-size:.96rem;color:var(--coral);font-weight:700;margin:0 0 10px}.brand-title{margin:0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.96;letter-spacing:-.05em;color:var(--petrooli)}.brand-title em{display:block;font-style:italic;font-weight:700}.brand-sub{max-width:62ch;font-size:1.03rem;color:var(--gray-600);margin:20px 0 28px}.brand-card{background:#ffffffdb;border:1px solid rgba(30,61,89,.08);box-shadow:var(--shadow-soft)}.brand-list{margin:0;padding-left:18px;color:var(--gray-600)}.brand-list li+li{margin-top:8px}.brand-section{padding:46px 0 0}.brand-section-heading{max-width:760px;margin-bottom:22px}.brand-section-heading .brand-section-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#ff6f611a;box-shadow:inset 0 0 0 1px #ff6f6124;font-size:1.32rem;font-weight:800;letter-spacing:.04em;line-height:1;margin-bottom:14px}.brand-section-heading .brand-section-eyebrow:after{content:"";width:44px;height:2px;border-radius:999px;background:var(--coral);opacity:.92}.brand-section-heading h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.04em;color:var(--petrooli)}.brand-section-heading p{margin:0;color:var(--gray-600);font-size:1rem}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brand-subsection{grid-column:1 / -1;padding-top:10px}.brand-subsection-kicker{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--coral);font-weight:700}.brand-subsection-title{margin:0;color:var(--petrooli);font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.08;letter-spacing:-.03em}.brand-card{border-radius:24px;padding:24px;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.brand-card:hover{box-shadow:0 18px 38px #0d0d0d14;border-color:#1e3d5924;transform:translateY(-2px)}.brand-card--wide{grid-column:1 / -1}.brand-card-label{margin:0 0 10px;color:var(--gray-500);font-size:.73rem;font-weight:700}.brand-card h3{margin:0 0 12px;color:var(--petrooli);font-size:1.55rem;line-height:1.05;letter-spacing:-.03em}.brand-card p,.brand-card li{color:var(--gray-600);line-height:1.7}.brand-card em{color:var(--petrooli)}.brand-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-column-grid--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-column-grid>div{min-width:0}.brand-list--danger li{color:var(--gray-800)}.brand-palette-stack{display:flex;flex-direction:column;gap:24px}.brand-palette-group{display:flex;flex-direction:column;gap:12px}.brand-palette-title{margin:0;color:var(--petrooli);font-size:1rem;font-weight:700}.brand-swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.brand-swatch-grid--primary{grid-template-columns:repeat(5,minmax(0,1fr))}.brand-swatch-grid--compact{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.brand-accent-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.brand-swatch{display:flex;flex-direction:column;gap:6px}.brand-swatch-color{width:100%;aspect-ratio:1 / 1;border-radius:18px;box-shadow:inset 0 0 0 1px #1e3d5914}.brand-swatch-grid--compact .brand-swatch-color{border-radius:14px;aspect-ratio:1 / .74}.brand-swatch-color--border{box-shadow:inset 0 0 0 1px #1e3d591f,0 1px 3px #0d0d0d0a}.brand-swatch strong{color:var(--petrooli);font-size:.95rem}.brand-swatch span:last-child{color:var(--gray-500);font-size:.8rem}.brand-accent-row .brand-swatch{gap:8px}.brand-accent-chip{width:100%;height:12px;border-radius:999px;box-shadow:inset 0 0 0 1px #1e3d5914}.brand-accent-chip--link{background:linear-gradient(90deg,#1e3d59,#2d5a84)}.brand-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-type-sample{padding:18px;border-radius:20px;background:#f8f6f2d1;border:1px solid rgba(30,61,89,.08);transition:border-color var(--transition),box-shadow var(--transition)}.brand-type-label{display:block;margin-bottom:10px;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-500);font-weight:700}.brand-type-preview{margin:0 0 10px;color:var(--petrooli);line-height:1}.brand-type-preview--heavy{font-size:2rem;font-weight:800}.brand-type-preview--light{font-size:1.8rem;font-weight:200}.brand-type-preview--mid{font-size:1.6rem;font-weight:400}.brand-type-note{margin:0;color:var(--gray-600);font-size:.92rem}.brand-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-logo-card{display:flex;flex-direction:column;gap:10px}.brand-logo-card strong{color:var(--petrooli);font-size:.95rem}.brand-logo-card span{color:var(--gray-500);font-size:.78rem;line-height:1.4}.brand-logo-preview{min-height:132px;padding:18px;border-radius:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(30,61,89,.08);transition:border-color var(--transition),box-shadow var(--transition)}.brand-logo-preview--light{background:#fffffff5}.brand-logo-preview--dark{background:var(--petrooli)}.brand-logo-preview img{max-width:180px;max-height:72px;width:auto;height:auto}.brand-coach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-coach-card{display:flex;flex-direction:column;gap:10px}.brand-coach-card strong{color:var(--petrooli);font-size:.95rem}.brand-coach-card span{color:var(--gray-500);font-size:.78rem;line-height:1.4}.brand-coach-preview{height:280px;border-radius:22px;overflow:hidden;background:#f8f6f2d1;border:1px solid rgba(30,61,89,.08);transition:border-color var(--transition),box-shadow var(--transition)}.brand-logo-preview:hover,.brand-coach-preview:hover,.brand-type-sample:hover{border-color:#1e3d5924;box-shadow:var(--shadow-sm)}.brand-coach-preview--landscape{height:220px}.brand-coach-preview img{width:100%;height:100%;object-fit:cover}.brand-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-example-grid--spacious .brand-example-card{min-height:112px}.brand-path{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.brand-path-step{position:relative;padding:20px 18px 18px;border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f8f6f2eb);border:1px solid rgba(30,61,89,.08);box-shadow:var(--shadow-soft)}.brand-path-step:before{content:"";position:absolute;top:26px;right:-10px;width:20px;height:2px;background:#1e3d5929}.brand-path-step:last-child:before{display:none}.brand-path-step h3{margin:0 0 12px;color:var(--petrooli);font-size:1.25rem;line-height:1.08;letter-spacing:-.03em}.brand-path-step p{margin:0;color:var(--gray-600);line-height:1.65}.brand-path-step p+p{margin-top:8px}.brand-path-step strong{color:var(--petrooli)}.brand-example-card{display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:88px;padding:14px 16px;border-radius:18px;background:#f8f6f2d1;border:1px solid rgba(30,61,89,.08)}.brand-example-card strong{color:var(--petrooli);font-size:.95rem}.brand-example-card span{color:var(--gray-600);font-size:.9rem;line-height:1.45}.brand-do-dont{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-card .brand-list strong{color:var(--petrooli);font-weight:700}.brand-card .brand-list li strong{display:inline}.brand-do-card,.brand-dont-card{padding:18px;border-radius:20px;border:1px solid rgba(30,61,89,.08);background:#f8f6f2d1}.brand-do-card strong,.brand-dont-card strong{display:block;margin-bottom:12px;color:var(--petrooli);font-size:1rem}.brand-dont-card{background:#ff6f6114;border-color:#ff6f6124}.brand-card{transition:transform var(--transition),box-shadow var(--transition)}.brand-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0d0d0d14,0 4px 12px #0d0d0d0a}@media (max-width: 960px){.brand-header-inner{min-height:78px;padding:12px 0}.brand-grid{grid-template-columns:1fr}.brand-swatch-grid,.brand-type-grid,.brand-column-grid,.brand-logo-grid,.brand-coach-grid,.brand-example-grid,.brand-do-dont{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-column-grid--balanced,.brand-path,.brand-accent-row{grid-template-columns:1fr}.brand-swatch-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card--wide{grid-column:auto}.brand-path-step:before{top:auto;right:auto;left:24px;bottom:-10px;width:2px;height:20px}}@media (max-width: 680px){.brand-header-inner,.brand-main{width:min(1180px,calc(100vw - 28px))}.brand-header-inner{gap:12px;justify-content:space-between;align-items:center}.brand-logo-lockup{gap:10px;padding:8px 10px 8px 0;min-width:0}.brand-logo{width:116px}.brand-logo-copy{gap:1px}.brand-logo-title{font-size:.8rem}.brand-logo-sub{font-size:.68rem}.brand-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.brand-main{padding-bottom:72px}.brand-title{font-size:clamp(2.3rem,12vw,4rem)}.brand-nav{position:fixed;top:calc(var(--header-h) + 8px);right:14px;left:14px;z-index:999;display:none;flex-direction:column;align-items:stretch;gap:8px;max-height:calc(100dvh - var(--header-h) - 24px);overflow-y:auto;padding:12px;border-radius:22px;background:#f8f6f2fa;border:1px solid rgba(30,61,89,.08);box-shadow:0 18px 38px #0d0d0d1f}.brand-nav.is-open{display:flex}.brand-nav-dropdown{width:100%}.brand-nav-dropdown summary{font-size:.8rem;padding:9px 12px}.brand-nav-menu{position:static;margin-top:8px;min-width:0;box-shadow:none;background:#ffffffb8}.brand-swatch-grid,.brand-type-grid,.brand-column-grid,.brand-logo-grid,.brand-coach-grid,.brand-example-grid,.brand-do-dont,.brand-swatch-grid--compact,.brand-swatch-grid--primary{grid-template-columns:1fr}.brand-section-heading .brand-section-eyebrow{font-size:1.02rem}.brand-section-heading .brand-section-eyebrow:after{width:30px}}