/* NXT GEN WEB | Cinematic service hero v4.
   A complete four-scene animation, not a floating-card redesign.
   Brand palette: #84c041 #a6d66b #e6efdf white #f3f3f3 #262626 black.
*/
.ncin{position:relative;isolation:isolate;width:100%;height:558px;min-width:0;overflow:hidden;background:linear-gradient(145deg,#fafdf6 0%,#e6efdf 58%,#cee7b8 100%);border:1px solid #b9d6a5;border-radius:21px;color:#262626;box-shadow:16px 18px 0 #a6d66b60,0 24px 70px #151b131f;font-family:'Proximanova-regular',sans-serif}
.ncin *, .ncin *::before,.ncin *::after{box-sizing:border-box}
.ncin h3,.ncin p{margin:0;text-transform:none}
.ncin .ncin__grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#84c0410d 1px,transparent 1px),linear-gradient(90deg,#84c0410d 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000 0%,#000 75%,transparent)}
.ncin .ncin__scan{position:absolute;top:-90px;right:-140px;width:410px;height:410px;border:66px solid #84c04112;border-radius:50%;z-index:-1;pointer-events:none;animation:ncinHalo 18s ease-in-out infinite alternate}
.ncin .ncin__header{position:absolute;left:0;right:0;top:0;z-index:8;height:56px;background:#171b16;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px}
.ncin .ncin__logo{display:flex;align-items:center;gap:8px;min-width:0;color:#fff;font:700 11px/1.3 'Proximanova-bold',sans-serif;letter-spacing:.075em;white-space:nowrap}
.ncin .ncin__logo i{display:block;width:10px;height:10px;flex:0 0 10px;background:#84c041;transform:rotate(45deg)}
.ncin .ncin__logo b{display:block;min-width:0;max-width:147px;overflow:hidden;text-overflow:ellipsis;color:#a6d66b;font:700 9px/1.3 'Proximanova-bold',sans-serif;letter-spacing:.03em}
.ncin .ncin__header-label{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#e6efdf;font:700 9px/1.3 'Proximanova-bold',sans-serif;letter-spacing:.06em}
.ncin .ncin__live{width:7px;height:7px;border-radius:50%;background:#84c041;animation:ncinPulse 2.3s ease-in-out infinite}
.ncin .ncin__theater{position:absolute;top:56px;bottom:82px;left:0;right:0;min-width:0}
.ncin .ncin__scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;padding:29px 29px 16px;overflow:hidden;pointer-events:none;will-change:opacity,transform}
.ncin .ncin__scene--one{opacity:1;animation:ncinSceneOne 18s linear infinite}
.ncin .ncin__scene--two{opacity:0;animation:ncinSceneTwo 18s linear infinite}
.ncin .ncin__scene--three{opacity:0;animation:ncinSceneThree 18s linear infinite}
.ncin .ncin__scene--four{opacity:0;animation:ncinSceneFour 18s linear infinite}
.ncin .ncin__scene-tag{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px;color:#466d31;font:700 10px/1.4 'Proximanova-bold',sans-serif;letter-spacing:.13em;text-transform:uppercase}
.ncin .ncin__scene-tag span:last-child{color:#637360;font-size:9px}
.ncin .ncin__scene h3{max-width:410px;margin:0 0 8px!important;color:#1b2118;font:700 clamp(30px,3.1vw,42px)/1.07 'Proximanova-bold',sans-serif!important;letter-spacing:-.035em}
.ncin .ncin__scene>p{font:15px/1.5 'Proximanova-regular',sans-serif!important;color:#4e5a49;max-width:360px}
.ncin .ncin__scene-bottom-label{margin:auto 0 0;display:inline-block;align-self:flex-start;padding:8px 12px;background:#fff;border:1px solid #d4e6c7;border-radius:40px;color:#456932;font:700 10px/1.2 'Proximanova-bold',sans-serif;letter-spacing:.07em}
/* Scene 01 – actual search typing / discovery brief and contextual results */
.ncin .ncin__searchbox{display:flex;align-items:center;gap:11px;min-height:61px;margin:24px 0 15px;padding:12px 14px;border:2px solid #b9d2a8;border-radius:13px;background:#fff;box-shadow:0 13px 30px #1a2a1719}
.ncin .ncin__magnify{display:block;width:20px;height:20px;flex:0 0 20px;border:3px solid #558235;border-radius:50%;position:relative}
.ncin .ncin__magnify:after{content:"";position:absolute;right:-7px;bottom:-4px;width:10px;height:3px;background:#558235;transform:rotate(43deg);border-radius:3px}
.ncin .ncin__typed{display:inline-block;flex:0 1 auto;min-width:0;max-width:0;white-space:nowrap;overflow:hidden;color:#262626;font:700 14px/1.35 'Proximanova-bold',sans-serif;animation:ncinTyping 18s steps(29,end) infinite}
.ncin .ncin__cursor{height:20px;width:2px;flex:0 0 2px;background:#84c041;animation:ncinCursor 1s step-end infinite}
.ncin .ncin__searchbox>b{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;margin-left:auto;border-radius:8px;background:#84c041;color:#262626;font-size:20px}
.ncin .ncin__brief{display:flex;align-items:center;gap:13px;min-height:76px;margin:23px 0 17px;padding:12px 16px;border-radius:12px;background:#fff;border:2px solid #d3e3c7;box-shadow:0 11px 23px #18211815}
.ncin .ncin__brief-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:11px;background:#e6efdf;font-size:28px;color:#567b3d;animation:ncinSpinStar 8s ease-in-out infinite}
.ncin .ncin__brief>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.ncin .ncin__brief small{font:700 9px/1.2 'Proximanova-bold',sans-serif;letter-spacing:.10em;color:#617659}
.ncin .ncin__brief strong{font:700 16px/1.25 'Proximanova-bold',sans-serif;color:#262626}
.ncin .ncin__brief-check{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#84c041;color:#262626;margin-left:auto;font-weight:700}
.ncin .ncin__search-matches{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ncin .ncin__search-matches>div{display:flex;gap:10px;align-items:flex-start;padding:13px 12px;border:1px solid #d4e5c8;border-radius:10px;background:#fff}
.ncin .ncin__search-matches>div:first-child{border-color:#84c041;box-shadow:0 4px 0 #a6d66b88;animation:ncinMatch 18s ease-in-out infinite}
.ncin .ncin__search-matches>div>b{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:7px;background:#e6efdf;color:#4e792e;font:700 11px 'Proximanova-bold',sans-serif}
.ncin .ncin__search-matches>div>span{min-width:0;display:flex;flex-direction:column;gap:7px}
.ncin .ncin__search-matches strong{font:700 12px/1.28 'Proximanova-bold',sans-serif;color:#262626;overflow-wrap:anywhere}
.ncin .ncin__search-matches small{color:#667162;font-size:10px;line-height:1.3}
.ncin .ncin__search-matches>div>i{display:none}
/* Scene 02 – full editor and an actual responsive website preview */
.ncin .ncin__workspace{position:relative;margin-top:20px;height:238px;border:1px solid #cadfc0;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 15px 30px #1f291e22;animation:ncinEditor 18s ease-in-out infinite}
.ncin .ncin__workspace-head{display:flex;align-items:center;gap:8px;height:34px;padding:9px 13px;background:#262626;color:#fff;font:700 9px/1.2 'Proximanova-bold',sans-serif;letter-spacing:.05em}
.ncin .ncin__workspace-head b{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncin .ncin__workspace-head span:last-child{color:#a6d66b}
.ncin .ncin__dots{display:flex;gap:5px}
.ncin .ncin__dots i{height:6px;width:6px;background:#84c041;border-radius:50%}
.ncin .ncin__dots i:nth-child(2){background:#a6d66b}
.ncin .ncin__dots i:nth-child(3){background:#f3f3f3}
.ncin .ncin__workspace-body{display:grid;grid-template-columns:36px minmax(0,1.4fr) minmax(0,.75fr);height:204px}
.ncin .ncin__workspace-nav{display:flex;flex-direction:column;gap:12px;padding:14px 11px;background:#f3f3f3}
.ncin .ncin__workspace-nav i{display:block;width:14px;height:14px;border-radius:4px;background:#c4d8b8}
.ncin .ncin__workspace-nav i:first-child{background:#84c041}
.ncin .ncin__workspace-content{display:flex;flex-direction:column;padding:16px 13px;min-width:0}
.ncin .ncin__workspace-badge{align-self:start;padding:6px 8px;border-radius:20px;background:#e6efdf;color:#567b38;font:700 9px/1 'Proximanova-bold',sans-serif;letter-spacing:.06em;margin-bottom:11px}
.ncin .ncin__workspace-content>b{font:700 15px/1.14 'Proximanova-bold',sans-serif;max-width:220px;margin-bottom:12px;color:#262626}
.ncin .ncin__workspace-line{display:block;width:90%;height:7px;border-radius:5px;background:#d5e0ce;margin-bottom:8px}
.ncin .ncin__workspace-line--short{width:62%}
.ncin .ncin__workspace-button{display:inline-block;align-self:flex-start;background:#84c041;border-radius:6px;padding:9px 11px;margin-top:auto;color:#262626;font:700 9px/1 'Proximanova-bold',sans-serif}
.ncin .ncin__workspace-art{position:relative;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;padding:12px;background:#e6efdf;overflow:hidden}
.ncin .ncin__workspace-circle{display:grid;place-items:center;width:92px;height:92px;border-radius:24px;background:#a6d66b;box-shadow:7px 7px 0 #84c04144;transform:rotate(-8deg);animation:ncinArt 8s ease-in-out infinite}
.ncin .ncin__workspace-circle>span{color:#262626;font-size:67px;line-height:1}
.ncin .ncin__workspace-art>span{display:block;height:7px;width:76%;border-radius:7px;background:#bad4a9}
.ncin .ncin__workspace-art>span:last-child{width:53%}
.ncin .ncin__editor-toast{position:absolute;right:15px;bottom:25px;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;background:#262626;color:#fff;box-shadow:0 13px 27px #111c145c;animation:ncinToast 18s ease-in-out infinite}
.ncin .ncin__editor-toast>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#84c041;color:#262626;font-weight:700}
.ncin .ncin__editor-toast>div{display:flex;flex-direction:column;gap:3px}
.ncin .ncin__editor-toast strong{font:700 11px/1.3 'Proximanova-bold',sans-serif;color:#fff}
.ncin .ncin__editor-toast small{font-size:10px;color:#d6e6cd}
/* Scene 03 – a bold visual network, not another card grid */
.ncin .ncin__network{position:relative;flex:1;min-height:0;max-height:258px;margin-top:4px;background:radial-gradient(circle at center,#bcdca6a8,transparent 58%);border:1px solid #ffffff90;border-radius:17px;overflow:hidden}
.ncin .ncin__network svg{display:block;position:absolute;inset:0;width:100%;height:100%}
.ncin .ncin__netpath{animation:ncinDashes 12s linear infinite}
.ncin .ncin__netpath--b{animation-direction:reverse}
.ncin .ncin__netpath--c{animation-duration:7s}
.ncin .ncin__netpath--d{animation-duration:9s;animation-direction:reverse}
.ncin .ncin__netpulse{transform-box:fill-box;transform-origin:center;animation:ncinNode 2.2s ease-in-out infinite}
.ncin .ncin__network-label{position:absolute;padding:8px 11px;background:#fff;border:1px solid #c0dcae;border-radius:25px;box-shadow:0 4px 14px #2626260d;font:700 10px/1.1 'Proximanova-bold',sans-serif;color:#435f32;white-space:nowrap}
.ncin .ncin__network-label--a{top:17px;left:16px}
.ncin .ncin__network-label--b{top:17px;right:16px}
.ncin .ncin__network-label--c{bottom:16px;right:29%}
/* Scene 04 – large success state, no fake numerical claims */
.ncin .ncin__outcome{display:flex;align-items:center;gap:20px;margin-top:24px;padding:24px 19px;background:#171d16;border:1px solid #33452d;border-radius:15px;box-shadow:0 17px 30px #22272225;color:#fff}
.ncin .ncin__outcome-burst{position:relative;display:grid;place-items:center;width:99px;height:99px;flex:0 0 99px}
.ncin .ncin__outcome-burst>span{display:grid;place-items:center;width:79px;height:79px;border-radius:50%;background:#84c041;color:#1a2318;font:700 42px 'Proximanova-bold',sans-serif;z-index:1;animation:ncinWinner 4.5s ease-in-out infinite}
.ncin .ncin__outcome-ring{position:absolute;inset:0;border:2px solid #a6d66b;border-radius:50%;animation:ncinRing 3s ease-out infinite}
.ncin .ncin__outcome>div:last-child{display:flex;flex-direction:column;gap:8px;min-width:0}
.ncin .ncin__outcome small{font:700 10px/1.2 'Proximanova-bold',sans-serif;color:#b6df98;letter-spacing:.10em}
.ncin .ncin__outcome strong{font:700 23px/1.12 'Proximanova-bold',sans-serif;color:#fff;overflow-wrap:break-word}
.ncin .ncin__outcome>div:last-child>span{font-size:12px;color:#d5e4cc}
.ncin .ncin__evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.ncin .ncin__evidence>div{display:flex;align-items:center;gap:8px;background:#fff;border-radius:9px;padding:11px 9px;border:1px solid #d0e4bf;min-width:0}
.ncin .ncin__evidence>div>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;background:#e6efdf;color:#49772b;border-radius:50%;font-weight:700}
.ncin .ncin__evidence strong{font:700 11px/1.25 'Proximanova-bold',sans-serif;color:#262626;overflow-wrap:anywhere}
/* Footer: 4-stage progress marker + a real pause button */
.ncin .ncin__footer{position:absolute;left:0;right:0;bottom:0;height:82px;z-index:10;background:#202720;color:#fff;padding:13px 19px 12px}
.ncin .ncin__progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ncin .ncin__progress>i{display:block;height:6px;border-radius:6px;background:#63735d;overflow:hidden}
.ncin .ncin__progress>i:before{content:"";display:block;height:100%;width:0;background:#84c041;border-radius:6px}
.ncin .ncin__progress>i:nth-child(1):before{animation:ncinP1 18s linear infinite}
.ncin .ncin__progress>i:nth-child(2):before{animation:ncinP2 18s linear infinite}
.ncin .ncin__progress>i:nth-child(3):before{animation:ncinP3 18s linear infinite}
.ncin .ncin__progress>i:nth-child(4):before{animation:ncinP4 18s linear infinite}
.ncin .ncin__chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.ncin .ncin__chapters>span{font:700 9px/1.2 'Proximanova-bold',sans-serif;letter-spacing:.04em;color:#c6d2bf;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ncin .ncin__footer>small{display:block;margin-top:9px;padding-right:36px;text-align:right;color:#a9b8a0;font:9px/1.2 'Proximanova-regular',sans-serif}
.ncin .ncin__pause{position:absolute;right:13px;bottom:10px;z-index:12;display:grid;place-items:center;width:30px;height:30px;border:1px solid #91b483;border-radius:7px;background:#e6efdf;color:#262626;cursor:pointer;font:700 16px/1 sans-serif}
.ncin .ncin__pause:hover{background:#a6d66b}
.ncin .ncin__pause:focus-visible{outline:3px solid #84c041;outline-offset:3px}
.ncin.is-paused *, .ncin.is-paused *::before,.ncin.is-paused *::after{animation-play-state:paused!important}
/* Four clearly distinct sequential scenes */
@keyframes ncinSceneOne{0%,19%{opacity:1;transform:translateX(0) scale(1)}24%,95%{opacity:0;transform:translateX(-26px) scale(.985)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes ncinSceneTwo{0%,22%{opacity:0;transform:translateX(30px) scale(.985)}27%,44%{opacity:1;transform:translateX(0) scale(1)}49%,100%{opacity:0;transform:translateX(-26px) scale(.985)}}
@keyframes ncinSceneThree{0%,47%{opacity:0;transform:scale(.94)}52%,69%{opacity:1;transform:scale(1)}74%,100%{opacity:0;transform:scale(1.035)}}
@keyframes ncinSceneFour{0%,72%{opacity:0;transform:translateY(24px)}77%,95%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-18px)}}
@keyframes ncinP1{0%{width:0}23%{width:100%}24%,100%{width:0}}
@keyframes ncinP2{0%,25%{width:0}48%{width:100%}49%,100%{width:0}}
@keyframes ncinP3{0%,50%{width:0}73%{width:100%}74%,100%{width:0}}
@keyframes ncinP4{0%,75%{width:0}99%{width:100%}100%{width:0}}
@keyframes ncinTyping{0%{max-width:0}14%,21%{max-width:270px}24%,100%{max-width:0}}
@keyframes ncinCursor{50%{opacity:0}}
@keyframes ncinHalo{from{transform:translate(-7px,0)}to{transform:translate(17px,15px)}}
@keyframes ncinPulse{0%,100%{box-shadow:0 0 0 4px #84c04130}50%{box-shadow:0 0 0 9px #84c04105}}
@keyframes ncinMatch{0%,6%,24%,100%{border-color:#d4e5c8;box-shadow:none}10%,19%{border-color:#84c041;box-shadow:0 4px 0 #a6d66b88}}
@keyframes ncinEditor{0%,22%,51%,100%{box-shadow:0 9px 22px #1f291e20}28%,43%{box-shadow:0 18px 34px #1f291e32}}
@keyframes ncinToast{0%,26%,47%,100%{opacity:0;transform:translateY(15px)}32%,43%{opacity:1;transform:translateY(0)}}
@keyframes ncinArt{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(7deg) scale(1.05)}}
@keyframes ncinDashes{to{stroke-dashoffset:-160}}
@keyframes ncinNode{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.6);opacity:1}}
@keyframes ncinWinner{0%,100%{transform:scale(.94)}50%{transform:scale(1.04)}}
@keyframes ncinRing{0%{transform:scale(.75);opacity:.7}100%{transform:scale(1.28);opacity:0}}
@keyframes ncinSpinStar{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(9deg)}}
/* Keep the same visual story on phone: no overlapping copy or clipped controls */
@media(max-width:1100px) and (min-width:851px){
 .ncin{height:540px}
 .ncin .ncin__scene{padding:24px 19px}
 .ncin .ncin__scene h3{font-size:32px!important}
 .ncin .ncin__search-matches>div{padding:10px 8px;gap:7px}
 .ncin .ncin__search-matches strong{font-size:11px}
 .ncin .ncin__outcome{padding:18px 13px;gap:13px}
}
@media(max-width:850px){
 .ncin{max-width:620px;margin-inline:auto}
}
@media(max-width:540px){
 .ncin{height:513px;border-radius:16px;box-shadow:9px 12px 0 #a6d66b60}
 .ncin .ncin__header{height:49px;padding:10px 12px;gap:5px}
 .ncin .ncin__logo{font-size:9px;gap:6px}
 .ncin .ncin__logo b{max-width:84px;font-size:8px}
 .ncin .ncin__header-label{font-size:8px;gap:6px}
 .ncin .ncin__theater{top:49px;bottom:80px}
 .ncin .ncin__scene{padding:19px 15px 10px}
 .ncin .ncin__scene-tag{font-size:9px;margin-bottom:12px}
 .ncin .ncin__scene-tag span:last-child{font-size:8px}
 .ncin .ncin__scene h3{font-size:clamp(25px,7vw,32px)!important;line-height:1.05!important;max-width:300px}
 .ncin .ncin__scene>p{font-size:13px!important;line-height:1.4;max-width:300px}
 .ncin .ncin__searchbox{margin:15px 0 10px;min-height:49px;padding:9px 10px;gap:8px}
 .ncin .ncin__magnify{width:17px;height:17px;flex-basis:17px}
 .ncin .ncin__typed{font-size:11px}
 .ncin .ncin__searchbox>b{width:26px;height:26px;flex-basis:26px}
 .ncin .ncin__brief{min-height:62px;margin:14px 0 10px;padding:9px 10px}
 .ncin .ncin__brief-icon{width:37px;height:37px;flex-basis:37px;font-size:23px}
 .ncin .ncin__brief strong{font-size:13px}
 .ncin .ncin__search-matches{grid-template-columns:1fr;gap:7px}
 .ncin .ncin__search-matches>div{align-items:center;padding:8px 10px;min-height:47px;gap:9px}
 .ncin .ncin__search-matches>div>b{width:22px;height:22px;flex-basis:22px;font-size:10px}
 .ncin .ncin__search-matches strong{font-size:11px}
 .ncin .ncin__search-matches small{font-size:9px}
 .ncin .ncin__scene-bottom-label{font-size:9px;padding:6px 9px}
 .ncin .ncin__workspace{height:217px;margin-top:15px}
 .ncin .ncin__workspace-body{height:183px}
 .ncin .ncin__workspace-content{padding:11px 8px}
 .ncin .ncin__workspace-content>b{font-size:12px}
 .ncin .ncin__workspace-art{padding:7px}
 .ncin .ncin__workspace-circle{width:65px;height:65px;border-radius:15px}
 .ncin .ncin__workspace-circle>span{font-size:46px}
 .ncin .ncin__workspace-badge{font-size:8px}
 .ncin .ncin__editor-toast{bottom:15px;right:6px;padding:7px 9px}
 .ncin .ncin__editor-toast strong{font-size:9px}
 .ncin .ncin__editor-toast small{font-size:8px}
 .ncin .ncin__editor-toast>span{width:22px;height:22px;flex-basis:22px}
 .ncin .ncin__network{margin-top:7px;max-height:226px}
 .ncin .ncin__network-label{font-size:8px;padding:6px 8px}
 .ncin .ncin__network-label--a{top:7px;left:7px}
 .ncin .ncin__network-label--b{top:7px;right:7px}
 .ncin .ncin__network-label--c{bottom:8px;right:13%}
 .ncin .ncin__outcome{margin-top:16px;padding:14px 11px;gap:10px}
 .ncin .ncin__outcome-burst{width:73px;height:73px;flex-basis:73px}
 .ncin .ncin__outcome-burst>span{width:57px;height:57px;font-size:32px}
 .ncin .ncin__outcome small{font-size:8px}
 .ncin .ncin__outcome strong{font-size:17px}
 .ncin .ncin__outcome>div:last-child>span{font-size:10px}
 .ncin .ncin__evidence{gap:6px;margin-top:11px}
 .ncin .ncin__evidence>div{display:flex;flex-direction:column;align-items:flex-start;padding:7px;min-height:58px;gap:6px}
 .ncin .ncin__evidence>div>span{width:17px;height:17px;flex-basis:17px;font-size:11px}
 .ncin .ncin__evidence strong{font-size:9px}
 .ncin .ncin__footer{height:80px;padding:13px 12px}
 .ncin .ncin__chapters>span{font-size:8px;letter-spacing:0}
 .ncin .ncin__footer>small{font-size:8px;margin-top:10px}
 .ncin .ncin__pause{right:10px;bottom:10px}
}
@media(max-width:370px){
 .ncin .ncin__scene h3{font-size:25px!important}
 .ncin .ncin__scene>p{font-size:12px!important}
 .ncin .ncin__logo b{max-width:62px}
 .ncin .ncin__network-label{font-size:7px}
}
/* Accessibility: motion can be paused. Reduced-motion sees a complete first scene. */
@media(prefers-reduced-motion:reduce){
 .ncin *, .ncin *::before,.ncin *::after{animation:none!important;transition:none!important}
 .ncin .ncin__scene--one{opacity:1!important;transform:none!important}
 .ncin .ncin__scene--two,.ncin .ncin__scene--three,.ncin .ncin__scene--four{display:none!important}
 .ncin .ncin__typed{max-width:250px!important}
 .ncin .ncin__pause{display:none!important}
}
/* The entire sequence changes noticeably every 3.5 seconds, not every 4.5. */
.ncin .ncin__scene--one,.ncin .ncin__scene--two,.ncin .ncin__scene--three,.ncin .ncin__scene--four,
.ncin .ncin__progress>i::before,.ncin .ncin__typed,.ncin .ncin__search-matches>div:first-child,
.ncin .ncin__workspace,.ncin .ncin__editor-toast{animation-duration:14s}