:root{--mw-bg:#030408;--mw-ink:#f9f7ff;--mw-muted:#bfb9d2;--mw-violet:#b38bf2;--mw-line:rgba(209,202,235,.25);--mw-font:Arial,Helvetica,sans-serif}
.midori-event-horizon{background:var(--mw-bg);color:var(--mw-ink);font-family:var(--mw-font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.midori-event-horizon *{box-sizing:border-box}.midori-event-horizon a{color:inherit}.midori-event-horizon a:hover{text-decoration:none}.midori-event-horizon [hidden]{display:none!important}
.midori-event-horizon :focus-visible{outline:2px solid #d3b5ff;outline-offset:6px}.midori-event-horizon button{font-family:inherit}.midori-event-horizon .page-wrapper{min-height:100vh;overflow:clip}.midori-event-horizon .page-header{border:0;margin:0;background:#030408;position:relative;z-index:20}
.midori-event-horizon .header.content{display:flex;align-items:center;gap:30px;max-width:1680px;margin:0 auto;padding:8px 4%;height:86px;position:relative}.midori-event-horizon .header.content:before,.midori-event-horizon .header.content:after{display:none}.midori-event-horizon .logo{float:none;flex:0 0 auto;display:block;max-width:none;margin:0}.midori-event-horizon .logo img{width:216px;height:72px;display:block;object-fit:contain}.midori-event-horizon .nav-toggle{display:none}
.mw-navigation{display:flex;gap:clamp(28px,3.9vw,62px);margin:auto;align-items:center;font-size:14px}.mw-navigation a,.mw-mobile-navigation a{text-decoration:none}.mw-navigation a:hover{color:#d4b6ff}.mw-header-actions{display:flex;gap:24px;align-items:center;font-size:12px}.mw-header-actions .mw-text-link{max-width:126px;line-height:1.45;text-decoration:none}.mw-header-actions .mw-button{min-height:44px;padding:10px 22px;font-size:13px}
.mw-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:500;font-size:16px;line-height:1.3;text-decoration:none!important;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background-color .2s;min-height:54px;padding:15px 32px;cursor:pointer;border-radius:6px;white-space:nowrap}.mw-button:hover{transform:translateY(-2px)}.mw-button-primary,.midori-event-horizon a.mw-button-primary{background:#faf9ff;color:#120d23;box-shadow:0 0 22px #b5a1f233,inset 0 0 0 3px #ffffff;border-color:#dcd6f8}.mw-button-primary:hover{box-shadow:0 0 30px #b5a1f263}.mw-button-outline{border-color:#b18ae9;border-radius:999px;box-shadow:0 0 9px #ad80f33a;color:#ddc4ff!important;background:#08070d}
.mw-text-link{display:inline-flex;gap:9px;align-items:center;text-underline-offset:5px;text-decoration-color:#ad9cb7!important}.mw-text-link:hover{color:#d5b5ff}.mw-menu-toggle{display:none}.mw-mobile-navigation{display:none}
.cms-index-index.midori-event-horizon .page-header{position:absolute;inset:0 0 auto;background:linear-gradient(#030408bb,#03040800)}.cms-index-index.midori-event-horizon .page-main{max-width:none;padding:0;width:100%}.cms-index-index.midori-event-horizon .columns,.cms-index-index.midori-event-horizon .column.main{display:block;padding:0;margin:0;min-height:0;width:100%}.cms-index-index.midori-event-horizon .page-main>.page-title-wrapper{display:none}
.mw-home{background:var(--mw-bg)}.mw-hero{position:relative;isolation:isolate;height:clamp(660px,53.4vw,940px);overflow:hidden;max-width:1920px;margin:0 auto}.mw-hero-art{position:absolute;inset:0;z-index:-3;display:block;transform-origin:50% 85%}.mw-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.mw-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#02030844,transparent 22%,transparent 83%,#03040813);pointer-events:none}.mw-energy{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen}
.mw-hero-content{position:relative;z-index:1;width:100%;margin:0 auto;text-align:center;padding:clamp(144px,12.75vw,240px) 20px 0}.mw-eyebrow{font-size:12px;line-height:1.6;letter-spacing:.27em;text-transform:uppercase;font-weight:400;margin:0 0 15px;color:#e3dbf6}.mw-hero h1{font-size:clamp(64px,6.55vw,116px);letter-spacing:-.055em;line-height:1.01;font-weight:400;margin:0 0 24px;color:#faf8ff}.mw-hero h1 span{background:linear-gradient(180deg,#fff 10%,#e6def5 53%,#ad7be6 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.mw-hero-description{font-size:clamp(16px,1.4vw,22px);line-height:1.35;max-width:790px;margin:0 auto 32px;color:#fbf7ff;letter-spacing:0}.mw-hero-actions{display:flex;flex-direction:column;align-items:center;gap:19px}.mw-hero-actions .mw-button{min-width:295px;font-size:17px}.mw-hero-actions .mw-text-link{font-size:14px}
.mw-margin-note{font-size:9px;letter-spacing:.24em;line-height:1.8;text-transform:uppercase;color:#cac1df;margin:0}.mw-margin-note span{display:block;height:1px;width:40px;background:#aca2bd;margin-top:15px}.mw-hero>.mw-margin-note{position:absolute;top:14%;z-index:1}.mw-margin-note-left{left:4%}.mw-margin-note-right{right:4%}.mw-technical-label{position:absolute;font-size:15px;color:#f1e7ff;display:flex;align-items:center;gap:8px}.mw-technical-label i{display:block;width:25px;height:1px;background:#c8b0e9}.mw-label-code{left:6.3%;top:33%}.mw-label-platform{right:6%;top:29%}.mw-label-interface{right:3%;top:47%}.mw-label-api{right:4.5%;top:73%}.mw-label-api i{width:55px}.mw-motion-toggle{position:absolute;right:20px;bottom:17px;border:1px solid #ddd2ef44;border-radius:999px;background:#05050bcc;color:#e6dff1;font-size:11px;padding:7px 11px;cursor:pointer;display:flex;gap:7px;align-items:center;box-shadow:none}.mw-motion-toggle:hover{background:#161022;color:#fff;border-color:#cfb1fa}.mw-motion-symbol{font-size:10px}
.mw-service-strip{height:66px;border-top:1px solid var(--mw-line);border-bottom:1px solid var(--mw-line);display:flex;align-items:center;justify-content:center;gap:clamp(24px,4.5vw,76px);font-size:11px;text-transform:uppercase;letter-spacing:.26em;background:#040508}.mw-service-strip i{display:block;width:36px;height:1px;background:#a69caf88}.mw-expertise{padding:36px 4% 54px;max-width:1680px;margin:auto}.mw-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.mw-section-heading h2,.mw-process h2{font-size:clamp(31px,3vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.035em;text-align:center;margin:0}.mw-section-heading h2 span,.mw-process h2 span{color:#ceadf1}.mw-section-heading>.mw-margin-note:last-child{text-align:left}
.mw-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mw-service-card{border:1px solid #b1aabe66;border-radius:7px;padding:28px 25px;display:flex;align-items:center;gap:25px;min-height:134px;text-decoration:none!important;background:linear-gradient(140deg,#0d0b1255,#030408);transition:border-color .2s,transform .2s,background .2s}.mw-service-card:hover{border-color:#b38bf2;background:#110d1a;transform:translateY(-3px)}.mw-service-card h3{font-size:16px;font-weight:400;line-height:1.4;margin:0 0 9px;color:#fff}.mw-service-card p{font-size:14px;line-height:1.55;color:#c8bdd9;margin:0}.mw-service-icon{width:40px;height:46px;display:grid;place-items:center;flex-shrink:0;color:#b182ee;font-size:45px;font-weight:300;line-height:1}.mw-icon-commerce{font-size:39px}.mw-icon-integration{font-size:50px}.mw-card-arrow{font-size:25px;font-weight:300;margin-left:auto;color:#e8defb}
.mw-process{border-top:1px solid var(--mw-line);padding:82px 7% 90px;max-width:1680px;margin:auto}.mw-process>.mw-eyebrow{text-align:center;color:#bcb0d4;margin-bottom:20px}.mw-process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin:48px auto 0;max-width:1100px}.mw-process-steps>div>span{font-size:11px;letter-spacing:.2em;color:#b88cea}.mw-process-steps h3{font-size:22px;font-weight:400;margin:12px 0}.mw-process-steps p{font-size:15px;line-height:1.65;color:var(--mw-muted);margin:0}
.midori-event-horizon .page-footer{background:#06060b;color:#e9e1f5;padding:0 4% 25px;border-top:1px solid var(--mw-line);margin:0}.midori-event-horizon .footer.content{padding:0;border:0;margin:0;max-width:none}.mw-footer{display:flex;justify-content:space-between;gap:60px;max-width:1460px;margin:auto;padding:64px 0 40px}.mw-footer h2{font-size:clamp(30px,3vw,46px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:0 0 20px}.mw-footer .mw-eyebrow{font-size:10px}.mw-footer .mw-company{font-size:14px;color:#beb3ce;line-height:1.65;min-width:270px}.mw-company strong{font-weight:400;color:#f5effb}.mw-company p{margin:0 0 16px}.mw-company address{font-style:normal}.midori-event-horizon .copyright{display:block;background:transparent;color:#a397b3;padding:18px 0 0;border-top:1px solid #aaa1b522;max-width:1460px;margin:auto;font-size:11px}.midori-event-horizon .copyright span{color:inherit}
.midori-event-horizon:not(.cms-index-index) .page-main{padding-top:44px;padding-bottom:70px}.midori-event-horizon input,.midori-event-horizon textarea,.midori-event-horizon select{background:#10101b;color:#f9f5ff;border-color:#847391}.midori-event-horizon .field label{color:#ece6f4}.midori-event-horizon .action.primary{background:#eee8fc;color:#21182f;border-color:#d9c7f1}
@media(min-width:768px) and (max-width:1199px){.mw-header-actions>.mw-text-link{display:none}.mw-navigation{gap:30px}.mw-hero-content{padding-top:161px}.mw-hero h1{font-size:76px}.mw-service-card{padding:24px 20px;gap:15px}.mw-service-card p{font-size:12px}.mw-service-card h3{font-size:14px}.mw-service-icon{width:31px;font-size:37px}.mw-technical-label{font-size:12px}}
@media(max-width:767px){.midori-event-horizon .header.content{height:79px;padding:7px 22px;gap:18px;justify-content:space-between}.midori-event-horizon .logo img{width:201px;height:67px}.mw-navigation,.mw-header-actions{display:none}.mw-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;padding:10px;border:0;background:transparent;box-shadow:none;margin-right:-8px}.mw-menu-toggle span{display:block;width:22px;height:1px;background:#e3dbea;transition:transform .2s}.mw-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.mw-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mw-mobile-navigation{display:flex;position:absolute;left:12px;right:12px;top:78px;flex-direction:column;gap:0;background:#0c0914fa;border:1px solid #9e7ccd55;border-radius:10px;padding:12px 21px;box-shadow:0 14px 50px #000a}.mw-mobile-navigation a{padding:15px 0;color:#f6efff;border-bottom:1px solid #ffffff12}.mw-mobile-navigation a:last-child{border-bottom:0;color:#d5b2ff}.mw-hero{height:clamp(650px,169vw,760px);max-height:none}.mw-hero-art img{object-fit:cover;object-position:center bottom}.mw-hero-content{padding:105px 25px 0;max-width:470px}.mw-eyebrow{font-size:10px;letter-spacing:.235em;line-height:1.7;margin-bottom:15px}.mw-hero h1{font-size:clamp(44px,11.8vw,58px);line-height:1.025;letter-spacing:-.055em;margin:0 0 18px}.mw-hero h1 span{display:block;max-width:305px;margin:auto}.mw-hero-description{font-size:16px;line-height:1.35;max-width:306px;margin-bottom:27px}.mw-desktop-break{display:none}.mw-hero-actions{gap:17px}.mw-hero-actions .mw-button{font-size:15px;min-width:260px;padding:14px 24px;min-height:48px}.mw-hero-actions .mw-text-link{font-size:12px}.mw-hero>.mw-margin-note,.mw-technical-label{display:none}.mw-motion-toggle{bottom:13px;right:13px;font-size:9px;padding:5px 8px}.mw-service-strip{height:45px;gap:0;justify-content:space-evenly;font-size:8px;letter-spacing:.11em;padding:0 7px}.mw-service-strip span:first-child{font-size:0}.mw-service-strip span:first-child:after{content:'Web dev';font-size:8px}.mw-service-strip i{width:1px;height:9px;background:#aa99b455}.mw-expertise{padding:29px 17px 35px}.mw-section-heading{display:block;margin-bottom:25px}.mw-section-heading>.mw-margin-note{display:none}.mw-section-heading h2{font-size:27px;line-height:1.1;letter-spacing:-.04em}.mw-service-cards{grid-template-columns:1fr;gap:9px}.mw-service-card{padding:17px 18px;gap:24px;min-height:99px;border-radius:6px}.mw-service-card h3{font-size:14px;margin-bottom:4px}.mw-service-card p{font-size:12px;line-height:1.45}.mw-service-icon{width:38px;font-size:39px}.mw-icon-commerce{font-size:33px}.mw-card-arrow{font-size:21px}.mw-process{padding:43px 26px 48px}.mw-process>.mw-eyebrow{font-size:8px}.mw-process h2{font-size:29px}.mw-process-steps{grid-template-columns:1fr;gap:26px;margin-top:32px}.mw-process-steps h3{font-size:21px;margin:5px 0 8px}.mw-process-steps p{font-size:14px}.midori-event-horizon .page-footer{padding:0 24px 95px}.mw-footer{padding:42px 0 28px;display:block}.mw-footer .mw-company{margin-top:35px;font-size:13px}.mw-footer h2{font-size:32px}.mw-footer .mw-eyebrow{font-size:8px}.mw-footer .mw-text-link{font-size:13px}.mw-mobile-dock{position:fixed;z-index:30;bottom:0;left:0;right:0;display:flex;gap:17px;justify-content:center;align-items:center;padding:12px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid #b78de555;background:#080710f2;box-shadow:0 -5px 25px #0008;backdrop-filter:blur(12px)}.mw-mobile-dock .mw-button{min-height:43px;font-size:12px;padding:11px 15px;min-width:0}.mw-mobile-dock .mw-text-link{font-size:11px}.midori-event-horizon:not(.cms-index-index) .page-main{padding-top:25px}}
@media(max-width:359px){.mw-hero-content{padding-left:19px;padding-right:19px}.mw-hero h1{font-size:43px}.mw-hero-description{font-size:15px}.mw-hero-actions .mw-button{min-width:245px}.mw-section-heading h2{font-size:24px}.mw-service-card{gap:17px}.midori-event-horizon .logo img{width:181px;height:60px}}
@media(prefers-reduced-motion:reduce){.midori-event-horizon *, .midori-event-horizon *:before,.midori-event-horizon *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mw-hero{--mw-art-offset:clamp(28px,3vw,56px)}.mw-hero .mw-hero-art{top:var(--mw-art-offset);bottom:calc(-1 * var(--mw-art-offset))}.mw-service-icon{font-size:0!important}.mw-service-icon:before{content:'';display:block;width:38px;height:42px;background:var(--mw-violet);mask-size:contain;mask-position:center;mask-repeat:no-repeat}.mw-icon-cube:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='46' viewBox='0 0 42 46'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M21 3 38 13v20L21 43 4 33V13Z M4 13l17 10 17-10M21 23v20 M21 3v20 M4 33l17-10 17 10'/%3E%3Cpath d='m21 12 10 6v12l-10 6-10-6V18Z'/%3E%3C/g%3E%3C/svg%3E")}.mw-icon-commerce:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='46' viewBox='0 0 42 46'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m21 4 16 9v19l-16 10-16-10V13Z M5 13l16 10 16-10M21 23v19'/%3E%3Cpath d='m15 15-6 5 6 5m12-10 6 5-6 5m-4-13-4 16'/%3E%3C/g%3E%3C/svg%3E")}.mw-icon-integration:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='46' viewBox='0 0 42 46'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m18 14-8 17m14-17 9 17M14 36h14'/%3E%3Ccircle cx='21' cy='9' r='6'/%3E%3Ccircle cx='8' cy='36' r='6'/%3E%3Ccircle cx='34' cy='36' r='6'/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:767px){.mw-hero{--mw-art-offset:0px}.mw-hero-content>.mw-eyebrow{max-width:270px;margin-left:auto;margin-right:auto}.mw-service-icon:before{width:34px;height:38px}}

/* Reference alignment, 24 September 2026. Keep copy and controls as native HTML. */
@font-face{font-family:Outfit;src:url('../fonts/outfit-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--mw-font:Outfit,Arial,Helvetica,sans-serif}
.midori-event-horizon .header.content{height:clamp(76px,6.3vw,100px);gap:24px}
.midori-event-horizon .logo img{width:clamp(216px,18vw,260px);height:auto;max-height:none}
.mw-navigation{font-size:14px;gap:clamp(32px,5vw,72px)}
.mw-header-actions .mw-text-link{max-width:none;white-space:nowrap;font-size:12px}
.mw-header-actions{gap:20px}.mw-header-actions .mw-button{font-size:13px;min-height:43px}
.mw-hero{height:clamp(620px,53.8vw,1033px);--mw-art-offset:clamp(25px,2.65vw,51px)}
.mw-hero-content{padding-top:clamp(145px,12.5vw,240px)}
.mw-hero h1{font-size:clamp(66px,6.8vw,130px);line-height:1.01;letter-spacing:-.025em;font-weight:400;margin-bottom:22px}
.mw-hero-description{font-size:clamp(17px,1.46vw,28px);line-height:1.32;max-width:900px;margin-bottom:30px;font-weight:350}
.mw-eyebrow{font-size:clamp(10px,.9vw,17px);font-weight:400;letter-spacing:.26em;margin-bottom:13px}
.mw-hero-actions{gap:17px}.mw-hero-actions .mw-button{min-width:clamp(270px,22.3vw,430px);font-size:clamp(15px,1.25vw,22px);min-height:clamp(49px,4vw,76px)}
.mw-hero-actions .mw-text-link{font-size:clamp(13px,1.08vw,20px);text-decoration:underline}
.mw-energy{top:var(--mw-art-offset);height:100%;mix-blend-mode:normal;z-index:-3}
.mw-hero-art{z-index:-4}.mw-hero:after{z-index:-2}
.mw-motion-toggle{font-family:var(--mw-font);font-weight:400;bottom:12px;right:18px;z-index:3}
.mw-code-panel{position:absolute;left:4%;top:53%;width:8.5%;padding:1% 1.1%;border:1px solid #bab2ee70;border-radius:5px;background:linear-gradient(140deg,#201c3d80,#06071185);box-shadow:inset 0 0 20px #9980f018;backdrop-filter:blur(3px);color:#c2b1eb;font:clamp(7px,.65vw,12px)/1.5 monospace;text-align:left;white-space:pre;pointer-events:none}
.mw-service-strip{height:clamp(56px,4.65vw,89px);font-size:clamp(10px,.88vw,15px)}
.mw-expertise{padding:clamp(29px,2.6vw,49px) 4% clamp(42px,3.8vw,72px)}
.mw-section-heading{margin-bottom:clamp(26px,2.3vw,44px)}
.mw-section-heading h2,.mw-process h2{font-size:clamp(33px,3.05vw,52px);letter-spacing:-.025em;line-height:1.08;font-weight:400}
.mw-service-card{min-height:clamp(120px,9.6vw,170px);padding:clamp(20px,2vw,34px);gap:clamp(18px,2vw,32px)}
.mw-service-card h3{font-size:clamp(16px,1.28vw,21px);margin-bottom:7px;font-weight:400}
.mw-service-card p{font-size:clamp(13px,1.08vw,18px);line-height:1.5;font-weight:350}
.mw-card-arrow{font-size:24px}.mw-service-icon{width:40px}.mw-service-icon:before{width:40px;height:43px}
.mw-expertise-action{display:none}
.mw-process{padding-top:65px;padding-bottom:70px}.mw-process-steps h3{font-weight:400}
@keyframes mw-scene-breathe{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.12);transform:scale(1.012)}}
.mw-motion-fallback .mw-hero-art{animation:mw-scene-breathe 8s ease-in-out infinite;animation-play-state:paused}
.mw-motion-fallback[data-motion=running] .mw-hero-art{animation-play-state:running}
@media(min-width:768px) and (max-width:1199px){.mw-hero{height:650px}.mw-hero-content{padding-top:151px}.mw-hero h1{font-size:clamp(61px,6.8vw,82px)}.mw-hero-description{font-size:17px}.mw-header-actions>.mw-text-link{display:none}.mw-technical-label{font-size:12px}.mw-code-panel{font-size:7px}.mw-service-card{gap:14px;padding:20px 16px}.mw-service-card h3{font-size:14px}.mw-service-card p{font-size:12px}.mw-service-icon{width:30px}.mw-service-icon:before{width:30px;height:35px}}
@media(max-width:767px){
 .midori-event-horizon .header.content{height:80px;padding:5px 22px;gap:12px}
 .midori-event-horizon .logo img{width:222px;height:74px}
 .mw-hero{height:clamp(600px,163.5vw,850px);--mw-art-offset:0px}
 .mw-hero-content{padding:clamp(96px,25.8vw,132px) 22px 0;max-width:540px}
 .mw-hero-content>.mw-eyebrow{font-size:10px;max-width:260px;line-height:1.7;letter-spacing:.24em;margin-bottom:12px}
 .mw-hero h1{font-size:clamp(43px,12.5vw,65px);line-height:1.02;letter-spacing:-.035em;margin-bottom:19px}
 .mw-hero h1 span{max-width:320px}
 .mw-hero-description{font-size:clamp(15px,4.27vw,20px);line-height:1.3;max-width:74%;margin-bottom:28px;font-weight:350}
 .mw-hero-actions{gap:17px}.mw-hero-actions .mw-button{min-width:0;width:76%;max-width:330px;min-height:46px;font-size:15px;padding:13px 19px}
 .mw-hero-actions .mw-text-link{font-size:12px}
 .mw-code-panel{display:none}.mw-motion-toggle{font-size:10px;right:12px;bottom:12px;padding:6px 9px}
 .mw-service-strip{height:46px;font-size:8px;letter-spacing:.1em}
 .mw-expertise{padding:26px 17px 32px}.mw-section-heading{margin-bottom:23px}
 .mw-section-heading h2{font-size:clamp(24px,6.85vw,34px);letter-spacing:-.03em;line-height:1.1}
 .mw-service-cards{gap:9px}.mw-service-card{min-height:94px;padding:17px 18px;gap:24px}
 .mw-service-card h3{font-size:15px;margin-bottom:4px}.mw-service-card p{font-size:13px;line-height:1.4}
 .mw-service-icon{width:38px}.mw-service-icon:before{width:35px;height:39px}.mw-card-arrow{font-size:21px}
 .mw-expertise-action{display:flex;width:100%;margin-top:29px;min-height:49px;font-size:16px}
 .mw-process{padding:45px 26px}.mw-process h2{font-size:31px}.mw-mobile-dock{gap:15px}
}
@media(max-width:359px){.midori-event-horizon .header.content{padding:5px 18px}.midori-event-horizon .logo img{width:197px;height:auto}.mw-hero{height:600px}.mw-hero-content{padding-top:94px}.mw-hero h1{font-size:43px}.mw-hero-description{max-width:85%;font-size:15px}.mw-hero-actions .mw-button{width:85%;font-size:14px}.mw-service-card{gap:16px;padding:15px}.mw-service-card p{font-size:12px}.mw-section-heading h2{font-size:23px}}

@media(prefers-reduced-motion:reduce){.mw-motion-fallback[data-motion=running] .mw-hero-art{animation:mw-scene-breathe 8s ease-in-out infinite!important;animation-play-state:running!important}}
/* Keep the mobile horizon and figure below the secondary action, as in the reference. */
@media(max-width:767px){.mw-hero{--mw-art-offset:9%}}

.midori-event-horizon .mw-menu-toggle:hover,.midori-event-horizon .mw-menu-toggle:focus,.midori-event-horizon .mw-menu-toggle:active{background:transparent;box-shadow:none;border:0}
/* Clip the artwork without creating an internal scroll area when a control receives focus. */
.mw-hero{overflow:clip}
.midori-event-horizon .mw-motion-toggle:focus{background:#161022;color:#fff;border-color:#cfb1fa;box-shadow:none}

/* User review corrections: full-bleed responsive layout and approved paired actions. */
.midori-event-horizon .header.content{max-width:none;width:100%;padding-left:4%;padding-right:4%}
.mw-hero{max-width:none;width:100%;height:clamp(650px,53.8vw,1100px)}
.mw-expertise,.mw-process{max-width:none;padding-left:4%;padding-right:4%}
.mw-footer,.midori-event-horizon .copyright{max-width:none}
.mw-header-actions .mw-button{order:0;border:1px solid #c893ff;box-shadow:0 0 11px #a754df44;color:#f1e8ff!important;font-weight:350;min-height:43px}
.mw-header-actions .mw-text-link{order:1;font-size:14px;font-weight:350;text-decoration:underline;text-underline-offset:9px;text-decoration-color:#9473b9!important}
.mw-hero-actions{flex-direction:row;justify-content:center;gap:16px;flex-wrap:wrap}
.mw-hero-actions .mw-button{width:auto;min-width:clamp(250px,20vw,365px);font-size:clamp(16px,1.25vw,22px);min-height:clamp(52px,4vw,73px);padding:15px 24px;border-radius:6px;font-weight:400}
.mw-hero-actions .mw-button-secondary{border-color:#bbb0d0;background:#060611a8;box-shadow:none;color:#f9f5ff}
.mw-hero-reassurance{font-size:clamp(12px,1vw,17px);font-weight:350;margin:20px auto 0;color:#e3d8f5}
.mw-section-heading h2>span,.mw-process h2>span{display:inline-block;background:linear-gradient(180deg,#fff 10%,#e8dcf8 45%,#bc80f0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.mw-icon-commerce:before{mask-image:none;background:transparent url('../images/brands/magento.svg') center/contain no-repeat}
@media(min-width:768px) and (max-width:1199px){.midori-event-horizon .header.content{gap:18px}.mw-navigation{gap:24px}.mw-header-actions>.mw-text-link{display:none}.mw-hero{height:650px}.mw-hero-actions .mw-button{min-width:230px;font-size:16px}.mw-hero-reassurance{font-size:12px}}
@media(max-width:767px){.midori-event-horizon .header.content{padding-left:22px;padding-right:22px}.mw-hero{height:clamp(680px,178vw,980px);--mw-art-offset:5%}.mw-hero-content{padding-top:clamp(96px,25.8vw,132px)}.mw-hero-actions{flex-direction:column;gap:10px}.mw-hero-actions .mw-button{width:90%;max-width:370px;min-width:0;min-height:48px;font-size:16px;padding:13px 16px}.mw-hero-description{max-width:90%;margin-bottom:22px}.mw-hero-reassurance{font-size:12px;margin:17px auto 0}.mw-expertise{padding-left:17px;padding-right:17px}.mw-process{padding-left:26px;padding-right:26px}.mw-expertise-action{display:none}.mw-mobile-dock .mw-button{min-width:0;flex:1}.mw-mobile-dock .mw-text-link{padding:10px 14px;border:1px solid #9f89b9;border-radius:5px;font-size:13px;justify-content:center;flex:1;text-decoration:none}}
@media(max-width:359px){.midori-event-horizon .logo img{width:185px}.mw-hero{height:680px}.mw-hero-actions .mw-button{font-size:14px}}
/* Preserve the composition when the browser is wider than the original artwork. */
@media(min-width:1921px){.mw-hero{height:53.8vw;--mw-art-offset:2.65vw}.mw-hero-content{padding-top:12.5vw}.mw-hero h1{font-size:6.8vw;margin-bottom:1.15vw}.mw-hero-description{font-size:1.46vw;max-width:47vw;margin-bottom:1.56vw}.mw-hero-actions .mw-button{min-width:20vw;min-height:4vw;font-size:1.15vw}.mw-hero-reassurance{font-size:.9vw;margin-top:1vw}.midori-event-horizon .header.content{height:6.3vw;gap:1.5vw}.midori-event-horizon .logo img{width:18vw}.mw-navigation{font-size:.95vw;gap:4vw}.mw-header-actions{gap:1.4vw}.mw-header-actions .mw-button{font-size:.9vw;min-height:3vw;padding:.6vw 1.5vw}.mw-header-actions .mw-text-link{font-size:.9vw}.mw-section-heading h2,.mw-process h2{font-size:3.05vw}.mw-service-card{min-height:9.6vw;padding:2vw;gap:2vw}.mw-service-card h3{font-size:1.28vw}.mw-service-card p{font-size:1.08vw}.mw-service-icon{width:2.6vw;height:3vw}.mw-service-icon:before{width:2.6vw;height:3vw}.mw-service-strip{height:4.65vw;font-size:.88vw}}