.brand-marks { position: absolute; z-index: 5; top: calc(var(--safe-y) * .58); right: var(--safe-x); left: var(--safe-x); display: flex; justify-content: space-between; align-items: center; direction: rtl; }
.brand-marks.neoline-only { direction: ltr; justify-content: flex-start; }
.brand-marks.neoline-only > img { width: clamp(25px, 2.1vw, 40px); height: clamp(29px, 2.4vw, 46px); object-fit: contain; }
.brand-prime { width: clamp(112px, 8vw, 154px); height: clamp(42px, 3.3vw, 64px); padding: 5px 10px; object-fit: contain; border-radius: 10px; background: rgba(255,255,255,.78); box-shadow: 0 8px 30px rgba(18,52,74,.08); backdrop-filter: blur(10px); }
.brand-placeholder { width: clamp(120px, 10vw, 188px); height: clamp(34px, 3vw, 48px); padding: 5px 10px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px dashed rgba(140, 92, 88, .65); color: var(--prime); direction: ltr; }
.brand-placeholder b { font: 700 clamp(9px, .7vw, 13px)/1 Arial, sans-serif; letter-spacing: .1em; }
.brand-placeholder small { max-width: 55px; font: 700 clamp(6px, .44vw, 8px)/1.2 Arial, sans-serif; opacity: .7; }
.powered { display: flex; align-items: center; gap: 9px; direction: ltr; }
.powered img { width: clamp(22px, 1.8vw, 34px); height: clamp(25px, 2vw, 39px); object-fit: contain; }
.powered small { color: var(--muted); font: 700 clamp(8px, .62vw, 12px)/1.2 Arial, sans-serif; letter-spacing: .05em; }

.media-frame { position: relative; width: 100%; margin: 0; overflow: hidden; border: 1px solid rgba(18,52,74,.14); background: #edf2f5; border-radius: calc(var(--radius) * 1.8); box-shadow: var(--shadow); }
.media-frame.ratio-wide { aspect-ratio: 16 / 9; }
.media-frame.ratio-square { aspect-ratio: 1; }
.media-frame img { width: 100%; height: 100%; display: block; object-fit: cover; }
.media-frame.fit-contain img { object-fit: contain; }
.media-frame.fit-contain { background: linear-gradient(145deg, #fff, #e9f2f8); }
.media-frame figcaption { position: absolute; right: clamp(10px, 1vw, 18px); bottom: clamp(9px, .8vw, 15px); left: clamp(10px, 1vw, 18px); width: fit-content; max-width: calc(100% - 24px); padding: 8px 11px; display: flex; align-items: center; gap: 10px; direction: ltr; color: #fff; border-radius: 6px; background: rgba(13,36,52,.76); font-family: Arial, sans-serif; backdrop-filter: blur(8px); }
.media-frame figcaption b { font-size: clamp(10px, .75vw, 14px); letter-spacing: .12em; }
.media-frame figcaption small { font-size: clamp(8px, .58vw, 11px); opacity: .55; }
.media-frame.is-placeholder { display: grid; place-items: center; background: linear-gradient(135deg, rgba(109, 60, 145, .035), rgba(140, 92, 88, .09)); }
.media-frame.is-placeholder::before, .media-frame.is-placeholder::after { content: ''; position: absolute; background: rgba(33, 27, 37, .12); }
.media-frame.is-placeholder::before { width: 130%; height: 1px; transform: rotate(29deg); }
.media-frame.is-placeholder::after { width: 130%; height: 1px; transform: rotate(-29deg); }
.media-cross { width: 14%; aspect-ratio: 1; border: 1px solid rgba(33, 27, 37, .2); border-radius: 50%; }

.cover-layout { position: absolute; inset: 0; overflow: hidden; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; color: var(--white); background: linear-gradient(140deg, #21162b, #182d42); }
.cover-layout::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 18% 22%, rgba(139,103,196,.38), transparent 35%), radial-gradient(circle at 90% 70%, rgba(102,194,122,.18), transparent 30%); }
.cover-content { position: relative; z-index: 2; grid-column: 2; padding-left: var(--safe-x); }
.cover-content > img { width: clamp(58px, 6vw, 116px); max-height: 130px; margin-bottom: clamp(20px, 2.5vw, 44px); object-fit: contain; filter: brightness(0) invert(1); }
.cover-content .eyebrow { color: #d8b8e9; }
.cover-content h1 { margin: 0; max-width: 8ch; font: 700 clamp(48px, 5.3vw, 102px)/1.02 Arial, sans-serif; letter-spacing: -.055em; }
.cover-content > p:not(.eyebrow) { max-width: 32ch; margin: clamp(20px, 2vw, 36px) 0 0; font-size: clamp(20px, 1.7vw, 32px); line-height: 1.75; }
.cover-content > span { display: block; margin-top: clamp(28px, 3vw, 54px); color: rgba(255,255,255,.55); font: 700 clamp(10px, .72vw, 14px)/1 Arial, sans-serif; letter-spacing: .16em; }
.n-sculpture { position: relative; z-index: 1; grid-column: 1; width: 82%; height: 68%; margin-right: 8%; transform: skewX(-8deg); }
.n-sculpture i { position: absolute; display: block; background: linear-gradient(180deg, #8e6ac5, #6745a1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 80px rgba(107,80,167,.25); }
.n-sculpture i:nth-child(1), .n-sculpture i:nth-child(3) { top: 0; bottom: 0; width: 24%; }
.n-sculpture i:nth-child(1) { right: 6%; }
.n-sculpture i:nth-child(3) { left: 6%; }
.n-sculpture i:nth-child(2) { top: 8%; right: 23%; width: 25%; height: 104%; transform: rotate(-38deg); transform-origin: top right; }

.tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(22px, 2.2vw, 42px); }
.tag-row span { padding: 9px 13px 8px; border: 1px solid var(--line); color: var(--neoline); font: 700 clamp(10px, .76vw, 15px)/1 Arial, sans-serif; letter-spacing: .12em; }
.identity-lines { display: grid; gap: 8px; width: min(100%, 540px); margin-top: clamp(18px, 1.8vw, 32px); }
.identity-lines img { display: block; max-width: 100%; max-height: 36px; object-fit: contain; object-position: right center; }
.identity-lines img:first-child { padding: 7px 12px; border-radius: 4px; background: var(--lime); }
.identity-lines img:last-child { max-height: 19px; opacity: .9; }
.feature-list li { padding: clamp(10px, 1vw, 18px) 22px clamp(10px, 1vw, 18px) 0; border-top: 1px solid var(--line); }
.feature-list li:last-child { border-bottom: 1px solid var(--line); }
.compact-list { columns: 2; column-gap: 25px; }
.compact-list li { break-inside: avoid; margin-bottom: 8px; }
.signature { margin-top: clamp(18px, 2vw, 36px); padding-top: 15px; border-top: 1px solid var(--line); display: grid; gap: 6px; direction: ltr; }
.signature b { font: 700 clamp(12px, .92vw, 18px)/1.4 Arial, sans-serif; }
.signature small { color: var(--muted); font: 700 clamp(9px, .63vw, 12px)/1.2 Arial, sans-serif; letter-spacing: .06em; }

.benchmark-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); direction: ltr; }
.benchmark-item { min-width: 0; padding: clamp(10px, .85vw, 16px); border-left: 1px solid rgba(255,255,255,.14); }
.benchmark-item:first-child { border-left: 0; }
.benchmark-media { aspect-ratio: 16 / 7.5; display: flex; align-items: flex-end; justify-content: space-between; padding: 9px; background: linear-gradient(135deg, rgba(185,219,239,.16), rgba(107,80,167,.2)); border-bottom: 2px solid var(--lime); color: #d9f2e0; }
.benchmark-media span { font: 700 clamp(16px, 1.4vw, 27px)/1 Arial, sans-serif; }
.benchmark-media small { text-align: right; font: 700 clamp(7px, .52vw, 10px)/1.25 Arial, sans-serif; letter-spacing: .09em; }
.benchmark-copy { padding-top: clamp(10px, .9vw, 17px); direction: rtl; }
.benchmark-copy h2 { min-height: 2.6em; margin: 0; font: 700 clamp(15px, 1.08vw, 21px)/1.3 Arial, sans-serif; direction: ltr; text-align: left; }
.benchmark-copy p, .benchmark-copy strong { display: block; margin: 7px 0 0; font-size: clamp(12px, .84vw, 16px); line-height: 1.55; }
.benchmark-copy p { color: rgba(255,255,255,.58); }
.benchmark-copy strong { font-weight: 600; }
.benchmark-copy a { display: inline-block; margin-top: 9px; color: var(--lime); font: 700 clamp(8px, .55vw, 11px)/1 Arial, sans-serif; letter-spacing: .09em; text-decoration: none; }
.benchmark-summary { max-width: 106ch; margin: 0; padding-right: 17px; border-right: 3px solid var(--lime); color: rgba(255,255,255,.82); font-size: clamp(14px, 1.05vw, 20px); line-height: 1.75; }

.journey-line { display: grid; grid-template-columns: repeat(7, 1fr); margin: 0; padding: 0; list-style: none; direction: rtl; }
.journey-line li { position: relative; min-height: clamp(112px, 9vw, 172px); padding: clamp(12px, 1.2vw, 22px) clamp(10px, 1vw, 18px); border-top: 2px solid var(--prime); }
.journey-line li:not(:last-child)::after { content: '←'; position: absolute; top: -15px; left: -8px; width: 28px; text-align: center; background: var(--paper); color: var(--prime); font: 20px Arial; }
.journey-line b { display: block; color: var(--prime); font: 700 clamp(11px, .78vw, 15px)/1 Arial; }
.journey-line span { display: block; margin-top: clamp(12px, 1.3vw, 24px); font-size: clamp(13px, .98vw, 19px); line-height: 1.65; }
.inline-note { margin: 0; padding: 10px 15px; border-right: 3px solid var(--prime); background: rgba(140,92,88,.07); }

.assistant-heading > p { margin: 18px 0 0; font-size: clamp(16px, 1.25vw, 24px); }
.assistant-module { min-width: 0; }
.assistant-toolbar { min-height: 44px; display: flex; justify-content: space-between; align-items: center; gap: 15px; direction: rtl; }
.assistant-toolbar > div { display: flex; gap: 8px; }
.assistant-toolbar button, .assistant-toolbar a { padding: 8px 12px; border: 1px solid var(--line); background: transparent; color: var(--ink); text-decoration: none; font-size: clamp(11px, .75vw, 14px); cursor: pointer; }
.assistant-toolbar button:disabled, .assistant-toolbar .is-disabled { opacity: .38; pointer-events: none; }
.connection-state { display: flex; align-items: center; gap: 8px; font-size: clamp(11px, .78vw, 15px); }
.connection-state i { width: 9px; height: 9px; border-radius: 50%; background: #a6a0a8; box-shadow: 0 0 0 3px rgba(166,160,168,.18); }
.connection-state.is-online i { background: #298461; box-shadow: 0 0 0 3px rgba(41,132,97,.18); }
.connection-state.is-loading i { background: #b57f24; }
.connection-state.is-error i { background: #b04444; }
.connection-state.is-preview i { background: var(--prime); box-shadow: 0 0 0 3px rgba(197,141,69,.18); }
.assistant-viewport { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgba(18,52,74,.16); border-radius: 18px; background: var(--neoline-dark); color: var(--white); box-shadow: 0 28px 80px rgba(18,52,74,.22); }
.assistant-viewport iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #fff; }
.assistant-empty, .assistant-loading, .assistant-error { position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; justify-items: center; padding: 7%; text-align: center; }
.assistant-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .34; filter: saturate(.75) brightness(.68); transition: opacity var(--motion) var(--ease), filter var(--motion) var(--ease); }
.assistant-module.is-local-preview .assistant-poster { opacity: 1; filter: none; }
.assistant-local-note { position: absolute; z-index: 3; right: 18px; bottom: 18px; max-width: 360px; padding: 12px 15px; display: grid; gap: 3px; color: #fff; border-radius: 9px; background: rgba(18,52,74,.9); box-shadow: 0 12px 36px rgba(18,52,74,.25); backdrop-filter: blur(10px); }
.assistant-local-note b { font-size: clamp(12px,.9vw,17px); }
.assistant-local-note span { color: rgba(255,255,255,.68); font-size: clamp(9px,.65vw,12px); line-height: 1.55; }
.assistant-empty span { color: #c99ee2; font: 700 clamp(10px, .75vw, 14px)/1 Arial; letter-spacing: .14em; }
.assistant-empty h2 { max-width: 34ch; margin: 22px 0 10px; font-size: clamp(19px, 1.7vw, 32px); line-height: 1.65; }
.assistant-empty p { max-width: 48ch; margin: 0; color: rgba(255,255,255,.6); font-size: clamp(13px, .9vw, 17px); line-height: 1.7; }
.assistant-loading span { width: 34px; height: 34px; border: 2px solid rgba(255,255,255,.18); border-top-color: #fff; border-radius: 50%; animation: spin .8s linear infinite; }
.assistant-error button { margin-top: 10px; padding: 8px 14px; }

/* iOS 27 concept — Liquid Glass is limited to controls and floating UI layers. */
.concept-ios27 .brand-marks { z-index: 8; }
.type-why.concept-ios27 .brand-marks.neoline-only > img { width: clamp(32px,2.7vw,52px); height: clamp(36px,3vw,58px); padding: 8px; border: 1px solid rgba(255,255,255,.7); border-radius: 18px; background: rgba(255,255,255,.44); box-shadow: inset 0 1px 0 rgba(255,255,255,.86),0 14px 36px rgba(36,50,96,.12); backdrop-filter: blur(24px) saturate(155%); }
.concept-ios27 .brand-prime { border: 1px solid rgba(255,255,255,.66); border-radius: 18px; background: rgba(255,255,255,.68); box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 14px 36px rgba(22,37,66,.1); backdrop-filter: blur(24px) saturate(145%); }
.concept-ios27 .powered { padding: 7px 11px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.46); backdrop-filter: blur(22px) saturate(150%); }
.type-assistant.concept-ios27 .powered small { color: rgba(255,255,255,.68); }
.type-assistant.concept-ios27 .powered img { filter: brightness(0) invert(1); }
.ios27-system-pill { width: fit-content; min-height: 38px; margin-bottom: clamp(20px, 2vw, 36px); padding: 6px 8px 6px 14px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; color: #1a2440; background: linear-gradient(135deg, rgba(255,255,255,.64), rgba(255,255,255,.28)); box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 14px 40px rgba(57,65,105,.1); backdrop-filter: blur(26px) saturate(165%); font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
.ios27-system-pill > i { width: 9px; height: 9px; border-radius: 50%; background: #43d18f; box-shadow: 0 0 0 5px rgba(67,209,143,.13); }
.ios27-system-pill span { font-size: clamp(9px,.65vw,12px); font-weight: 750; letter-spacing: .11em; }
.ios27-system-pill small { margin-left: 3px; padding: 6px 9px; border-radius: 999px; color: #fff; background: #202b47; font-size: clamp(7px,.48vw,9px); font-weight: 750; letter-spacing: .09em; }
.type-assistant.concept-ios27 .ios27-system-pill { color: rgba(255,255,255,.88); border-color: rgba(255,255,255,.24); background: linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.08)); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 18px 50px rgba(0,0,0,.18); }
.type-assistant.concept-ios27 .ios27-system-pill small { color: #07111c; background: rgba(223,246,255,.92); }
.ios27-why-copy { position: relative; z-index: 2; min-width: 0; }
.ios27-why-copy .slide-heading { max-width: 720px; }
.ios27-why-copy .slide-heading h1 { max-width: 13ch; color: #10182c; font-size: clamp(42px, 4.15vw, 80px); font-weight: 820; letter-spacing: -.065em; line-height: 1.13; text-shadow: 0 2px 0 rgba(255,255,255,.52); }
.ios27-why-copy .slide-heading .lead { max-width: 52ch; color: #3e4964; font-size: clamp(15px, 1.08vw, 21px); line-height: 1.9; }
.ios27-why-copy .eyebrow, .ios27-assistant-copy .eyebrow { margin-bottom: 9px; color: #6953d9; font-size: clamp(9px,.6vw,12px); letter-spacing: .22em; }
.ios27-focus-row { margin-top: clamp(19px, 1.8vw, 32px); display: flex; align-items: center; gap: 9px; color: #28334d; }
.ios27-focus-row span { padding: 9px 13px; border: 1px solid rgba(56,67,103,.1); border-radius: 14px; background: rgba(255,255,255,.76); box-shadow: 0 8px 24px rgba(46,59,101,.07); font-size: clamp(11px,.78vw,15px); font-weight: 650; }
.ios27-focus-row b { margin-left: 4px; color: #7258ef; font: 750 clamp(8px,.54vw,10px)/1 -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
.ios27-focus-row > i { color: #71809d; font-style: normal; }
.ios27-why-copy .identity-lines { width: min(100%, 470px); margin-top: clamp(15px,1.4vw,24px); opacity: .86; }
.ios27-why-copy .identity-lines img:first-child { padding: 6px 10px; border-radius: 12px; box-shadow: 0 9px 24px rgba(53,153,78,.12); }
.ios27-why-visual { position: relative; min-width: 0; padding: clamp(16px,1.5vw,28px) 0 clamp(38px,3.7vw,70px); perspective: 1400px; }
.ios27-content-card { border: 1px solid rgba(255,255,255,.78); border-radius: clamp(28px,2.6vw,48px); background: rgba(255,255,255,.35); box-shadow: inset 0 1px 0 #fff, 0 42px 90px rgba(52,65,119,.22), 0 8px 24px rgba(68,83,143,.12); transform: rotateY(-3deg) rotateX(1deg); }
.ios27-content-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(125deg, rgba(255,255,255,.5), transparent 24% 72%, rgba(151,226,255,.18)); }
.ios27-content-card figcaption { display: none; }
.ios27-content-card img { filter: saturate(.92) contrast(1.02); }
.ios27-visual-note { position: absolute; z-index: 3; right: clamp(-18px,-1vw,-8px); bottom: clamp(62px,6vw,112px); width: min(60%, 360px); padding: clamp(13px,1.3vw,22px); display: grid; gap: 5px; border: 1px solid rgba(255,255,255,.8); border-radius: 24px; color: #15213a; background: rgba(250,252,255,.9); box-shadow: 0 24px 54px rgba(39,52,99,.18); }
.ios27-visual-note small { color: #6d59d9; font: 780 clamp(7px,.48vw,9px)/1.2 -apple-system, BlinkMacSystemFont, Arial, sans-serif; letter-spacing: .13em; }
.ios27-visual-note b { font-size: clamp(14px,1.1vw,21px); }
.ios27-visual-note span { color: #65708a; font-size: clamp(9px,.68vw,13px); }
.ios27-glass-dock { position: absolute; z-index: 4; right: 6%; bottom: 0; left: 6%; min-height: clamp(50px,4.5vw,76px); padding: 8px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; gap: 5px; border: 1px solid rgba(255,255,255,.75); border-radius: 999px; background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(237,245,255,.3)); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 22px 50px rgba(37,51,103,.16); backdrop-filter: blur(28px) saturate(170%); }
.ios27-glass-dock span { min-width: 0; padding: 10px 7px; display: flex; justify-content: center; align-items: center; gap: 6px; border-radius: 999px; color: #40506d; font: 750 clamp(7px,.56vw,11px)/1 -apple-system, BlinkMacSystemFont, Arial, sans-serif; letter-spacing: .07em; }
.ios27-glass-dock span i { width: 5px; height: 5px; border-radius: 50%; background: #95a0b6; }
.ios27-glass-dock span.is-active { color: #fff; background: linear-gradient(135deg,#7056ee,#3f77eb); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 7px 18px rgba(74,84,213,.26); }
.ios27-glass-dock span.is-active i { background: #a8f4d0; box-shadow: 0 0 0 4px rgba(168,244,208,.14); }
.ios27-assistant-copy { position: relative; z-index: 2; min-width: 0; }
.ios27-assistant-copy .slide-heading h1 { max-width: 8ch; color: #f5f9ff; font-size: clamp(42px,4.25vw,82px); font-weight: 780; letter-spacing: -.065em; line-height: 1.1; }
.ios27-assistant-copy .eyebrow { color: #80dcff; }
.ios27-assistant-copy > p { margin: clamp(15px,1.5vw,26px) 0 0; color: rgba(236,246,255,.66); font-size: clamp(16px,1.2vw,23px); }
.ios27-assistant-copy .tag-row { margin-top: clamp(17px,1.7vw,28px); gap: 6px; }
.ios27-assistant-copy .tag-row span { padding: 8px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(238,248,255,.7); background: rgba(255,255,255,.07); backdrop-filter: blur(16px); font-size: clamp(7px,.5vw,10px); }
.ios27-voice-orb { position: relative; width: clamp(76px,7vw,132px); aspect-ratio: 1; margin-top: clamp(22px,2.5vw,46px); display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: radial-gradient(circle at 36% 28%, rgba(255,255,255,.82), rgba(95,209,255,.46) 24%, rgba(111,77,228,.58) 58%, rgba(20,27,53,.22) 72%); box-shadow: inset 0 0 28px rgba(255,255,255,.24), 0 0 0 9px rgba(255,255,255,.045), 0 20px 55px rgba(66,93,255,.34); }
.ios27-voice-orb span { width: 22%; height: 38%; border: 2px solid rgba(255,255,255,.9); border-top: 0; border-radius: 0 0 999px 999px; }
.ios27-voice-orb i { position: absolute; bottom: 27%; width: 32%; height: 2px; background: rgba(255,255,255,.88); }
.ios27-voice-orb b { position: absolute; right: -10px; bottom: -24px; color: rgba(224,242,255,.52); font: 760 clamp(7px,.46vw,9px)/1 -apple-system, BlinkMacSystemFont, Arial, sans-serif; letter-spacing: .14em; white-space: nowrap; }
.ios27-assistant-window { position: relative; min-width: 0; padding: 8px 8px 38px; border: 1px solid rgba(255,255,255,.25); border-radius: clamp(34px,3vw,54px); background: linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07)); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 42px 110px rgba(0,0,0,.38), 0 0 70px rgba(80,178,255,.1); backdrop-filter: blur(30px) saturate(150%); }
.ios27-assistant-window .assistant-module { position: relative; }
.ios27-assistant-window .assistant-toolbar { position: absolute; z-index: 6; top: 14px; right: 14px; left: 14px; min-height: 46px; padding: 6px 7px 6px 12px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; color: #172238; background: linear-gradient(135deg,rgba(255,255,255,.82),rgba(240,247,255,.54)); box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 12px 34px rgba(19,32,57,.14); backdrop-filter: blur(28px) saturate(180%); }
.ios27-assistant-window .assistant-toolbar > div { gap: 5px; }
.ios27-assistant-window .assistant-toolbar button, .ios27-assistant-window .assistant-toolbar a { min-height: 34px; padding: 7px 11px; display: flex; align-items: center; gap: 6px; border: 0; border-radius: 999px; color: #26334b; background: rgba(255,255,255,.54); box-shadow: inset 0 0 0 1px rgba(53,70,103,.08); font-size: clamp(9px,.65vw,12px); font-weight: 650; }
.ios27-assistant-window .assistant-toolbar a { color: #fff; background: linear-gradient(135deg,#6155df,#337fe9); box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 7px 16px rgba(64,84,217,.25); }
.ios27-assistant-window .connection-state { font-size: clamp(9px,.67vw,13px); font-weight: 650; }
.ios27-assistant-window .assistant-viewport { border: 1px solid rgba(255,255,255,.24); border-radius: clamp(28px,2.6vw,46px); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 20px 58px rgba(0,0,0,.28); }
.ios27-assistant-window .assistant-local-note { right: 18px; bottom: 18px; border: 1px solid rgba(255,255,255,.56); border-radius: 22px; color: #172238; background: rgba(249,252,255,.82); box-shadow: inset 0 1px 0 rgba(255,255,255,.92),0 18px 45px rgba(15,29,52,.22); backdrop-filter: blur(24px) saturate(160%); }
.ios27-assistant-window .assistant-local-note span { color: #68758d; }
.ios27-window-caption { position: absolute; right: 28px; bottom: 13px; left: 28px; display: flex; align-items: center; justify-content: center; gap: 9px; color: rgba(229,244,255,.7); font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
.ios27-window-caption span { font-size: clamp(7px,.5vw,10px); font-weight: 750; letter-spacing: .11em; }
.ios27-window-caption i { width: 4px; height: 4px; border-radius: 50%; background: #55dca9; box-shadow: 0 0 0 4px rgba(85,220,169,.1); }
.ios27-window-caption small { font-size: clamp(6px,.43vw,8px); letter-spacing: .1em; opacity: .6; }

@media (max-width: 980px), (max-height: 650px) {
  .ios27-system-pill { min-height: 31px; margin-bottom: 13px; }
  .ios27-why-copy .slide-heading h1, .ios27-assistant-copy .slide-heading h1 { font-size: clamp(34px,4vw,56px); }
  .ios27-why-copy .slide-heading .lead { font-size: clamp(13px,1.05vw,17px); line-height: 1.65; }
  .ios27-focus-row { margin-top: 12px; }
  .ios27-why-copy .identity-lines { margin-top: 11px; }
  .ios27-visual-note { bottom: 55px; }
  .ios27-voice-orb { width: 70px; margin-top: 17px; }
  .ios27-assistant-copy .tag-row { margin-top: 13px; }
  .ios27-assistant-window { padding-bottom: 31px; }
}

@media (max-width: 700px) {
  .ios27-why-visual { margin-top: 18px; }
  .ios27-visual-note { right: 10px; bottom: 62px; }
  .ios27-assistant-window { margin-top: 20px; }
}

.knowledge-flow { display: flex; align-items: center; gap: 9px; margin: clamp(18px, 1.7vw, 32px) 0; }
.knowledge-flow span { padding: clamp(8px, .75vw, 14px); border: 1px solid var(--line); font: 700 clamp(10px, .82vw, 16px)/1.25 Arial; text-align: center; }
.knowledge-flow span:nth-of-type(2) { color: #fff; background: var(--neoline); border-color: var(--neoline); }
.knowledge-flow i { color: var(--neoline); font-style: normal; }
.trust-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; }
.trust-list li + li { margin-top: 0; }

.scenario-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: clamp(18px, 1.8vw, 32px); }
.scenario-row article { padding: clamp(11px, 1vw, 18px); border-top: 2px solid var(--prime); background: rgba(140,92,88,.06); }
.scenario-row b { font: 700 clamp(13px, 1vw, 19px)/1.3 Arial; }
.scenario-row p { margin: 8px 0 0; font-size: clamp(13px, .9vw, 17px); line-height: 1.65; }
.value-list { display: flex; flex-wrap: wrap; gap: 9px 22px; }
.value-list li + li { margin-top: 0; }

.output-list { columns: 2; column-gap: 22px; }
.output-list li { break-inside: avoid; margin-bottom: 7px; }
.privacy-note { margin: 18px 0 0; padding: 11px 14px; border-right: 3px solid var(--neoline); background: rgba(109,60,145,.06); color: var(--muted); }
.dashboard-shell { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; direction: rtl; }
.dashboard-top { min-height: 45px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.dashboard-top b { color: var(--neoline); font: 700 clamp(9px, .62vw, 12px)/1 Arial; }
.dashboard-top span { color: var(--muted); font-size: clamp(10px, .68vw, 13px); }
.dashboard-grid { padding: clamp(12px, 1.2vw, 22px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 1vw, 18px); }
.chart-shell { min-height: clamp(135px, 12vw, 230px); padding: clamp(10px, 1vw, 18px); border: 1px solid var(--line); }
.chart-shell:first-child { grid-row: span 2; }
.chart-shell header { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.chart-shell header span { font-size: clamp(11px, .82vw, 16px); font-weight: 700; }
.chart-shell header small { color: var(--prime); font: 700 clamp(6px, .45vw, 9px)/1 Arial; letter-spacing: .08em; }
.chart-canvas { position: relative; height: calc(100% - 38px); margin-top: 15px; overflow: hidden; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background: repeating-linear-gradient(to top, transparent 0 24%, rgba(33,27,37,.07) 25%); direction: ltr; }
.chart-canvas i { position: absolute; bottom: 0; width: 10%; background: rgba(109,60,145,.17); border-top: 2px solid var(--neoline); }
.chart-canvas i:nth-child(1) { left: 8%; height: 28%; }.chart-canvas i:nth-child(2) { left: 27%; height: 46%; }.chart-canvas i:nth-child(3) { left: 46%; height: 38%; }.chart-canvas i:nth-child(4) { left: 65%; height: 68%; }.chart-canvas i:nth-child(5) { left: 84%; height: 54%; }
.chart-canvas span { position: absolute; inset: 18% 4% 12%; border-top: 2px dashed var(--prime); transform: skewY(-11deg); opacity: .65; }
.dashboard-visual { position: relative; margin: 0; aspect-ratio: 16 / 10.3; overflow: hidden; border: 1px solid rgba(18,52,74,.14); border-radius: 18px; background: #edf2f5; box-shadow: var(--shadow); }
.dashboard-visual > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top center; }
.dashboard-visual figcaption { position: absolute; right: 20px; bottom: 18px; display: grid; gap: 3px; padding: 11px 14px; color: #fff; border-radius: 8px; background: rgba(18,52,74,.9); direction: ltr; box-shadow: 0 10px 30px rgba(18,52,74,.2); }
.dashboard-visual figcaption span, .dashboard-visual figcaption small { font: 700 clamp(7px,.52vw,10px)/1.2 Arial; letter-spacing: .12em; }
.dashboard-visual figcaption b { color: var(--sky); font: 800 clamp(11px,.8vw,16px)/1.2 Arial; }

.platform-list { display: flex; flex-wrap: wrap; gap: 8px; }
.platform-list li { flex: 1 1 43%; padding: 8px 20px 8px 0; border-bottom: 1px solid var(--line); }
.platform-list li + li { margin-top: 0; }
.construction-note { display: grid; gap: 4px; margin: 17px 0 0; padding: 11px 14px; background: rgba(140,92,88,.07); }
.construction-note b, .pilot-note b { color: var(--prime); }

.process-timeline { display: grid; grid-template-columns: repeat(6, 1fr); margin: clamp(20px, 2vw, 38px) 0; padding: 0; list-style: none; direction: ltr; }
.process-timeline li { position: relative; padding-top: 16px; border-top: 2px solid var(--neoline); }
.process-timeline span { display: block; color: var(--neoline); font: 700 clamp(9px, .62vw, 12px)/1 Arial; }
.process-timeline b { display: block; margin-top: 9px; font: 700 clamp(10px, .8vw, 15px)/1 Arial; }
.pilot-note { display: grid; gap: 5px; margin: 0; padding: 13px 16px; border-right: 3px solid var(--prime); background: rgba(140,92,88,.06); }
.service-panel { display: grid; gap: clamp(16px, 1.5vw, 28px); }
.service-panel section { padding: clamp(17px, 1.5vw, 28px); border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.055); backdrop-filter: blur(8px); }
.service-list { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; margin-top: 10px; }
.service-list li { font-size: clamp(12px, .85vw, 16px); }
.service-list li + li { margin-top: 0; }
.metric-cloud { display: flex; flex-wrap: wrap; gap: 7px; }
.metric-cloud span { padding: 7px 10px; background: rgba(109,60,145,.08); font-size: clamp(11px, .76vw, 14px); }

.type-benchmarks .brand-prime, .type-shelf .brand-prime, .type-service .brand-prime, .type-final .brand-prime { background: rgba(255,255,255,.94); }
.type-benchmarks .powered small, .type-shelf .powered small, .type-service .powered small, .type-final .powered small { color: rgba(255,255,255,.7); }
.type-benchmarks .powered img, .type-shelf .powered img, .type-service .powered img, .type-final .powered img { filter: brightness(0) invert(1); }
.type-shelf .scenario-row article { border-color: var(--sky); background: rgba(185,219,239,.08); }
.type-shelf .scenario-row p { color: rgba(255,255,255,.68); }
.type-shelf .clean-list li::before, .type-service .clean-list li::before, .type-final .clean-list li::before { border-color: var(--lime); box-shadow: 0 0 0 4px rgba(102,194,122,.12); }
.type-service .pilot-note { background: rgba(255,255,255,.06); }
.type-service .process-timeline li { border-color: var(--lime); }
.type-service .process-timeline span, .type-service .eyebrow { color: #9be0aa; }
.type-service .metric-cloud span { background: rgba(102,194,122,.12); }
.type-final .final-signature { border-color: rgba(255,255,255,.2); }
.type-final .final-signature strong { color: var(--sky); }
.type-final .final-signature small { color: rgba(255,255,255,.5); }

.next-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 18px; }
.next-list li + li { margin-top: 0; }
.final-signature { margin-top: clamp(20px, 2vw, 38px); padding-top: 15px; display: grid; gap: 5px; border-top: 1px solid var(--line); direction: ltr; }
.final-signature b { font: 700 clamp(17px, 1.4vw, 27px)/1.2 Arial; }
.final-signature strong { color: var(--prime); font: 700 clamp(12px, .9vw, 18px)/1.2 Arial; }
.final-signature small { color: var(--muted); font: 700 clamp(8px, .6vw, 12px)/1.2 Arial; letter-spacing: .08em; }

.deck-progress { position: fixed; z-index: 40; top: 0; right: 0; left: 0; height: 3px; background: url('../media/neoline/neoline-gradient-line.jpg') center / cover no-repeat, rgba(255,255,255,.12); direction: ltr; }
.deck-progress span { display: block; width: 100%; height: 100%; transform-origin: left; background: #d39bea; transition: transform var(--motion) var(--ease); }
.slide-status { position: fixed; z-index: 40; top: 22px; left: 26px; display: flex; align-items: baseline; gap: 5px; direction: ltr; color: rgba(255,255,255,.8); mix-blend-mode: difference; font-family: Arial, sans-serif; }
.slide-status strong { font-size: 17px; }.slide-status span { font-size: 10px; opacity: .65; }
.deck-controls { position: fixed; z-index: 40; right: 22px; bottom: 20px; display: flex; gap: 6px; direction: ltr; }
.deck-controls button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(27,20,31,.9); color: #fff; cursor: pointer; font: 17px Arial; backdrop-filter: blur(8px); }
.deck-controls button:disabled { opacity: .32; cursor: default; }
.control-divider { width: 1px; height: 26px; margin: 7px 3px; background: rgba(255,255,255,.25); }
.map-backdrop { position: fixed; z-index: 48; inset: 0; background: rgba(16,11,18,.46); }
.slide-map { position: fixed; z-index: 50; top: 0; bottom: 0; left: 0; width: min(470px, 92vw); padding: 34px; overflow-y: auto; background: var(--neoline-dark); color: #fff; transform: translateX(-102%); transition: transform var(--motion) var(--ease); }
.slide-map.is-open { transform: translateX(0); }
.slide-map header { position: relative; padding-bottom: 22px; border-bottom: 1px solid var(--line-light); }
.slide-map header p { margin: 0; color: #d5afe7; font: 700 11px Arial; letter-spacing: .15em; }
.slide-map h2 { margin: 8px 0 0; font-size: 32px; }
.slide-map header button { position: absolute; top: 0; left: 0; width: 38px; height: 38px; border: 1px solid var(--line-light); border-radius: 50%; background: transparent; color: #fff; cursor: pointer; font: 24px Arial; }
.slide-map nav { display: grid; }
.slide-map nav button { display: grid; grid-template-columns: 38px 1fr; gap: 3px 13px; padding: 12px 4px; border: 0; border-bottom: 1px solid rgba(255,255,255,.1); background: transparent; color: rgba(255,255,255,.72); text-align: right; cursor: pointer; }
.slide-map nav button > span { grid-row: 1 / 3; color: #c69bdc; font: 700 12px/1.5 Arial; direction: ltr; }
.slide-map nav button b { overflow: hidden; font-size: 14px; font-weight: 600; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; }
.slide-map nav button small { color: rgba(255,255,255,.38); font: 700 8px/1.2 Arial; letter-spacing: .1em; direction: ltr; text-align: left; }
.slide-map nav button.is-active { color: #fff; background: rgba(255,255,255,.06); }

@media (max-width: 980px), (max-height: 650px) {
  .brand-marks { top: 18px; }
  .compact-list { columns: 1; }
  .clean-list li { line-height: 1.55; }
  .benchmark-layout { gap: 12px; }
  .benchmark-item { padding: 8px; }
  .benchmark-copy p, .benchmark-copy strong { margin-top: 4px; }
  .benchmark-copy a { margin-top: 5px; }
  .assistant-toolbar { min-height: 35px; }
  .chart-shell { min-height: 120px; }
}

@media (max-width: 700px) {
  .brand-marks { top: 22px; right: 24px; left: 24px; }
  .cover-layout { position: relative; min-height: 100svh; grid-template-columns: 1fr; }
  .n-sculpture { position: absolute; inset: 8% auto auto -8%; width: 70%; height: 45%; opacity: .45; }
  .cover-content { grid-column: 1; padding: 24px; }
  .media-pair, .shelf-media, .platform-media > div { grid-template-columns: 1fr; }
  .journey-line { grid-template-columns: 1fr; }
  .journey-line li { min-height: 72px; border-top: 0; border-right: 2px solid var(--prime); }
  .journey-line li:not(:last-child)::after { display: none; }
  .trust-list, .scenario-row, .output-list, .service-list, .next-list { display: grid; grid-template-columns: 1fr; columns: auto; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .chart-shell:first-child { grid-row: auto; }
  .process-timeline { grid-template-columns: repeat(3, 1fr); row-gap: 24px; }
  .deck-controls { right: 14px; bottom: 12px; }
  .slide-status { top: 14px; left: 16px; }
}

/* Refined proposal slides */
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.cover-minimal { position: absolute; inset: 0; overflow: hidden; color: #f7f8fb; background: radial-gradient(circle at 78% 16%, rgba(84,117,158,.22), transparent 28%), radial-gradient(circle at 14% 92%, rgba(109,80,167,.24), transparent 34%), linear-gradient(138deg,#09141e 0%,#102737 58%,#131927 100%); direction: ltr; }
.cover-minimal::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg,#6b50a7,#b9dbef 55%,#c58d45); }
.cover-lockup { position: absolute; z-index: 3; top: clamp(36px,4.2vw,80px); left: var(--safe-x); min-height: 72px; padding: 10px 18px; display: flex; align-items: center; gap: 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 18px 55px rgba(0,0,0,.2); }
.cover-lockup img { display: block; object-fit: contain; filter: none; }
.cover-lockup img:first-child { width: clamp(38px,3vw,58px); height: auto; aspect-ratio: 168/190; }
.cover-lockup img:last-child { width: clamp(104px,8vw,154px); height: auto; aspect-ratio: 567/342; }
.cover-lockup i { color: #9ba3ac; font: 300 21px/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; }
.cover-core { position: absolute; z-index: 2; top: 50%; right: var(--safe-x); width: min(56%,1020px); transform: translateY(-50%); text-align: left; }
.cover-core > p { margin: 0 0 clamp(18px,2vw,34px); color: #a9cde4; font: 750 clamp(9px,.72vw,14px)/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif; letter-spacing: .2em; }
.cover-core h1 { margin: 0; max-width: 11ch; color: #fff; font: 730 clamp(66px,7.2vw,138px)/.91 -apple-system,BlinkMacSystemFont,Arial,sans-serif; letter-spacing: -.075em; text-wrap: balance; }
.cover-edition { margin-top: clamp(25px,2.8vw,50px); display: flex; align-items: center; gap: 13px; color: rgba(240,247,252,.62); font: 700 clamp(9px,.7vw,13px)/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; letter-spacing: .14em; }
.cover-edition i { width: 5px; height: 5px; border-radius: 50%; background: #c58d45; box-shadow: 0 0 0 6px rgba(197,141,69,.1); }
.cover-description { position: absolute; z-index: 2; right: var(--safe-x); bottom: clamp(66px,7vw,132px); margin: 0; color: rgba(235,244,249,.64); font-size: clamp(15px,1.18vw,23px); font-weight: 450; }
.cover-index { position: absolute; z-index: 2; bottom: clamp(48px,5vw,96px); left: var(--safe-x); display: flex; align-items: center; gap: 11px; color: rgba(255,255,255,.45); }
.cover-index span { color: #fff; font: 700 clamp(17px,1.4vw,27px)/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; }
.cover-index i { width: clamp(42px,4vw,76px); height: 1px; background: rgba(255,255,255,.25); }
.cover-index small { font: 700 clamp(7px,.5vw,10px)/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; letter-spacing: .16em; }
.cover-mark { position: absolute; z-index: 0; top: 50%; left: -1.5%; transform: translateY(-52%); color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.07); font: 780 clamp(430px,42vw,800px)/.7 -apple-system,BlinkMacSystemFont,Arial,sans-serif; letter-spacing: -.13em; user-select: none; }

.assistant-live-stage { position: relative; z-index: 2; width: min(100%, calc((100svh - 180px) * 16 / 9)); margin: auto; }
.assistant-browser-bar { height: clamp(40px,3.2vw,54px); padding: 7px 9px 7px 17px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border: 1px solid rgba(255,255,255,.42); border-bottom: 0; border-radius: 24px 24px 0 0; color: #183046; background: rgba(250,253,255,.86); box-shadow: inset 0 1px 0 #fff,0 20px 60px rgba(0,0,0,.22); backdrop-filter: blur(28px) saturate(150%); }
.assistant-browser-bar > span { display: flex; gap: 6px; }
.assistant-browser-bar > span i { width: 8px; height: 8px; border-radius: 50%; background: #d5dae0; }
.assistant-browser-bar > span i:first-child { background: #ff796e; }.assistant-browser-bar > span i:nth-child(2) { background: #f5c451; }.assistant-browser-bar > span i:last-child { background: #54c884; }
.assistant-browser-bar a { min-width: min(36vw,520px); padding: 8px 15px; display: flex; justify-content: center; align-items: center; gap: 9px; border: 1px solid rgba(20,48,70,.1); border-radius: 999px; color: #29435a; background: rgba(255,255,255,.72); text-decoration: none; box-shadow: inset 0 1px 0 #fff; }
.assistant-browser-bar a b { font: 650 clamp(10px,.68vw,13px)/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; }
.assistant-browser-bar a small { color: #5278e3; }
.assistant-browser-bar strong { justify-self: end; padding: 7px 10px; border-radius: 999px; color: #073c2b; background: #baf1d8; font: 800 clamp(7px,.48vw,9px)/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; letter-spacing: .12em; }
.assistant-live-stage .assistant-toolbar, .assistant-live-stage .assistant-local-note { display: none !important; }
.assistant-live-stage .assistant-viewport { border: 1px solid rgba(255,255,255,.36); border-radius: 0 0 30px 30px; box-shadow: 0 38px 100px rgba(0,0,0,.38); }
.assistant-live-stage .assistant-module.is-local-preview .assistant-poster { opacity: 1; filter: none; }

.knowledge-editorial .slide-heading { max-width: 780px; }
.knowledge-editorial .slide-heading h1 { max-width: 14ch; font-size: clamp(37px,3.65vw,70px); line-height: 1.2; }
.knowledge-editorial .slide-heading .lead { color: #556674; font-size: clamp(14px,1.05vw,20px); line-height: 1.85; }
.knowledge-editorial .knowledge-flow { margin-top: clamp(22px,2vw,36px); }
.knowledge-categories { display: grid; gap: clamp(9px,.9vw,16px); }
.knowledge-categories article { position: relative; min-height: clamp(128px,10vw,188px); padding: clamp(18px,1.55vw,29px) clamp(22px,1.8vw,34px); display: grid; grid-template-columns: 48px minmax(150px,.65fr) minmax(0,1.35fr); align-items: center; gap: clamp(12px,1.3vw,24px); overflow: hidden; border: 1px solid rgba(18,52,74,.11); border-radius: 24px; background: rgba(255,255,255,.8); box-shadow: 0 18px 48px rgba(18,52,74,.08); }
.knowledge-categories article::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 5px; background: linear-gradient(#6b50a7,#b9dbef); }
.knowledge-categories article:nth-child(2)::after { background: linear-gradient(#12344a,#66c27a); }
.knowledge-categories article:nth-child(3)::after { background: linear-gradient(#c58d45,#f1d8a8); }
.knowledge-categories article > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: #253751; font: 760 clamp(9px,.62vw,12px)/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; }
.knowledge-categories h2 { margin: 0; color: #182b3a; font-size: clamp(16px,1.26vw,24px); line-height: 1.45; }
.knowledge-categories ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 5px; }
.knowledge-categories li { position: relative; padding-right: 15px; color: #60717e; font-size: clamp(11px,.78vw,15px); line-height: 1.55; }
.knowledge-categories li::before { content: ''; position: absolute; top: .7em; right: 0; width: 5px; height: 5px; border-radius: 50%; background: #66c27a; }

.type-shelf .shelf-media .media-frame { border-color: rgba(255,255,255,.2); border-radius: 22px; box-shadow: 0 24px 60px rgba(0,0,0,.24); }
.type-shelf .shelf-media figcaption { border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(10,31,45,.72); }
.type-shelf .scenario-row article { border-radius: 16px; }
.type-shelf .slide-heading h1 { font-size: clamp(34px,3.15vw,60px); }
.type-shelf .slide-heading .lead { font-size: clamp(13px,.95vw,18px); line-height: 1.7; }
.type-shelf .value-list { margin-top: 14px; }
.type-shelf .value-list li { font-size: clamp(11px,.78vw,15px); }

.type-mobile .brand-prime { background: rgba(255,255,255,.94); }
.type-mobile .powered small { color: rgba(255,255,255,.65); }
.type-mobile .powered img { filter: brightness(0) invert(1); }
.mobile-copy .eyebrow { color: #89dffc; }
.mobile-copy .slide-heading h1 { max-width: 12ch; color: #fff; font-size: clamp(40px,3.9vw,75px); line-height: 1.18; }
.mobile-copy .slide-heading .lead { color: rgba(235,247,255,.68); font-size: clamp(14px,1.05vw,20px); line-height: 1.8; }
.mobile-feature-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 16px; margin-top: clamp(16px,1.6vw,28px); }
.mobile-feature-list li { margin: 0 !important; padding: 8px 18px 8px 0; color: rgba(241,249,255,.86); border-bottom: 1px solid rgba(255,255,255,.1); font-size: clamp(11px,.8vw,15px); line-height: 1.5; }
.mobile-feature-list li::before { top: .95em; border-color: #66c27a; box-shadow: 0 0 0 4px rgba(102,194,122,.12); }
.mobile-actions { margin-top: clamp(18px,2vw,34px); display: grid; grid-template-columns: 1.35fr .65fr; gap: 9px; }
.mobile-actions a { min-width: 0; min-height: 64px; padding: 12px 16px; border-radius: 18px; text-decoration: none; }
.mobile-primary-link { display: grid; gap: 3px; color: #102d40; background: linear-gradient(135deg,#fff,#dff4ff); box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.mobile-primary-link span { font-size: clamp(13px,.94vw,18px); font-weight: 750; }
.mobile-primary-link b { color: #4e7087; font: 650 clamp(8px,.55vw,10px)/1.3 -apple-system,BlinkMacSystemFont,Arial,sans-serif; }
.bonella-link { position: relative; display: grid; gap: 3px; color: #fff; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.bonella-link small { color: rgba(255,255,255,.55); font-size: clamp(8px,.55vw,10px); }
.bonella-link b { font-size: clamp(13px,.9vw,17px); }
.bonella-link > span { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #f4c56e; }
.mobile-device-gallery { position: relative; min-height: min(74svh,780px); display: flex; align-items: center; justify-content: center; direction: ltr; }
.phone-shot { position: relative; width: min(38%,330px); margin: 0; overflow: hidden; border: 8px solid #111d29; border-radius: clamp(28px,2.5vw,48px); background: #f5f6f7; box-shadow: 0 36px 90px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.25); }
.phone-shot img { width: 100%; height: auto; display: block; }
.phone-shot figcaption { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); padding: 6px 10px; border-radius: 999px; color: #fff; background: rgba(12,37,54,.8); backdrop-filter: blur(10px); font: 700 clamp(6px,.45vw,8px)/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif; letter-spacing: .08em; white-space: nowrap; }
.phone-shot-back { transform: translate(13%,-3%) rotate(-4deg) scale(.92); opacity: .92; }
.phone-shot-front { z-index: 2; transform: translate(-8%,3%) rotate(3deg); }
.phone-shot::before { content: ''; position: absolute; z-index: 3; top: 8px; left: 50%; width: 28%; height: 18px; transform: translateX(-50%); border-radius: 999px; background: #111d29; }
.platform-layout-single .platform-hero { border-radius: 24px; }
.platform-layout-single .platform-hero img { object-position: center; }

@media (max-width: 980px), (max-height: 650px) {
  .cover-lockup { min-height: 54px; padding: 7px 13px; border-radius: 16px; }
  .cover-core h1 { font-size: clamp(54px,6.7vw,92px); }
  .cover-description { bottom: 55px; }
  .assistant-live-stage { width: min(100%,calc((100svh - 145px) * 16 / 9)); }
  .knowledge-categories article { min-height: 105px; padding: 13px 18px; grid-template-columns: 38px minmax(130px,.58fr) minmax(0,1.42fr); border-radius: 18px; }
  .knowledge-categories article > span { width: 34px; height: 34px; border-radius: 11px; }
  .mobile-device-gallery { min-height: min(72svh,600px); }
  .phone-shot { width: min(39%,260px); border-width: 6px; }
}

@media (max-width: 700px) {
  .cover-core { top: 48%; right: 24px; left: 24px; width: auto; }
  .cover-core h1 { font-size: clamp(52px,17vw,78px); }
  .cover-description { right: 24px; bottom: 88px; }
  .cover-index { left: 24px; bottom: 34px; }
  .knowledge-categories article { grid-template-columns: 38px 1fr; }
  .knowledge-categories ul { grid-column: 1 / -1; }
  .mobile-feature-list, .mobile-actions { grid-template-columns: 1fr; }
  .mobile-device-gallery { min-height: 570px; }
  .phone-shot { width: min(48%,250px); }
}