.services-prototype{--field:#161616;--orange:#f36a2d;--peach:#f7c4a5;--sand:#e6ded2;--paper:#fafaf8;--tile:#f2eee8;--gray:#55534e;--line:#dedad3;--c-event:#f36a2d;--c-design:#f7c4a5;--c-print:#e6ded2;--c-content:#fafaf8;--max:1240px}.services-prototype a{color:inherit;text-decoration:none}.services-prototype .wrap{width:min(var(--max),calc(100% - 64px));margin:0 auto}.services-prototype :focus-visible{outline:2px solid var(--orange);outline-offset:3px}.services-prototype .hero{padding:96px 0 112px}.services-prototype .hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.services-prototype .hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(40px,4.8vw,62px);font-weight:700;line-height:1.18}.services-prototype .hero p{color:var(--gray);max-width:460px;margin:28px 0 0;font-size:17px;line-height:1.8}.services-prototype .stage{aspect-ratio:1;justify-self:end;width:min(420px,100%);position:relative}.services-prototype .stage .sq{aspect-ratio:1;width:52%;position:absolute}.services-prototype .stage .field{background:var(--field);width:70%;top:0;left:0}.services-prototype .stage .s1{background:var(--c-event);top:12%;left:12%}.services-prototype .stage .s2{background:var(--c-design);top:24%;left:24%}.services-prototype .stage .s3{background:var(--c-print);top:36%;left:36%}.services-prototype .stage .s4{box-shadow:0 0 0 1px var(--line) inset;background:#fff;border-radius:0 0 14%;top:48%;left:48%}@media (prefers-reduced-motion:no-preference){.services-prototype .stage .s1,.services-prototype .stage .s2,.services-prototype .stage .s3,.services-prototype .stage .s4{animation:.9s cubic-bezier(.2,.7,.2,1) both services-tile-enter}.services-prototype .stage .s1{animation-delay:.15s}.services-prototype .stage .s2{animation-delay:.3s}.services-prototype .stage .s3{animation-delay:.45s}.services-prototype .stage .s4{animation-delay:.6s}}@keyframes services-tile-enter{0%{opacity:0;transform:translate(-28%,-28%)}to{opacity:1;transform:none}}.services-prototype section.block{padding:112px 0}.services-prototype .head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.services-prototype .head h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.2vw,42px);font-weight:700;line-height:1.25}.services-prototype .head p{letter-spacing:-.02em;color:#3f3d39;white-space:nowrap;margin:0;font-size:20px;font-weight:500;line-height:1.5}.services-prototype .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.services-prototype .tile{background:var(--tile);flex-direction:column;min-height:400px;padding:40px 40px 36px;display:flex;position:relative}.services-prototype .tile .chip{width:18px;height:18px;position:absolute;top:40px;right:40px}.services-prototype .pict{height:132px;margin-bottom:36px}.services-prototype .pict svg{width:auto;height:100%;display:block}.services-prototype .tile h3{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:700}.services-prototype .tile .desc{letter-spacing:-.02em;color:#2b2a27;white-space:nowrap;margin:14px 0 0;font-size:19px;font-weight:500;line-height:1.5}.services-prototype .tile .tasks{color:var(--gray);margin:auto 0 0;padding-top:28px;font-size:14px;line-height:1.7}.services-prototype .stat{align-items:flex-end;gap:12px;margin-left:28px;display:flex}.services-prototype .stat strong{letter-spacing:-.05em;font-size:84px;font-weight:700;line-height:.8}.services-prototype .stat span{color:var(--gray);white-space:nowrap;padding-bottom:2px;font-size:14px;line-height:1.45}.services-prototype .pict-row{align-items:flex-end;height:132px;margin-bottom:36px;display:flex}.services-prototype .pict-row svg{width:auto;height:100%}.services-prototype .scope{background:var(--field);color:#fff}.services-prototype .scope .head p{color:#d6d2ca}.services-prototype .builder{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.services-prototype .toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.services-prototype .toggle{appearance:none;color:#fff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #3a3936;align-items:center;gap:14px;padding:22px;font-size:18px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.services-prototype .toggle .dot{border:1px solid #5a5853;flex:none;width:20px;height:20px;transition:background .2s}.services-prototype .toggle[aria-pressed=true]{background:#222120;border-color:#fff}.services-prototype .toggle[aria-pressed=true] .dot{border-color:#0000}.services-prototype .toggle[data-k=event][aria-pressed=true] .dot{background:var(--c-event)}.services-prototype .toggle[data-k=design][aria-pressed=true] .dot{background:var(--c-design)}.services-prototype .toggle[data-k=print][aria-pressed=true] .dot{background:var(--c-print)}.services-prototype .toggle[data-k=content][aria-pressed=true] .dot{background:var(--c-content)}.services-prototype .result{color:#b9b6af;min-height:1.6em;margin-top:28px;font-size:15px}.services-prototype .result strong{color:#fff;font-weight:600}.services-prototype .canvas{aspect-ratio:1;justify-self:center;width:min(380px,100%);position:relative}.services-prototype .canvas .base{aspect-ratio:1;border:1px solid #4a4945;width:62%;position:absolute;top:0;left:0}.services-prototype .canvas .base span{color:#8d8a83;font-size:13px;position:absolute;top:10px;left:12px}.services-prototype .canvas .p{aspect-ratio:1;opacity:0;width:48%;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;transform:translate(-24px,-24px)}.services-prototype .canvas .p.on{opacity:1;transform:none}.services-prototype .canvas .p[data-k=event]{background:var(--c-event);top:12%;left:12%}.services-prototype .canvas .p[data-k=design]{background:var(--c-design);top:24%;left:24%}.services-prototype .canvas .p[data-k=print]{background:var(--c-print);top:38%;left:38%}.services-prototype .canvas .p[data-k=content]{background:var(--c-content);border-radius:0 0 14%;top:52%;left:52%}@media (prefers-reduced-motion:reduce){.services-prototype .canvas .p{transition:none}}.services-prototype .steps{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.services-prototype .steps:before{content:"";background:var(--field);height:2px;position:absolute;top:27px;left:0;right:0}.services-prototype .steps li{padding-right:20px;position:relative}.services-prototype .steps .node{background:var(--field);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;font-size:15px;font-weight:600;display:flex;position:relative}.services-prototype .steps li:last-child .node{background:var(--orange)}.services-prototype .steps h3{letter-spacing:-.02em;margin:24px 0 0;font-size:21px;font-weight:700}.services-prototype .steps p{color:var(--gray);margin:8px 0 0;font-size:15px;line-height:1.65}.services-prototype .creds{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.services-prototype .cred{background:var(--tile);min-height:200px;box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;display:flex;position:relative;overflow:hidden}.services-prototype .cred .cat{background:var(--field);color:#fff;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.services-prototype .cred .cat i{background:var(--orange);width:10px;height:10px;display:block}.services-prototype .cred .body{z-index:1;flex-direction:column;flex:1;justify-content:flex-start;padding:40px 20px 28px;display:flex;position:relative}.services-prototype .cred strong{letter-spacing:-.035em;font-size:26px;font-weight:700;line-height:1.2}.services-prototype .cred .detail{color:var(--field);border:1px solid var(--field);align-self:flex-start;margin-top:12px;padding:4px 9px;font-size:13px;font-weight:600}.services-prototype .cred .ghost{z-index:0;width:120px;height:120px;position:absolute;bottom:-26px;right:-26px}.services-prototype .cred .ghost:before,.services-prototype .cred .ghost:after{content:"";width:78px;height:78px;position:absolute}.services-prototype .cred .ghost:before{background:#e7e1d8;top:0;left:0}.services-prototype .cred .ghost:after{background:#f7d9c6;border-radius:0 0 14px;top:22px;left:22px}.services-prototype .cta{background:var(--orange);padding:80px 0}.services-prototype .cta-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.services-prototype .cta h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:700}.services-prototype .cta .tel{letter-spacing:-.02em;border-bottom:2px solid var(--field);font-size:clamp(28px,3.2vw,42px);font-weight:700}@media (width<=900px){.services-prototype .wrap{width:calc(100% - 36px)}.services-prototype .hero{padding:56px 0 72px}.services-prototype .hero-grid,.services-prototype .builder{grid-template-columns:1fr;gap:48px}.services-prototype .stage{justify-self:start;width:min(320px,90%)}.services-prototype section.block{padding:80px 0}.services-prototype .head{display:block}.services-prototype .head p{white-space:normal;margin-top:14px;font-size:17px}.services-prototype .tiles{grid-template-columns:1fr}.services-prototype .tile{min-height:0;padding:32px 26px}.services-prototype .tile .desc{white-space:normal;font-size:17px}.services-prototype .tile .chip{top:32px;right:26px}.services-prototype .stat strong{font-size:56px}.services-prototype .pict-row{height:96px}.services-prototype .stat{margin-left:18px}.services-prototype .steps{grid-template-columns:1fr;gap:28px}.services-prototype .steps:before{width:2px;height:auto;inset:0 auto 0 27px}.services-prototype .steps li{grid-template-columns:56px 1fr;column-gap:20px;padding:0;display:grid}.services-prototype .steps h3{margin:4px 0 0}.services-prototype .steps p{grid-column:2}.services-prototype .creds{grid-template-columns:1fr 1fr}}@media (width<=560px){.services-prototype .toggles,.services-prototype .creds{grid-template-columns:1fr}}.services-prototype{background:var(--paper);color:var(--field)}.services-prototype .hero h1{letter-spacing:-.03em}.services-prototype .stage .tag{letter-spacing:-.02em;text-shadow:0 1px #ffffff59,0 -.5px .5px #16161629;background:0 0;padding:0;font-size:16px;font-weight:700;line-height:1.25;position:absolute;top:5%;left:6%}.services-prototype .stage .s1 .tag{color:#713717;text-shadow:0 1px #ffcda566,0 -.5px .5px #5e1f0938}.services-prototype .stage .s2 .tag{color:#795541}.services-prototype .stage .s3 .tag{color:#69604f}.services-prototype .stage .s4 .tag{color:#74716b;text-shadow:0 1px #fff,0 -.5px .5px #16161621}.services-prototype .hero-grid>*,.services-prototype .builder>*,.services-prototype .tile{min-width:0}.services-prototype .tile .desc{white-space:normal}.services-prototype .head{flex-wrap:wrap}.services-prototype .head p{white-space:normal;max-width:100%}.services-prototype .pict svg{max-width:100%}.services-prototype .pict-row{gap:clamp(12px,2vw,28px)}.services-prototype .pict-row svg{flex-shrink:1;width:clamp(90px,11vw,150px);min-width:0;height:auto;max-height:100%}.services-prototype .stat{flex-wrap:wrap;gap:10px;min-width:0;margin-left:0}.services-prototype .stat strong{font-size:clamp(56px,5.8vw,84px)}.services-prototype .stat span{white-space:normal}.services-prototype .scope .result{margin-bottom:0}.services-prototype .cred .detail{line-height:1.65}@media (width<=900px){.services-prototype .pict-row svg{width:110px}.services-prototype .stat strong{font-size:56px}}