.hero{position:relative;isolation:isolate;min-height:min(720px,calc(100svh - var(--header-height) - 16px));overflow:hidden;color:#f7faf8;background:linear-gradient(90deg,#0c1311fa,#0c1311e6 46%,#0c131142),#0c1311}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:#9ee6bc40}.hero__inner{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:64px 70px}.hero__media{position:absolute;z-index:0;inset:0}.hero__media img{width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.82;transform:scale(1.01)}.hero__ambient{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 22% 30%,rgba(158,230,188,.2),transparent 32%),linear-gradient(180deg,transparent 62%,rgba(44,114,74,.26) 100%)}.hero__badge{width:82px;height:82px;margin-bottom:20px;border-radius:22px;box-shadow:0 22px 42px #0000003d}.hero__eyebrow,.section-label{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero__eyebrow{color:#9ee6bc}.macclipy-page h1{margin-top:12px;font-family:var(--font-heading);font-size:6.8rem;line-height:.98;letter-spacing:0}.hero__lead{margin-top:26px;font-size:2.2rem;font-weight:750;line-height:1.4}.hero__description{max-width:650px;margin-top:18px;color:#eef7f2c7;font-size:1rem}.hero .hero__description,.hero__lead,.hero__actions,.hero__facts,.hero__eyebrow,.hero__badge,.macclipy-page h1{max-width:660px}.hero__actions{display:flex;align-items:center;gap:24px;margin-top:30px}.download-button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;padding:14px 25px;border-radius:6px;color:#102018;background:#9ee6bc;box-shadow:0 12px 26px #3ba36538;font-weight:800;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.download-button:hover{transform:translateY(-2px);background:#b8f2cf;box-shadow:0 16px 32px #3ba3654d}.source-link{color:#eef7f2c2;font-weight:700;text-decoration:underline;text-decoration-color:#9ee6bc73;text-underline-offset:6px}.source-link:hover{color:#fff}.hero__facts{display:flex;flex-wrap:wrap;gap:10px 26px;margin:28px 0 0;padding:0;color:#eef7f29e;font-size:.82rem;list-style:none}.hero__facts li:not(:first-child):before{content:"•";margin-right:26px;color:#72c994}.workflow{background:#f7faf8}.workflow__inner{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(500px,1.15fr);gap:clamp(40px,5vw,68px);align-items:center}.section-label{color:#328356}.macclipy-page h2{margin-top:12px;font-family:var(--font-heading);font-size:3.4rem;line-height:1.24;letter-spacing:0}.workflow h2{font-size:3rem}.nowrap{white-space:nowrap}.workflow__copy>p:last-child{max-width:34rem;margin-top:22px;color:#52635a}.section-visual{position:relative;overflow:hidden;margin:0;border:1px solid rgba(36,70,55,.12);border-radius:8px;background:#fff;box-shadow:0 26px 70px #18352724}.section-visual img{display:block;width:100%;height:auto}.section-visual--raised{transform:translateY(4px)}.app-preview{overflow:hidden;border:1px solid #cfd8d2;border-radius:8px;background:#fffffffa;box-shadow:0 26px 60px #18352729}.app-preview__bar{display:flex;min-height:44px;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #dfe5e1;background:#edf1ef}.window-dot{width:11px;height:11px;border-radius:50%}.window-dot--red{background:#ff5f57}.window-dot--yellow{background:#febc2e}.window-dot--green{background:#28c840}.app-preview__title{margin-left:8px;color:#34423b;font-size:.8rem;font-weight:700}.key-hint{margin-left:auto;padding:2px 7px;border:1px solid #cad4ce;border-radius:4px;color:#627169;background:#fff;font-size:.72rem;font-weight:700}.app-preview__search{display:flex;min-height:48px;align-items:center;gap:10px;margin:16px;padding:0 14px;border:1px solid #cdd7d1;border-radius:6px;color:#7a8981;background:#f8faf9;font-size:.9rem}.app-preview__tabs{display:flex;gap:6px;padding:0 16px 10px}.app-preview__tab{padding:5px 10px;border-radius:4px;color:#65756c;font-size:.76rem;font-weight:700}.app-preview__tab--active{color:#1d5c39;background:#dff3e7}.history-list{margin:0;padding:0 10px 10px;list-style:none}.history-list__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;min-height:54px;padding:9px 12px;border-top:1px solid #edf0ee;color:#2d3b34;font-size:.88rem}.history-list__item--active{border-top-color:transparent;border-radius:5px;color:#fff;background:#287b4d}.history-list__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list__meta{color:#819087;font-size:.74rem}.history-list__item--active .history-list__meta{color:#ffffffad}.app-preview__footer{display:flex;min-height:38px;align-items:center;gap:18px;padding:0 16px;border-top:1px solid #dfe5e1;color:#75837b;background:#f5f7f6;font-size:.68rem}.features{color:#eaf3ee;background:#101915}.features .section-label{color:#88d8aa}.features__heading{max-width:760px}.features__layout{display:grid;grid-template-columns:minmax(440px,1.1fr) minmax(360px,.9fr);gap:clamp(34px,5vw,68px);align-items:center;margin-top:54px}.features__layout .section-visual{border-color:#98d0b12e;box-shadow:0 28px 72px #00000047}.features__grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(152,208,177,.22)}.feature{padding:26px 0;border-bottom:1px solid rgba(152,208,177,.22);border-left:0}.feature:first-child{border-left:0}.feature__number{color:#72c994;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.feature h3{margin-top:16px;font-size:1.2rem;letter-spacing:0}.feature p{margin-top:14px;color:#e5f0eaa8;font-size:.92rem}.install{background:#fff}.privacy{color:#21342b;background:#f8f3ea}.privacy__inner{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(520px,1.14fr);gap:clamp(40px,5vw,74px);align-items:center}.privacy__copy>p:last-child{max-width:38rem;margin-top:22px;color:#5f6a63}.install__inner{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);gap:36px 80px;align-items:start}.install__visual{grid-column:2;grid-row:1 / span 3}.install__steps{margin:0;padding:0;border-top:1px solid #d9e0dc;list-style:none}.install__steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:center;min-height:78px;border-bottom:1px solid #d9e0dc}.install__steps span{color:#328356;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:700}.install__steps p{color:#37483f;font-weight:700}.install__download{grid-column:1}.install__download p{max-width:560px;margin-top:16px;color:#637269;font-size:.84rem}@media(max-width:900px){.macclipy-page h1{font-size:5rem}.macclipy-page h2{font-size:2.8rem}.hero__lead{font-size:1.6rem}.workflow h2{font-size:2.4rem}.hero__media img{object-position:64% center;opacity:.56}.workflow__inner,.features__layout,.privacy__inner,.install__inner{grid-template-columns:1fr}.workflow__copy{max-width:600px}.install__visual,.install__download{grid-column:1}.install__visual{grid-row:auto}}@media(max-width:720px){.hero{min-height:580px}.hero__inner{padding-block:48px 54px}.macclipy-page h1{font-size:3.5rem}.macclipy-page h2{font-size:2rem}.workflow h2{font-size:1.9rem}.hero__media img{object-position:70% center;opacity:.42}.hero__description{max-width:86%}.desktop-only{display:none}.hero__actions{align-items:flex-start;flex-direction:column;gap:18px}.hero__facts{gap:7px 16px}.hero__facts li:not(:first-child):before{margin-right:16px}.app-preview__footer{gap:10px;font-size:.6rem}.feature,.feature:first-child{padding:24px 0 28px;border-bottom:1px solid rgba(152,208,177,.22);border-left:0}.feature h3{margin-top:16px}}@media(max-width:460px){.hero{min-height:620px}.macclipy-page h1{font-size:3.4rem}.hero__lead{font-size:1.25rem}.hero__description{max-width:100%}.download-button{width:100%;padding-inline:16px;text-align:center}.hero__facts li:not(:first-child):before{content:"";margin:0}.hero__facts{display:grid}.app-preview__bar{padding-inline:10px}.app-preview__search{margin:12px}.app-preview__tabs{padding-inline:12px}.history-list{padding-inline:6px}.history-list__item{grid-template-columns:minmax(0,1fr);gap:2px}.app-preview__footer span:last-child{display:none}}@media(max-width:360px){.workflow h2{font-size:1.75rem}}
