.apple-hero {
    position: relative;
    overflow: clip;
    padding: clamp(5.5rem,10vw,8.5rem) 0;
    background:
        radial-gradient(circle at 82% 16%,rgba(38,151,232,.11),transparent 24%),
        linear-gradient(180deg,#fff 0%,#f9fcff 100%);
}

.apple-hero__grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(3rem,7vw,7rem);
    align-items:center;
}

.apple-hero__copy {
    display:grid;
    gap:1.45rem;
}

.apple-hero__copy h1 {
    margin:0;
    max-width:920px;
    font-size:clamp(3.1rem,7vw,6rem);
    line-height:.96;
    letter-spacing:-.06em;
    text-wrap:balance;
}

.apple-hero__copy > p:not(.kordyra-eyebrow):not(.apple-hero__note) {
    margin:0;
    max-width:760px;
    color:var(--k-text-secondary);
    font-size:clamp(1.08rem,2vw,1.36rem);
    line-height:1.65;
}

.apple-hero__actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.85rem;
}

.apple-hero__note {
    margin:0;
    max-width:760px;
    color:var(--k-ink-500);
    font-size:.82rem;
    line-height:1.55;
}

.app-store-badge {
    min-width:190px;
    min-height:58px;
    display:inline-flex;
    align-items:center;
    gap:.75rem;
    border-radius:14px;
    padding:.65rem .9rem;
    text-decoration:none;
    border:1px solid #111;
    background:#111;
    color:#fff;
}

.app-store-badge--disabled {
    opacity:.72;
    cursor:default;
}

.app-store-badge--active {
    transition:transform .18s ease,box-shadow .18s ease;
}

.app-store-badge--active:hover {
    transform:translateY(-1px);
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.app-store-badge__icon {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.25);
    border-radius:9px;
    font-weight:700;
}

.app-store-badge small,
.app-store-badge strong {
    display:block;
}

.app-store-badge small {
    font-size:.62rem;
    letter-spacing:.02em;
    opacity:.75;
}

.app-store-badge strong {
    margin-top:.08rem;
    font-size:1.05rem;
    line-height:1.1;
}

.app-store-badge__id {
    display:block;
    margin-top:.4rem;
    color:var(--k-ink-500);
    font-size:.65rem;
}

.apple-hero__devices {
    position:relative;
    min-height:530px;
    border:1px solid var(--k-border);
    border-radius:38px;
    background:
        radial-gradient(circle at 50% 50%,rgba(38,151,232,.12),transparent 28%),
        linear-gradient(145deg,#fff,#f6f9fc);
    box-shadow:var(--k-shadow-lg);
}

.apple-hero-device {
    position:absolute;
    display:grid;
    place-items:center;
    border:1px solid #adb8c2;
    background:linear-gradient(160deg,#fff,#eef3f7);
    box-shadow:0 20px 50px rgba(14,28,40,.12);
    color:var(--k-ink-900);
    font-weight:700;
}

.apple-hero-device::after {
    content:"";
    position:absolute;
    inset:8%;
    border-radius:inherit;
    background:
        radial-gradient(circle at center,rgba(38,151,232,.14),transparent 32%),
        #fff;
    border:1px solid var(--k-border);
    z-index:-1;
}

.apple-hero-device--desktop {
    width:64%;
    height:42%;
    left:25%;
    top:22%;
    border-radius:14px;
}

.apple-hero-device--tablet {
    width:38%;
    height:55%;
    right:5%;
    bottom:7%;
    border-radius:24px;
}

.apple-hero-device--phone {
    width:23%;
    height:50%;
    left:8%;
    bottom:8%;
    border-radius:28px;
    z-index:2;
}

.apple-principles {
    padding:var(--k-section-space) 0;
}

.apple-principles__grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1rem;
}

.apple-principle {
    min-height:210px;
    padding:1.5rem;
    border:1px solid var(--k-border);
    border-radius:24px;
    background:#fff;
}

.apple-principle h3 {
    margin:0;
    font-size:1.25rem;
    letter-spacing:-.025em;
}

.apple-principle p {
    margin:.75rem 0 0;
    color:var(--k-text-secondary);
    font-size:.9rem;
    line-height:1.6;
}

.apple-devices {
    padding:var(--k-section-space) 0;
    background:var(--k-ink-050);
    border-block:1px solid var(--k-border);
}

.apple-devices__heading {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:clamp(2rem,6vw,6rem);
    align-items:end;
    margin-bottom:3rem;
}

.apple-devices__heading h2 {
    margin:1rem 0 0;
    font-size:clamp(2.4rem,5vw,4.5rem);
    line-height:1;
    letter-spacing:-.05em;
}

.apple-devices__heading > p {
    margin:0;
    color:var(--k-text-secondary);
    font-size:1.05rem;
    line-height:1.65;
}

.apple-devices__grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:1rem;
}

.apple-device-card {
    min-height:420px;
    padding:1.35rem;
    border:1px solid var(--k-border);
    border-radius:24px;
    background:#fff;
    box-shadow:var(--k-shadow-xs);
}

.apple-device-card__top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.7rem;
}

.apple-device-card__symbol {
    color:var(--k-ink-500);
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.apple-device-status {
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    min-height:26px;
    padding:.28rem .6rem;
    border-radius:999px;
    font-size:.64rem;
    font-weight:700;
    border:1px solid var(--k-border);
}

.apple-device-status::before {
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
}

.apple-device-status--development {
    color:var(--k-blue-700);
    border-color:var(--k-blue-200);
    background:var(--k-blue-050);
}
.apple-device-status--development::before { background:var(--k-blue-500); }

.apple-device-status--coming_soon {
    color:var(--k-warning);
    border-color:#efd7b5;
    background:#fff8ed;
}
.apple-device-status--coming_soon::before { background:#c98313; }

.apple-device-card__mockup {
    margin:1.3rem auto;
    display:grid;
    place-items:center;
    border:1px solid var(--k-border-strong);
    background:linear-gradient(160deg,#fff,#eef3f7);
    color:var(--k-blue-700);
    font-weight:700;
    box-shadow:var(--k-shadow-sm);
}

.apple-device-card__mockup--iphone {
    width:72px;
    height:142px;
    border-radius:20px;
}
.apple-device-card__mockup--ipad {
    width:112px;
    height:148px;
    border-radius:18px;
}
.apple-device-card__mockup--mac {
    width:150px;
    height:100px;
    border-radius:10px;
}
.apple-device-card__mockup--watch {
    width:78px;
    height:88px;
    border-radius:24px;
}
.apple-device-card__mockup--vision {
    width:130px;
    height:72px;
    border-radius:42px;
}

.apple-device-card h2 {
    margin:0;
    font-size:1.35rem;
    letter-spacing:-.03em;
}

.apple-device-card > p {
    min-height:72px;
    margin:.55rem 0 0;
    color:var(--k-text-secondary);
    font-size:.85rem;
    line-height:1.55;
}

.apple-device-card ul {
    list-style:none;
    padding:0;
    margin:1rem 0 0;
    display:grid;
    gap:.5rem;
}

.apple-device-card li {
    display:flex;
    gap:.5rem;
    color:var(--k-ink-700);
    font-size:.76rem;
    line-height:1.4;
}

.apple-device-card li::before {
    content:"";
    flex:0 0 auto;
    width:6px;
    height:6px;
    margin-top:.35rem;
    border-radius:50%;
    background:var(--k-blue-500);
}

.apple-continuity {
    padding:var(--k-section-space) 0;
}

.apple-continuity__panel {
    padding:clamp(2rem,5vw,4rem);
    border:1px solid var(--k-border);
    border-radius:34px;
    background:var(--k-ink-050);
}

.apple-continuity__panel > div:first-child {
    max-width:900px;
}

.apple-continuity h2,
.apple-app-store h2 {
    margin:1rem 0 0;
    font-size:clamp(2.2rem,5vw,4rem);
    line-height:1;
    letter-spacing:-.05em;
}

.apple-continuity__panel > div:first-child > p:last-child {
    color:var(--k-text-secondary);
    line-height:1.65;
}

.apple-continuity__flow {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:.75rem;
    margin-top:2rem;
}

.apple-continuity__flow article {
    min-height:155px;
    padding:1rem;
    border:1px solid var(--k-border);
    border-radius:18px;
    background:#fff;
}

.apple-continuity__flow span {
    color:var(--k-blue-700);
    font-size:.7rem;
    font-weight:700;
    letter-spacing:.12em;
}

.apple-continuity__flow strong {
    display:block;
    margin-top:.6rem;
    font-size:.95rem;
}

.apple-continuity__flow p {
    margin:.45rem 0 0;
    color:var(--k-text-secondary);
    font-size:.76rem;
    line-height:1.5;
}

.apple-app-store {
    padding:0 0 var(--k-section-space);
}

.apple-app-store__panel {
    display:grid;
    grid-template-columns:1fr .75fr;
    gap:clamp(2rem,6vw,6rem);
    align-items:center;
    padding:clamp(2rem,5vw,4rem);
    border:1px solid var(--k-border);
    border-radius:34px;
    background:#fff;
    box-shadow:var(--k-shadow-sm);
}

.apple-app-store__panel > div:first-child > p:last-child,
.apple-app-store__action > p {
    color:var(--k-text-secondary);
    line-height:1.65;
}

.apple-app-store__action {
    display:grid;
    justify-items:start;
    gap:.8rem;
}

.apple-app-store__action > p {
    margin:0;
    font-size:.8rem;
}

.apple-final {
    padding:0 0 var(--k-section-space);
}

.apple-final__panel {
    padding:clamp(2.5rem,6vw,5rem);
    border-radius:38px;
    background:linear-gradient(135deg,#101820,#153247 70%,#155a8c);
    color:#fff;
}

.apple-final__panel .kordyra-eyebrow { color:#79c7f8; }

.apple-final h2 {
    margin:.9rem 0 0;
    max-width:900px;
    color:#fff;
    font-size:clamp(2.3rem,5vw,4.4rem);
    line-height:1;
    letter-spacing:-.05em;
}

.apple-final__panel > p:not(.kordyra-eyebrow) {
    max-width:720px;
    color:rgba(255,255,255,.72);
    line-height:1.65;
}

@media(max-width:1120px) {
    .apple-devices__grid {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:1000px) {
    .apple-hero__grid,
    .apple-devices__heading,
    .apple-app-store__panel {
        grid-template-columns:1fr;
    }

    .apple-principles__grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .apple-continuity__flow {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px) {
    .apple-hero__devices { min-height:390px; }
    .apple-hero-device--desktop { width:68%; left:23%; }
    .apple-hero-device--tablet { width:40%; }
    .apple-hero-device--phone { width:26%; }
    .apple-principles__grid,
    .apple-devices__grid,
    .apple-continuity__flow {
        grid-template-columns:1fr;
    }

    .apple-device-card {
        min-height:auto;
    }

    .apple-device-card > p {
        min-height:auto;
    }
}