/* Focused v11 art direction: actual project interfaces, a framed portrait, distinct offers. */
.hero .hero-copy{width:52%;max-width:770px}.hero .hero-showcase{width:min(52vw,850px);height:76%;max-height:780px;right:var(--page-inset);bottom:10%;transform:translateY(calc(var(--hero-p,0)*-25px));perspective:1600px;transform-style:preserve-3d}.hero-portrait-frame{position:absolute;top:0;right:3%;width:45%;height:59%;margin:0;padding:9px 9px 45px;border:1px solid #eff6ff;border-radius:28px 28px 8px 28px;background:#dce9ff;box-shadow:0 25px 55px #0007;transform:translate3d(calc(var(--hero-exit,0)*30vw),calc(var(--hero-exit,0)*-90svh),0) rotate(calc(7deg + var(--hero-p,0)*-3deg + var(--hero-exit,0)*22deg));z-index:2}.hero .hero-portrait-frame .portrait-portal{position:relative;inset:auto;width:100%;height:100%;border:0;border-radius:20px 20px 6px 20px;box-shadow:none!important;transform:none;background:#142341}.hero .hero-portrait-frame .portrait{height:100%;width:100%;object-fit:cover;object-position:50% 24%;filter:saturate(.9) contrast(1.02);transform:none;opacity:1}.hero-portrait-frame .portrait-portal:after{display:none}.hero-portrait-frame figcaption{height:36px;position:absolute;bottom:4px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#19345c}.hero-portrait-frame figcaption>span{font:italic 24px Georgia,serif;letter-spacing:-.8px}.hero-portrait-frame figcaption small{font-size:7px;letter-spacing:1.2px;text-transform:uppercase}.portrait-corner{position:absolute;width:41px;height:24px;background:#beafff;border:1px solid #e3daff;transform:rotate(-14deg);top:-7px;left:-8px;border-radius:4px;box-shadow:0 5px 12px #0002}.portrait-corner.corner-b{left:auto;top:auto;right:-9px;bottom:32px;background:#ffbfa8;border-color:#ffe2d6;transform:rotate(-17deg)}
.hero-hardware{position:absolute;display:block;transform-style:preserve-3d;will-change:transform;outline-offset:8px;transition:filter .25s}.hero-hardware:hover{filter:brightness(1.1)}.hero-hardware:focus-visible{outline:3px solid #d9ff83}.hero-notebook{width:81%;left:1%;bottom:3%;z-index:4;transform:translate3d(calc(var(--hero-exit,0)*-65vw),calc(var(--hero-exit,0)*65svh),50px) rotateY(calc(-12deg + var(--hero-p,0)*7deg)) rotateZ(calc(-5deg - var(--hero-p,0)*3deg - var(--hero-exit,0)*18deg))}.hero-notebook-lid{aspect-ratio:16/10;position:relative;padding:10px;border:1px solid #9fb5d3;border-bottom-width:2px;background:#1e2c41;border-radius:19px 19px 6px 6px;box-shadow:inset 0 1px #d4e5ff77,18px 25px 55px #0008;overflow:hidden}.hero-notebook-camera{position:absolute;top:4px;left:50%;width:3px;height:3px;border-radius:50%;background:#657d9d;z-index:4}.hero-desktop-preview{position:relative;height:100%;width:100%;overflow:hidden;border-radius:10px 10px 3px 3px;container-type:inline-size}.hero-desktop-preview .crafted-site{height:100%}.hero-notebook-base{height:14px;margin:-1px -7% 0;border-radius:3px 3px 45% 45% / 3px 3px 100% 100%;position:relative;background:linear-gradient(90deg,#677e9e,#e1ebf6 30%,#b0c2dc 75%,#566b87);border:1px solid #c7d7ed;box-shadow:0 12px 20px #0007}.hero-notebook-base:after{content:'';position:absolute;left:41%;right:41%;top:-1px;height:5px;border-radius:0 0 8px 8px;background:#607792;border:1px solid #91a7c2}.hero-tablet{left:2%;top:4%;width:26%;aspect-ratio:3/4;padding:7px;border:2px solid #8799bc;background:#202b43;border-radius:23px;box-shadow:inset 0 1px #d2dfff77,0 22px 40px #0007;z-index:1;transform:translate3d(calc(var(--hero-exit,0)*-50vw),calc(var(--hero-exit,0)*-65svh),-40px) rotateY(16deg) rotateZ(calc(-14deg + var(--hero-p,0)*9deg - var(--hero-exit,0)*25deg))}.hero-tablet-screen{height:100%;width:100%;position:relative;border-radius:15px;overflow:hidden;container-type:inline-size;background:#d9e4d5}.hero-tablet-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%}.hero-tablet-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#10220c7a)}.hardware-camera{position:absolute;left:50%;top:2px;width:3px;height:3px;border-radius:50%;background:#0c1526;z-index:3}.tablet-site-nav{position:absolute;left:8%;right:8%;top:7%;font-size:10cqw;letter-spacing:-.5px;font-weight:800;z-index:2;color:#16221a}.tablet-site-nav span{float:right;font-weight:400;font-size:6cqw}.tablet-site-copy{position:absolute;left:8%;right:6%;bottom:17%;z-index:2;color:#fff}.tablet-site-copy>span{font-size:3cqw;letter-spacing:.12em;color:#e1ffc7}.tablet-site-copy>b{font-size:16cqw;line-height:.9;letter-spacing:-.06em;font-weight:900;display:block;margin:4cqw 0 6cqw}.tablet-site-copy>i{font-size:3.5cqw;font-style:normal;padding:3cqw 4cqw;border-radius:10cqw;background:#d5ff63;color:#14290c}.tablet-site-bottom{position:absolute;bottom:6%;left:8%;right:8%;display:flex;justify-content:space-between;z-index:2;font-size:3cqw;letter-spacing:.1em;color:#edffdc}.hero-mobile{right:0;bottom:0;width:24%;aspect-ratio:9/19.5;padding:5px;border:2px solid #c0cce3;background:#202d44;border-radius:29px;box-shadow:inset 0 1px #fff9,0 24px 45px #0009;z-index:5;transform:translate3d(calc(var(--hero-exit,0)*55vw),calc(var(--hero-exit,0)*85svh),100px) rotateY(calc(-15deg + var(--hero-p,0)*10deg)) rotateZ(calc(10deg - var(--hero-p,0)*6deg + var(--hero-exit,0)*28deg))}.hero-mobile-screen{height:100%;width:100%;border-radius:22px;background:#eee4d6;color:#5b443b;overflow:hidden;position:relative;container-type:inline-size}.hardware-island{position:absolute;top:5px;left:32%;right:32%;height:9px;border-radius:0 0 10px 10px;background:#172136;z-index:4}.mobile-site-nav{position:absolute;top:8%;left:8%;right:8%;font:400 12cqw Georgia,serif;letter-spacing:-.05em;z-index:2;color:#604f41}.mobile-site-nav>span{float:right;font:6cqw Arial;margin-top:3cqw}.mobile-site-photo{position:absolute;top:21%;left:22%;right:0;height:45%;overflow:hidden;border-radius:50% 0 0 0}.mobile-site-photo img{width:100%;height:100%;object-fit:cover;object-position:48% 30%}.mobile-site-copy{position:absolute;left:8%;right:6%;top:57%;z-index:2}.mobile-site-copy>span{font:500 3.8cqw Arial;letter-spacing:.08em;display:block;color:#725d4c}.mobile-site-copy>b{font:400 18cqw/.95 Georgia,serif;display:block;letter-spacing:-.055em;margin:4cqw 0 5cqw;color:#544032}.mobile-site-copy>i{display:inline-block;border-radius:20cqw;padding:3cqw 4cqw;border:1px solid #9b83725e;font:400 3.3cqw Arial;letter-spacing:.02em;background:#f6eee0}.mobile-site-services{position:absolute;left:8%;right:8%;bottom:6%;font:400 3.5cqw Georgia,serif;display:flex;justify-content:space-between;color:#7e6855}
/* Service identities sit on the objects; section background remains untouched. */
.traditional-offer{--offer-color:#80f0ff;--offer-muted:#b6dbf7;border-color:#82ddff73;background:#101e33;box-shadow:inset 4px 0 #72cfff,0 25px 60px #0003}.institutional-offer{--offer-color:#e3b3ff;--offer-muted:#e0c9f3;border-color:#ceadff70;background:#201b35;box-shadow:inset 4px 0 #c39aff,0 25px 60px #0003}.service-offer .offer-type{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--offer-color) 38%,transparent);background:color-mix(in srgb,var(--offer-color) 8%,transparent);border-radius:50px;padding:9px 13px;color:var(--offer-color);font-size:10px;letter-spacing:1.4px}.service-offer .offer-copy h3{font-size:clamp(33px,3.1vw,49px);letter-spacing:-1.7px;color:#fff}.offer-copy h3 em,.offer-statement em,.offer-heading h2 em{background:linear-gradient(100deg,#edffff,#7ee8ff 38%,#b9b4ff 70%,#ecffb5);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-style:normal}.institutional-offer .offer-copy h3 em,.institutional-offer .offer-statement em{background-image:linear-gradient(100deg,#ffe5fb,#cab1ff 35%,#ffbba5 75%,#fff0ce)}.offer-copy h3 em{display:block;font-family:Georgia,serif;font-style:italic;margin-top:4px}.offer-statement{font-size:25px;color:#e3edff}.offer-description{font-size:15px;line-height:1.85;color:#c1d2ec}.institutional-offer .offer-description{color:#d6cce7}.offer-features li{font-size:13px;color:#d6e6f9}.institutional-offer .offer-features li{color:#eadcf7}.offer-features li:before{background:color-mix(in srgb,var(--offer-color) 12%,transparent);color:var(--offer-color);border-color:color-mix(in srgb,var(--offer-color) 50%,transparent)}.offer-details summary{color:#eff5ff;font-size:12px}.offer-details summary>span{color:var(--offer-color)}.offer-details{border-color:color-mix(in srgb,var(--offer-color) 22%,transparent)}.offer-price{border-width:1px;border-radius:24px;padding:28px 23px;box-shadow:inset 0 1px #ffffff30,0 18px 35px #0004}.traditional-offer .offer-price.essential{background:#1b3556;border-color:#8abfe966;color:#fff}.institutional-offer .offer-price.essential{background:#34284f;border-color:#c9a9ee70;color:#fff}.offer-price.essential .offer-option-label{color:var(--offer-color)}.institutional-offer .offer-price.essential p{color:#e0d4f2}.offer-price strong{font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-1.9px}.traditional-offer .offer-price.animated{background:#d4f4ff;border-color:#f0fcff;color:#15355b;box-shadow:inset 0 2px #fff,0 16px 35px #0004}.traditional-offer .animated .offer-option-label{color:#315b7c}.traditional-offer .animated p{color:#315373}.institutional-offer .offer-price.animated{background:#f2d6d6;border-color:#ffecee;color:#44223d;box-shadow:inset 0 2px #fff,0 16px 35px #0004}.institutional-offer .animated .offer-option-label{color:#70435f}.institutional-offer .animated p{color:#70435f}.offer-price h4{font-size:16px}.offer-price h4 em{font-style:italic;font-family:Georgia,serif;font-size:21px;display:block;margin-top:3px;color:inherit}.offer-price :is(button,.offer-action){font-size:9px;letter-spacing:.45px;padding:15px 16px;border-radius:50px;border:1px solid #e1eeff70;box-shadow:inset 0 1px #ffffff33,0 8px 18px #0002;min-height:51px;transition:transform .22s,box-shadow .22s,background .22s}.traditional-offer .essential :is(button,.offer-action){background:#c5f5ff;color:#14385b;border-color:#edfcff}.institutional-offer .essential :is(button,.offer-action){background:#ddd0ff;color:#382654;border-color:#f4ebff}.traditional-offer .animated :is(button,.offer-action){background:#225ddd;color:#fff;border-color:#6e9dff;box-shadow:inset 0 1px #b5d0ff77,0 10px 22px #2c64bf30}.institutional-offer .animated :is(button,.offer-action){background:#743786;color:#fff;border-color:#bd82c7;box-shadow:inset 0 1px #f1bbff55,0 10px 22px #8f4a8730}.offer-price :is(button,.offer-action)>span{display:grid;place-items:center;border-radius:50%;height:25px;width:25px;flex-shrink:0;background:#ffffff17;border:1px solid #ffffff25;font-size:19px}.offer-price :is(button,.offer-action):hover{transform:translateY(-3px);box-shadow:0 14px 28px #0004}.traditional-offer .essential :is(button,.offer-action):hover{background:#edffff}.traditional-offer .animated :is(button,.offer-action):hover{background:#1747b9;color:#fff}.institutional-offer .essential :is(button,.offer-action):hover{background:#f1e8ff}.institutional-offer .animated :is(button,.offer-action):hover{background:#5d246d;color:#fff}.offer-heading h2 em{font-family:Georgia,serif;font-style:italic}.offer-heading>p:last-child{color:#c6d6ec}
@media(min-width:701px) and (max-width:1100px){.hero .hero-showcase{width:51vw;right:var(--page-inset);height:72%;bottom:12%}.hero-portrait-frame{width:44%;height:59%;padding:7px 7px 36px;border-radius:22px 22px 6px 22px}.hero-portrait-frame figcaption{bottom:1px;left:13px;right:13px;height:32px}.hero-portrait-frame figcaption>span{font-size:19px}.hero-portrait-frame figcaption small{font-size:5px}.hero-notebook{width:82%;bottom:3%}.hero-notebook-lid{padding:7px;border-radius:14px 14px 5px 5px}.hero-tablet{width:27%;top:2%}.hero-mobile{width:25%;right:-1%;border-radius:24px}.hero-mobile-screen{border-radius:17px}.hardware-island{height:7px}.offer-copy h3 em{font-size:1.06em}.offer-statement{font-size:21px}.offer-description{font-size:13px}.offer-price{padding:24px 17px}.offer-price :is(button,.offer-action){font-size:8px;padding:13px 12px;gap:8px}.offer-price strong{font-size:30px}.offer-price h4{font-size:14px}.offer-price h4 em{font-size:20px}.offer-features li{font-size:12px}}
@media(max-width:700px){.hero .hero-copy{width:100%;max-width:100%}.hero .hero-showcase{width:calc(100% - var(--page-inset)*2);height:37%;max-height:390px;right:var(--page-inset);bottom:5.5%;transform:none}.hero-portrait-frame{width:44%;height:62%;right:4%;top:0;padding:5px 5px 29px;border-radius:18px 18px 5px 18px}.hero .hero-portrait-frame .portrait-portal{border-radius:12px 12px 4px 12px}.hero-portrait-frame figcaption{left:10px;right:10px;bottom:1px;height:26px}.hero-portrait-frame figcaption>span{font-size:17px}.hero-portrait-frame figcaption small{font-size:4px;letter-spacing:.5px}.portrait-corner{width:25px;height:16px;top:-4px;left:-5px}.portrait-corner.corner-b{bottom:22px;right:-6px}.hero-notebook{left:1%;bottom:2%;width:83%}.hero-notebook-lid{padding:6px;border-radius:12px 12px 4px 4px}.hero-notebook-camera{top:2px;width:2px;height:2px}.hero-desktop-preview{border-radius:6px 6px 2px 2px}.hero-notebook-base{height:8px}.hero-notebook-base:after{height:3px}.hero-tablet{width:27%;top:4%;left:0;padding:4px;border-width:1px;border-radius:13px}.hero-tablet-screen{border-radius:9px}.hardware-camera{top:1px;width:2px;height:2px}.hero-mobile{width:25%;right:0;bottom:0;padding:3px;border-width:1px;border-radius:19px}.hero-mobile-screen{border-radius:15px}.hardware-island{height:5px;top:3px}.service-offer .offer-copy h3{font-size:36px;letter-spacing:-1.4px}.offer-statement{font-size:23px}.offer-description{font-size:14px}.offer-features li{font-size:12px}.offer-price strong{font-size:33px}.offer-price :is(button,.offer-action){font-size:8px;padding:14px}.offer-price{padding:25px 20px}.offer-price h4{font-size:15px}.offer-price h4 em{font-size:22px}.service-offer .offer-type{font-size:9px;padding:8px 11px}.hero-stage{min-height:820px}}
@media(max-width:520px){.offer-price{padding:28px}.offer-price strong{font-size:47px}.offer-price :is(button,.offer-action){font-size:10px;padding:15px 17px}.offer-price h4{font-size:17px}.offer-price h4 em{font-size:25px}.offer-copy h3 em{display:inline}.offer-copy h3 em:before{content:' '}.hero .hero-showcase{height:35%;bottom:5.5%}}
@media(min-width:701px) and (max-height:760px){.hero .hero-showcase{height:73%;bottom:10%}.hero-notebook{width:74%;bottom:1%}.hero-portrait-frame{height:60%;width:43%}.hero-tablet{width:24%;left:5%;top:0}.hero-mobile{width:22%;right:0;bottom:-1%}}
@media(max-height:580px){.hero .hero-showcase{height:440px;bottom:45px}.hero-portrait-frame,.hero-hardware{transform:none!important;translate:none!important}.hero .hero-showcase{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hero .hero-showcase,.hero-portrait-frame,.hero-hardware{transform:none!important;translate:none!important}.offer-price :is(button,.offer-action),.hero-hardware{transition:none}}
.institutional-offer .offer-laptop-screen>img{filter:none;object-position:top}.institutional-offer .offer-laptop-copy{display:none}