.ha-page {min-height:100vh;}
.ha-page .lc-header {max-width:1624px;padding-inline:32px;min-height:82px;}
.ha-page .lc-button {border-radius:7px;min-height:48px;padding:13px 20px;box-shadow:none;background:var(--accent);gap:20px;}
.ha-page .lc-button:hover {background:var(--accent-hover);transform:none;}
.ha-page .lc-button-small {min-height:39px;padding:9px 16px;}
.ha-main,.ha-footer {width:min(1560px,calc(100% - 64px));margin-inline:auto;}
.ha-main h2 {font-family:inherit;font-size:clamp(36px,3.6vw,58px);font-weight:500;line-height:1.05;letter-spacing:-.055em;}
.ha-main h2 > span {color:var(--muted);font-weight:400;}
.ha-eyebrow {font-size:11px;font-weight:500;color:var(--muted);}
.ha-topline {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 0 18px;font-size:11px;color:var(--muted);}
.ha-topline .lc-motion-toggle {font-size:11px;padding:0;}
.ha-hero {display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:14px;min-height:620px;}
.ha-hero-main {position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#28221e;color:#fff;}
.ha-hero-main > video {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:60% 50%;z-index:-2;}
.ha-hero-shade {position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151410dd,#15141070 53%,#15141012),linear-gradient(0deg,#14121080,transparent 55%);}
.ha-media-top,.ha-media-bottom {position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#fff9;}
.ha-media-top {top:26px;}
.ha-media-bottom {bottom:26px;}
.ha-hero-copy {padding:170px 38px 115px;}
.ha-hero-copy h1 {font-size:clamp(47px,4.7vw,78px);letter-spacing:-.062em;line-height:1.025;font-weight:500;margin:0;}
.ha-hero-copy h1 > span {font-weight:400;color:#eee4dc;}
.ha-hero-copy p {font-size:15px;line-height:1.7;color:#f3eeebcc;margin-top:28px;}
.ha-hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;}
.ha-hero-actions > a:last-child {display:flex;align-items:center;gap:10px;font-size:12px;color:#fff;}
.ha-hero-actions > a:last-child .icon {width:17px;height:17px;}
.ha-hero-progress {position:absolute;inset:auto 0 0;height:2px;background:#ffffff20;}
.ha-hero-progress i {display:block;height:100%;width:var(--hero-progress,0%);background:#f3e2e8;}
.ha-hero-side {display:grid;grid-template-rows:1fr 215px;gap:14px;min-width:0;}
.ha-side-video {position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:345px;display:block;background:#584437;color:#fff;}
.ha-side-video video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.ha-side-shade {position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#17110cce,transparent 85%);}
.ha-media-tag {position:absolute;left:22px;top:22px;font-size:10px;color:#ffffffe0;}
.ha-side-video > div:last-child {position:absolute;left:24px;right:24px;bottom:26px;display:flex;align-items:end;justify-content:space-between;gap:12px;}
.ha-side-video h2 {font-size:clamp(24px,2.5vw,39px);color:#fff;letter-spacing:-.04em;}
.ha-side-video > div:last-child > span {display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff65;border-radius:50%;flex-shrink:0;}
.ha-side-edit {display:flex;flex-direction:column;justify-content:space-between;background:#ead9df;color:#482737;border-radius:12px;padding:24px;overflow:hidden;}
[data-public-look="classic"] .ha-side-edit {background:#d6dcc8;color:#293329;}
[data-theme="dark"] .ha-side-edit {background:#482938;color:#f5dee9;}
[data-theme="dark"] [data-public-look="classic"] .ha-side-edit {background:#39402f;color:#e4e9da;}
.ha-side-edit > div:first-child {display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:10px;}
.ha-side-edit h2 {font-size:29px;letter-spacing:-.035em;line-height:1.12;margin-top:15px;}
.ha-track {position:relative;display:flex;gap:4px;margin-top:20px;}
.ha-track i {height:16px;flex:1;background:currentColor;opacity:.22;}
.ha-track i:nth-child(2) {flex:1.8;opacity:.42;}
.ha-track b {position:absolute;top:-4px;bottom:-4px;width:1px;background:currentColor;left:var(--hero-progress,0%);}
.ha-tools {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px;border-block:1px solid var(--line);}
.ha-tools > a {display:flex;align-items:center;gap:15px;padding:25px 20px;border-right:1px solid var(--line);}
.ha-tools > a:last-child {border-right:none;}
.ha-tools > a > .icon:first-child {width:22px;height:22px;color:var(--olive);flex-shrink:0;}
.ha-tools strong {display:block;font-weight:500;font-size:15px;}
.ha-tools small {display:block;color:var(--muted);font-size:10px;margin-top:5px;}
.ha-tools > a > .icon:last-child {width:17px;height:17px;margin-left:auto;color:var(--muted);}
.ha-tools > a:hover strong {color:var(--olive);}
.ha-section-heading {display:flex;justify-content:space-between;align-items:end;gap:36px;}
.ha-section-heading h2 {margin-top:16px;}
.ha-section-heading > p {font-size:13px;color:var(--muted);line-height:1.8;max-width:450px;}
.ha-examples {padding:90px 0;scroll-margin-top:20px;}
.ha-filters {display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;}
.ha-filters button {border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:5px;padding:10px 20px;font-size:12px;cursor:pointer;}
.ha-filters button[aria-pressed="true"] {background:var(--text);color:var(--bg);border-color:var(--text);}
.ha-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;}
.ha-example[hidden] {display:none;}
.ha-example-media {display:block;position:relative;isolation:isolate;width:100%;height:460px;border:0;border-radius:10px;padding:0;overflow:hidden;cursor:pointer;background:#232222;color:white;text-align:left;}
.ha-example-media video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.ha-example[data-ha-example="podcast"] video {object-position:90% 50%;}
.ha-example-media::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#131016b0,transparent 65%);}
.ha-example-play {position:absolute;top:20px;right:20px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff65;}
.ha-example-play .icon {width:14px;height:14px;}
.ha-example-caption {position:absolute;left:24px;right:24px;bottom:26px;font-size:clamp(25px,2.8vw,38px);line-height:1.08;letter-spacing:-.045em;max-width:350px;}
.ha-example > p {font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px;max-width:410px;}
.ha-editor {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center;background:var(--raised);padding:60px;border-radius:12px;scroll-margin-top:20px;}
.ha-editor-copy h2 {margin-top:18px;}
.ha-editor-copy > p {font-size:14px;color:var(--muted);line-height:1.8;margin-top:24px;max-width:410px;}
.ha-editor-copy ul {padding:0;list-style:none;margin:26px 0;display:grid;gap:10px;font-size:12px;color:var(--muted);}
.ha-editor-copy li {border-bottom:1px solid var(--line);padding-bottom:10px;}
.ha-editor-demo {min-width:0;}
.ha-demo-bar {display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin-bottom:15px;}
.ha-demo-bar > div {display:flex;gap:3px;background:var(--panel);padding:3px;border-radius:5px;}
.ha-demo-bar button {background:transparent;color:var(--muted);border:0;font-size:10px;padding:7px 10px;cursor:pointer;border-radius:3px;}
.ha-demo-bar button[aria-pressed="true"] {background:var(--text);color:var(--bg);}
.ha-demo-video {position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#272329;}
.ha-demo-video video {width:100%;height:100%;object-fit:cover;object-position:75% 50%;}
.ha-demo-subtitles {position:absolute;left:18px;right:18px;bottom:30px;text-align:center;color:white;font-size:clamp(27px,3vw,45px);font-weight:650;line-height:1.25;letter-spacing:-.035em;text-shadow:0 2px 4px #0009;}
.ha-demo-video[data-caption="none"] .ha-demo-subtitles {display:none;}
.ha-demo-video[data-caption="accent"] .ha-demo-subtitles .is-active {background:var(--accent);border-radius:3px;padding:0 4px;text-shadow:none;}
.ha-demo-controls {display:flex;align-items:center;gap:14px;margin-top:16px;font-size:10px;color:var(--muted);}
.ha-demo-controls > button {border:0;background:transparent;color:var(--text);cursor:pointer;padding:4px;}
.ha-demo-controls .icon {width:17px;height:17px;}
.ha-demo-controls label {flex:1;min-width:0;}
.ha-demo-controls input {width:100%;accent-color:var(--accent);}
.ha-demo-note {font-size:9px;line-height:1.7;color:var(--muted);margin-top:13px;}
.ha-workflow {background:#211d20;color:#f5f0f2;border-radius:12px;padding:60px;margin-top:90px;}
.ha-workflow .ha-eyebrow {color:#b9aeb4;}
.ha-workflow-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px;}
.ha-workflow-grid > div {border-top:1px solid #ffffff30;padding-top:22px;}
.ha-workflow-grid > div > span {font-size:12px;color:#b9aeb4;}
.ha-workflow-grid h3 {font-size:24px;font-weight:500;letter-spacing:-.03em;margin-top:18px;}
.ha-workflow-grid p {font-size:12px;line-height:1.8;color:#b9aeb4;margin-top:14px;max-width:310px;}
.ha-pack {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:85px 45px;border-bottom:1px solid var(--line);}
.ha-pack h2 {margin-top:15px;}
.ha-pack p {font-size:13px;line-height:1.8;color:var(--muted);margin:24px 0;}
.ha-pack-numbers {display:flex;justify-content:space-around;gap:24px;align-items:end;color:var(--olive);}
.ha-pack-numbers > span {font-size:clamp(50px,7.5vw,110px);font-weight:400;line-height:1;letter-spacing:-.08em;}
.ha-pack-numbers small {display:block;font-size:9px;letter-spacing:.01em;color:var(--muted);margin-top:18px;}
.ha-faq {display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding:80px 45px;}
.ha-faq details {border-top:1px solid var(--line);padding:23px 0;}
.ha-faq summary {display:flex;justify-content:space-between;gap:20px;font-size:15px;cursor:pointer;list-style:none;}
.ha-faq summary::-webkit-details-marker {display:none;}
.ha-faq summary > span {color:var(--muted);}
.ha-faq details[open] summary > span {rotate:45deg;}
.ha-faq p {padding-top:17px;font-size:13px;line-height:1.8;color:var(--muted);}
.ha-final {display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--raised);border-radius:12px;padding:50px 60px;margin-bottom:60px;}
.ha-footer {flex-wrap:wrap;padding-block:30px;}
.ha-dialog {width:min(900px,calc(100% - 40px));max-height:90vh;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);}
.ha-dialog::backdrop {background:#000b;}
.ha-dialog > div:first-child {display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;}
.ha-dialog h2 {font-size:24px;letter-spacing:-.04em;}
.ha-dialog button {padding:6px;background:none;border:0;color:var(--text);cursor:pointer;}
.ha-dialog video {width:100%;max-height:65vh;display:block;background:#111;}
.ha-dialog p {margin-top:15px;font-size:11px;line-height:1.6;color:var(--muted);}
@media(max-width:1100px) {.ha-hero{min-height:560px;}.ha-hero-copy{padding:140px 30px 95px;}.ha-hero-copy h1{font-size:55px;}.ha-hero-side{grid-template-rows:1fr 195px;}.ha-side-edit h2{font-size:24px;}.ha-editor{gap:35px;padding:35px;}.ha-example-media{height:380px;}.ha-tools > a{padding:22px 12px;gap:10px;}.ha-workflow{padding:40px;}}
@media(max-width:760px) {.ha-page .lc-header{padding-inline:20px;min-height:72px;}.ha-main,.ha-footer{width:calc(100% - 40px);}.ha-topline{font-size:9px;padding-top:18px;}.ha-topline .lc-motion-toggle{font-size:9px;}.ha-hero{grid-template-columns:1fr;min-height:0;}.ha-hero-main{min-height:510px;}.ha-hero-copy{padding:140px 28px 105px;}.ha-hero-copy h1{font-size:clamp(40px,7.8vw,62px);}.ha-hero-copy p{font-size:13px;}.ha-media-top,.ha-media-bottom{left:22px;right:22px;font-size:8px;}.ha-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:245px;gap:12px;}.ha-side-video{min-height:0;}.ha-side-video h2{font-size:25px;}.ha-side-video > div:last-child{left:16px;right:16px;bottom:22px;}.ha-media-tag{left:16px;top:18px;font-size:8px;}.ha-side-video > div:last-child > span{display:none;}.ha-side-edit{padding:20px;}.ha-side-edit h2{font-size:25px;}.ha-side-edit > div:first-child{font-size:8px;}.ha-tools{grid-template-columns:repeat(2,1fr);}.ha-tools > a:nth-child(2){border-right:0;}.ha-tools > a:nth-child(-n+2){border-bottom:1px solid var(--line);}.ha-tools strong{font-size:13px;}.ha-tools small{font-size:8px;}.ha-tools > a > .icon:last-child{display:none;}.ha-section-heading{align-items:start;flex-direction:column;gap:22px;}.ha-examples{padding-block:60px;}.ha-gallery{grid-template-columns:1fr 1fr;gap:18px;}.ha-example-media{height:370px;}.ha-example-caption{left:18px;right:18px;font-size:28px;}.ha-example > p{font-size:11px;}.ha-editor{grid-template-columns:1fr;padding:30px;gap:35px;}.ha-editor-copy > p{max-width:100%;}.ha-demo-bar{flex-wrap:wrap;}.ha-workflow{padding:35px;margin-top:60px;}.ha-workflow-grid{grid-template-columns:1fr;gap:30px;margin-top:35px;}.ha-workflow-grid p{max-width:100%;}.ha-pack{grid-template-columns:1fr;padding:60px 10px;gap:35px;}.ha-pack-numbers{justify-content:flex-start;gap:40px;}.ha-pack-numbers > span{font-size:82px;}.ha-faq{grid-template-columns:1fr;gap:30px;padding:60px 10px;}.ha-final{padding:35px 30px;flex-direction:column;align-items:start;gap:28px;}.ha-dialog{padding:20px;}.ha-dialog h2{font-size:20px;}}
@media(max-width:420px) {.ha-hero-main{min-height:480px;}.ha-hero-copy{padding:135px 22px 105px;}.ha-hero-copy h1{font-size:38px;}.ha-hero-actions{gap:18px;}.ha-hero-actions > a:last-child{font-size:10px;}.ha-hero-side{grid-template-rows:225px;}.ha-side-edit{padding:15px;}.ha-side-edit h2,.ha-side-video h2{font-size:22px;}.ha-gallery{grid-template-columns:1fr;}.ha-example-media{height:400px;}.ha-editor{padding:24px;}.ha-main h2{font-size:34px;}.ha-main .ha-side-edit h2,.ha-main .ha-side-video h2{font-size:22px;}.ha-pack-numbers{gap:25px;}.ha-pack-numbers > span{font-size:68px;}.ha-pack-numbers small{font-size:8px;}.ha-filters button{padding:9px 14px;font-size:11px;}}
@media(prefers-reduced-motion:reduce) {.ha-page *{scroll-behavior:auto;}.ha-page .lc-button{transition:none;}}
