.director{color:#f4f4f6;--director-progress:0;background:#050506;border-block:1px solid #252528;position:relative}.director-stage{background:radial-gradient(at 55% 55%,#26272e55,#0000 65%);padding:34px max(24px,6vw);position:relative;overflow:hidden}.director-meta,.director-foot{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.director-meta{color:#aaaab2}.director-meta button{color:#eee;letter-spacing:0;cursor:pointer;background:0 0;border:1px solid #45454c;border-radius:30px;padding:9px 14px}.director-titles{max-width:1050px;margin:36px auto 20px;position:relative}.director-titles h2{letter-spacing:-.065em;margin:0;font-size:clamp(38px,5.6vw,82px);font-weight:550;line-height:1.04}.director-line{padding-bottom:.1em;display:block;overflow:hidden}.director-line>span{display:block}.director-title-b em{color:#aaaab7;font-style:normal}.director-title-b{margin-top:30px!important}.director-composition{perspective:1200px;max-width:950px;margin:24px auto 30px;position:relative}.director-web{padding:0 12% 24px 0;position:relative}.director-desktop{transform-style:preserve-3d;background:linear-gradient(135deg,#5d5d66,#171719 25%,#494950);border:1px solid #74747b;border-radius:13px;padding:7px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0005}.director-desktop .concept-preview{width:100%;display:block}.director-desktop .portfolio-hero{height:clamp(200px,23vw,330px);min-height:210px}.director-phone{background:#161619;border:1px solid #909096;border-radius:25px;width:23%;padding:5px;position:absolute;bottom:4%;right:0;overflow:hidden;transform:rotate(-5deg);box-shadow:0 10px 24px #0005}.director-phone .concept-preview{border-radius:20px;display:block;overflow:hidden}.director-phone .portfolio-hero{min-height:260px}.director-phone .portfolio-mini-nav{padding:12px;font-size:7px}.director-phone .portfolio-hero-copy strong{font-size:24px}.director-disclosure{color:#b1b1ba;margin:15px 0 0;font-size:10px}.director-dashboard{background:linear-gradient(130deg,#222229,#101014 60%);border:1px solid #565660;border-radius:15px;margin-top:35px;padding:24px;box-shadow:0 12px 28px #0004}.director-dash-header{letter-spacing:.1em;color:#b9b9c5;justify-content:space-between;gap:15px;font-size:10px;display:flex}.director-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;display:grid}.director-stat{background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;padding:18px}.director-stat span,.director-analytics span{color:#bdbdc8;font-size:11px;display:block}.director-stat strong{letter-spacing:-.05em;margin-top:10px;font-size:clamp(22px,3.2vw,42px);font-weight:500;display:block}.director-analytics{grid-template-columns:2fr 1fr;gap:30px;display:grid}.director-chart{color:#d0d2ff;width:100%;height:140px;margin-top:20px}.director-bars{align-items:flex-end;gap:8px;height:160px;padding-top:15px;display:flex}.director-bar{transform-origin:bottom;background:linear-gradient(#c6c8e0,#44444e);border-radius:4px 4px 0 0;flex:1}.director-demo-note{color:#b1b1bb;margin:12px 0 0;font-size:10px}.director-foot{letter-spacing:0;color:#b8b8c4;flex-wrap:wrap;position:relative}.director-foot a:not(.button){color:#eee;text-underline-offset:5px;text-decoration:underline}.director-foot .button{color:#111;background:#f5f5f5;min-height:42px;font-size:12px}:is(.director button:focus-visible,.director a:focus-visible){outline-offset:5px;outline:2px solid #c6c8ff}@media (max-width:700px){.director-stage{padding:24px 20px}.director-meta{letter-spacing:.08em;gap:8px;font-size:8px}.director-meta button{white-space:nowrap;padding:8px 10px;font-size:10px}.director-titles h2{font-size:clamp(34px,9vw,54px)}.director-web{padding-bottom:48px;padding-right:10%}.director-phone{width:31%;bottom:5%}.director-phone .portfolio-hero{height:175px;min-height:175px}.director-phone .portfolio-hero-copy strong{font-size:16px}.director-phone .portfolio-hero-copy small,.director-phone .portfolio-hero-copy em{font-size:7px}.director-phone .preview-chrome{font-size:6px}.director-desktop .portfolio-hero{height:220px;min-height:220px}.director-dashboard{padding:16px}.director-stats{gap:6px;margin:20px 0}.director-stat{padding:12px 8px}.director-stat span{font-size:9px}.director-stat strong{font-size:23px}.director-dash-header{font-size:8px}.director-analytics{grid-template-columns:1fr;gap:15px}.director-chart{height:110px}.director-bars{display:none}.director-foot{gap:16px;font-size:10px}.director-foot>span{display:none}.director-foot .button{padding:0 12px;font-size:10px}}@media (max-height:700px) and (min-width:701px){.director-titles h2{font-size:42px}.director-desktop .portfolio-hero{height:170px;min-height:160px}.director-phone .portfolio-hero{min-height:180px}.director-dashboard{padding:14px}.director-stats{margin:12px 0}.director-stat{padding:10px}.director-chart{height:85px}.director-bars{height:105px}}@media (prefers-reduced-motion:reduce){.director-foot>span{display:none}.director-phone{transform:none}.director-meta button{display:none}}.director-composition>.director-title-b{letter-spacing:-.045em;font-size:clamp(30px,4vw,58px);font-weight:500;line-height:1.12;margin:56px 0 22px!important}.director-dashboard{margin-top:0}.director-web,.director-dashboard{min-width:0}.director-stage{padding-block:48px}.director-titles{max-width:950px}.director-foot{max-width:950px;margin:24px auto 0}.director-phone{transform:none}.director-desktop .portfolio-hero img,.director-phone .portfolio-hero img{transition:none!important;transform:none!important}.director-chart{display:block}@media (max-width:700px){.director-stage{padding:30px 20px}.director-web{padding:0 0 28px}.director-desktop{width:100%}.director-phone{width:42%;max-width:170px;margin:-75px 12px 0 auto;position:relative;bottom:auto;right:auto}.director-disclosure{margin-top:14px}.director-composition>.director-title-b{margin-top:32px!important}.director-stat strong{font-size:clamp(18px,5.5vw,23px)}.director-foot a{align-items:center;min-height:44px;display:inline-flex}}.director .director-meta{max-width:950px;margin-inline:auto}.director .director-web{padding:0}.director-devices{grid-template-columns:minmax(0,1fr) 23%;align-items:center;gap:24px;display:grid;position:relative}.director .director-desktop{width:100%;min-width:0;padding:6px;container-type:inline-size}.director .director-desktop .concept-preview{border:0;border-radius:8px;animation:none}.director .director-desktop .preview-chrome{min-height:0;padding:2% 4%;font-size:clamp(7px,1.6cqi,11px)}.director .director-desktop .portfolio-screen{aspect-ratio:16/10;flex-direction:column;display:flex;overflow:hidden}.director .director-desktop .portfolio-mini-nav{flex-wrap:nowrap;flex:none;gap:8px;height:auto;min-height:0;padding:3% 6%;font-size:clamp(9px,2.4cqi,17px);display:flex}.director .director-desktop .portfolio-mini-nav>span{flex-wrap:nowrap;gap:10px;margin:0;font-size:clamp(6px,1.5cqi,11px);display:flex}.director .director-desktop .portfolio-hero{flex:1;height:auto;min-height:0}.director .director-desktop .portfolio-hero-copy{gap:4cqi;padding:6%}.director .director-desktop .portfolio-hero-copy small{font-size:clamp(6px,1.6cqi,12px);line-height:1.5}.director .director-desktop .portfolio-hero-copy strong{max-width:15ch;font-size:clamp(19px,6.8cqi,48px);line-height:1.08}.director .director-desktop .portfolio-hero-copy em{padding:.75em 1.1em;font-size:clamp(8px,2cqi,14px)}.director-iphone{aspect-ratio:415/854;isolation:isolate;border-radius:21%/10.2%;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 28px #0005;container-type:inline-size}.director-iphone-frame{pointer-events:none;width:236.145%;height:114.754%;position:absolute;top:-7.494%;left:-68.675%;max-width:none!important}.director-iphone-screen{background:#f6f3ed;border-radius:18%/8.8%;position:absolute;inset:1.6% 3.2% 1.7%;overflow:hidden}.director .director-iphone .concept-preview{height:100%;box-shadow:none;border:0;border-radius:0;animation:none}.director .director-iphone .preview-chrome{display:none}.director .director-iphone .portfolio-screen{flex-direction:column;height:100%;display:flex;overflow:hidden}.director .director-iphone .portfolio-mini-nav{flex:none;justify-content:center;align-items:center;height:18%;min-height:0;padding:10% 5% 5%;font-size:7cqi;line-height:1.2;display:flex}.director .director-iphone .portfolio-mini-nav>span{display:none}.director .director-iphone .portfolio-hero{flex:1;height:auto;min-height:0}.director .director-iphone .portfolio-hero-copy{justify-content:center;gap:7cqi;padding:9%}.director .director-iphone .portfolio-hero-copy small{letter-spacing:.08em;font-size:4cqi;line-height:1.5}.director .director-iphone .portfolio-hero-copy strong{max-width:11ch;font-size:12cqi;line-height:1.1}.director .director-iphone .portfolio-hero-copy em{padding:.8em 1em;font-size:5cqi;line-height:1.3}.director .director-disclosure{margin:18px 0 0;font-size:11px}@media (max-width:700px){.director .director-stage{padding:40px 20px}.director .director-titles{margin:24px 0}.director .director-titles h2{letter-spacing:-.05em;font-size:clamp(30px,8.2vw,52px);line-height:1.08}.director-devices{padding-bottom:0;display:block}.director .director-desktop{width:92%;padding:4px}.director-iphone{width:36%;max-width:170px;margin:-34px 0 0 auto}.director .director-disclosure{margin-top:16px}}.director .director-composition>.director-title-b{margin-top:0!important}