/* DeNA reference: opening timing, outlined words, rounded cutouts, manual hero controls. */
.dena-page{--cyan:#0d8398;--orange:#ff982d;--hero-ink:#092b52}.dena-page .page-header{width:min(1440px,94%);border-bottom:0}.opening-trigger{background:white;border:1px solid #b8c6d5;color:var(--ink);font:700 11px/1.5 Arial,"Yu Gothic",sans-serif;padding:10px 13px;cursor:pointer;white-space:nowrap}.dena-page .page-header nav{gap:18px}.dena-service{max-width:1680px;margin:15px auto 0;padding:43px 32px 0;position:relative}.dena-outline{position:absolute;top:0;left:0;right:0;text-align:center;font:800 clamp(26px,5vw,75px)/1.1 Arial,sans-serif;letter-spacing:.015em;color:var(--cyan);z-index:3;pointer-events:none;white-space:nowrap;overflow:hidden}.dena-stage{position:relative}.dena-panel{position:relative;isolation:isolate;overflow:hidden;min-height:590px;animation:dena-appear .35s ease both}.dena-panel-start{background:var(--orange);color:#092b52}.dena-panel[hidden]{display:none}.dena-ring{position:absolute;width:83%;aspect-ratio:1.3;border:1px solid #ffffff60;border-radius:48%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg);z-index:-1}.dena-ring:before,.dena-ring:after{content:"";position:absolute;inset:35px;border:1px solid #ffffff60;border-radius:47%}.dena-ring:after{inset:70px}.dena-shape{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.dena-shape-yellow{width:160px;height:65px;background:#ffdb36;left:4%;top:8%;transform:rotate(28deg)}.dena-shape-blue{width:80px;height:28px;background:#38bfd0;left:1.5%;top:20%;transform:rotate(15deg)}.dena-shape-red{width:90px;height:32px;background:#c52350;right:5%;top:9%;transform:rotate(-30deg)}.dena-copy{max-width:720px;margin:auto;text-align:center;padding:75px 40px 80px;position:relative;z-index:2}.dena-copy .eyebrow{font-size:10px;letter-spacing:.21em;margin-bottom:23px}.dena-copy h1{font-size:clamp(34px,4.3vw,64px);line-height:1.5;letter-spacing:.01em;color:inherit}.dena-copy h1>span{display:block;font-size:clamp(19px,2.3vw,28px);margin-bottom:13px;line-height:1.6}.dena-copy h1 strong{display:block;font-weight:800}.dena-copy>p:not(.eyebrow){font-size:15px;margin-top:24px;line-height:1.9;font-weight:700}.dena-copy .pill{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:2px solid currentColor;border-radius:50px;line-height:1.6;padding:17px 25px;font-size:13px;font-weight:700;margin-top:28px;background:transparent;max-width:100%;transition:background .2s,color .2s}.dena-copy .pill:hover{background:var(--hero-ink);color:white}.dena-copy .text-link{margin-top:22px;font-size:11px}.dena-bubble{position:absolute;object-fit:cover;pointer-events:none;z-index:1}.dena-phone{width:285px;height:235px;right:-26px;top:45px;border-radius:49% 51% 44% 56%;transform:rotate(-12deg);object-position:63% 50%;background:white;padding:8px}.dena-logo-bubble{width:255px;height:125px;left:-27px;bottom:34px;border-radius:49% 51% 46% 54%;background:white;transform:rotate(-12deg);padding:24px 20px;object-fit:contain}.dena-language-orbit{position:absolute;right:3%;bottom:25px;background:#fff9;border-radius:50%;width:174px;height:125px;transform:rotate(11deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font:700 12px/1.5 Arial,sans-serif;color:var(--ink)}.dena-outline-bottom{top:auto;bottom:60px}.dena-controls{position:relative;height:96px;display:flex;align-items:center;justify-content:center;gap:23px;padding-top:22px}.dena-controls button{width:43px;height:43px;border:1px solid #122f4a;background:#fff;border-radius:50%;font-size:19px;color:var(--ink);cursor:pointer}.dena-controls button:hover{background:#e9eff7}.dena-counter{font:700 13px Arial,sans-serif;min-width:40px;text-align:center}.dena-dots{display:flex;gap:9px;position:absolute;right:15px}.dena-dots button{width:23px;height:4px;border:0;border-radius:0;padding:0;background:#cdd6df}.dena-dots button[aria-pressed=true]{background:#0c3157}.dena-panel-delivery{background:#10374d;color:white}.dena-panel-delivery .dena-copy{max-width:790px;padding-top:65px}.dena-panel h2{font-size:clamp(32px,4.2vw,60px);letter-spacing:.005em;line-height:1.5}.dena-panel-delivery .pill:hover{color:#10374d;background:white}.dena-pageflow{display:flex;gap:12px;justify-content:center;align-items:center;margin:30px 0 2px;font-size:16px;font-weight:800}.dena-pageflow span{border:1px solid #98b4c4;padding:11px 15px;background:#ffffff0c}.dena-pageflow i{font-style:normal;color:#ffd336;font-size:24px}.dena-panel-speed{background:#f5efdc;color:#082b50}.dena-panel-speed .dena-copy{max-width:820px;padding-top:55px}.dena-speed{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-top:12px;font-size:30px;font-weight:800}.dena-speed b{font:800 120px/1.1 Arial,sans-serif;color:#c92330;letter-spacing:-.07em}.dena-service-note{max-width:1100px;margin:0 auto;padding:0 6%;font-size:11px;color:#40556e;line-height:1.9}.dena-promises{padding-block:35px 50px}.dena-promises .promise-grid{margin-top:0}.dena-usage-note{text-align:center;font-size:10px;color:#40556e;margin-top:13px}.dena-page .tapestry-chain{margin-top:0}.dena-page .intro{padding-top:70px}.dena-page .cta-section{background:#0a2c53}
.service-opening{position:fixed;inset:0;z-index:2147483000;overflow:hidden;isolation:isolate;--opening-ease:cubic-bezier(.28,.145,.025,.935)}.service-opening__ink,.service-opening__paper{position:absolute;inset:0}.service-opening__ink{background:#13233a;animation:service-open-page .72s var(--opening-ease) 1.42s both}.service-opening__paper{background:#fafaf8;animation:service-paper-away .55s var(--opening-ease) 1.06s both}.service-opening__center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(720px,77vw)}.service-opening__brand{animation:service-brand-away .42s var(--opening-ease) 1.48s both}.service-opening__plate{background:white;padding:22px 25px 15px;border-radius:5px;box-shadow:0 6px 30px #051a2d12}.service-opening__assembly{position:relative;width:100%;aspect-ratio:2172/724}.service-opening__slice{position:absolute;top:0;bottom:0;left:calc(var(--slice) * 12.5%);width:12.5%;overflow:hidden}.service-opening__piece{position:absolute;inset:0;animation:service-piece-in .75s var(--opening-ease) calc(.12s + var(--slice) * .025s) both}.service-opening__piece img{position:absolute;display:block;top:0;left:calc(var(--slice) * -100%);height:100%;width:800%;max-width:none;object-fit:fill}.service-opening__tagline{margin:20px 0 0;text-align:center;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.22em;color:#14243b;animation:service-caption .3s ease 1.06s both}.service-opening__skip{position:absolute;right:30px;bottom:28px;border:0;border-bottom:1px solid currentColor;background:transparent;color:#14243b;padding:10px 3px;cursor:pointer;font-size:12px;animation:service-skip-color .22s ease 1.06s both}.service-opening__skip:focus-visible{outline:3px solid #e59c00;outline-offset:5px}@keyframes service-piece-in{from{transform:translateX(-112%)}to{transform:translateX(0)}}@keyframes service-paper-away{from{opacity:1}to{opacity:0}}@keyframes service-open-page{from{clip-path:inset(0)}to{clip-path:inset(0 0 100% 0)}}@keyframes service-brand-away{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}@keyframes service-caption{to{color:#fff}}@keyframes service-skip-color{to{color:white}}@keyframes dena-appear{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.dena-copy{max-width:610px;padding-inline:65px}.dena-phone{width:220px;height:185px;right:-35px;top:34px}.dena-logo-bubble{width:195px;height:98px;left:-35px}.dena-language-orbit{width:140px;height:105px;right:1%;font-size:11px}.dena-copy h1{font-size:48px}}
@media(max-width:760px){.dena-service{padding:27px 18px 0;margin-top:12px}.dena-stage{min-height:0}.dena-panel{min-height:650px}.dena-outline{font-size:clamp(22px,6.8vw,43px);line-height:1.2}.dena-copy{max-width:none;padding:170px 20px 92px}.dena-copy .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:15px}.dena-copy h1{font-size:clamp(33px,8vw,50px);line-height:1.5;letter-spacing:-.025em}.dena-copy h1>span{font-size:20px;margin-bottom:10px}.dena-copy>p:not(.eyebrow){font-size:13px;margin-top:19px}.dena-copy .pill{font-size:12px;padding:15px 19px;margin-top:24px;gap:16px}.dena-copy .text-link{font-size:10px;margin-top:19px}.dena-phone{width:163px;height:126px;right:-12px;top:19px;transform:rotate(-8deg);padding:4px}.dena-logo-bubble{width:166px;height:76px;left:-13px;bottom:16px;padding:17px 12px;transform:rotate(-8deg)}.dena-language-orbit{width:103px;height:79px;right:3%;bottom:18px;font-size:9px;gap:1px}.dena-shape-yellow{width:105px;height:48px;left:9%;top:9%}.dena-shape-blue{width:60px;height:24px;top:18%;left:7%}.dena-shape-red{top:2%;right:8%}.dena-ring{width:160%;aspect-ratio:1;top:40%}.dena-controls{height:88px;gap:17px;padding-top:20px}.dena-controls button{width:37px;height:37px;font-size:17px}.dena-dots{right:0;gap:6px;bottom:7px;left:0;justify-content:center}.dena-dots button{height:4px;width:22px}.dena-outline-bottom{bottom:67px;font-size:clamp(23px,7.1vw,42px)}.dena-panel-delivery .dena-copy{padding:85px 20px 40px}.dena-panel h2{font-size:clamp(29px,7.8vw,45px)}.dena-pageflow{flex-wrap:wrap;gap:8px;font-size:13px;margin-top:24px}.dena-pageflow span{padding:8px 11px}.dena-panel-speed .dena-copy{padding:65px 20px 40px}.dena-speed{font-size:23px;margin-top:24px}.dena-speed b{font-size:105px}.dena-promises{padding-block:27px 35px}.dena-service-note{font-size:10px;padding-inline:6%;margin-top:5px}.dena-usage-note{font-size:9px;padding:0 5%}.dena-page .page-header{gap:10px}.dena-page .page-header nav{gap:7px}.opening-trigger{font-size:10px;padding:9px 8px}.dena-page .nav-contact{padding:10px 12px}.service-opening__center{width:86vw}.service-opening__plate{padding:16px 12px 11px}.service-opening__tagline{font-size:8px;letter-spacing:.1em;margin-top:18px}.service-opening__skip{right:20px;bottom:22px}.dena-page .intro{padding-top:50px}}
@media(max-width:360px){.dena-copy{padding-inline:15px}.dena-copy h1{font-size:32px}.dena-copy h1>span{font-size:18px}.dena-page .page-header .brand{font-size:12px}.dena-page .brand small{font-size:7px}.opening-trigger{font-size:9px;padding:8px 5px}.dena-page .nav-contact{font-size:10px;padding:9px}.dena-pageflow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.service-opening{display:none}.service-opening *,.dena-panel{animation:none!important}.dena-copy .pill{transition:none}}
@media print{.service-opening,.dena-controls,.dena-outline,.opening-trigger,.dena-bubble,.dena-language-orbit{display:none}.dena-service{padding:0}.dena-panel,.dena-panel[hidden]{display:block!important;background:#fff;color:#092b52;min-height:0;break-inside:avoid}.dena-copy,.dena-panel-delivery .dena-copy,.dena-panel-speed .dena-copy{padding:20px}.dena-copy h1,.dena-panel h2{font-size:30px}.dena-speed b{font-size:65px}.dena-ring{display:none}}
@media(max-width:760px){.dena-outline:not(.dena-outline-bottom){font-size:clamp(14px,4.25vw,31px)}}

/* Let the full service-06 timeline run only after every logo slice can render. */
.service-opening.is-loading *{animation-play-state:paused!important}

/* Service demonstration: media is requested only after explicit playback. */
.product-demo{grid-column:1/-1;width:100%;margin-top:24px}.product-demo__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.product-demo__heading h3{font-size:clamp(28px,4vw,42px);line-height:1.4;margin:8px 0 0}.product-demo__heading>p{margin:0;font-size:14px}.product-demo__heading>p span{display:inline-block;margin-left:14px;padding:5px 12px;border:1px solid currentColor;border-radius:50px;font-size:12px}.product-demo__player{max-width:900px;margin:auto;border-radius:24px;overflow:hidden;background:#092b52;box-shadow:0 12px 35px #092b5214}.product-demo__start{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;width:100%;min-height:340px;padding:45px 24px;background:#edf9f7;color:#092b52;border:0;cursor:pointer;font:inherit}.product-demo__start img{display:block;width:min(82%,540px);height:auto;margin-bottom:8px}.product-demo__start strong{font-size:clamp(20px,3vw,27px)}.product-demo__start>span:last-child{font-size:13px}.product-demo__play-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#f15935;color:#fff;font-size:27px;padding-left:4px}.product-demo__start:hover .product-demo__play-icon{background:#ce3d1d}.product-demo__start:focus-visible{outline:4px solid #f15935;outline-offset:-5px}.product-demo video{display:block;width:100%;height:auto;max-height:78vh;background:#092b52}.product-demo [hidden]{display:none!important}.product-demo__status{min-height:1.5em;text-align:center;font-size:13px;margin:12px 0 0}@media(max-width:760px){.product-demo{margin-top:12px}.product-demo__heading{align-items:start;flex-direction:column;gap:12px}.product-demo__start{min-height:280px;padding:30px 18px;gap:14px}.product-demo__player{border-radius:16px}.product-demo__start img{width:95%}}

/* Use the actual captured product page as the demonstration cover. */
.product-demo__start{position:relative;display:block;min-height:0;padding:0;overflow:hidden}.product-demo__start img{display:block;width:100%;height:auto;margin:0}.product-demo__start .product-demo__play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #ffffff66}.product-demo__start strong{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);width:max-content;max-width:94%;padding:9px 16px;border-radius:6px;background:#092b52eb;color:#fff;line-height:1.3;font-size:clamp(16px,2.8vw,24px)}.product-demo__start>span:last-child{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:max-content;max-width:95%;padding:4px 10px;border-radius:4px;background:#092b52eb;color:#fff;font-size:12px}.product-demo video{object-fit:contain}