.scroll-hero-root{--sh-bg-dark:#111113;--sh-bg-deep:#0c0c0e;--sh-bg-violet:#161618;--sh-text:#fafafa;--sh-text-dim:#f5f5f5db;--sh-text-muted:#f5f5f59e;--sh-accent:#23a973;--sh-accent-soft:#54c091;--sh-accent-2:#0f9f6c;--sh-pill-bg:#0f9f6c24;--sh-pill-border:#54c0914d;--sh-top-safe:clamp(160px, 20vh, 220px);--sh-bottom-safe:clamp(76px, 10vh, 130px);color:var(--sh-text);background:var(--sh-bg-dark);box-shadow:0 -50vh 0 50vh var(--sh-bg-dark);isolation:isolate;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.sh-loader{z-index:80;background:var(--sh-bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.sh-loader[data-ready=true]{opacity:0;visibility:hidden;pointer-events:none}.sh-loader__brand{letter-spacing:.32em;text-transform:uppercase;color:var(--sh-text-dim);font-family:Hanken Grotesk,sans-serif;font-size:.72rem;font-weight:600}.sh-loader__bar{background:#ffffff14;width:min(320px,45vw);height:2px;overflow:hidden}.sh-loader__fill{background:#0f9f6c;width:0%;height:100%;transition:width .2s ease-out}.sh-loader__percent{font-variant-numeric:tabular-nums;color:var(--sh-text-muted);letter-spacing:.05em;font-size:.78rem}.sh-scroll{width:100%;height:480vh;position:relative}.sh-stage{z-index:1;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.sh-canvas-wrap{z-index:1;position:absolute;inset:0}.sh-canvas-wrap canvas{width:100%;height:100%;display:block}.sh-hero{z-index:4;padding:var(--sh-top-safe) clamp(1.5rem, 6vw, 6rem) var(--sh-bottom-safe);will-change:opacity, transform;isolation:isolate;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.sh-hero:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0a0a0b8c 0%,#0a0a0b52 38%,#0000 65%);position:absolute;inset:0}.sh-hero__inner{flex-direction:column;align-items:flex-start;width:100%;max-width:72rem;max-height:100%;display:flex}.sh-hero__label{color:#0a6143;letter-spacing:.26em;text-transform:uppercase;background:#e9f7f0;border:1px solid #8fd6b4;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:clamp(.9rem,2.2vh,1.75rem);padding:.42rem .95rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;font-weight:600;display:inline-flex}.sh-hero__heading{letter-spacing:-.04em;color:var(--sh-text);text-shadow:none;margin:0 0 clamp(.9rem,2.4vh,1.8rem);font-family:Hanken Grotesk,sans-serif;font-size:clamp(2.4rem,min(6.4vw,10.5vh),6rem);font-weight:900;line-height:.92}.sh-hero__word{vertical-align:baseline;margin-top:-.1em;margin-bottom:-.22em;padding:.1em .18em .22em .02em;display:inline-block;overflow:hidden}.sh-hero__word>span{will-change:transform;display:inline-block;transform:translateY(110%)}.sh-hero__heading .sh-hero__accent{color:#24b279;padding-inline:.04em .14em;margin-top:-.08em;margin-bottom:-.08em;padding-top:.08em;padding-bottom:.08em;font-style:italic;font-weight:800;line-height:1.12;display:inline-block;overflow:visible}.sh-hero__tagline{color:#ffffffe6;max-width:36rem;text-shadow:none;flex-direction:column;margin:0;font-family:Hanken Grotesk,sans-serif;font-size:clamp(1.1rem,1.45vw,1.4rem);font-weight:500;line-height:1.45;display:flex}.sh-hero__proof b{color:#fff;font-weight:700}.sh-hero__proof em{color:#61e5a8;font-style:italic;font-weight:800}.sh-hero__proof-cta{letter-spacing:-.01em;color:#fff;margin-top:.5rem;font-weight:800}.sh-hero__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:clamp(1.1rem,3vh,2.2rem);display:flex}.sh-hero__actions .sh-cta{margin-top:0}.sh-stories{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;padding:0;transition:transform .3s;display:inline-flex}.sh-stories:hover{transform:translateY(-2px)}.sh-stories__thumbs{z-index:2;flex:none;width:6.9rem;height:4.3rem;margin-right:-1.4rem;position:relative}.sh-stories__thumb{-o-object-fit:cover;object-fit:cover;background:#d6d6db;border-radius:999px;width:4.3rem;height:4.3rem;transition:filter .7s,box-shadow .7s;position:absolute;top:0;left:0;box-shadow:0 0 0 2.5px #fff,0 8px 18px -8px #00000080}.sh-stories__thumb[data-slot=front]{z-index:2;transform:translate(2.6rem);box-shadow:0 0 0 2.5px #fff,0 0 0 5px #0f9f6c,0 10px 22px -8px #0000008c}.sh-stories__thumb[data-slot=back]{z-index:1;filter:saturate(.6)brightness(.92);transform:translate(0)scale(.86)}.sh-stories__thumb[data-spin=true][data-slot=front]{animation:.8s cubic-bezier(.45,0,.25,1) both sh-thumb-to-front}.sh-stories__thumb[data-spin=true][data-slot=back]{animation:.8s cubic-bezier(.45,0,.25,1) both sh-thumb-to-back}@keyframes sh-thumb-to-front{0%{transform:translate(0)scale(.86)}50%{transform:translate(1.3rem,1.3rem)scale(1.04)}to{transform:translate(2.6rem)scale(1)}}@keyframes sh-thumb-to-back{0%{transform:translate(2.6rem)scale(1)}50%{transform:translate(1.3rem,-1.3rem)scale(.74)}to{transform:translate(0)scale(.86)}}.sh-stories__play{z-index:3;color:#fff;background:#0f9f6c;border-radius:999px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;display:inline-flex;position:absolute;bottom:-.2rem;right:-.35rem;box-shadow:0 0 0 2px #fff}.sh-stories__play svg{margin-left:1px}.sh-stories__play:after{content:"";border-radius:inherit;animation:2.4s ease-out infinite sh-stories-pulse;position:absolute;inset:0}@keyframes sh-stories-pulse{0%{box-shadow:0 0 #0f9f6c99}70%{box-shadow:0 0 0 9px #0f9f6c00}to{box-shadow:0 0 #0f9f6c00}}@property --sh-stories-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.sh-stories__card{background:linear-gradient(#ffffffeb, #ffffffeb) padding-box, conic-gradient(from var(--sh-stories-angle), #0f9f6c, #49dfa3, #fffffff2 30%, #fffffff2 55%, #0f9f6c) border-box;-webkit-backdrop-filter:blur(10px);border:2px solid #0000;border-radius:999px;flex-direction:column;padding:.7rem 1.4rem .7rem 2.1rem;line-height:1.2;transition:box-shadow .3s;animation:4s linear infinite sh-stories-spin;display:flex;box-shadow:0 10px 30px -14px #00000073,0 0 26px -8px #0f9f6c8c}@keyframes sh-stories-spin{to{--sh-stories-angle:360deg}}.sh-stories:hover .sh-stories__card{box-shadow:0 14px 34px -14px #00000080,0 0 34px -6px #0f9f6cb3}.sh-stories__title{color:#18181b;font-family:Hanken Grotesk,sans-serif;font-size:.98rem;font-weight:700}.sh-stories__quotes{margin-top:.18rem;display:grid;overflow:hidden}.sh-stories__quote{color:#4e4e55;white-space:nowrap;opacity:0;grid-area:1/1;font-family:Hanken Grotesk,sans-serif;font-size:.78rem;font-style:italic;font-weight:500}.sh-stories__quote b{color:#0c8359;font-style:normal;font-weight:700}.sh-stories__quote[data-state=in]{animation:.55s cubic-bezier(.16,1,.3,1) .4s both sh-quote-in}.sh-stories__quote[data-state=out]{animation:.35s cubic-bezier(.7,0,.84,0) forwards sh-quote-out}@keyframes sh-quote-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes sh-quote-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}@media (prefers-reduced-motion:reduce){.sh-stories__card,.sh-stories__play:after,.sh-stories__quote[data-state]{animation:none}.sh-stories__thumb{transition:none;animation:none!important}.sh-stories__quote[data-state=in]{opacity:1}}@media (width>=1100px){.sh-hero__actions{top:var(--sh-top-safe);flex-direction:column;align-items:center;gap:1.1rem;margin-top:0;position:absolute;right:clamp(1.5rem,6vw,6rem)}.sh-hero__actions .sh-stories{order:-1}}@media (width<=480px){.sh-stories__quote{white-space:normal}}.sh-hero__scroll{bottom:calc(var(--sh-bottom-safe) + .4rem);z-index:4;letter-spacing:.34em;text-transform:uppercase;color:#f5f5f5c7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.5rem;font-family:Hanken Grotesk,sans-serif;font-size:.66rem;font-weight:600;display:flex;position:absolute;right:clamp(1.5rem,6vw,6rem)}.sh-hero__scroll-label{color:#f5f5f59e;animation:2.4s ease-in-out infinite sh-scroll-fade}.sh-hero__scroll-mouse{background:#0e0e102e;border:1.5px solid #f5f5f5d9;border-radius:14px;width:26px;height:42px;position:relative;overflow:hidden}.sh-hero__scroll-wheel{background:var(--sh-accent);border-radius:2px;width:3px;height:7px;margin-left:-1.5px;animation:1.8s cubic-bezier(.6,.05,.28,.95) infinite sh-scroll-wheel;position:absolute;top:6px;left:50%}.sh-hero__scroll-arrows{flex-direction:column;align-items:center;gap:2px;margin-top:2px;display:flex}.sh-hero__scroll-arrows span{opacity:0;border-bottom:1.5px solid #54c091f2;border-right:1.5px solid #54c091f2;width:7px;height:7px;animation:1.8s cubic-bezier(.6,.05,.28,.95) infinite sh-scroll-arrow;transform:rotate(45deg)}.sh-hero__scroll-arrows span:first-child{animation-delay:0s}.sh-hero__scroll-arrows span:nth-child(2){animation-delay:.15s}.sh-hero__scroll-arrows span:nth-child(3){animation-delay:.3s}@keyframes sh-scroll-wheel{0%{opacity:0;transform:translateY(0)}25%{opacity:1}70%{opacity:0;transform:translateY(16px)}to{opacity:0;transform:translateY(16px)}}@keyframes sh-scroll-arrow{0%,20%{opacity:0;transform:rotate(45deg)translate(-3px,-3px)}50%{opacity:1;transform:rotate(45deg)translate(0)}80%,to{opacity:0;transform:rotate(45deg)translate(3px,3px)}}@keyframes sh-scroll-fade{0%,to{opacity:.55}50%{opacity:1}}.sh-marquee-wrap{z-index:3;pointer-events:none;opacity:0;justify-content:center;display:flex;position:absolute;left:0;right:0;overflow:hidden}.sh-marquee-wrap[data-position=top]{top:112px}.sh-marquee-wrap[data-position=bottom]{bottom:3vh}.sh-marquee{white-space:nowrap;letter-spacing:.22em;text-transform:uppercase;color:#0f9f6cb8;-webkit-text-stroke-width:0;text-shadow:none;align-items:center;gap:2.4vw;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2.2vw;font-weight:500;line-height:1;display:inline-flex}.sh-marquee>span{padding:0 .4vw}.sh-marquee>span:nth-of-type(3n+2){color:#0f9f6cb8}.sh-marquee-dot{opacity:.8;background:#0f9f6c;border-radius:1px;flex:none;width:8px;height:8px;display:inline-block;transform:rotate(45deg);padding:0!important}.sh-dark-overlay{z-index:5;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);background:radial-gradient(#0a0a0b8c,#0a0a0bb8);position:absolute;inset:0}.sh-sections{pointer-events:none;position:absolute;inset:0}.sh-section{opacity:0;pointer-events:none;z-index:6;isolation:isolate;align-items:center;display:flex;position:absolute;inset:0}.sh-section[data-visible=true]{pointer-events:auto}.sh-section:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.sh-section--align-left:before{background:linear-gradient(90deg,#0a0a0b8c 0%,#0a0a0b52 28%,#0a0a0b24 52%,#0000 72%)}.sh-section--align-right:before{background:linear-gradient(270deg,#0a0a0b8c 0%,#0a0a0b52 28%,#0a0a0b24 52%,#0000 72%)}.sh-section--center:before{background:0 0}.sh-section__inner{max-width:min(38vw,640px);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:1.1rem;padding:0;display:flex;position:relative}.sh-section--align-left{padding:var(--sh-top-safe) 42vw var(--sh-bottom-safe) 10vw}.sh-section--align-right{padding:var(--sh-top-safe) 10vw var(--sh-bottom-safe) 42vw}.sh-section--align-right .sh-section__inner{text-align:right;align-items:flex-end;margin-left:auto}.sh-section--center{padding:var(--sh-top-safe) 8vw var(--sh-bottom-safe);justify-content:center}.sh-section--center .sh-section__inner{text-align:center;align-items:center;max-width:72rem}.sh-section__label{color:#0a6143;letter-spacing:.26em;text-transform:uppercase;background:#e9f7f0;border:1px solid #8fd6b4;border-radius:999px;align-self:flex-start;align-items:center;gap:.55rem;padding:.42rem .95rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;font-weight:600;display:inline-flex}.sh-section--align-right .sh-section__label{align-self:flex-end}.sh-section--center .sh-section__label{align-self:center}.sh-section__heading{letter-spacing:-.025em;color:var(--sh-text);text-shadow:none;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;padding-bottom:.12em;font-family:Hanken Grotesk,sans-serif;font-size:clamp(1.9rem,min(4.6vw,9vh),4.6rem);font-weight:800;line-height:1.12}.sh-section__heading em{color:#24b279;padding-inline:.04em .14em;margin-top:-.12em;margin-bottom:-.12em;padding-top:.12em;padding-bottom:.12em;font-style:italic;font-weight:700;line-height:1.22;display:inline-block;overflow:visible}.sh-section__body{color:#f5f5f5db;max-width:34ch;text-shadow:none;font-family:Hanken Grotesk,sans-serif;font-size:clamp(.98rem,1.1vw,1.1rem);font-weight:400;line-height:1.65}.sh-section__note{color:var(--sh-text-muted);letter-spacing:.08em;text-transform:uppercase;font-family:Hanken Grotesk,sans-serif;font-size:.82rem}.sh-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:min(96vw,1100px);margin:.6rem auto 0;display:grid}.sh-benefit{text-align:left;background:#fff;border:1px solid #e4e4e7;border-radius:.9rem;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.6rem 1.5rem 1.7rem;transition:transform .4s,border-color .4s,background .4s;display:flex;position:relative;box-shadow:0 2px 4px #1414180f,0 4px 12px #14141812}.sh-benefit:hover{border-color:#23a973;transform:translateY(-3px)}.sh-benefit__icon{color:#0a6143;background:#e9f7f0;border:1px solid #8fd6b499;border-radius:.85rem;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.sh-benefit__icon-svg{color:#0a6143;width:20px;height:20px}.sh-benefit__title{color:#18181b;letter-spacing:-.01em;margin:0;font-family:Hanken Grotesk,sans-serif;font-size:1.12rem;font-weight:700}.sh-benefit__desc{color:#55555e;max-width:28ch;margin:0;font-family:Hanken Grotesk,sans-serif;font-size:.92rem;line-height:1.55}.sh-cta{color:#fff;background:#0f9f6c;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.8rem;margin-top:.6rem;padding:calc(.875rem - 1px) 1.75rem;font-family:Hanken Grotesk,sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s,background-color .3s;display:inline-flex;box-shadow:0 10px 30px -12px #0009}.sh-cta:hover{background:#0b7f58;transform:translateY(-2px);box-shadow:0 10px 30px -12px #0009}.sh-cta__arrow{width:18px;height:18px;transition:transform .3s}.sh-cta:hover .sh-cta__arrow{transform:translate(4px)}.sh-cta-ghost{letter-spacing:.02em;color:var(--sh-text-dim);border-bottom:1px solid #54c09140;align-items:center;gap:.75rem;margin-top:1rem;padding-bottom:.35rem;font-family:Hanken Grotesk,sans-serif;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.sh-cta-ghost:hover{color:var(--sh-text);border-color:var(--sh-accent)}.sh-bullets{flex-direction:column;gap:.7rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.sh-bullets li{color:#f5f5f5e6;text-shadow:none;align-items:center;gap:.75rem;font-family:Hanken Grotesk,sans-serif;font-size:.95rem;font-weight:500;display:flex}.sh-bullets li:before{content:"";background:#0f9f6c;border-radius:50%;flex:none;width:6px;height:6px}@media (width>=769px) and (height<=860px){.scroll-hero-root{--sh-top-safe:clamp(140px, 18vh, 180px);--sh-bottom-safe:clamp(56px, 8vh, 96px)}.sh-hero__heading{font-size:clamp(2.2rem,min(6.4vw,9.8vh),5.5rem)}.sh-hero__tagline{font-size:clamp(1rem,1.25vw,1.2rem)}.sh-section__inner{gap:.85rem}.sh-section__heading{font-size:clamp(1.7rem,min(4.1vw,7.8vh),3.8rem)}.sh-section__body{max-width:38ch;font-size:clamp(.88rem,1vw,1rem);line-height:1.55}.sh-bullets{gap:.5rem;margin-top:.25rem}.sh-bullets li{font-size:.88rem}.sh-marquee-wrap[data-position=top]{top:100px}.sh-marquee-wrap[data-position=bottom]{bottom:2vh}}@media (width<=768px){.scroll-hero-root{--sh-top-safe:132px;--sh-bottom-safe:92px}.sh-scroll{height:360vh}.sh-hero{padding:var(--sh-top-safe) 1.25rem var(--sh-bottom-safe);justify-content:center;align-items:center}.sh-hero:before{background:linear-gradient(#0a0a0b47 0%,#0a0a0b6b 45%,#0a0a0b47 100%)}.sh-hero__inner{text-align:center;align-items:center}.sh-hero__tagline{max-width:34ch;margin-inline:auto}.sh-hero__heading{font-size:clamp(2.1rem,9.4vw,3.4rem)}.sh-hero__scroll{display:none}.sh-hero__actions{flex-direction:column;justify-content:center;align-items:center}.sh-hero__actions .sh-stories{order:-1}.sh-section{padding:var(--sh-top-safe) 1.25rem var(--sh-bottom-safe)!important;justify-content:center!important;align-items:center!important}.sh-section:before{background:linear-gradient(#0a0a0b2e 0%,#0a0a0b7a 40%,#0a0a0b9e 100%)!important}.sh-section--center:before{background:0 0!important}.sh-section__inner{width:100%;max-height:calc(100vh - var(--sh-top-safe) - var(--sh-bottom-safe) - .5rem);gap:.85rem;text-align:center!important;align-items:center!important;max-width:min(92vw,520px)!important;margin:0 auto!important}.sh-section--align-right .sh-section__inner,.sh-section--align-left .sh-section__inner,.sh-section--center .sh-section__inner{text-align:center!important;align-items:center!important}.sh-section__label,.sh-section--align-right .sh-section__label,.sh-section--align-left .sh-section__label,.sh-section--center .sh-section__label{align-self:center!important}.sh-section__body{max-width:38ch;margin-inline:auto;font-size:clamp(.92rem,3.85vw,1.05rem);line-height:1.6}.sh-bullets{align-self:center;gap:.55rem;width:fit-content;max-width:min(92vw,38ch);margin-inline:auto}.sh-bullets li{text-align:left;justify-content:flex-start;align-items:flex-start;gap:.65rem;font-size:clamp(.9rem,3.7vw,.98rem);line-height:1.52}.sh-bullets li:before{margin-top:.52em}.sh-section[data-id=entegrasyon] .sh-section__heading{font-size:clamp(1.55rem,6.8vw,2.15rem);line-height:1.15}.sh-section[data-id=entegrasyon] .sh-section__body{font-size:clamp(.9rem,3.7vw,1.02rem);line-height:1.55}.sh-section[data-id=entegrasyon] .sh-bullets{gap:.45rem;margin-top:.1rem}.sh-section[data-id=entegrasyon] .sh-bullets li{font-size:clamp(.9rem,3.7vw,1.02rem);line-height:1.5}.sh-section__cta-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.sh-benefits-grid{grid-template-columns:1fr;gap:.9rem;width:100%;max-width:min(94vw,460px);margin-inline:auto}.sh-benefit{gap:.55rem;padding:1.15rem 1.15rem 1.2rem}.sh-benefit__title{font-size:1.02rem}.sh-benefit__desc{font-size:.86rem;line-height:1.5}.sh-benefit__icon{border-radius:.7rem;width:38px;height:38px}.sh-benefit__icon-svg{width:18px;height:18px}.sh-section[data-id=rakamlar] .sh-section__inner{gap:.65rem}.sh-section[data-id=rakamlar] .sh-section__label{letter-spacing:.2em;padding:.32rem .75rem;font-size:.62rem}.sh-section[data-id=rakamlar] .sh-section__heading{margin:0;font-size:clamp(1.35rem,5.8vw,1.75rem);line-height:1.2}.sh-section[data-id=rakamlar] .sh-benefits-grid{gap:.55rem;margin-top:.15rem}.sh-section[data-id=rakamlar] .sh-benefit{-moz-column-gap:.75rem;text-align:left;grid-template-rows:auto auto;grid-template-columns:2.5rem 1fr;align-items:start;gap:.12rem .75rem;padding:.75rem .85rem;display:grid}.sh-section[data-id=rakamlar] .sh-benefit__icon{border-radius:.65rem;grid-row:1/span 2;align-self:center;width:2.5rem;height:2.5rem}.sh-section[data-id=rakamlar] .sh-benefit__icon-svg{width:16px;height:16px}.sh-section[data-id=rakamlar] .sh-benefit__title{grid-area:1/2;font-size:.92rem;line-height:1.25}.sh-section[data-id=rakamlar] .sh-benefit__desc{grid-area:2/2;max-width:none;font-size:.78rem;line-height:1.42}.sh-section__heading{font-size:clamp(1.9rem,8vw,2.8rem)}.sh-marquee{letter-spacing:.18em;gap:3.5vw;font-size:4vw}.sh-marquee>span{padding:0 .3vw}.sh-marquee-dot{width:6px;height:6px}.sh-marquee-wrap[data-position=top]{top:96px}.sh-marquee-wrap[data-position=bottom]{bottom:1.15rem}}.dev-showcase{--dev-h:300px;--dev-offset:calc(var(--dev-h) * .3);--dev-out:calc(var(--dev-h) * .45);flex-direction:column;align-items:center;margin:0;display:flex}@media (width>=640px){.dev-showcase{--dev-h:440px}}@media (width>=1024px){.dev-showcase{--dev-h:520px}}.dev-showcase__stage{height:var(--dev-h);width:calc(var(--dev-h) * .5 + var(--dev-offset));position:relative}.dev-showcase__device{height:var(--dev-h);transform-origin:50% 100%;filter:drop-shadow(0 30px 50px #14141838);width:auto;transition:filter .8s,opacity .8s;position:absolute;bottom:0;left:0}.dev-showcase__device[data-slot=front]{z-index:2;transform:translateX(var(--dev-offset)) scale(1)}.dev-showcase__device[data-slot=back]{z-index:1;opacity:.85;filter:drop-shadow(0 20px 30px #14141829)saturate(.7)brightness(.96);transform:translate(0)scale(.84)}.dev-showcase__device[data-spin=true][data-slot=front]{animation:.9s cubic-bezier(.45,0,.25,1) both dev-to-front}.dev-showcase__device[data-spin=true][data-slot=back]{animation:.9s cubic-bezier(.45,0,.25,1) both dev-to-back}@keyframes dev-to-front{0%{z-index:1;transform:translate(0)scale(.84)}40%{z-index:1;transform:translateX(calc(var(--dev-offset) * .15)) scale(.88)}41%{z-index:2}to{z-index:2;transform:translateX(var(--dev-offset)) scale(1)}}@keyframes dev-to-back{0%{z-index:2;transform:translateX(var(--dev-offset)) scale(1)}40%{z-index:2;transform:translateX(var(--dev-out)) translateY(-3%) scale(.92)}41%{z-index:1}to{z-index:1;transform:translate(0)scale(.84)}}.dev-showcase__caption{text-align:center;flex-direction:column;align-items:center;margin-top:1.5rem;display:flex}.dev-showcase__slogan{letter-spacing:-.01em;color:hsl(var(--foreground));font-size:1.05rem;font-weight:800}.dev-showcase__lines{margin-top:.3rem;display:grid;overflow:hidden}.dev-showcase__line{color:hsl(var(--muted-foreground));white-space:nowrap;opacity:0;grid-area:1/1;font-size:.85rem}.dev-showcase__line b{color:#0c8359;font-weight:700}.dev-showcase__line[data-state=in]{animation:.55s cubic-bezier(.16,1,.3,1) .4s both dev-line-in}.dev-showcase__line[data-state=out]{animation:.35s cubic-bezier(.7,0,.84,0) forwards dev-line-out}@keyframes dev-line-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes dev-line-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}@media (prefers-reduced-motion:reduce){.dev-showcase__device,.dev-showcase__line[data-state]{animation:none!important}.dev-showcase__line[data-state=in]{opacity:1}}