.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#5298ff,#a6caff,#ffad55);z-index:110}
.section-pad{padding:115px 8vw}
.button{display:inline-block;border-radius:5px;padding:17px 25px;font-size:14px;font-weight:700;border:1px solid #ffffff5a;transition:transform .25s,box-shadow .25s}
.button:hover{transform:translateY(-3px)}
.button.primary{background:#2872f5;color:white;border-color:#2872f5;box-shadow:0 10px 30px #1465eb26}
.button.glass{background:#ffffff09;backdrop-filter:blur(10px)}
.hero-scroll{height:185svh;min-height:1150px}
.hero-pin{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;background:#08101b}
.hero-frames,.hero-frame,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-frame{object-fit:cover;object-position:50% 45%;opacity:0;transition:opacity .6s;transform:scale(1.08)}
.hero-frame.current{opacity:1}
.hero-shade{background:linear-gradient(90deg,#050c16ef,#050c1694 55%,#050c1626),linear-gradient(0deg,#070b12,#070b1200 45%)}
.hero-copy{position:absolute;left:8vw;top:27%;z-index:2;max-width:76%}
.hero-copy h1{font-size:clamp(45px,6.2vw,100px)}
.line-mask{display:block;overflow:hidden}
.line-mask>span{display:block;animation:title-enter 1.1s cubic-bezier(.2,.7,.2,1) both}
.line-mask:nth-child(2)>span{animation-delay:.15s}
@keyframes title-enter{from{transform:translateY(110%)}to{transform:translateY(0)}}
.gradient-text{background:linear-gradient(110deg,#8dbaff,#e0ebff 70%,#ffa656);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{margin-top:28px;color:#c1d0e2;font-size:18px}
.hero-caption{position:absolute;right:8vw;bottom:130px;text-align:right;z-index:2}
.hero-caption>span{font-size:10px;letter-spacing:.1em;color:#8daccd}
.hero-caption>b{display:block;font-size:17px;margin-top:12px}
.hero-caption p{font-size:13px;margin-top:8px}
.hero-footer{position:absolute;bottom:35px;left:8vw;right:8vw;border-top:1px solid #ffffff30;padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:#9eb0c8;font-size:10px;letter-spacing:.1em;z-index:3}
.scene-index{display:flex;gap:18px;font-size:12px}
.scene-index>span{opacity:.4}
.scene-index .selected{opacity:1;color:#a5ccff}
.hero-word{position:absolute;bottom:65px;left:7vw;font-weight:900;font-size:13vw;letter-spacing:-.07em;line-height:.9;color:#ffffff08;pointer-events:none}
@keyframes ticker{to{transform:translateX(-50%)}}
.statement{padding-top:145px;padding-bottom:135px}
.statement h2{font-size:clamp(40px,5.2vw,86px);color:#f0f3fa;line-height:1.3}
.statement h2>span{color:#8dbaff}
.statement-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:40px}
.section-number{font-size:12px;letter-spacing:.1em;color:#5f7b9e}
.data-journey{background:linear-gradient(140deg,#0e2441,#08101c)}
.data-journey h2 span{color:#86b8ff}
.journey-ui{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:70px}
.journey-ui article{position:relative;z-index:2;text-align:center}
.journey-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;margin:0 auto 30px;background:#0a1a2f;border:1px solid #5a81b4;color:#91bcf8;font-size:20px;box-shadow:0 0 25px #2872f51a;transition:box-shadow .4s,background .4s}
.journey-ui article.lit .journey-icon{background:#1f64dc;border-color:#8dc0ff;color:#fff;box-shadow:0 0 40px #297aff66}
.journey-ui h3{font-size:18px}
.journey-ui p{font-size:13px;margin-top:10px}
.journey-line{position:absolute;left:10%;right:10%;top:34px;height:2px;background:#345173}
.journey-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#256dff,#a9d2ff);transform-origin:left;transform:scaleX(var(--journey-progress,0));box-shadow:0 0 20px #5fafff}
.journey-caption{display:flex;justify-content:space-around;border-top:1px solid #3c5575;margin-top:45px;padding-top:22px;font-size:12px;color:#6e98d0;letter-spacing:.06em}
.gallery-scroll{height:280svh;min-height:1600px}
.gallery-pin{position:sticky;top:0;height:100svh;min-height:640px;padding:115px 0 30px;background:#f3f6fc;color:#233550;overflow:hidden;display:flex;flex-direction:column}
.gallery-top,.gallery-bottom{display:flex;justify-content:space-between;padding:0 8vw;font-size:11px;letter-spacing:.07em}
.gallery-top{margin-bottom:25px}
.gallery-track{display:flex;gap:3vw;padding-left:8vw;width:max-content;height:100%;min-height:350px;will-change:transform}
.gallery-track figure{width:78vw;height:100%;position:relative;overflow:hidden;border-radius:10px;flex-shrink:0}
.gallery-track img{width:100%;height:100%;object-fit:cover}
.gallery-track figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07111cdc,transparent 60%)}
.gallery-track figcaption{position:absolute;left:45px;bottom:35px;color:#fff;z-index:2}
.gallery-track figcaption>span{font-size:11px;letter-spacing:.12em;color:#a9c7ea}
.gallery-track h3{font-size:clamp(32px,3.8vw,62px);line-height:1.25;margin-top:16px;letter-spacing:-.05em}
.gallery-bottom{margin-top:25px}
.motion-on .reveal{opacity:0;transform:translateY(35px)}
.motion-on .reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.hero-copy{max-width:86%}
.hero-caption{bottom:130px}
}
@media(max-width:700px){.section-pad{padding:75px 6vw}
.hero-scroll{height:150svh;min-height:950px}
.hero-pin{min-height:620px}
.hero-copy{left:6vw;top:28%;max-width:90%}
.hero-copy h1{font-size:11vw}
.hero-copy>p{font-size:14px;line-height:1.9;margin-top:25px}
.hero-caption{left:6vw;right:auto;bottom:115px;text-align:left}
.hero-caption>span{font-size:9px}
.hero-caption>b{font-size:14px}
.hero-caption p{font-size:11px}
.hero-footer{left:6vw;right:6vw;bottom:26px;font-size:9px}
.hero-footer>span:last-child{display:none}
.hero-shade{background:linear-gradient(90deg,#050c16de,#050c1680),linear-gradient(0deg,#070b12,#070b1200 60%)}
.hero-frame{object-position:55% center}
.button{font-size:12px;padding:14px 18px}
.hero-word{font-size:18vw;bottom:65px}
.statement h2{font-size:9.5vw;line-height:1.4}
.statement-bottom{display:block;margin-top:30px}
.statement-bottom p{font-size:14px}
.section-number{display:block;margin-top:25px;font-size:10px}
.journey-ui{grid-template-columns:1fr;gap:25px;margin-top:40px}
.journey-ui article{display:grid;grid-template-columns:55px 1fr;gap:0 20px;text-align:left}
.journey-icon{grid-row:1/3;width:55px;height:55px;margin:0;font-size:16px}
.journey-ui h3{align-self:end;font-size:17px}
.journey-ui p{font-size:12px;margin-top:5px}
.journey-line{left:26px;top:10px;bottom:25px;width:2px;right:auto;height:auto}
.journey-line i{height:100%;transform:scaleY(var(--journey-progress,0));transform-origin:top}
.journey-caption{font-size:10px;margin-top:35px}
.gallery-scroll{height:auto;min-height:0}
.gallery-pin{position:relative;top:0;height:auto;min-height:0;padding:0 6vw 55px}
.gallery-top{padding:0;font-size:9px;margin-bottom:20px}
.gallery-track{display:grid;gap:20px;width:100%;height:auto;padding:0;transform:none!important}
.gallery-track figure{width:100%;height:420px;border-radius:7px}
.gallery-track figcaption{left:25px;bottom:25px}
.gallery-track h3{font-size:31px}
.gallery-track figcaption>span{font-size:9px}
.gallery-bottom{padding:0;font-size:9px;margin-top:20px;gap:20px}
.gallery-counter{display:none}
}
body.motion-off .hero-scroll,body.motion-off .ecosystem-scroll,body.motion-off .solutions-scroll,body.motion-off .gallery-scroll{height:auto;min-height:0}
body.motion-off .hero-pin{position:relative;min-height:720px;height:90svh}
body.motion-off .ecosystem-pin{position:relative;min-height:650px;height:85svh}
body.motion-off .hero-frame{transform:none!important}
body.motion-off .hero-copy,body.motion-off .hero-word{transform:none!important;opacity:1!important}
body.motion-off .ecosystem-image,body.motion-off .app-art{transform:none!important}
body.motion-off .solutions-pin{position:relative;height:auto;min-height:0;padding:100px 8vw}
body.motion-off .solution-stage{height:auto;min-height:0;margin-top:45px}
body.motion-off .solution-slide{position:relative;opacity:1;visibility:visible;transform:none;margin-top:65px;min-height:500px}
body.motion-off .solution-slide:first-child{margin-top:0}
body.motion-off .solution-slide .solution-visual{height:500px}
body.motion-off .solution-tabs{display:none}
body.motion-off .gallery-pin{position:relative;min-height:0;height:auto;padding:80px 8vw}
body.motion-off .gallery-track{display:grid;width:100%;height:auto;gap:30px;padding:0;transform:none!important}
body.motion-off .gallery-track figure{width:100%;height:600px}
body.motion-off .gallery-top,body.motion-off .gallery-bottom{padding:0}
body.motion-off .gallery-counter{display:none}
body.motion-off .reveal{opacity:1;transform:none;transition:none}
body.motion-off .ticker>div,body.motion-off .line-mask>span{animation:none}
body.motion-off .scroll-words{opacity:1}
body.motion-off .journey-line i{transform:none}
body.motion-off{scroll-behavior:auto}
@media(max-width:700px){body.motion-off .hero-pin{min-height:620px;height:90svh}
body.motion-off .ecosystem-pin{min-height:690px;height:90svh}
body.motion-off .solutions-pin{padding:75px 6vw}
body.motion-off .solution-slide{min-height:0;margin-top:55px}
body.motion-off .solution-slide .solution-visual{height:260px;max-height:none}
body.motion-off .gallery-pin{padding:40px 6vw}
body.motion-off .gallery-track figure{height:420px}
}
.hero-frames{transform:scale(1.025) translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform}
.hero-frame{transition:opacity 1.2s,filter 1.2s;filter:saturate(1.1) contrast(1.05)}
.hero-copy{filter:drop-shadow(0 3px 22px #0005)}
.hero-copy .gradient-text{background:linear-gradient(100deg,#75aaff 0%,#edf5ff 35%,#77afff 65%,#ffb257 100%);background-size:180% 100%;animation:color-drift 10s ease-in-out infinite}
.cinema-light{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.cinema-light i{position:absolute;top:-60%;width:13vw;min-width:100px;height:200%;background:linear-gradient(90deg,transparent,#5f99ff14,transparent);transform:rotate(28deg);filter:blur(12px);animation:light-sweep 14s ease-in-out infinite;opacity:.8}
.cinema-light i:nth-child(1){left:45%}
.cinema-light i:nth-child(2){left:74%;animation-delay:-5s;width:6vw;background:linear-gradient(90deg,transparent,#ffa14b12,transparent)}
.cinema-light i:nth-child(3){left:16%;animation-delay:-8s;width:3vw}
.hero-copy .line-mask>span{animation:none}
.button.primary{position:relative;overflow:hidden}
.button.primary:before{content:'';position:absolute;inset:-100% auto -100% -60%;width:30%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff35,transparent);animation:button-glint 6s ease-in-out infinite}
.button.primary:hover{box-shadow:0 14px 45px #126eff5c}
.scroll-words .scroll-word{color:#e6edfb;opacity:var(--char-light,.25);transition:opacity .12s;display:inline}
.scroll-words>span .scroll-word{color:#8dbaff}
.statement h2{opacity:1}
.statement{position:relative;overflow:hidden}
.statement:after{content:'';position:absolute;right:-20%;top:20%;width:50vw;height:50vw;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#2872f511,transparent 70%)}
.journey-icon{position:relative}
.journey-ui article.lit .journey-icon:after{content:'';position:absolute;inset:-6px;border:1px solid #6aa6ff40;border-radius:50%;animation:node-ring 3s ease-in-out infinite}
.journey-line .data-pulse{position:absolute;left:0;top:-2px;width:45px;height:6px;border-radius:10px;background:linear-gradient(90deg,transparent,#a6d5ff,transparent);box-shadow:0 0 12px #5dadff;animation:packet-travel 4.5s linear infinite}
.journey-line .pulse-two{animation-delay:-2.25s}
.kinetic-divider{overflow:hidden;padding:55px 0;background:#256bea;transform:skewY(-3deg);margin:20px 0 0;position:relative;z-index:2;border-block:1px solid #639cff}
.kinetic-row{font-size:clamp(40px,6.5vw,100px);letter-spacing:-.045em;font-weight:900;white-space:nowrap;line-height:1.08;will-change:transform;color:#e8f1ff}
.kinetic-row span{color:transparent;-webkit-text-stroke:1px #b9d4ff}
.kinetic-divider+.case-intro{padding-top:145px}
.gallery-track figure{transform:scale(.97);transition:transform .8s,filter .8s;filter:saturate(.8)}
.gallery-track figure.focused{transform:scale(1);filter:saturate(1.12)}
.gallery-track img{transform:scale(1.06) translateX(var(--image-pan,0%));transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}
.gallery-track figcaption{transform:translateY(var(--caption-lift,0px));transition:transform .5s}
@keyframes char-lift{from{opacity:0;transform:translateY(95%) rotate(5deg)}to{opacity:1;transform:none}}
@keyframes color-drift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes light-sweep{0%,100%{transform:translateX(-45px) rotate(28deg);opacity:.25}50%{transform:translateX(130px) rotate(23deg);opacity:1}}
@keyframes device-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes chip-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes note-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes tab-energy{0%,100%{left:0;opacity:.3}50%{left:65%;opacity:1}}
@keyframes node-ring{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.12);opacity:.8}}
@keyframes packet-travel{from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:95%;opacity:0}}
@keyframes app-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(2deg)}}
@keyframes button-glint{0%,55%{left:-60%}85%,100%{left:140%}}
@keyframes contact-breathe{0%,100%{transform:scale(.95)}50%{transform:scale(1.08)}}
.motion-off .data-network{display:none}
.motion-off .cinema-light{display:none}
.motion-off .eco-chip,.motion-off .floating-note,.motion-off .app-float,.motion-off .app-orbit-label,.motion-off .headline-char,.motion-off .gradient-text,.motion-off .contact-section:before,.motion-off .journey-icon:after,.motion-off .data-pulse,.motion-off .button.primary:before,.motion-off .solution-tabs button:after{animation:none!important}
.motion-off .ecosystem-image img,.motion-off .hero-frames,.motion-off .gallery-track img,.motion-off .gallery-track figure,.motion-off .gallery-track figcaption,.motion-off .solution-visual{animation:none;transform:none!important}
.motion-off .gallery-track figure{filter:none}
.motion-off .scroll-word{opacity:1!important}
.motion-off .kinetic-row{transform:none!important}
.motion-scene:not(.motion-visible) .cinema-light i,.motion-scene:not(.motion-visible) .data-pulse,.motion-scene:not(.motion-visible) .journey-icon:after{animation-play-state:paused}
@media(max-width:700px){.hero-frames{transform:scale(1.025)}
.data-pulse{display:none}
.kinetic-divider{padding:32px 0}
.kinetic-row{font-size:12vw;line-height:1.15}
.kinetic-divider+.case-intro{padding-top:95px}
.gallery-track figure{transform:none;filter:saturate(1.08)}
}
.motion-off .cinema-light i{animation:none!important}
@media(prefers-reduced-motion:reduce){.scroll-word{opacity:1!important}
}
.hero-copy h1{line-height:1.28;letter-spacing:-.055em}
.hero-copy .line-mask{padding:.035em .025em .065em 0;overflow:hidden}
.hero-copy .line-mask>span{display:block;animation:headline-line-in .85s cubic-bezier(.2,.7,.2,1) both}
.hero-copy .line-mask:nth-child(2)>span{animation-delay:.12s}
.hero-copy .gradient-text{color:#9fc8ff;-webkit-text-fill-color:#9fc8ff;background:none;background-clip:initial;-webkit-background-clip:initial}
@keyframes headline-line-in{from{opacity:0;transform:translateY(75%)}to{opacity:1;transform:none}}
.motion-off .hero-copy .line-mask>span{animation:none;transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.hero-copy .line-mask>span{animation:none;transform:none;opacity:1}
}
.hero-shade{background:linear-gradient(90deg,#070c14 0%,#070c14ed 26%,#070c1480 57%,#070c1429 100%),linear-gradient(0deg,#070c14df,transparent 40%)}
.hero-copy{top:29%;left:max(6vw,calc((100vw - 1200px)/2));max-width:82%;z-index:3}
.hero-copy h1{font-size:clamp(48px,5.3vw,76px);line-height:1.24;letter-spacing:-.064em;font-weight:900}
.hero-copy .gradient-text{color:#8bb8ff;-webkit-text-fill-color:#8bb8ff;background:none}
.hero-copy .line-mask>span{white-space:nowrap}
.hero-copy>p{color:#d0dae5;font-size:18px;line-height:1.85;max-width:650px}
.hero-copy .eyebrow{color:#72adff;font-size:12px}
.hero-copy .button{border-radius:999px;padding:15px 25px;font-weight:800}
.hero-copy .button.primary{background:#1767fa;border-color:#1767fa}
.hero-word{font-size:17vw;color:#a4c9ff06;bottom:62px;left:5vw}
.hero-caption{right:7vw;bottom:130px}
.hero-footer{left:6vw;right:6vw}
.cinema-light i{width:2px;filter:none;background:linear-gradient(transparent,#83baff77,transparent);opacity:.5}
.statement{background:#070b12;padding-top:120px;padding-bottom:110px}
.statement h2{font-size:clamp(40px,5.2vw,82px)}
.scroll-words .scroll-word{color:#eff5ff}
.scroll-words>span .scroll-word{color:#8dbaff}
.statement-bottom p{color:#9facbf}
.film-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}
.film-heading h2{font-size:clamp(40px,4.4vw,62px);line-height:1.2}
.film-heading h2 span{color:#92bfff}
.film-heading>p{font-size:14px;color:#a4b4c6;margin-bottom:8px}
.motion-on .film-card:not(.entered){clip-path:inset(0 100% 0 0)}
@keyframes erp-scan{0%,100%{translate:0 0;opacity:0}15%{opacity:.6}80%{opacity:.6}90%{translate:0 380px;opacity:0}}
.data-journey{padding:0;background:#09192c;height:180svh;min-height:1100px}
.journey-pin{position:sticky;top:0;height:100svh;min-height:620px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(125deg,#102743,#081320);overflow:hidden}
.journey-pin h2{font-size:clamp(38px,4.5vw,70px)}
.journey-ui{margin-top:65px}
.journey-ui article{transition:transform .45s}
.journey-ui article.current{transform:translateY(-7px)}
.journey-ui article.current h3{color:#b7d8ff}
.journey-detail{display:flex;align-items:center;gap:24px;margin-top:35px;min-height:30px}
.journey-detail>span{color:#80b7ff;font-size:11px;letter-spacing:.07em}
.journey-detail>b{font-size:19px;color:#c5defb;line-height:1.6}
.journey-caption{margin-top:28px}
.kinetic-divider{background:#2468e6;transform:skewY(-3deg);padding:45px 0}
.kinetic-row{font-size:clamp(45px,6.5vw,100px)}
.gallery-track figure{border-radius:8px}
.gallery-pin{background:#fff}
@keyframes screen-hover{0%,100%{translate:0 0}50%{translate:0 -12px}}
.motion-off .film-card,.motion-off .film-card>img{transform:none!important;clip-path:none;transition:none}
.motion-off .app-screen-fan>img,.motion-off .erp-scan{animation:none!important}
.motion-off .solution-visual>img{clip-path:none!important}
.motion-off .erp-overlay{opacity:1;transform:none}
.motion-off .data-journey{height:auto;min-height:0}
.motion-off .journey-pin{position:relative;top:auto;height:auto;min-height:0}
.motion-off .journey-detail{display:none}
@media(max-width:1000px) and (min-width:701px){.journey-detail>b{font-size:17px}
}
@media(max-width:700px){.hero-copy{left:6vw;top:28%;max-width:88%}
.hero-copy h1{font-size:clamp(34px,8.7vw,46px);line-height:1.25;letter-spacing:-.064em}
.hero-copy>p{font-size:14px;line-height:1.85}
.hero-copy .eyebrow{font-size:9px;letter-spacing:.09em}
.hero-copy .button{font-size:12px;padding:13px 20px}
.hero-caption{left:6vw;right:auto;bottom:115px;text-align:left}
.hero-caption b{font-size:13px}
.hero-word{font-size:22vw}
.statement{padding:75px 6vw}
.statement h2{font-size:9.3vw}
.film-heading{display:block;margin-bottom:30px}
.film-heading h2{font-size:9.5vw}
.film-heading>p{font-size:12px;margin-top:22px}
.data-journey{height:170svh;min-height:1050px}
.journey-pin{min-height:650px;padding:90px 6vw 35px}
.journey-pin h2{font-size:8.5vw}
.journey-pin .eyebrow{margin-bottom:18px}
.journey-ui{margin-top:32px;gap:18px}
.journey-icon{height:47px;width:47px;font-size:15px}
.journey-line{left:23px}
.journey-ui article{grid-template-columns:47px 1fr;gap:0 20px}
.journey-ui article.current{transform:translateX(7px)}
.journey-ui h3{font-size:15px}
.journey-ui p{font-size:11px}
.journey-detail{gap:10px;margin-top:25px}
.journey-detail>span{font-size:9px;min-width:70px}
.journey-detail>b{font-size:12px}
.journey-caption{font-size:9px;margin-top:22px}
.kinetic-divider{padding:30px 0}
.kinetic-row{font-size:12vw}
}
.hero-frame.leaving{opacity:1;z-index:1}
.hero-frame.current{z-index:2}
.hero-footer:after{content:'';position:absolute;left:0;right:0;bottom:-17px;height:1px;background:#6a99d26b;transform:scaleX(var(--frame-progress,0));transform-origin:left}
.hero-frame{filter:none}
.hero-copy .line-mask>span{animation:headline-line-in 1s cubic-bezier(.2,.8,.2,1) both}
.hero-copy .line-mask:nth-child(2)>span{animation-delay:.18s}
.motion-off .hero-copy .line-mask>span{animation:none}
.motion-off .hero-footer:after{display:none}
.motion-off .solution-visual>img{clip-path:none}
.motion-off .app-screen-fan>img{opacity:1!important;translate:0 0!important}
.journey-line .data-pulse{height:5px}
.journey-ui article.current .journey-icon:after{border-color:#88bbff88}
.motion-off .journey-ui article{transform:none}
.journey-pin>h2,.journey-pin>.eyebrow{flex-shrink:0}
@media(prefers-reduced-motion:reduce){.hero-copy .line-mask>span{animation:none}
.hero-footer:after{display:none}
}
.hero-frames{z-index:0}
.hero-shade{z-index:1;pointer-events:none}
.cinema-light{z-index:2;pointer-events:none}
.hero-word{z-index:1}
.hero-caption{z-index:3}
.reading-progress{background:linear-gradient(90deg,#286fff,#a6caff)}
.hero-copy .line-mask:nth-child(2)>.gradient-text{background:linear-gradient(105deg,#8bb8ff 0%,#8bb8ff 38%,#ecf5ff 49%,#b7d5ff 54%,#8bb8ff 65%,#8bb8ff 100%);background-size:260% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:headline-line-in 1.15s cubic-bezier(.2,.8,.2,1) .18s both,headline-blue-sweep 5s ease-in-out 1.35s infinite}
@keyframes headline-blue-sweep{0%,12%{background-position:100% 50%;text-shadow:0 0 0 #80b4ff00}48%{text-shadow:0 0 22px #80b4ff30}78%,100%{background-position:0% 50%;text-shadow:0 0 0 #80b4ff00}}
.motion-off .hero-copy .line-mask:nth-child(2)>.gradient-text{animation:none;background:none;color:#8bb8ff;-webkit-text-fill-color:#8bb8ff;transform:none;opacity:1}
@media(prefers-reduced-motion:reduce){.hero-copy .line-mask:nth-child(2)>.gradient-text{animation:none;background:none;color:#8bb8ff;-webkit-text-fill-color:#8bb8ff;transform:none;opacity:1}
}
.field-scroll{height:340svh;min-height:2400px;padding:0;overflow:visible;background:#07101b}
.field-pin{position:sticky;top:0;height:100svh;min-height:640px;padding:95px 0 25px;display:flex;flex-direction:column;overflow:hidden}
.field-pin .film-heading{padding:0 6vw;margin:0 0 26px;flex-shrink:0}
.field-pin .eyebrow{margin-bottom:14px}
.field-pin h2{font-size:clamp(36px,3.7vw,56px)}
.field-window{flex:1;min-height:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.field-track{display:flex;gap:3vw;padding:0 6vw;width:max-content;height:100%;will-change:transform}
.field-card{position:relative;width:70vw;height:100%;flex-shrink:0;overflow:hidden;border-radius:12px;background:#122136;opacity:var(--field-opacity,1);transform:scale(var(--field-scale,1));transition:opacity .18s,transform .25s;transform-origin:center}
.field-card.field-portrait{width:38vw}
.field-card>img,.field-card>video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04) translateX(var(--field-pan,0%));transition:transform .3s}
.field-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020c1dcc,transparent 48%);pointer-events:none}
.field-card figcaption{position:absolute;left:32px;bottom:30px;z-index:2;color:#fff}
.field-card figcaption span{font-size:12px;color:#b7d6ff;letter-spacing:.1em}
.field-card h3{font-size:clamp(22px,2.2vw,34px);line-height:1.3;margin-top:12px}
.field-footer{display:flex;align-items:center;gap:25px;padding:23px 6vw 0;color:#96b5d8;font-size:12px;letter-spacing:.08em}
.field-progress{height:2px;background:#274263;flex:1;max-width:240px}
.field-progress i{display:block;height:100%;background:#8abaff;transform:scaleX(var(--field-progress,0));transform-origin:left}
.field-counter{margin-left:auto}
.field-video:fullscreen{background:#000}
.field-video video:fullscreen{object-fit:contain;background:#000}
.motion-off .field-scroll{height:auto;min-height:0}
.motion-off .field-pin{position:relative;height:auto;min-height:0}
.motion-off .field-window{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory}
.motion-off .field-track{height:60svh;transform:none!important}
.motion-off .field-card{scroll-snap-align:center;opacity:1!important;transform:none!important}
.motion-off .field-card>img{transform:none}
.motion-off .field-footer{display:none}
@media(max-width:700px){.field-scroll{height:360svh;min-height:2200px}
.field-pin{padding:88px 0 20px;min-height:620px}
.field-pin .film-heading{padding:0 6vw;margin-bottom:23px}
.field-pin .film-heading h2{font-size:clamp(30px,8vw,42px)}
.field-pin .film-heading>p{margin-top:16px;font-size:12px}
.field-window{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.field-track{gap:5vw}
.field-card,.field-card.field-portrait{width:86vw}
.field-card figcaption{left:22px;bottom:24px;right:15px}
.field-card figcaption span{font-size:11px}
.field-card h3{font-size:24px}
.field-footer{font-size:10px;gap:15px;padding-top:20px}
.field-progress{max-width:90px}
.motion-off .field-track{height:52svh}
}
.field-card{width:62vw;height:92%;align-self:center}
.field-card.field-portrait{width:34vw}
.field-track{gap:2.5vw}
.field-window{max-height:58svh}
.motion-off .field-window{max-height:none}
@media(max-width:700px){.field-card,.field-card.field-portrait{width:78vw;height:94%}
.field-track{gap:4vw}
.field-window{max-height:48svh}
}
.field-card.field-video{transform:none}
.field-card.field-video>video{transform:none;transition:none}
@property --rim-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.motion-on .field-card.field-video{clip-path:inset(0 calc((1 - var(--video-open,0)) * 100%) 0 0 round 12px);transition:clip-path .4s cubic-bezier(.2,.8,.2,1),opacity .18s;box-shadow:0 0 24px #378aff18}
.field-card.field-video:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;z-index:4;pointer-events:none;background:conic-gradient(from var(--rim-angle),#477edc35 0deg,#477edc35 230deg,#7db9ff 280deg,#d4ecff 297deg,#477edc35 325deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:video-rim-flow 8s linear infinite}
@keyframes video-rim-flow{to{--rim-angle:360deg}}
.field-scroll:not(.motion-visible) .field-video:before{animation-play-state:paused}
.motion-off .field-card.field-video{clip-path:none;transition:none}
.motion-off .field-card.field-video:before{animation:none}
@media(prefers-reduced-motion:reduce){.field-card.field-video{clip-path:none!important;transition:none!important}
.field-card.field-video:before{animation:none}
}

html{scroll-padding-top:85px}body{overflow-x:clip}.header{position:fixed;z-index:100}.header-actions button{color:#fff;background:#ffffff0a}.hero-scroll,.statement,.field-scroll,.data-journey,.kinetic-divider{color:#eef4fc}.hero-pin h1,.statement h2,.field-pin h2,.journey-pin h2{margin:0;font-weight:900;letter-spacing:-.06em;line-height:1.25}.hero-copy .eyebrow{margin-bottom:28px}.hero-caption{position:absolute!important;left:auto!important;right:7vw!important;top:auto!important;bottom:130px!important}.hero-caption p{margin:8px 0 0;color:#a6b6ca}.hero-footer .scene-index{position:static;letter-spacing:.1em}.hero-frames{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px)}.hero-copy .actions{margin-top:32px}.statement .eyebrow{margin-bottom:28px}.statement-bottom p{font-size:17px;line-height:1.85}.scroll-words{opacity:1}.scroll-word{opacity:var(--char-light,.3)}.field-card{margin:0}.field-pin h2 span,.journey-pin h2 span{color:#92bfff}.field-pin .film-heading>p{line-height:1.8}.field-card h3{margin-bottom:0}.journey-ui h3,.journey-ui p{margin:0}.journey-ui p{margin-top:10px;color:#9faec1;line-height:1.85}.journey-ui article{cursor:pointer}.journey-ui article:focus-visible{outline:2px solid #9ecbff;outline-offset:7px}.gallery-track figure{margin:0}.gallery-track h3{margin-bottom:0}.gallery-track img{transform:scale(1.06) translateX(var(--image-pan,0%));transition:transform .3s}.gallery-track figcaption{transform:translateY(var(--caption-lift,0px));transition:transform .3s}.gallery-track figure{opacity:.45;transition:opacity .35s}.gallery-track figure.focused{opacity:1}.cinematic-top{position:fixed;right:27px;bottom:20px;z-index:20;background:#091524dd;color:#bfdcff;border:1px solid #668fc466;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:11px}.inquiry-float{bottom:80px!important}.showcase{height:300svh;min-height:0}.showcase-sticky{position:sticky;top:0;height:100svh;min-height:640px}.motion-off .hero-scroll,.motion-off .showcase{height:auto;min-height:0}.motion-off .hero-pin{position:relative}.motion-off .showcase-sticky{position:relative;height:auto;padding:95px 0}.motion-off .showcase-copy-item{position:relative;top:auto;opacity:1;visibility:visible;transform:none;margin:24px 0}.motion-off .showcase-copy{min-height:0}.motion-off .hero-copy{opacity:1!important;transform:none!important}.motion-off .hero-frames,.motion-off .hero-frame{transform:none!important}.motion-off .hero-frame{animation:none!important}.motion-off .ticker div,.motion-off .hero-lights i{animation:none!important}.motion-off [data-reveal]{opacity:1!important;transform:none!important}.motion-off .gallery-track figure{opacity:1}.kinetic-row{width:max-content;white-space:nowrap;line-height:1.15;font-weight:900;letter-spacing:-.04em}.kinetic-divider{overflow:hidden;margin:0;padding:45px 0}.kinetic-row span{-webkit-text-stroke:1px #cbe1ff;color:transparent}.row-a{transform:translateX(var(--row-a,-16vw))}.row-b{transform:translateX(var(--row-b,-18vw))}.motion-off .kinetic-row{transform:none}
@media(max-width:700px){.hero-caption{left:6vw!important;right:auto!important;bottom:115px!important;text-align:left}.hero-footer>span:last-child{display:none}.hero-pin{min-height:640px}.hero-copy{max-width:90%;top:26%}.hero-copy h1{font-size:clamp(32px,8.7vw,46px)}.hero-copy .eyebrow{font-size:9px}.hero-copy>p{font-size:14px}.statement-bottom{display:block}.statement-bottom p{font-size:14px}.section-number{display:block;margin-top:22px}.journey-ui{display:grid;grid-template-columns:1fr;gap:18px}.journey-ui article{display:grid;grid-template-columns:47px 1fr;text-align:left;align-items:center;gap:0 20px}.journey-icon{grid-row:1/3;width:47px;height:47px;margin:0}.journey-line{left:23px;right:auto;top:0;bottom:0;width:2px;height:auto}.journey-line i{transform:scaleY(var(--journey-progress,0));transform-origin:top;background:linear-gradient(#256dff,#a9d2ff)}.journey-ui p{margin-top:3px}.journey-ui h3{font-size:15px}.gallery-scroll{height:auto;min-height:0}.gallery-pin{position:relative;height:auto;min-height:0;padding:75px 0 30px}.gallery-track{display:block;width:100%;height:auto;padding:0 6vw;min-height:0}.gallery-track figure{width:100%;height:60svh;margin-bottom:18px;opacity:1}.gallery-track figcaption{left:25px;bottom:25px}.gallery-top,.gallery-bottom{font-size:9px;padding:0 6vw}.showcase{height:270svh}.showcase-sticky{height:100svh;padding:75px 0 30px}.showcase-layout{display:block;height:100%;padding-top:0}.showcase-copy{min-height:260px}.showcase-visual{height:42svh;min-height:0}.header-actions{display:flex;margin-left:auto}.header-actions .pill:not(button){display:none}.header-actions .motion-toggle{padding:8px 10px;font-size:10px}.header-inner{gap:10px}.mobile-menu{margin-left:0}.hero-footer{bottom:28px}.field-pin{min-height:620px}.motion-off .journey-pin{padding:80px 6vw}.cinematic-top{right:20px;width:44px;height:44px}}

/* Match the reference sales journey typography. */
.data-journey{font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.035em}.journey-pin h2{font-weight:800;line-height:1.2}.journey-pin .eyebrow{font-weight:700;letter-spacing:.14em;margin-bottom:28px}.journey-detail>b{font-weight:700}@media(max-width:700px){.journey-pin .eyebrow{margin-bottom:18px}}

/* Hero labels removed; scroll prompt centered on its original row. */
.header-actions .motion-toggle{display:none!important}.hero-footer{justify-content:center}.hero-footer>span{display:block!important;text-align:center}

/* Shared centered stack: identical circular dimensions and alignment. */

/* Align both circles inside the requested lower-right region. */

/* Product introductions follow the existing navy / blue visual language. */
.app-presentation{padding:105px 0 100px;color:#eef4fc;background:radial-gradient(ellipse at 80% 23%,#173d6b70,transparent 48%),#091321;overflow:hidden;scroll-margin-top:76px}
.ledger-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:65px;align-items:center;min-height:560px}.ledger-copy h2,.terminal-heading h2{font-size:clamp(36px,4.4vw,64px);font-weight:900;line-height:1.25;letter-spacing:-.06em;margin:0}.ledger-copy h2 span,.terminal-heading h2 span{color:#8bb8ff}.product-lead{font-size:16px;line-height:1.9;color:#a6b7ca;margin:26px 0 0}.ledger-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.ledger-benefits span{font-size:11px;border:1px solid #719de450;color:#cee2ff;padding:9px 12px;border-radius:5px;background:#ffffff04}.ledger-copy .actions{margin-top:27px}.ledger-copy .btn{padding:13px 19px;font-size:12px}.product-note{font-size:11px;color:#7f97b5;line-height:1.85;margin:20px 0 0}.other-app{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:31px;font-size:12px}.other-app>span:first-child{font-size:9px;letter-spacing:.08em;color:#7296c7}.other-app>b{color:#aacfff}.other-app-soon{color:#7d90a9;border-left:1px solid #39516f;padding-left:16px}
.ledger-art{position:relative;height:560px;isolation:isolate}.ledger-glow{position:absolute;inset:10% -10% 8%;border-radius:50%;background:radial-gradient(ellipse,#347de63d,transparent 67%);z-index:-1}.ledger-screen{position:absolute;width:41%;height:auto;max-height:82%;object-fit:contain;border-radius:15px;box-shadow:0 25px 60px #0007;border:1px solid #84b9ff40;animation:ledger-float 7s ease-in-out infinite}.ledger-screen-left{left:0;top:16%;transform:rotate(-9deg);z-index:1;animation-delay:-2s}.ledger-screen-center{left:30%;top:8%;z-index:3}.ledger-screen-right{left:59%;top:21%;transform:rotate(9deg);z-index:2;animation-delay:-4s}.ledger-art-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#7e9ec7;font-size:11px;letter-spacing:.02em}@keyframes ledger-float{0%,100%{translate:0 0}50%{translate:0 -10px}}.app-presentation:not(.motion-visible) .ledger-screen{animation-play-state:paused}
.ledger-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.ledger-feature{border:1px solid #ffffff18;border-radius:13px;background:#ffffff04;padding:29px 26px}.product-kicker{color:#73acff;font-size:10px;letter-spacing:.12em;font-weight:800}.ledger-feature h3{font-size:20px;line-height:1.45;letter-spacing:-.04em;margin:19px 0 14px}.ledger-feature p{font-size:13px;line-height:1.85;color:#9cacbf;margin:0}.feature-tag{display:block;margin-top:24px;padding-top:18px;border-top:1px solid #ffffff13;color:#b7d5ff;font-size:11px}.ledger-extra{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-block:1px solid #ffffff15;padding:26px 0;margin-top:34px}.ledger-extra b{display:block;font-size:14px;color:#cfe0f7}.ledger-extra span{display:block;font-size:11px;color:#8298b5;line-height:1.7;margin-top:9px}.ledger-start{display:flex;align-items:center;flex-wrap:wrap;gap:15px 25px;margin-top:32px}.ledger-start p{font-size:14px;color:#c5d5e9;margin:0}.ledger-start>a{font-size:20px;color:#94beff;font-weight:800}.ledger-start>span{font-size:11px;color:#859bb6}
.terminal-presentation{padding:105px 0 110px;background:linear-gradient(135deg,#0e2037,#08121f 70%);color:#eef4fc;scroll-margin-top:76px}.terminal-heading{display:flex;gap:50px;justify-content:space-between;align-items:flex-end}.terminal-heading>.product-lead{max-width:380px;font-size:14px;margin:0 0 8px}.terminal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.terminal-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff20;border-radius:14px;background:#ffffff04;transition:transform .3s,border-color .3s}.terminal-card:hover{transform:translateY(-5px);border-color:#86b7ff60}.terminal-art{height:280px;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff,#e3edfa)}.terminal-art img{height:100%;max-height:224px;max-width:100%;width:100%;object-fit:contain;filter:drop-shadow(0 14px 15px #142a4d20)}.terminal-copy{padding:29px 26px;display:flex;flex-direction:column;flex:1}.terminal-copy h3{font-size:22px;letter-spacing:-.04em;margin:16px 0}.terminal-copy p{color:#9cacbf;line-height:1.85;font-size:13px;margin:0}.terminal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.terminal-tags span{font-size:10px;color:#bbd5fb;border:1px solid #6c95cf45;border-radius:4px;padding:7px 9px}.product-consult{margin-top:auto;padding-top:26px;font-size:12px;color:#9bc2ff;font-weight:800}.terminal-consult{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding-top:34px;border-top:1px solid #ffffff20}.terminal-consult h3{font-size:23px;line-height:1.4;letter-spacing:-.04em;margin:0}.terminal-consult p{font-size:13px;color:#90a4bf;line-height:1.8;margin:11px 0 0}.terminal-consult .btn{flex-shrink:0}
@media(max-width:1000px){.ledger-hero{gap:25px}.ledger-art{height:500px}.ledger-copy h2,.terminal-heading h2{font-size:42px}.ledger-copy .product-lead{font-size:14px}.terminal-art{height:230px;padding:20px}.terminal-copy{padding:24px 20px}.terminal-copy h3{font-size:19px}}
@media(max-width:700px){.app-presentation,.terminal-presentation{padding:75px 0}.ledger-hero{grid-template-columns:1fr;gap:28px;min-height:0}.ledger-copy h2,.terminal-heading h2{font-size:clamp(32px,8.5vw,46px)}.ledger-art{width:min(440px,100%);height:440px;margin:0 auto}.ledger-screen{width:39%;border-radius:10px}.ledger-screen-center{left:30%;top:5%}.ledger-screen-left{top:12%}.ledger-screen-right{left:60%;top:19%}.ledger-copy .btn{padding:12px 16px;font-size:11px}.ledger-feature-grid{grid-template-columns:1fr;gap:12px;margin-top:25px}.ledger-feature{padding:25px}.ledger-extra{grid-template-columns:repeat(2,1fr);gap:25px 16px}.ledger-start{gap:10px 15px}.ledger-start>span{width:100%;line-height:1.8}.terminal-heading{display:block}.terminal-heading>.product-lead{margin-top:23px;max-width:none}.terminal-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.terminal-art{height:300px;padding:30px}.terminal-art img{max-height:240px}.terminal-copy{padding:26px}.terminal-copy h3{font-size:22px}.terminal-consult{display:block}.terminal-consult h3{font-size:22px}.terminal-consult .btn{margin-top:23px}.other-app{gap:12px}}
@media(max-width:380px){.ledger-art{height:360px}.ledger-art-caption{font-size:10px}.ledger-benefits span{font-size:10px;padding:8px 10px}.other-app{font-size:11px}.terminal-art{height:250px}}
@media(prefers-reduced-motion:reduce){.ledger-screen{animation:none}.terminal-card{transition:none}}

/* Align feature dividers with the tallest first card. */
.ledger-feature{display:flex;flex-direction:column}.ledger-feature p{margin-bottom:24px}.ledger-feature .feature-tag{margin-top:auto}

/* Connected data constellation, using the custom PAY / POS / ERP / APP artwork. */
.statement{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 89% 53%,#10274355,transparent 42%),#070b12}.statement>.eyebrow,.statement>.scroll-words,.statement>.statement-bottom{position:relative;z-index:2}.statement>.scroll-words{max-width:68%}.statement-bottom{justify-content:flex-start}.connect-art{position:absolute;width:min(32vw,460px);aspect-ratio:1;right:5.5vw;top:51%;transform:translateY(-50%);z-index:1;pointer-events:none}.connect-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connect-orbits{transform-origin:230px 230px;animation:connect-orbit 45s linear infinite}.connect-packets path{stroke-dasharray:20 240;animation:connect-stream 6s linear infinite;filter:drop-shadow(0 0 4px #71b4ff)}.connect-packets path:nth-child(2){animation-delay:-1.5s}.connect-packets path:nth-child(3){animation-delay:-3s}.connect-packets path:nth-child(4){animation-delay:-4.5s}.connect-star{animation:connect-twinkle 4s ease-in-out infinite alternate}.connect-star:nth-child(2){animation-delay:-1s}.connect-star:nth-child(3){animation-delay:-2s}.connect-star:nth-child(4){animation-delay:-3s}.connect-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#245187d9,#0a2039ef 70%);border:1px solid #9ed0ff70;box-shadow:inset 0 0 20px #5b9eed20,0 0 38px #216ceb30,0 0 0 10px #7ab4ff06}.connect-center span{color:#d1e9ff;font-size:clamp(13px,1.35vw,20px);font-weight:900;letter-spacing:-.04em}.connect-center i{position:absolute;inset:-13%;border-radius:50%;border:1px solid #71aeff25;animation:connect-breathe 4s ease-in-out infinite}.connect-chip{position:absolute;width:25%;aspect-ratio:1;border:1px solid #6ba9fb38;border-radius:20%;background:linear-gradient(140deg,#1b3a5edc,#0a1c30e8);box-shadow:0 14px 35px #0005,inset 0 1px 0 #a5d5ff15;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:connect-float 6s ease-in-out infinite}.connect-chip img{width:68%;height:68%;object-fit:contain}.connect-chip b{font-size:clamp(9px,1vw,13px);color:#9fcbff;font-weight:800;letter-spacing:.08em;margin-top:-2%}.connect-pay{left:7%;top:12%}.connect-pos{right:6%;top:9%;animation-delay:-1.5s}.connect-erp{right:6%;bottom:11%;animation-delay:-3s}.connect-app{left:7%;bottom:11%;animation-delay:-4.5s}@keyframes connect-stream{to{stroke-dashoffset:-260}}@keyframes connect-orbit{to{rotate:360deg}}@keyframes connect-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes connect-breathe{0%,100%{opacity:.45;scale:1}50%{opacity:1;scale:1.04}}@keyframes connect-twinkle{to{opacity:.25}}
.statement:not(.motion-visible) .connect-art *{animation-play-state:paused}.motion-off .connect-art *{animation:none!important}
@media(max-width:1100px) and (min-width:701px){.statement h2{font-size:clamp(38px,4.9vw,60px)}.connect-art{width:33vw;right:3vw}.connect-chip b{font-size:10px}.connect-center span{font-size:14px}}
@media(max-width:700px){.statement>.scroll-words{max-width:100%}.connect-art{position:relative;top:auto;right:auto;transform:none;width:min(90%,380px);margin:25px auto 0;order:4}.statement{display:flex;flex-direction:column}.statement>.eyebrow{order:1}.statement>.scroll-words{order:2}.statement>.statement-bottom{order:3;margin-top:28px}.connect-center span{font-size:18px}.connect-chip b{font-size:11px}.statement{background:radial-gradient(ellipse at 50% 90%,#10274377,transparent 50%),#070b12}}
@media(prefers-reduced-motion:reduce){.connect-art *{animation:none!important}}

/* Slightly smaller statement heading across screen sizes. */
.statement h2.scroll-words{font-size:clamp(36px,4.68vw,74px)}@media(max-width:1100px) and (min-width:701px){.statement h2.scroll-words{font-size:clamp(34px,4.41vw,54px)}}@media(max-width:700px){.statement h2.scroll-words{font-size:8.37vw}}

.statement-detail-line{white-space:nowrap}@media(max-width:900px){.statement-detail-line{white-space:normal}}

/* Center the changing description beneath the middle inventory step. */
.journey-detail{width:100%;justify-content:center;text-align:center;gap:0}.journey-detail>b{display:block;text-align:center}.journey-caption{padding-top:0}

/* Show actual store photographs with minimal additional enlargement. */
.hero-pin .hero-frames{inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}
.hero-pin .hero-frame{transform:scale(1.008);filter:none;transition:opacity 1.2s;image-rendering:auto}
.hero-pin .hero-shade{background:linear-gradient(90deg,#050c16eb 0%,#050c16bd 26%,#050c1652 48%,#050c1622 70%,#050c1608 100%),linear-gradient(0deg,#070b12,#070b1200 36%)}
.hero-pin .cinema-light i{min-width:0;width:2px;opacity:.3;filter:none;background:linear-gradient(transparent,#91bfff60,transparent)}
@media(max-width:700px){.hero-pin .hero-shade{background:linear-gradient(90deg,#050c16dc,#050c169e 48%,#050c1658),linear-gradient(0deg,#070b12,#070b1200 45%)}}

/* Keep the compact mobile menu at the right edge of the header. */
@media (max-width: 620px) {
  .header .header-actions { display: none; }
  .header .mobile-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin-left: auto !important;
    padding: 0;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
  }
  .header .mobile-menu::before {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background: currentColor;
    box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor;
  }
}

/* Remove the gallery scroll hint, progress line, and slide counter. */
.film-gallery .field-footer { display: none; }

/* Fit all three app benefit labels on one row on mobile. */
@media (max-width: 700px) {
  .ledger-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }
  .ledger-benefits span {
    min-width: 0;
    padding: 9px 3px;
    font-size: clamp(8px, 2.4vw, 11px);
    letter-spacing: -.04em;
    white-space: nowrap;
    text-align: center;
  }
}