.service-hero{padding-block:clamp(36px,6vw,72px) 28px;text-align:center}
.service-breadcrumb{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-block-end:15px;color:var(--muted);font-size:.86rem;border-radius:999px;padding-inline:12px;transition:background .2s,color .2s}
.service-breadcrumb:hover{color:var(--accent);background:#edf0ff}
.service-hero .service-eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.04em;margin-block-end:12px}
.service-hero h1{max-inline-size:18ch;margin-inline:auto;text-wrap:balance}
html[lang=he] .service-hero h1{max-inline-size:22ch}
.service-hero .lede{max-inline-size:58ch;margin-block-end:0}
.service-demo{max-inline-size:64rem;margin-inline:auto}
.scene-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-block-end:14px;text-align:start}
.scene-heading h2{font-size:clamp(1.15rem,2.3vw,1.65rem);letter-spacing:-.025em;margin:0}
.scene-heading p{margin:4px 0 0;color:var(--muted);font-size:.84rem}
.scene-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.scene-controls button{min-height:44px;padding:8px 16px;white-space:nowrap}
.scene-window{position:relative;border:1px solid #ccd5f0;border-radius:19px;background:#f0f3fb;box-shadow:0 18px 50px -33px #263a8057;overflow:hidden;isolation:isolate}
.scene-chrome{display:flex;align-items:center;gap:9px;padding:11px 18px;background:#f9faff;border-block-end:1px solid #dbe1f0;color:#5a6380;font-size:.76rem}
.scene-dots{display:flex;gap:5px;direction:ltr}
.scene-dots i{inline-size:6px;block-size:6px;background:#bcc7e5;border-radius:50%}
.scene-chrome-label{margin-inline:auto}
.scene-stage{position:relative;padding:24px;min-block-size:380px;contain:layout;direction:inherit}
.scene-canvas{position:absolute;z-index:3;inset:0;inline-size:100%;block-size:100%;pointer-events:none}
.scene-content{position:relative;isolation:isolate}
.service-comparison{max-inline-size:70rem}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.comparison-panel{min-inline-size:0}
.comparison-panel>h3{font-size:1rem;letter-spacing:-.02em;margin:0 0 12px;text-align:start;color:#626a7e}
.comparison-panel[data-scene-mode=automated]>h3{color:var(--accent)}
.comparison-panel .scene-stage{padding:12px;min-block-size:0}
.comparison-panel .scene-content,.comparison-panel .daily-work{min-inline-size:0;max-inline-size:100%}
.comparison-panel .daily-layout{grid-template-columns:minmax(0,1fr)}
.comparison-panel .daily-inbox{display:flex;flex-wrap:wrap;gap:7px;padding:12px;border-inline-end:0;border-block-end:1px solid #e5eaf4}
.comparison-panel .daily-inbox h4{width:100%;margin:0;font-size:.65rem}
.comparison-panel .daily-inbox p{margin:0;padding:6px;font-size:.61rem}
.comparison-panel .daily-inbox p:nth-of-type(n+4){display:none}
.comparison-panel .daily-header{padding:15px 12px;gap:7px}
.comparison-panel .daily-header h3{font-size:1.05rem}
.comparison-panel .daily-ready{font-size:.65rem;padding:6px 9px}
.comparison-panel .daily-table{table-layout:fixed;font-size:.7rem}
.comparison-panel .daily-table th,.comparison-panel .daily-table td{padding:12px 6px;overflow-wrap:anywhere}
.comparison-panel .daily-table th:first-child,.comparison-panel .daily-table td:first-child{width:22px}
.comparison-panel .daily-table th:nth-child(2){width:38%}
.comparison-panel .daily-table td:last-child,.comparison-panel .daily-table td:nth-child(3){font-size:.66rem}
.comparison-panel .daily-summary{padding:14px 12px;font-size:.7rem;min-block-size:49px}
.comparison-panel .scene-bottom{padding:12px;min-block-size:60px;font-size:.71rem;align-items:start}
.comparison-panel .scene-phase{max-inline-size:65%}
@media(max-width:760px){.comparison-grid{grid-template-columns:minmax(0,1fr);gap:25px}}
.daily-work{overflow:hidden;min-block-size:400px;border:1px solid #dce3f2;border-radius:11px;background:#fff;color:#33466d}
.daily-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px;border-block-end:1px solid #e4e9f5}
.daily-header p{font-size:.67rem;color:#7a86a0;margin:0 0 5px}
.daily-header h3{font-size:1.25rem;letter-spacing:-.025em;margin:0}
.daily-ready{font-size:.71rem;color:#3d765f;padding:7px 11px;border-radius:99px;background:#eff7f1;white-space:nowrap}
.daily-layout{display:grid;grid-template-columns:155px minmax(0,1fr)}
.daily-inbox{background:#f8faff;border-inline-end:1px solid #e5eaf4;padding:20px 15px}
.daily-inbox h4{font-size:.7rem;color:#647397;font-weight:500;margin:0 0 15px}
.daily-inbox p{font-size:.67rem;margin:0 0 12px;padding:9px 8px;border:1px solid #e1e7f4;border-radius:5px;background:#fff;overflow-wrap:anywhere;direction:ltr;text-align:start}
.daily-table{border-collapse:collapse;width:100%;font-size:.75rem;text-align:start}
.daily-table th{font-weight:500;color:#7b88a1;font-size:.66rem;text-align:start;padding:14px 12px;border-block-end:1px solid #e8edf6}
.daily-table td{padding:13px 12px;border-block-end:1px solid #edf0f7}
.daily-table tr:last-child td{border:0}
.daily-table td:first-child{width:30px;padding-inline-end:0;color:#657ed1}
.daily-table td:last-child{color:#347458;font-size:.7rem}
.daily-table td:nth-child(3){color:#48639a;font-size:.7rem}
.daily-summary{padding:16px 22px;border-block-start:1px solid #e4e9f5;color:#52705f;font-size:.75rem;background:#fafcfb}
@media(max-width:660px){.daily-header{padding:16px 13px;gap:7px}.daily-header h3{font-size:1.05rem}.daily-ready{font-size:.62rem;padding:6px 8px}.daily-layout{grid-template-columns:1fr}.daily-inbox{display:flex;flex-wrap:wrap;gap:7px;padding:12px;border-inline-end:0;border-block-end:1px solid #e5eaf4}.daily-inbox h4{width:100%;margin:0;font-size:.65rem}.daily-inbox p{margin:0;padding:6px;font-size:.61rem}.daily-inbox p:nth-of-type(n+4){display:none}.daily-table{font-size:.66rem}.daily-table th,.daily-table td{padding:12px 6px}.daily-table td:first-child{width:20px}.daily-table td:last-child,.daily-table td:nth-child(3){font-size:.63rem}.daily-summary{padding:14px 12px;font-size:.68rem}}
.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;background:#fbfcff;border-block-start:1px solid #dbe1f0;font-size:.78rem;color:#4c587b}
.scene-phase{display:flex;align-items:center;gap:8px;min-inline-size:0}
.scene-phase::before{content:"";flex:none;inline-size:6px;block-size:6px;border-radius:50%;background:#526bd2}
.scene-count{white-space:nowrap;font-variant-numeric:tabular-nums;color:#25385e}
.scene-progress{display:block;appearance:none;border:0;inline-size:100%;block-size:3px;background:#e2e7f4;color:#536bd0}
.scene-progress::-webkit-progress-bar{background:#e2e7f4}
.scene-progress::-webkit-progress-value{background:#536bd0}
.scene-progress::-moz-progress-bar{background:#536bd0}
.scene-caption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block:12px 0;color:var(--muted);font-size:.78rem}
.scene-caption p{margin:0}
.scene-caption [data-scene-cursors]{color:var(--accent)}
.build-piece{transition:opacity .22s,background-color .22s,color .22s}
.scene-stage.has-script .build-piece[data-kind=reveal]:not(.is-built){opacity:0}
.scene-stage.has-script .build-piece[data-kind=reveal].is-working{opacity:1;animation:scene-piece-reveal .9s steps(15,end) both}
[dir=rtl] .scene-stage.has-script .build-piece[data-kind=reveal].is-working{animation-name:scene-piece-reveal-rtl}
[data-service-scene][data-playing=false] .build-piece{animation-play-state:paused}
@keyframes scene-piece-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes scene-piece-reveal-rtl{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
.scene-stage .is-working{background-color:#e4eaff}
.scene-stage .is-selected{background-color:#e6ecff;color:#2b46a8}
.mock-web{padding:22px 27px;background:#fff;border:1px solid #e3e7f1;border-radius:10px;box-shadow:0 7px 16px -13px #24336660}
.mock-web-nav{display:flex;align-items:center;gap:15px;padding-block-end:20px;font-size:.68rem;color:#67708a}
.mock-web-brand{font-size:.82rem;font-weight:750;color:#283657;margin-inline-end:auto}
.mock-web-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:20px;min-block-size:175px}
.mock-web h3{font-size:clamp(1.65rem,3.6vw,2.65rem);letter-spacing:-.055em;max-inline-size:13ch;margin-block:0 12px;color:#26385b}
.mock-web-copy{font-size:.78rem;max-inline-size:35ch;color:#67708a;margin-block:0 14px}
.mock-web-button{display:inline-block;padding:8px 13px;border-radius:99px;background:#354fc2;color:#fff;font-size:.7rem}
.mock-web-art{position:relative;display:grid;place-items:center;min-block-size:165px;border-radius:9px;background:radial-gradient(ellipse at 70% 18%,#c9d7ff,transparent 73%),#eef2ff}
.mock-web-art::before,.mock-web-art::after{content:"";inline-size:82px;block-size:82px;border:18px solid #758ee2;border-radius:24px;transform:rotate(-24deg);box-shadow:10px 10px 0 #bfccf5}
.mock-web-art::after{position:absolute;inline-size:41px;block-size:41px;border:0;background:#efcb82;border-radius:50%;transform:translate(37px,34px);box-shadow:4px 5px 0 #c8a56935}
.mock-web-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block-start:25px}
.mock-web-card{min-block-size:68px;padding:12px;border-radius:7px;background:#eef2fc;color:#475982;font-size:.71rem}
.mock-web-card:nth-child(2){background:#f1edfb}.mock-web-card:nth-child(3){background:#faf0df}
.mock-web-card strong{display:block;margin-block-end:5px;font-weight:650;color:#28385f}
.mock-web-card span{font-size:.67rem}
.scattered-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px;min-block-size:330px;direction:inherit}
.scattered-file{min-inline-size:0;min-block-size:185px;border:1px solid #d6dff2;border-radius:9px;background:#fff;box-shadow:0 8px 20px -15px #253b7961;overflow:hidden;transform:rotate(-4deg)}
.scattered-file:nth-child(2){transform:translateY(-18px) rotate(3deg)}
.scattered-file:nth-child(3){transform:translateY(15px) rotate(-2deg)}
.scattered-file h3{margin:0;padding:13px;background:#f4f6fc;color:#405177;font-size:.85rem;letter-spacing:0}
.scattered-file p{font-size:.76rem;margin:0;padding:12px;border-block-start:1px solid #edf0f7;color:#64708a}
.workspace-after{display:none;grid-template-columns:140px minmax(0,1fr);min-block-size:330px;background:#fff;border:1px solid #e0e6f5;border-radius:10px;overflow:hidden}
.scene-stage[data-phase=assisted] .scattered-work,.scene-stage[data-phase=complete] .scattered-work{display:none}
.scene-stage[data-phase=assisted] .workspace-after,.scene-stage[data-phase=complete] .workspace-after{display:grid}
.workspace-menu{padding:20px 14px;background:#e9eefb;color:#3e5186;display:flex;flex-direction:column;gap:17px;font-size:.74rem}
.workspace-menu strong{color:#253964;margin-block-end:8px}
.workspace-main{min-inline-size:0;padding:22px}
.workspace-main h3{font-size:1.25rem;letter-spacing:-.025em;margin:0 0 16px;color:#273a64}
.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.workspace-panel{padding:14px;min-inline-size:0;border:1px solid #e3e8f4;border-radius:8px;background:#f9faff}
.workspace-panel h4{margin:0 0 12px;color:#51628a;font-size:.74rem;font-weight:600}
.workspace-panel p{margin:9px 0 0;padding-block-end:8px;border-block-end:1px solid #e3e8f4;font-size:.72rem;color:#415379}
.workspace-panel p:last-child{border:0}
.workspace-panel--wide{grid-column:1/-1}
.workspace-bars{display:flex;align-items:end;gap:10px;block-size:75px;padding-inline:8px}
.workspace-bars i{flex:1;background:#7c92df;border-radius:4px 4px 0 0;block-size:38%}
.workspace-bars i:nth-child(2){block-size:58%;background:#a4b5eb}.workspace-bars i:nth-child(3){block-size:47%}.workspace-bars i:nth-child(4){block-size:81%;background:#a4b5eb}.workspace-bars i:nth-child(5){block-size:95%}
.file-workspace{max-inline-size:46rem;margin-inline:auto;border:1px solid #dce3f2;border-radius:10px;background:#fff;overflow:hidden}
.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-block-size:64px;padding:12px 18px;background:#f9faff;border-block-end:1px solid #e1e7f4}
.file-toolbar strong{font-size:.85rem;color:#344a76}
.file-action{display:inline-block;max-inline-size:49%;padding:7px 12px;border:1px solid #cbd6f5;border-radius:6px;color:#4c60a2;background:#edf2ff;font-size:.7rem;text-align:center}
.file-table{inline-size:100%;border-collapse:collapse;font-size:.74rem;text-align:start;color:#425579}
.file-table th{padding:12px 14px;color:#727f9b;font-size:.68rem;font-weight:500;text-align:start;border-block-end:1px solid #e8edf7}
.file-table td{padding:11px 14px;border-block-end:1px solid #eef1f8;white-space:nowrap}
.file-table tr:last-child td{border:0}
.file-name{display:flex;gap:10px;align-items:center;color:#2e456f}
.file-check{display:inline-grid;place-items:center;flex:none;inline-size:15px;block-size:15px;border:1px solid #ccd6ee;border-radius:3px;color:#435dc5;font-size:.7rem}
.file-value.is-built{color:#285d51;background:#edf7f1}
.file-status{color:#657693;font-size:.7rem}.file-status.is-built{color:#286b53}
.service-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-block:clamp(34px,5vw,60px);text-align:start}
.service-outcomes article{padding-block-start:18px;border-block-start:1px solid #d9e0f1}
.service-outcomes .number{display:block;margin-block-end:10px;color:#6a7ba8}
.service-outcomes h2{font-size:1.15rem;letter-spacing:-.025em;margin-block:0 8px}
.service-outcomes p{color:var(--muted);font-size:.93rem;margin:0}
.service-more{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:10px;margin-block:25px 50px;text-align:center}
.service-more>p{margin:0;color:var(--muted);font-size:.86rem}
.service-more a{display:inline-flex;align-items:center;min-height:44px;padding-inline:13px;border-radius:999px;background:#eef1fb;color:var(--accent);font-size:.87rem;transition:background .2s,transform .2s}
.service-more a:hover{background:#e0e7ff;transform:translateY(-2px)}
.service-contact{text-align:center;padding:34px 0 44px;border-block-start:1px solid var(--line)}
.service-contact h2{font-size:clamp(1.6rem,3.6vw,2.4rem);margin-block-end:18px}
@media(max-width:660px){
  .scene-heading{align-items:start;flex-direction:column;gap:12px}
  .scene-controls{justify-content:start}
  .scene-stage{padding:14px;min-block-size:360px}
  .scene-chrome{padding:10px 13px;font-size:.68rem}
  .scene-bottom{padding:11px 13px;gap:10px;font-size:.7rem}
  .mock-web{padding:20px 17px}
  .mock-web-hero{grid-template-columns:1fr;gap:16px}
  .mock-web h3{max-inline-size:15ch;font-size:1.8rem}
  .mock-web-art{min-block-size:95px}.mock-web-art::before{inline-size:55px;block-size:55px;border-width:12px}.mock-web-art::after{inline-size:29px;block-size:29px;transform:translate(28px,19px)}
  .mock-web-nav{gap:9px;padding-block-end:18px;font-size:.63rem}
  .mock-web-projects{gap:7px;padding-block-start:18px}.mock-web-card{padding:10px 8px;min-block-size:80px}.mock-web-card strong{font-size:.68rem}.mock-web-card span{font-size:.62rem}
  .scattered-work{grid-template-columns:1fr;gap:12px;padding:8px 18px;min-block-size:350px}
  .scattered-file{min-block-size:100px}.scattered-file h3{padding:9px 13px}.scattered-file p{padding:7px 13px}.scattered-file p:last-child{display:none}.scattered-file:nth-child(2){transform:rotate(3deg)}.scattered-file:nth-child(3){transform:rotate(-2deg)}
  .workspace-after{grid-template-columns:1fr;min-block-size:360px}.workspace-menu{flex-direction:row;flex-wrap:wrap;gap:13px;padding:13px;font-size:.65rem}.workspace-menu strong{margin:0;margin-inline-end:auto}.workspace-main{padding:16px}.workspace-grid{gap:10px}.workspace-panel{padding:10px}.workspace-panel p{font-size:.66rem}.workspace-bars{gap:6px;padding-inline:0}
  .file-toolbar{padding:12px}.file-toolbar strong{font-size:.76rem}.file-action{font-size:.63rem;padding:6px 8px}
  .file-table{font-size:.67rem}.file-table th,.file-table td{padding:12px 8px}.file-name{gap:6px}.file-status{font-size:.63rem}.file-check{inline-size:12px;block-size:12px;font-size:.58rem}
  .service-outcomes{grid-template-columns:1fr;gap:24px}.service-outcomes article{padding-block-start:15px}.service-outcomes .number{margin-block-end:6px}
}
@media(forced-colors:active){.scene-window,.mock-web,.workspace-after,.file-workspace,.scattered-file{border:1px solid CanvasText}.scene-canvas{display:none}.file-check{border-color:CanvasText}.scene-progress{color:Highlight}}
