html,body{height:100%;overflow:hidden;scroll-padding:0}
.logo.brand-lockup{display:block;width:52px;height:52px;background:url('assets/omnis-mark.svg?v=crescents') center/contain no-repeat}
.logo.brand-lockup img{content:url('assets/omniscode-logo.svg?v=1')}
.logo.brand-lockup img{display:none}
body.at-home .logo.brand-lockup{width:180px;height:50px;background:none}
body.at-home .logo.brand-lockup img{display:block;width:180px;height:50px}
body:not(.at-home)>header{opacity:1;pointer-events:auto}
.section-top .eyebrow:before{content:'';display:block!important;flex:0 0 52px;width:52px;height:52px;background:url('assets/omnis-mark.svg?v=crescents') center/contain no-repeat;box-shadow:none}
.section-top .eyebrow:after{display:none!important}
.section-top .eyebrow{padding-left:0!important;gap:12px}
body>main{height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:none}
body>main::-webkit-scrollbar{display:none}
body>main>.section{box-sizing:border-box;height:100dvh;min-height:100dvh;max-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;padding:clamp(28px,5vh,60px) 6%;display:flex;flex-direction:column;gap:0}
body>main>.section.phone-era{height:100dvh;min-height:100dvh;max-height:100dvh}
body>main>.hero{padding:clamp(100px,15vh,170px) 6% 74px;gap:30px}
.hero h1.hero-title{font-size:clamp(50px,min(6.7vw,10vh),110px)}
body>header{position:fixed;transition:opacity .2s}body:not(.at-home)>header{opacity:0;pointer-events:none}
.section-top{flex-shrink:0;align-items:center}
.section-top .num{align-self:center}
body>main>.section h2{margin:clamp(25px,5vh,65px) 0 22px;font-size:clamp(38px,min(5.1vw,8vh),78px);line-height:1.02;font-weight:300}
body>main>.hero h1{margin:0}
.section .quality-grid{margin-top:auto;margin-bottom:auto;gap:5%;grid-template-columns:1fr 1fr}
.screen-art{max-height:40vh}.screen-art img{max-height:40vh;object-fit:contain}
.quality-list article{padding:20px 0}
.services .service-list{margin:auto 0}.service-row{padding:clamp(13px,2.6vh,29px) 0}.service-row h3{font-size:clamp(24px,3vw,40px)}
.process .staircase{width:80%;margin:0}.stage{padding:12px;width:55%}.stage p{font-size:13px}.stage h3{margin-bottom:6px}.process-note{margin-top:auto}
.invite-content{padding:30px 0;margin:auto 0}.section.invite h2{font-size:clamp(48px,7vw,105px)}
.contact-grid{gap:8%;margin:auto 0}.contact .field{margin-bottom:18px}.contact .footer{margin-top:25px;padding-top:17px}
.slide-dots{position:fixed;z-index:10;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}
.slide-dots a{width:18px;height:18px;display:grid;place-items:center}.slide-dots a:before{content:'';width:4px;height:4px;border-radius:50%;background:#7c94b36e;transition:.2s}.slide-dots a[aria-current=true]:before{background:#e0f4ff;width:6px;height:6px;box-shadow:0 0 10px #91cfff}
/* Second slide: the image remains visible between the story and glass cards. */
.phone-era-copy{max-width:550px}.phone-era-copy>p{font-size:clamp(13px,1.2vw,17px);max-width:450px}.phone-era-copy>p+p{margin-top:12px}
.phone-era-bottom{margin-top:auto;max-width:760px;padding-top:24px}
.phone-steps{gap:15px}
.phone-steps article{position:relative;isolation:isolate;overflow:hidden;border:1px solid #b1d6ff29;border-radius:24px;padding:22px 112px 22px 22px;min-height:0;background:linear-gradient(140deg,#090d18ed,#0a1330c9);box-shadow:inset 0 1px 1px #ffffff12,0 10px 30px #0003;backdrop-filter:blur(16px);container-type:inline-size}
.phone-steps article:before{content:'';position:absolute;top:50%;right:20px;z-index:2;width:76px;height:76px;transform:translateY(-50%) rotate(-7deg);clip-path:polygon(50% 0,100% 27%,86% 77%,50% 100%,14% 77%,0 27%);background:linear-gradient(145deg,#ffffffee 0%,#a9eaff 17%,#3458ff 39%,#a32eff 58%,#ff5ccf 72%,#111a45 100%);filter:saturate(1.35) drop-shadow(0 8px 18px #2b60ff66);opacity:.9}
.phone-steps article:after{content:'';position:absolute;z-index:-1;left:-15%;right:-15%;bottom:-60px;height:110px;background:radial-gradient(ellipse at 68% 80%,#fff 0%,#9bdfff 20%,#315af8 48%,transparent 74%);filter:blur(18px);opacity:.85}
.phone-steps article:nth-child(2):after{transform:scaleX(-1)}
.phone-steps .step-number{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #ffffff25;background:#ffffff06;font-size:10px;color:#e4f1ff}
.phone-steps .step-number{display:none}
.phone-steps h3{font-size:clamp(19px,8cqw,28px);font-weight:600;margin:0 0 8px;letter-spacing:-.04em}.phone-steps p{font-size:clamp(11px,4cqw,14px);color:#b8c4da;line-height:1.45;max-width:34em}.phone-conclusion{font-size:15px;margin-top:16px;max-width:620px}
@media(max-width:800px){
 body>main>.section{padding:32px 6% 36px}
 body>main>.hero{padding:110px 6% 64px;gap:24px}
 .hero h1.hero-title{font-size:clamp(34px,10.8vw,48px)}
 .hero-description p{font-size:12px}.hero-description .link{min-height:50px;margin-top:13px}
 body>main>.section h2{font-size:clamp(30px,8.4vw,47px);margin:26px 0 20px}
 .section .eyebrow{font-size:8px;letter-spacing:1px;gap:12px}.section .num{font-size:8px}
 .section .quality-grid{display:flex;flex-direction:column;gap:14px;width:100%;margin:auto 0}.screen-art{height:21dvh;width:100%;max-height:none;margin:0}.screen-art img{height:100%;max-height:100%;width:100%}.screen-art figcaption{font-size:7px}.quality-list{width:100%}.quality-list article{grid-template-columns:20px 92px 1fr;gap:10px;padding:14px 0}.quality-list p{grid-column:auto;font-size:12px}.quality-list h3{font-size:17px}
 .services .service-list{width:100%}.service-row{padding:17px 0;gap:9px;grid-template-columns:22px 1fr 20px}.service-row h3{font-size:23px}.service-row p{font-size:12px;max-width:100%}.service-row .symbol{font-size:20px}
 .process .staircase{width:100%;margin:auto 0}.stage{width:88%;padding:12px 0;grid-template-columns:24px 1fr;gap:8px}.stage:nth-child(2){margin-left:4%}.stage:nth-child(3){margin-left:8%}.stage:nth-child(4){margin-left:12%}.stage h3{font-size:20px}.stage p{font-size:12px;max-width:100%}.process-note{font-size:11px;margin:18px 0 0}
 .section.invite h2{font-size:clamp(39px,10vw,65px)}.invite-content p{font-size:14px}
 .contact-grid{grid-template-columns:1fr;gap:16px;margin:0}.contact-intro>p{display:none}.contact-intro .mail{font-size:15px;margin:0 0 7px}.contact-intro .tg{font-size:12px}.contact .field{margin-bottom:12px}.contact label{font-size:11px;margin-bottom:4px}.contact input,.contact textarea{font-size:13px;padding:7px 0 10px}.contact textarea{min-height:48px;height:48px}.contact .submit{padding:9px 0;font-size:14px}.contact .form-note{font-size:10px;margin-top:8px}.contact .footer{margin-top:auto;padding-top:12px;gap:10px}.contact .footer .brand-lockup img{width:95px}.contact .footer>span{font-size:7px;max-width:155px}.contact .footer>a:last-child{display:none}
 .slide-dots{right:2px;gap:4px}.slide-dots a{width:14px;height:15px}
 /* Use the full original portrait on mobile, with no horizontal crop. */
 .phone-era:before{background-image:url('assets/hero-bg.jpg');background-size:auto 100%;background-position:right center;mask-image:none;opacity:.84}
 .section.phone-era:after{background:linear-gradient(180deg,#050916 0%,#050916cf 10%,#05091666 36%,#05091622 53%,#050916ed 100%),linear-gradient(90deg,#050916c4,transparent 90%)}
 .phone-era-copy{display:contents;max-width:100%}.phone-era-copy h2{order:1;margin-bottom:auto!important}.phone-era-copy>p{font-size:12px;line-height:1.45;max-width:92%;order:2;margin-top:0!important}.phone-era-copy>p+p{margin-top:-34px!important;order:3}.phone-era-bottom{order:4;padding-top:18px;margin-top:0;max-width:100%}
 .phone-steps{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 5px;overscroll-behavior-x:contain;scroll-behavior:smooth}
 .phone-steps::-webkit-scrollbar{display:none}.phone-steps article{box-sizing:border-box;flex:0 0 100%;width:100%;scroll-snap-align:center;min-height:0;padding:18px 112px 20px 20px;border-radius:22px}.phone-steps article:before{right:20px;width:76px;height:76px}.phone-steps h3{font-size:clamp(20px,8cqw,27px);margin:0 0 6px}.phone-steps p{font-size:clamp(12px,4cqw,14px);max-width:34em}.phone-conclusion{font-size:12px;line-height:1.4;margin-top:16px;max-width:100%}
}
@media(max-height:740px){body>main>.section{padding-top:25px;padding-bottom:26px}body>main>.hero{padding-top:98px;padding-bottom:60px}body>main>.section h2{margin:20px 0 14px;font-size:clamp(28px,4vw,46px)}.phone-era-copy>p{font-size:12px}.phone-era-copy>p+p{margin-top:8px}.phone-steps article{min-height:0;padding:14px 100px 16px 17px}.phone-steps article:before{width:66px;height:66px}.phone-steps h3{margin:0 0 5px;font-size:19px}.phone-steps .step-number{width:25px;height:25px}.phone-conclusion{font-size:11px}.quality-list article{padding:10px 0}.service-row{padding:12px 0}.stage{padding:8px 0}.contact .field{margin-bottom:9px}.contact .footer{padding-top:8px}}
@media(prefers-reduced-motion:reduce){body>main{scroll-behavior:auto}}