.slutte-cta{--slutte-yellow: #f7c900;--slutte-paper: #f4f2ec;position:relative;isolation:isolate;min-height:85svh;padding-block:clamp(96px,12vw,180px);color:var(--slutte-paper);background:#050505}.slutte-cta-rule{position:absolute;z-index:2;left:0;width:100%;height:1px;background:#f4f2ec29;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(.16,1,.3,1)}.slutte-cta-rule.top{top:0}.slutte-cta-rule.bottom{bottom:0}.slutte-cta.is-entered .slutte-cta-rule{transform:scaleX(1)}.slutte-cta-grid{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:var(--grid-opacity, 0);background-image:linear-gradient(rgba(244,242,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,242,236,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle 260px at var(--pointer-x, 50%) var(--pointer-y, 50%),#000 0,transparent 100%);mask-image:radial-gradient(circle 260px at var(--pointer-x, 50%) var(--pointer-y, 50%),#000 0,transparent 100%);transition:opacity .25s ease}.slutte-cta-inner{position:relative;z-index:1;width:min(100% - 2 * var(--gutter),1440px);margin-inline:auto}.slutte-cta-label{display:flex;align-items:center;gap:12px;margin-bottom:clamp(32px,4vw,64px);color:#f4f2ecb8;font-size:12px;line-height:1.3}.slutte-cta-label-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--slutte-yellow)}.slutte-cta-label-brand{margin-left:auto;color:#f4f2ec75}.slutte-cta-layout{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);grid-template-areas:"copy preview" "field preview" "actions preview" "contact preview";align-items:start;column-gap:clamp(32px,5vw,96px);row-gap:clamp(20px,2.2vw,30px);margin:0}.slutte-cta-copy{grid-area:copy;min-width:0}.slutte-cta-copy h2{max-width:9.5ch;margin:0;color:var(--slutte-paper);font-size:clamp(3rem,7vw,7.5rem);font-weight:600;letter-spacing:-.045em;line-height:.9}.slutte-cta-word-mask{display:inline-block;overflow:hidden;margin-right:.18em;padding-bottom:.07em;vertical-align:bottom}.slutte-cta-word-mask:last-child{margin-right:0}.slutte-cta-word-mask>span{display:inline-block;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--word-delay, 0ms)}.slutte-cta.is-entered .slutte-cta-word-mask>span{transform:translateY(0)}.slutte-cta-description{max-width:44ch;margin:32px 0 0;color:#f4f2ecb8;font-size:clamp(18px,1.4vw,20px);line-height:1.5}.slutte-cta-field{position:relative;grid-area:field;height:64px;border-bottom:1px solid rgba(244,242,236,.3)}.slutte-cta-field label{position:absolute;top:22px;left:0;color:#f4f2ec94;font-size:16px;transform-origin:left top;transition:color .25s ease,transform .25s ease;pointer-events:none}.slutte-cta-field input{width:100%;height:100%;padding:20px 0 4px;border:0;outline:0;background:transparent;color:var(--slutte-paper);font:500 19px/1.2 var(--app-font-sans)}.slutte-cta-field.is-focused label,.slutte-cta-field.has-value label{color:#f4f2ecc7;transform:translateY(-18px) scale(.78)}.slutte-cta-field-line{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--slutte-yellow);transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.slutte-cta-field.is-focused .slutte-cta-field-line{transform:scaleX(1)}.slutte-cta-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slutte-cta-preview-area{position:relative;grid-area:preview;display:grid;place-items:center;min-width:0;min-height:380px;perspective:1600px;transform-style:preserve-3d}.slutte-cta-question{position:absolute;z-index:0;top:4%;right:4%;color:transparent;-webkit-text-stroke:1px rgba(244,242,236,.06);font:800 30vw/.8 var(--app-font-sans);pointer-events:none;-webkit-user-select:none;user-select:none}.slutte-cta-preview-float{position:relative;z-index:1;width:min(40vw,620px);max-width:100%;transform-style:preserve-3d;animation:slutt-cta-float 6s ease-in-out infinite;animation-play-state:paused}.slutte-cta.is-in-view .slutte-cta-preview-float{animation-play-state:running}@keyframes slutt-cta-float{0%,to{translate:0 -8px}50%{translate:0 8px}}.slutte-cta-preview-mobile-sway,.slutte-cta-preview-pulse,.slutte-cta-preview-tilt{transform-style:preserve-3d}.slutte-cta-preview-mobile-sway,.slutte-cta-preview-pulse,.slutte-cta-preview-tilt{position:relative}.slutte-cta-browser{position:relative;width:100%;aspect-ratio:16 / 10;display:flex;flex-direction:column;border:1px solid rgba(244,242,236,.14);border-radius:16px;background:#090909;box-shadow:0 50px 120px -40px #000c;opacity:0;transform:translateZ(-400px) rotateY(25deg);transform-style:preserve-3d;transition:opacity .9s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}.slutte-cta.is-entered .slutte-cta-browser{opacity:1;transform:translateZ(0) rotateY(0)}.slutte-cta.is-confirmed .slutte-cta-browser{transform:translateZ(24px) rotateY(0);transition-duration:.5s}.slutte-cta-browser-chrome{position:relative;z-index:1;display:flex;flex:0 0 36px;align-items:center;gap:16px;height:36px;padding:0 12px;border-bottom:1px solid rgba(244,242,236,.12);border-radius:15px 15px 0 0;background:#10100f}.slutte-cta-browser-dots{display:flex;gap:5px}.slutte-cta-browser-dots i{width:6px;height:6px;border-radius:50%;background:#f4f2ec57}.slutte-cta-browser-dots i:first-child{background:var(--slutte-yellow)}.slutte-cta-url{display:flex;align-items:center;gap:7px;min-width:130px;height:21px;padding:0 10px;border:1px solid rgba(244,242,236,.1);border-radius:20px;color:#f4f2ec85;font:10px var(--app-font-mono)}.slutte-cta-confirm-check{color:var(--slutte-yellow);font-style:normal;opacity:0;transition:opacity .25s ease}.slutte-cta.is-confirmed .slutte-cta-confirm-check{opacity:1}.slutte-cta-screen{position:relative;flex:1 1 auto;min-height:0;transform-style:preserve-3d}.slutte-cta-screen-flat{position:absolute;inset:0;clip-path:inset(0 round 0 0 14px 14px);background:radial-gradient(ellipse at 68% 20%,rgba(247,201,0,.07),transparent 38%),linear-gradient(135deg,#0e0e0d,#080808 70%)}.slutte-cta-preview-nav,.slutte-cta-preview-copy,.slutte-cta-preview-image{position:absolute;transform-style:preserve-3d}.slutte-cta-preview-nav{top:12%;right:7%;left:7%;display:flex;align-items:center;justify-content:space-between}.slutte-cta-preview-logo{display:flex;min-width:20px;max-width:45%;color:var(--slutte-paper);font-size:clamp(10px,1vw,15px);font-weight:600;overflow-wrap:anywhere}.slutte-cta-preview-logo span,.slutte-cta-preview-title span{display:inline-block;animation:slutt-cta-letter-in .2s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--letter-index, 0) * 30ms)}@keyframes slutt-cta-letter-in{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}.slutte-cta-nav-lines{display:flex;gap:8px}.slutte-cta-nav-lines i{display:block;width:clamp(18px,2vw,34px);height:2px;background:#f4f2ec40}.slutte-cta-preview-copy{top:33%;left:7%;display:flex;flex-direction:column;align-items:flex-start;width:54%;gap:8px}.slutte-cta-preview-title{max-width:14ch;margin:0 0 3px;color:var(--slutte-paper);font-size:clamp(20px,2.2vw,34px);font-weight:600;letter-spacing:-.04em;line-height:1}.slutte-cta-skeleton{display:block;height:6px;border-radius:1px;background:#f4f2ec2b}.slutte-cta-skeleton.brand{width:clamp(54px,9vw,140px);height:8px}.slutte-cta-skeleton.title{width:min(100%,220px);height:clamp(14px,2.2vw,29px);margin-bottom:4px}.slutte-cta-skeleton.body{width:min(90%,190px)}.slutte-cta-skeleton.body.short{width:min(62%,132px)}.slutte-cta-preview-button{display:block;width:clamp(54px,7vw,100px);height:14px;margin-top:7px;border-radius:1px;background:var(--slutte-yellow)}.slutte-cta-preview-image{top:31%;right:7%;width:31%;height:50%;border:1px solid rgba(244,242,236,.14);border-radius:5px;background:linear-gradient(145deg,transparent 49.5%,rgba(244,242,236,.22) 50%,transparent 50.5%),linear-gradient(35deg,transparent 49.5%,rgba(244,242,236,.12) 50%,transparent 50.5%),#10100f}.slutte-cta-preview-image i{position:absolute;left:12%;width:44%;height:2px;background:#f4f2ec38}.slutte-cta-preview-image i:first-child{bottom:16%}.slutte-cta-preview-image i:last-child{bottom:9%;width:29%}.slutt-preview-layer{opacity:0;transform:translateZ(-18px);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--layer-delay, 0ms)}.slutte-cta.is-entered .slutt-preview-layer{opacity:1;transform:translateZ(var(--layer-z, 0px))}.slutte-cta-service-pill{position:absolute;z-index:3;top:7%;right:-20px;display:flex;align-items:center;gap:9px;min-height:36px;padding:0 13px;border:1px solid rgba(244,242,236,.2);border-radius:30px;background:#080808;color:var(--slutte-paper);font:12px var(--app-font-mono);opacity:0;transform:translateZ(90px) scale(.8);transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}.slutte-cta-service-pill i{width:6px;height:6px;border-radius:50%;background:var(--slutte-yellow)}.slutte-cta-service-pill.is-entered{opacity:1;transform:translateZ(90px) scale(1)}.slutte-cta-example{position:absolute;right:0;bottom:-24px;color:#f4f2ec73;font-size:10px}.slutte-cta-scan{position:absolute;z-index:4;top:0;right:7%;left:7%;height:100%;background:linear-gradient(to bottom,transparent 0,rgba(247,201,0,.8) 1px,transparent 4px);opacity:0;transform:translateY(-100%);animation:slutt-cta-scan .9s ease-in-out forwards;animation-play-state:paused;pointer-events:none}.slutte-cta-scan.is-running{animation-play-state:running}@keyframes slutt-cta-scan{0%{opacity:0;transform:translateY(-100%)}12%{opacity:.85}to{opacity:0;transform:translateY(100%)}}.slutte-cta-actions{grid-area:actions;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.slutte-cta-submit,.slutte-cta-copy-email{position:relative;display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:12px;padding:0 20px;border:1px solid transparent;border-radius:999px;font:600 14px/1 var(--app-font-sans);cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.slutte-cta-submit{min-width:210px;background:var(--slutte-yellow);color:#050505}.slutte-cta-submit:hover{background:var(--slutte-paper)}.slutte-cta-submit:disabled{cursor:wait}.slutte-cta-submit-label{position:relative;display:block;height:1em;overflow:hidden}.slutte-cta-submit-label>span{display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.slutte-cta-submit-label>span:last-child{position:absolute;top:100%;left:0}.slutte-cta-submit:hover .slutte-cta-submit-label>span{transform:translateY(-100%)}.slutte-cta-submit-arrow{display:inline-block;transition:transform .25s ease}.slutte-cta-submit:hover .slutte-cta-submit-arrow{transform:translate(6px)}.slutte-cta-copy-email{min-width:150px;border-color:#f4f2ec4d;background:transparent;color:var(--slutte-paper)}.slutte-cta-copy-email:hover,.slutte-cta-copy-email.is-copied{border-color:var(--slutte-yellow);color:var(--slutte-yellow)}.slutte-cta-copy-email>span{animation:slutt-cta-copy-text .25s ease both}@keyframes slutt-cta-copy-text{0%{opacity:.35}to{opacity:1}}.slutte-cta-contact{grid-area:contact;display:grid;gap:0;color:#f4f2ec94;font-size:12px}.slutte-cta-contact>a,.slutte-cta-time{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:32px;border-top:1px solid rgba(244,242,236,.1)}.slutte-cta-contact>a{color:inherit}.slutte-cta-contact>a:hover{color:var(--slutte-paper)}.slutte-cta-roll{position:relative;display:inline-block;overflow:hidden;min-height:1.2em;line-height:1.2}.slutte-cta-roll>span{display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.slutte-cta-roll>span:last-child{position:absolute;top:100%;left:0;white-space:nowrap}.slutte-cta-contact a:hover .slutte-cta-roll>span{transform:translateY(-100%)}.slutte-cta-time time{color:var(--slutte-paper);font-variant-numeric:tabular-nums}.slutte-cta-time time i{margin-inline:1px;color:var(--slutte-yellow);font-style:normal;animation:slutt-cta-clock 1s steps(2,jump-none) infinite}@keyframes slutt-cta-clock{50%{opacity:.2}}@media(max-width:1023px){.slutte-cta{min-height:auto;padding-block:clamp(72px,14vw,120px)}.slutte-cta-label{flex-wrap:wrap;margin-bottom:34px}.slutte-cta-label-brand{width:100%;margin-left:19px}.slutte-cta-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "field" "preview" "actions" "contact";gap:24px}.slutte-cta-copy h2{max-width:10ch;font-size:clamp(2.75rem,10vw,4.5rem)}.slutte-cta-description{margin-top:24px}.slutte-cta-field input{font-size:16px}.slutte-cta-preview-area{min-height:230px}.slutte-cta-preview-float{width:100%;max-width:620px;animation:none}.slutte-cta-preview-mobile-sway{transform-style:preserve-3d;animation:slutt-cta-mobile-sway 8s ease-in-out infinite;animation-play-state:paused}.slutte-cta.is-in-view .slutte-cta-preview-mobile-sway{animation-play-state:running}@keyframes slutt-cta-mobile-sway{0%,to{transform:rotateY(-5deg)}50%{transform:rotateY(5deg)}}.slutte-cta-browser{height:230px;aspect-ratio:auto}.slutte-cta-preview-copy{top:32%}.slutte-cta-preview-title{font-size:clamp(18px,5vw,28px)}.slutte-cta-service-pill{top:-12px;right:8px}.slutte-cta-example{right:5px;bottom:-20px}.slutte-cta-question{top:15%;right:12%;font-size:55vw}.slutte-cta-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.slutte-cta-submit,.slutte-cta-copy-email{width:100%;min-height:56px}.slutte-cta-contact>a,.slutte-cta-time{min-height:48px}}@media(max-width:520px){.slutte-cta-label-brand{font-size:10px}.slutte-cta-preview-nav{top:10%}.slutte-cta-preview-copy{width:57%}.slutte-cta-preview-image{right:5%;width:28%}.slutte-cta-url{min-width:110px}.slutte-cta-preview-logo{white-space:normal}}@media(hover:none),(pointer:coarse){.slutte-cta-grid{display:none}}@media(prefers-reduced-motion:reduce){.slutte-cta-grid,.slutte-cta-preview-float,.slutte-cta-preview-mobile-sway,.slutte-cta-scan,.slutte-cta-service-pill,.slutte-cta-rule,.slutte-cta-word-mask>span,.slutte-cta-field label,.slutte-cta-field-line,.slutte-cta-submit-label>span,.slutte-cta-submit-arrow,.slutte-cta-contact a .slutte-cta-roll>span,.slutte-cta-copy-email>span,.slutte-cta-preview-logo span,.slutte-cta-preview-title span,.slutte-cta-time time i{animation:none!important;transition:none!important}.slutte-cta-grid{display:none}.slutte-cta-rule{transform:scaleX(1)}.slutte-cta-word-mask>span{transform:none}.slutte-cta-browser,.slutte-cta.is-entered .slutte-cta-browser,.slutte-cta.is-confirmed .slutte-cta-browser{opacity:1;transform:none;transition:none}.slutte-cta .slutt-preview-layer{opacity:1;transform:none;animation:none;transition:none}.slutte-cta-preview-logo span,.slutte-cta-preview-title span,.slutte-cta-service-pill,.slutte-cta-service-pill.is-entered{opacity:1;transform:none}.slutte-cta-scan{display:none}.slutte-cta-question{transform:none!important}.slutte-cta-submit:hover .slutte-cta-submit-label>span,.slutte-cta-contact a:hover .slutte-cta-roll>span{transform:none}}
