.gs-problem-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:75px;align-items:center}.gs-pain-copy h2,.gs-service-heading h2{font-size:36px;line-height:1.15;font-weight:560;letter-spacing:-.04em}.gs-pain-lead{font-size:16px;color:#686b70;line-height:1.75;max-width:545px;margin-top:23px}.gs-pain-points{margin-top:29px;display:grid;gap:19px}.gs-pain-points>div{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center}.gs-pain-points>div>img{width:74px;height:74px;object-fit:contain}.gs-pain-copy h2>span{color:#72777f}.gs-pain-points h3{font-size:15px;font-weight:580;letter-spacing:-.015em;margin:0 0 5px}.gs-pain-points p{font-size:13px;line-height:1.65;color:#6d7075;max-width:480px}.gs-contact-card{background:transparent;border:0;border-left:1px solid #dcdcdc;border-radius:0;padding:8px 0 8px 35px;max-width:350px;width:100%;justify-self:end}.gs-contact-person{display:flex;gap:18px;align-items:center;margin-bottom:27px}.gs-contact-person img{width:88px;height:88px;object-fit:cover;border-radius:50%}.gs-contact-person>div>span{font-size:22px;font-weight:480;letter-spacing:-.03em}.gs-contact-person p{font-size:12px;color:#6e7073;margin-top:5px}.gs-contact-card h3{font-size:20px;font-weight:560;line-height:1.35;letter-spacing:-.025em;margin:0 0 5px}.gs-contact-card>p{font-size:14px;line-height:1.75;color:#72767d}.gs-contact-socials{display:flex;align-items:center;gap:23px;margin:18px 0 21px}.gs-contact-socials a,.gs-contact-socials button{display:inline-flex;gap:7px;align-items:center;font-size:12px;min-height:44px}.gs-contact-socials svg{width:15px;height:15px}.gs-contact-socials a svg:last-child{width:12px;height:12px}.gs-contact-socials a:hover{color:var(--gh-blue)}.gs-contact-socials button:disabled{cursor:default;color:#979ba3}.gs-linkedin-mark{font:700 12px Arial,sans-serif;border-radius:2px;background:currentColor;position:relative;width:15px;height:15px;font-size:0}.gs-linkedin-mark:after{content:"in";font:700 11px Arial,sans-serif;color:#fff;position:absolute;left:2px;top:1px}.gs-contact-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 19px 13px 22px;border:1px solid #bfc2c9;border-radius:40px;font-size:13px;font-weight:450;min-height:49px}.gs-contact-cta svg{width:21px;height:21px}.gs-contact-cta:hover{background:#fff;border-color:#7b8391}.gs-contact-card>small{display:block;font-size:10px;line-height:1.6;color:#6e7075;margin-top:12px;text-align:left}.gs-services{padding:67px 0 65px;background:#fff;scroll-margin-top:25px}.gs-service-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:34px}.gs-service-heading h2>span{color:#777d86}.gs-service-heading>p{font-size:14px;line-height:1.75;color:#72767d;max-width:390px;justify-self:end}.gs-service-main{display:grid;grid-template-columns:1fr 1.18fr;border:1px solid #e7e7e7;border-radius:14px;overflow:hidden;background:#f5f5f5;align-items:center}.gs-service-copy{padding:36px}.gs-service-label{font-size:10px;color:#6a707a;display:block;margin-bottom:15px}.gs-service-copy h3{font-size:27px;font-weight:560;letter-spacing:-.035em;margin:0 0 17px;line-height:1.2}.gs-service-copy>p{font-size:14px;line-height:1.75;color:#707780;max-width:445px}.gs-service-copy ul{margin:23px 0;padding:0;list-style:none;display:grid;gap:10px;font-size:12px;color:#536070}.gs-service-copy li{position:relative;padding-left:15px;line-height:1.6}.gs-service-copy li:before{content:"";width:4px;height:4px;background:var(--gh-blue);border-radius:50%;position:absolute;left:0;top:8px}.gs-service-offer{display:inline-flex;gap:18px;align-items:center;text-align:left;font-size:13px;font-weight:450;border-bottom:1px solid #b7bfd0;padding:10px 0;color:#244fd4;min-height:44px}.gs-service-offer>svg{width:20px;height:20px}.gs-service-offer:hover{color:#122d80;border-bottom-color:#122d80}.gs-service-copy>small{display:block;font-size:10px;line-height:1.6;color:#8b9098;margin-top:10px}.gs-service-art{margin:0;position:relative;padding:20px 16px 20px 0}.gs-service-art img{width:100%;height:auto;border-radius:8px;mix-blend-mode:multiply}.gs-service-art figcaption{font-size:9px;color:#6d7074;text-align:right;margin:7px 10px 0 0}.gs-addons{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin-top:31px}.gs-addons article{border-top:1px solid #dddfe3;padding-top:19px}.gs-addon-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gs-addon-heading h3{font-size:20px;font-weight:560;letter-spacing:-.025em;margin:0}.gs-addon-heading a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dce0e5;border-radius:50%}.gs-addon-heading a:hover{color:var(--gh-blue);border-color:var(--gh-blue)}.gs-addon-heading svg{width:19px;height:19px}.gs-addons article>p{font-size:14px;line-height:1.75;color:#707781;max-width:475px}.gs-addons article>span{display:block;font-size:10px;color:#71767d;margin-top:17px}@media(max-width:1050px){.gs-problem-layout{gap:50px;grid-template-columns:1.2fr 1fr}.gs-contact-card{padding:8px 0 8px 25px}.gs-pain-copy h2,.gs-service-heading h2{font-size:32px}.gs-pain-lead{font-size:15px}.gs-service-copy{padding:27px}.gs-service-copy h3{font-size:25px}.gs-service-heading{gap:40px}.gs-addons article>p,.gs-service-copy>p{font-size:13px}.gs-service-offer{font-size:12px;gap:10px}}@media(max-width:780px){.gs-problem-layout{grid-template-columns:1fr;gap:32px}.gs-contact-card{max-width:none;width:100%;padding:26px 0 0;border-left:0;border-top:1px solid #dcdcdc;justify-self:start}.gs-pain-copy h2,.gs-service-heading h2{font-size:31px}.gs-pain-points{gap:20px}.gs-pain-points p{font-size:13px}.gs-contact-card h3{font-size:20px}.gs-contact-person img{width:78px;height:78px}.gs-contact-card>p{max-width:340px}.gs-services{padding:42px 0}.gs-service-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.gs-service-heading>p{justify-self:start;font-size:14px;max-width:450px}.gs-service-main{grid-template-columns:1fr}.gs-service-copy{padding:26px 23px 18px}.gs-service-copy h3{font-size:25px}.gs-service-art{padding:0 15px 17px}.gs-service-copy>p{font-size:14px}.gs-service-copy ul{font-size:12px;margin:20px 0}.gs-service-offer{font-size:12px;gap:12px}.gs-addons{grid-template-columns:1fr;gap:25px;margin-top:26px}.gs-addon-heading h3{font-size:21px}.gs-addons article>p{font-size:14px}.gs-addons article>span{margin-top:11px}.gs-pain-points>div{grid-template-columns:60px 1fr;gap:14px}.gs-pain-points>div>img{width:60px;height:60px}.gs-pain-copy h2{font-size:30px}.gs-contact-person{margin-bottom:20px}}.gs-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gs-tiles article{background:#f5f5f5;border:1px solid #e7e7e7;border-radius:14px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.gs-tiles .gs-service-label{margin-bottom:10px}.gs-tiles h3{font-size:22px;font-weight:560;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px}.gs-tiles ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:9px;font-size:13px;line-height:1.6;color:#6a717a}.gs-tiles li{position:relative;padding-left:15px}.gs-tiles li:before{content:"";width:4px;height:4px;background:var(--gh-blue);border-radius:50%;position:absolute;left:0;top:9px}.gs-tile-link{margin-top:auto;display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:450;color:#244fd4;min-height:44px;text-align:left;align-self:flex-start}.gs-tile-link svg{width:18px;height:18px}.gs-tile-link:hover{color:#122d80}.gs-tile-icon{display:block;width:150px;height:150px;margin:-14px 0 12px -8px}.gs-tile-icon img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}@media(max-width:1000px){.gs-tiles{gap:16px}.gs-tiles article{padding:24px}.gs-tiles h3{font-size:20px}.gs-tiles ul{font-size:12px}.gs-tile-icon{width:120px;height:120px}}@media(max-width:780px){.gs-tiles{grid-template-columns:1fr}.gs-tiles ul{font-size:13px}}.gp-section{background:#f5f5f5;padding:64px 0 42px;border-top:1px solid #e7e7e7;scroll-margin-top:24px}.gp-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:33px}.gp-heading h2{font-size:34px;font-weight:560;line-height:1.16;letter-spacing:-.035em}.gp-heading>p{font-size:13px;line-height:1.7;color:#6b7077;max-width:330px}.gp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;list-style:none;padding:0;margin:0}.gp-steps>li{min-width:0}.gp-scene{height:190px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #dddfe3;margin-bottom:23px;position:relative;user-select:none}.gp-step-title{display:flex;align-items:baseline;gap:11px;margin-bottom:12px}.gp-step-title>span{font-size:16px;color:#2458f5;font-variant-numeric:tabular-nums}.gp-step-title>h3{font-size:20px;letter-spacing:-.03em;font-weight:570;line-height:1.3;margin:0}.gp-step>p{font-size:13px;line-height:1.75;color:#6c7178;min-height:92px}.gp-effort{padding-top:16px;margin-top:17px;border-top:1px solid #e0e1e4}.gp-effort>span{font-size:10px;color:#90959b}.gp-effort>p{font-size:12px;color:#525e70;line-height:1.6;margin-top:5px}.gp-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:29px}.gp-bottom>p{font-size:10px;line-height:1.7;color:#8a8f96;max-width:670px}.gp-replay{display:flex;align-items:center;gap:7px;font-size:10px;color:#6a717b;min-height:44px;white-space:nowrap}.gp-replay>span{font-size:20px}.gp-replay:hover{color:#2458f5}.gp-chat{width:216px;max-width:94%;font-size:9px;line-height:1.45;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.gp-chat-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.gp-chat-head>span{background:#2458f5;color:#fff;width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-weight:650;font-size:19px;line-height:1}.gp-chat-head>div{font-size:10px;font-weight:500}.gp-chat-head small{display:block;font-size:8px;font-weight:400;color:#6c7078;margin-top:1px}.gp-message{padding:8px 11px;border-radius:9px;background:white;color:#657080;border:1px solid #e3e5e9;max-width:95%}.gp-message-two{background:#2458f5;color:white;align-self:flex-end;border-color:#2458f5}.gp-message-three{font-size:8px;padding:7px 10px}.gp-design{width:205px;max-width:90%;height:146px;position:relative}.gp-design-sheet{position:absolute;top:4px;left:9px;right:9px;background:#fff;padding:11px;border:1px solid #d9dde4;border-radius:5px;box-shadow:0 5px 10px #14294506}.gp-mini-page{width:100%;padding:5px;background:#fff;overflow:hidden}.gp-mini-nav{display:flex;align-items:center;gap:6px;margin-bottom:11px;height:6px}.gp-mini-nav>i{width:16px;height:5px;border-radius:1px;background:#2458f5;margin-right:auto}.gp-mini-nav>span{width:15px;height:2px;background:#c9ced6}.gp-mini-hero{display:flex;gap:9px;align-items:stretch}.gp-mini-copy{flex:1;display:flex;flex-direction:column;gap:4px;padding:3px 0;min-width:0}.gp-mini-copy>b{height:4px;width:85%;background:#535c6b;border-radius:1px}.gp-mini-copy>b:nth-child(2){width:65%}.gp-mini-copy>i{height:2px;background:#d3d7de;width:90%;margin-top:3px}.gp-mini-copy>i+i{margin-top:0;width:68%}.gp-mini-copy>em{width:28px;height:9px;background:#2458f5;border-radius:5px;margin-top:5px}.gp-mini-picture{flex:1;min-width:0;position:relative;height:58px;background:#e7e9ec;border-radius:3px;overflow:hidden}.gp-mini-picture>span:first-child{position:absolute;left:14%;bottom:-6px;width:56%;height:45px;background:#c7cfdb;transform:rotate(24deg);border-radius:2px}.gp-mini-picture>span:last-child{position:absolute;right:12%;top:10px;width:20px;height:20px;background:#2458f5;border-radius:3px;transform:rotate(-12deg)}.gp-mini-bottom{display:flex;gap:6px;margin-top:11px}.gp-mini-bottom i{height:11px;flex:1;background:#eff0f3;border-radius:2px}.gp-swatches{display:flex;align-items:center;gap:5px;position:absolute;bottom:0;left:14px;background:#fff;border:1px solid #dfe2e7;border-radius:6px;padding:7px 9px;box-shadow:0 3px 7px #15264206}.gp-swatches>i{height:13px;width:13px;background:#2458f5;border-radius:3px}.gp-swatches>i:nth-child(2){background:#354050}.gp-swatches>i:nth-child(3){background:#e5e8ee}.gp-swatches>span{font-size:8px;color:#7a8594;margin-left:5px}.gp-design-corner{position:absolute;width:6px;height:6px;background:#fff;border:1px solid #2458f5}.gp-corner-a{top:1px;left:6px}.gp-corner-b{right:6px;bottom:15px}.gp-responsive{height:158px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.gp-responsive-frame{width:89px;max-width:90%;height:137px;border:1px solid #8a95a7;border-radius:9px;background:#fff;padding:6px;overflow:hidden;box-shadow:0 4px 9px #16294605;container-type:inline-size}.gp-device-bar{display:flex;gap:3px;height:9px;align-items:start}.gp-device-bar>i{width:3px;height:3px;border-radius:50%;background:#d6dbe2}.gp-responsive .gp-mini-nav{margin-bottom:7px}.gp-responsive .gp-mini-picture{height:40px}.gp-responsive .gp-mini-bottom{margin-top:7px}.gp-responsive .gp-mini-bottom i{height:9px}.gp-device-label{font-size:8px;display:flex;gap:7px;align-items:center;color:#8b929e}.gp-device-label>i{width:18px;height:1px;background:#b9c1cd}.gp-device-label>span:last-child{color:#2458f5}.gp-launch{width:201px;max-width:92%;position:relative;padding-bottom:22px}.gp-launch-address{height:24px;border:1px solid #d9dfe7;border-bottom:0;border-radius:6px 6px 0 0;background:#fafafa;font-size:8px;color:#727d8e;display:flex;align-items:center;justify-content:center;gap:6px}.gp-launch-address>span{width:5px;height:5px;border:1px solid #8c99aa;border-radius:2px}.gp-launch-page{padding:6px 10px;background:#fff;border:1px solid #d9dfe7;border-radius:0 0 5px 5px;position:relative;overflow:hidden}.gp-launch-page .gp-mini-picture{height:43px}.gp-launch-page .gp-mini-nav{margin-bottom:8px}.gp-launch-cover{position:absolute;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;opacity:0;pointer-events:none}.gp-launch-cover>span{font-size:9px;color:#6f7783}.gp-launch-cover>i{width:88px;height:3px;background:#e7eaf0;border-radius:3px;overflow:hidden}.gp-launch-cover>i:after{content:"";display:block;height:100%;width:100%;background:#2458f5;transform-origin:left}.gp-live{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 10px;background:#fff;border:1px solid #d7dfea;border-radius:20px;font-size:8px;white-space:nowrap;color:#44536b;box-shadow:0 3px 8px #17284406}.gp-live>i{width:5px;height:5px;border-radius:50%;background:#2458f5}@container(max-width:100px){.gp-responsive-frame .gp-mini-hero{gap:5px;flex-direction:column}.gp-responsive-frame .gp-mini-copy{gap:3px}.gp-responsive-frame .gp-mini-copy>i{display:none}.gp-responsive-frame .gp-mini-copy>em{height:5px;margin-top:1px;width:22px}.gp-responsive-frame .gp-mini-picture{flex:none;height:36px}.gp-responsive-frame .gp-mini-bottom{margin-top:5px}.gp-responsive-frame .gp-mini-bottom i{height:6px}.gp-responsive-frame .gp-mini-nav>span{width:8px}}.gp-play .gp-message-one{animation:gp-message-in .7s .3s both}.gp-play .gp-message-two{animation:gp-message-in .7s 1.8s both}.gp-play .gp-message-three{animation:gp-message-in .7s 3.3s both}.gp-play .gp-design-sheet{animation:gp-sheet-in 2.6s both}.gp-play .gp-swatches{animation:gp-message-in .7s .7s both}.gp-play .gp-design-sheet .gp-mini-hero{animation:gp-message-in .8s 1.3s both}.gp-play .gp-design-corner{animation:gp-message-in .4s 1.8s both}.gp-play .gp-responsive-frame{animation:gp-resize 3.4s .15s both}.gp-play .gp-launch-cover{animation:gp-publish 2.5s .1s both}.gp-play .gp-launch-cover>i:after{animation:gp-progress 1.8s .3s both}.gp-play .gp-live{animation:gp-live-in .6s 2.2s both}@keyframes gp-message-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@keyframes gp-sheet-in{0%{opacity:0;translate:0 8px;rotate:-3deg}30%{opacity:1;translate:0 0;rotate:-3deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes gp-resize{0%,28%{width:199px;border-radius:5px}80%,to{width:89px;border-radius:9px}}@keyframes gp-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes gp-publish{0%,68%{opacity:1}to{opacity:0}}@keyframes gp-live-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(max-width:1050px){.gp-steps{gap:20px}.gp-step-title>h3{font-size:18px}.gp-step-title>span{font-size:14px}.gp-step-title{gap:8px}.gp-heading h2{font-size:31px}.gp-step>p{font-size:12px;min-height:105px}.gp-chat{font-size:8px}.gp-message{padding:7px 8px}.gp-scene{height:185px}.gp-effort>p{font-size:11px}}@media(max-width:850px){.gp-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px}.gp-step>p{min-height:65px}.gp-heading{align-items:start}.gp-heading>p{max-width:230px}.gp-bottom{align-items:start}.gp-bottom>p{max-width:420px}}@media(max-width:560px){.gp-section{padding:40px 0 25px}.gp-heading{display:block;margin-bottom:20px}.gp-heading h2{font-size:30px;max-width:300px}.gp-heading>p{font-size:13px;margin-top:16px;max-width:none}.gp-heading>p br{display:none}.gp-steps{grid-template-columns:1fr;gap:28px}.gp-scene{height:185px;margin-bottom:19px}.gp-step-title>h3{font-size:21px}.gp-step-title>span{font-size:17px}.gp-step-title{gap:12px}.gp-step>p{font-size:14px;min-height:0;max-width:420px}.gp-effort{display:flex;align-items:baseline;gap:13px;margin-top:15px;padding-top:13px}.gp-effort>span{white-space:nowrap}.gp-effort>p{font-size:12px;margin:0}.gp-bottom{flex-direction:column;gap:4px;margin-top:23px}.gp-bottom>p{font-size:10px}.gp-chat{font-size:9px;width:225px}.gp-message{padding:8px 11px}.gp-message-three{font-size:9px}}@media(prefers-reduced-motion:reduce){.gp-section *,.gp-section :after{animation:none!important;transition:none!important}.gp-replay{display:none}}.gp-step>p{min-height:0}.gp-bottom{justify-content:flex-end;margin-top:20px}@media(max-width:560px){.gp-bottom{align-items:flex-end}}.gp-scene{height:246px}.gp-real{max-width:310px;display:flex;flex-direction:column;gap:0;text-align:left;border-radius:7px;padding:0;color:#697382}.gp-real,.gp-real-image{width:100%;position:relative}.gp-real-image{display:block;overflow:hidden;border-radius:5px}.gp-real-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.gp-real-caption{display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.4;color:#68707c;padding:9px 2px 0}.gp-expand{margin-left:auto;font-size:16px;line-height:1;color:#52647f}.gp-real:hover .gp-expand{color:#2458f5;transform:translate(1px,-1px)}.gp-real:focus-visible{outline:2px solid #2458f5;outline-offset:4px}.gp-play .gp-real-1 .gp-real-image{animation:gp-concept-reveal 1.7s .15s both}.gp-play .gp-real-3 .gp-real-image{animation:gp-production-reveal 1.8s .15s both}.gp-example-note{display:block;color:#979da5;font-size:9px;margin-top:5px}.gp-preview{padding:25px;border:1px solid #ddd;border-radius:12px;background:#f5f5f5;color:#252b32;margin:auto;width:min(960px,calc(100% - 30px));max-height:90vh;overflow:auto;font-family:HeaderFigtree,sans-serif}.gp-preview::backdrop{background:#18202e80;backdrop-filter:blur(4px)}.gp-preview-close{position:absolute;top:8px;right:8px;width:44px;height:44px;font-size:28px;z-index:1}.gp-preview-heading{padding:5px 40px 20px 4px}.gp-preview-heading>span{font-size:10px;color:#7c8590}.gp-preview-heading h3{font-size:26px;font-weight:560;letter-spacing:-.035em;margin:10px 0}.gp-preview-heading p{font-size:13px;color:#79818b;line-height:1.6}.gp-preview>img{width:100%;max-height:65vh;object-fit:contain;display:block;border-radius:5px}@keyframes gp-concept-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gp-production-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@media(max-width:1050px){.gp-scene{height:205px}.gp-real-caption{font-size:8px}}@media(max-width:850px){.gp-scene{height:245px}.gp-real{max-width:290px}.gp-real-caption{font-size:9px}}@media(max-width:560px){.gp-scene{height:266px}.gp-scene-0{height:185px}.gp-real{max-width:315px}.gp-real-caption{font-size:10px}.gp-preview{padding:18px}.gp-preview-heading h3{font-size:23px}.gp-preview-heading p{font-size:12px}}.gp-coding{width:100%;max-width:260px;container-type:inline-size;padding-top:5px}.gp-laptop{position:relative;width:83%;aspect-ratio:1;margin:0 auto;perspective:1000px}.gp-laptop-screen{position:relative;z-index:2;width:100%;height:62.5%;background:#1e1e1e;border:solid #161616;border-width:5px 5px 4px;border-radius:11px 11px 0 0;overflow:hidden;transform-origin:bottom;box-shadow:0 0 0 1px #696969,0 4px 10px #0001;color:#d5dae3;display:flex;flex-direction:column}.gp-laptop-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#fff06,transparent 65%);pointer-events:none}.gp-editor-top{height:20px;flex-shrink:0;display:flex;align-items:center;gap:10px;background:#252526;border-bottom:1px solid #333;font:2.5cqw/1.3 monospace;padding:0 7px;color:#a5a5ad}.gp-editor-dots{display:flex;gap:3px}.gp-editor-dots>i{width:4px;height:4px;border-radius:50%;background:#ff5f56}.gp-editor-dots>i:nth-child(2){background:#ffbd2e}.gp-editor-dots>i:nth-child(3){background:#27c93f}.gp-editor-body{flex:1;min-height:0;overflow:hidden;position:relative;padding:5px 4px 0}.gp-editor-body:after{content:"";position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(#1e1e1e,transparent);pointer-events:none}.gp-code-block{padding:4px 0 18px}.gp-code-row{display:flex;gap:5px;font:2.45cqw/1.85 monospace;white-space:pre}.gp-code-number{width:9px;flex-shrink:0;text-align:right;color:#525762;font-size:2.1cqw}.gp-code-line{font:inherit;white-space:pre;color:#ced5e2}.gp-code-line.comment{color:#79897b}.gp-code-line.keyword{color:#c792ea}.gp-code-line.tag{color:#80acd2}.gp-laptop-deck{position:absolute;top:62.5%;left:0;width:100%;height:50%;z-index:3;transform:rotateX(60deg);transform-origin:top;transform-style:preserve-3d;background:linear-gradient(#8a8a8a,#666);border-radius:0 0 12px 12px;border:1px solid #aaa;box-shadow:0 8px 10px #0002}.gp-keyboard{position:absolute;left:7%;right:7%;top:8%;height:55%;display:flex;flex-direction:column;gap:2px;padding:3px;background:#191919;border-radius:3px;box-shadow:inset 0 1px 3px #0008}.gp-key-row{display:flex;gap:2px;flex:1}.gp-key-row>i{flex:1;background:#050505;border-radius:1px;box-shadow:0 1px 0 #ffffff26}.gp-key-row-4>i:nth-child(4){flex:5}.gp-trackpad{position:absolute;bottom:10%;left:35%;width:30%;height:25%;background:#51515166;border:1px solid #ffffff12;border-radius:3px}.gp-laptop-edge{position:absolute;top:100%;height:4px;left:-1px;right:-1px;border-radius:0 0 10px 10px;background:linear-gradient(#777,#444)}.gp-laptop-edge>i{position:absolute;width:14%;height:2px;left:43%;top:0;background:#444;border-radius:0 0 3px 3px}.gp-coding-caption{display:block;color:#68707c;font-size:9px;line-height:1.4;padding:7px 2px 0}.gp-play .gp-laptop-screen{animation:gp-lid-open 1s ease-out both}.gp-play .gp-laptop-deck{animation:gp-deck-open 1s ease-out .1s both}.gp-play .gp-code-scroll{animation:gp-code-scroll 11s linear .2s infinite both}@keyframes gp-lid-open{0%{transform:rotateX(-90deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes gp-deck-open{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(60deg);opacity:1}}@keyframes gp-code-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media(max-width:850px){.gp-coding{max-width:260px}}@media(max-width:560px){.gp-coding{max-width:270px}.gp-coding-caption{font-size:10px}}@media(prefers-reduced-motion:reduce){.gp-section *,.gp-section :after{animation:none!important;transition:none!important}}