.os7-hero{padding:76px 0 60px;border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 70%,#fafaf8 100%)}.os7-hero-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(580px,1.28fr);gap:58px;align-items:center}.os7-badge{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.os7-badge:before{content:"";width:26px;height:3px;background:var(--red)}.os7-hero h1{font-size:clamp(50px,7vw,94px);line-height:.94;letter-spacing:-.065em;margin:18px 0}.os7-hero-copy p{max-width:650px;color:var(--muted);font-size:14px;line-height:1.9}.os7-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.os7-meta span{border:1px solid var(--line);padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.02em;background:#fff}.os7-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.os7-real-preview{margin:0;position:relative;min-width:0}.os7-preview-stage{position:relative;padding:26px 22px 34px;perspective:1400px;isolation:isolate}.os7-preview-stage:before{content:"";position:absolute;left:1%;right:1%;bottom:15px;height:42%;background:repeating-linear-gradient(90deg,rgba(130,130,125,.10) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,rgba(130,130,125,.08) 0 1px,transparent 1px 38px);transform:perspective(700px) rotateX(68deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 88%);z-index:-2}.os7-preview-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:20px;height:36px;background:radial-gradient(ellipse,rgba(0,0,0,.18),transparent 68%);filter:blur(11px);z-index:-1}.os7-screen-frame{position:relative;background:#fff;border:1px solid #d8d8d3;padding:7px;box-shadow:0 28px 70px rgba(0,0,0,.12);transform:rotateX(1.6deg) rotateY(-1.8deg);transform-origin:center center;transition:transform .45s cubic-bezier(.2,.78,.2,1),box-shadow .45s ease;overflow:hidden}.os7-screen-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 0 72%,rgba(254,38,1,.035) 72% 72.5%,transparent 72.5% 100%);z-index:2}.os7-screen-frame img{width:100%;height:auto;display:block;border:0;outline:0;user-select:none}.os7-real-preview:hover .os7-screen-frame{transform:translateY(-5px) rotateX(.6deg) rotateY(-.8deg);box-shadow:0 34px 82px rgba(0,0,0,.15)}.os7-real-preview figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 22px 0;font-size:10px;color:#777}.os7-real-preview figcaption strong{font-size:11px;color:#111;letter-spacing:.02em}.os7-section{padding:66px 0;border-bottom:1px solid var(--line)}.os7-section-grid{display:grid;grid-template-columns:250px 1fr;gap:38px}.os7-section h2{font-size:42px;letter-spacing:-.05em;line-height:1.05;margin:12px 0 10px}.os7-section .lead{color:var(--muted);font-size:13px;line-height:1.85}.os7-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.os7-spec{border:1px solid var(--line);padding:20px;background:#fff;min-height:154px;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}.os7-spec:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.055)}.os7-spec small{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}.os7-spec h3{font-size:19px;margin:0 0 8px}.os7-spec p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.os7-stack{display:grid;gap:10px}.os7-layer{border:1px solid var(--line);padding:17px 18px;display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:18px;background:#fff;transition:border-color .24s ease,transform .24s var(--ease)}.os7-layer:hover{border-color:#cfcfca;transform:translateX(3px)}.os7-layer b{font-size:12px}.os7-layer p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.os7-layer span{font-size:10px;color:var(--red);font-weight:800}.os7-status-list{display:grid;gap:0;border-top:1px solid var(--line)}.os7-status{display:grid;grid-template-columns:105px 220px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}.os7-status time{font-size:11px;color:var(--red);font-weight:800}.os7-status h3{font-size:17px;margin:0;line-height:1.4}.os7-status p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.os7-notice{border-left:3px solid var(--red);background:#fafaf8;padding:17px 19px;font-size:12px;line-height:1.85;color:#5f5f5f}.os7-real-preview,.os7-screen-frame,.os7-screen-frame img{-webkit-tap-highlight-color:transparent;outline:none!important}@media(max-width:1100px){.os7-hero-grid{grid-template-columns:1fr;gap:36px}.os7-real-preview{max-width:940px}.os7-preview-stage{padding-inline:10px}.os7-specs{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.os7-hero{padding:48px 0 34px}.os7-hero h1{font-size:56px}.os7-hero-grid{gap:26px}.os7-meta{gap:6px}.os7-meta span{font-size:9.5px;padding:6px 8px}.os7-preview-stage{padding:8px 0 18px;perspective:none}.os7-preview-stage:before{display:none}.os7-preview-stage:after{left:12%;right:12%;bottom:7px;height:20px}.os7-screen-frame{padding:3px;transform:none;box-shadow:0 15px 38px rgba(0,0,0,.10)}.os7-real-preview:hover .os7-screen-frame{transform:none;box-shadow:0 15px 38px rgba(0,0,0,.10)}.os7-real-preview figcaption{padding:8px 2px 0;display:block}.os7-real-preview figcaption span{display:block;margin-top:3px}.os7-section{padding:48px 0}.os7-section-grid{grid-template-columns:1fr;gap:19px}.os7-section h2{font-size:34px}.os7-specs{grid-template-columns:1fr}.os7-layer{grid-template-columns:1fr;gap:6px}.os7-layer span{justify-self:start}.os7-status{grid-template-columns:1fr;gap:5px;padding:17px 0}.os7-status h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.os7-screen-frame,.os7-spec,.os7-layer{transition:none!important}.os7-real-preview:hover .os7-screen-frame,.os7-spec:hover,.os7-layer:hover{transform:none!important}}