@font-face{font-family:Oughter;src:url('../fonts/Oughter.woff2') format('woff2');font-display:swap;font-weight:400}

:root{--onon-wine:#a51f50;--onon-deep:#741437;--onon-ink:#301821;--onon-paper:#f7f2ea;--onon-line:rgba(165,31,80,.18);--onon-soft:#aa7d8d;--onon-shell:min(1480px,calc(100% - 96px));--onon-header:104px}
html{scroll-behavior:smooth;overflow-x:clip}
body{overflow-x:clip;background:var(--onon-paper);color:var(--onon-wine)}
.onon-inner,.onon-inner *{box-sizing:border-box}
.onon-inner{position:relative;background:var(--onon-paper);font-family:Poppins,Arial,sans-serif;overflow:clip}
.onon-inner::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--onon-line) 1px,transparent 1px),linear-gradient(90deg,var(--onon-line) 1px,transparent 1px);background-size:80px 80px;opacity:.18;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}
.onon-inner-shell{position:relative;z-index:1;width:var(--onon-shell);margin-inline:auto}
.onon-inner-kicker{margin:0;color:var(--onon-wine);font-size:10px;font-weight:650;letter-spacing:.22em;text-transform:uppercase}
.onon-special{font-family:Oughter,Poppins,sans-serif}

.onon-inner-hero{min-height:max(720px,calc(100svh - 18px));padding:calc(var(--onon-header) + 56px) 0 40px;display:flex;align-items:stretch;background:radial-gradient(circle at 87% 32%,rgba(165,31,80,.1),transparent 27%),var(--onon-paper)}
.onon-inner-hero .onon-inner-shell{display:flex;flex-direction:column}
.onon-inner-hero__meta,.onon-inner-section-head{padding-bottom:18px;border-bottom:1px solid var(--onon-line);display:flex;justify-content:space-between;gap:24px;color:#8b4862;font-size:9px;font-weight:650;letter-spacing:.22em;text-transform:uppercase}
.onon-inner-hero__grid{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center;gap:clamp(50px,8vw,150px);padding:34px 0 38px}
.onon-inner-hero__copy h1{max-width:980px;margin:18px 0 34px;font-size:clamp(58px,6.8vw,118px);font-weight:300;line-height:.88;letter-spacing:-.065em}
.onon-inner-hero__copy h1 span{display:block}
.onon-inner-hero__copy h1 .is-soft{color:var(--onon-soft)}
.onon-inner-hero__copy h1 .is-strong{color:var(--onon-deep);font-weight:650}
.onon-inner-hero__lead{max-width:720px;margin:0;color:#855067;font-size:clamp(15px,1.05vw,18px);line-height:1.85}
.onon-inner-hero__mark{position:relative;aspect-ratio:1;display:grid;place-items:center;color:var(--onon-wine)}
.onon-inner-hero__mark strong{position:relative;z-index:2;font-size:clamp(100px,11vw,190px);font-weight:400;line-height:1}
.onon-inner-hero__mark small{position:absolute;bottom:16%;z-index:2;font-size:8px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.onon-inner-hero__orbit{position:absolute;inset:9%;border:1px solid rgba(165,31,80,.25);border-radius:50%;animation:ononOrbit 18s linear infinite}
.onon-inner-hero__orbit::after{content:"";position:absolute;top:8%;left:18%;width:12px;aspect-ratio:1;border-radius:50%;background:var(--onon-wine);box-shadow:0 0 0 8px rgba(165,31,80,.08)}
.onon-inner-hero__orbit--two{inset:22%;animation-direction:reverse;animation-duration:12s}
.onon-inner-hero__orbit--two::after{width:7px;top:auto;bottom:4%;left:auto;right:18%}
.onon-inner-scroll{width:max-content;display:flex;align-items:center;gap:15px;color:var(--onon-wine)!important;font-size:10px;font-weight:650;letter-spacing:.16em;text-decoration:none!important;text-transform:uppercase}
.onon-inner-scroll i{width:42px;aspect-ratio:1;border:1px solid var(--onon-line);border-radius:50%;display:grid;place-items:center;transition:transform .3s ease,background .3s ease,color .3s ease}
.onon-inner-scroll:hover i{transform:translateY(5px);background:var(--onon-deep);color:#fff}

.onon-inner-story{padding:clamp(100px,10vw,170px) 0;background:#fbf7f1}
.onon-inner-section-head{margin-bottom:clamp(54px,6vw,92px)}
.onon-inner-story__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);align-items:start;gap:clamp(55px,8vw,150px)}
.onon-inner-story__copy{padding-top:20px}
.onon-inner-story h2{margin:26px 0 42px;color:var(--onon-deep);font-size:clamp(46px,4.8vw,82px);font-weight:350;line-height:.98;letter-spacing:-.055em}
.onon-inner-story h2 em{color:var(--onon-soft);font-style:normal;font-weight:300}
.onon-inner-story__text{max-width:680px;display:grid;grid-template-columns:1fr 1fr;gap:32px;color:#805064;font-size:14px;line-height:1.8}
.onon-inner-story__text p{margin:0}
.onon-inner-story__media{position:relative;margin:0;aspect-ratio:16/11;overflow:hidden;border-radius:32px 32px 150px 32px;background:var(--onon-ink);box-shadow:0 35px 75px rgba(74,24,43,.16)}
.onon-inner-story__media video{width:100%;height:100%;display:block;object-fit:cover}
.onon-inner-story__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(33,13,20,.68));pointer-events:none}
.onon-inner-story__media figcaption{position:absolute;left:28px;right:32px;bottom:25px;z-index:2;display:flex;justify-content:space-between;gap:24px;color:#fff;font-size:8px;font-weight:650;letter-spacing:.18em;text-transform:uppercase}

.onon-inner-method{padding:clamp(100px,10vw,170px) 0;background:var(--onon-deep);color:#fff}
.onon-inner-method__layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(65px,10vw,180px)}
.onon-inner-method__intro{position:sticky;top:calc(var(--onon-header) + 45px);align-self:start}
.onon-inner-method .onon-inner-kicker{color:#e7a7bd}
.onon-inner-method__intro h2{margin:24px 0 30px;color:#fff;font-size:clamp(48px,5vw,86px);font-weight:350;line-height:.96;letter-spacing:-.055em}
.onon-inner-method__intro h2 em{color:#e9a8be;font-style:normal}
.onon-inner-method__intro>p:last-child{max-width:430px;margin:0;color:#e4becb;font-size:14px;line-height:1.8}
.onon-inner-method__steps{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}
.onon-inner-method__steps li{min-height:190px;padding:34px 8px;display:grid;grid-template-columns:55px 1fr 54px;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s ease,padding .3s ease}
.onon-inner-method__steps li:hover{padding-inline:24px;background:rgba(255,255,255,.06)}
.onon-inner-method__steps li>span{align-self:start;color:#e8a7bd;font-size:9px;font-weight:700;letter-spacing:.16em}
.onon-inner-method__steps h3{margin:0 0 10px;color:#fff;font-size:clamp(27px,2.2vw,38px);font-weight:520;letter-spacing:-.04em}
.onon-inner-method__steps p{max-width:620px;margin:0;color:#dfb6c5;font-size:13px;line-height:1.7}
.onon-inner-method__steps i{width:52px;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:18px;display:grid;place-items:center;color:#fff;font-size:16px;transition:transform .3s ease,background .3s ease,color .3s ease}
.onon-inner-method__steps li:hover i{transform:rotate(-7deg) scale(1.05);background:#fff;color:var(--onon-deep)}

.onon-inner-principles{padding:clamp(100px,10vw,170px) 0;background:var(--onon-paper)}
.onon-inner-principles h2{max-width:1020px;margin:0 0 clamp(60px,7vw,105px);color:var(--onon-deep);font-size:clamp(50px,5.6vw,96px);font-weight:340;line-height:.95;letter-spacing:-.06em}
.onon-inner-principles h2 em{color:var(--onon-soft);font-style:normal}
.onon-inner-principles__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--onon-line);border-bottom:1px solid var(--onon-line)}
.onon-inner-principles article{position:relative;min-height:360px;padding:34px;display:flex;flex-direction:column;border-right:1px solid var(--onon-line);transition:background .35s ease,transform .35s ease}
.onon-inner-principles article:last-child{border-right:0}
.onon-inner-principles article:hover{background:#fff;transform:translateY(-8px)}
.onon-inner-principles article>span{font-size:9px;font-weight:700;letter-spacing:.18em}
.onon-inner-principles article>i{margin:auto 0;color:#c88aa1;font-size:42px}
.onon-inner-principles h3{margin:0 0 12px;color:var(--onon-deep);font-size:28px;font-weight:560;letter-spacing:-.035em}
.onon-inner-principles article p{max-width:360px;margin:0;color:#89586a;font-size:13px;line-height:1.7}

.onon-inner-cta{padding:clamp(90px,9vw,150px) 0;background:#fbf7f1}
.onon-inner-cta .onon-inner-shell{display:grid;grid-template-columns:1fr minmax(390px,.62fr);align-items:end;gap:70px}
.onon-inner-cta h2{margin:20px 0 0;color:var(--onon-deep);font-size:clamp(55px,6vw,104px);font-weight:330;line-height:.92;letter-spacing:-.065em}
.onon-inner-cta h2 em{color:var(--onon-wine);font-style:normal;font-weight:630}
.onon-inner-cta h2 .onon-special{display:inline-block;margin-right:.035em;font-size:.9em;font-weight:400;line-height:.72;letter-spacing:0;vertical-align:.015em}
.onon-inner-cta__button{min-height:112px;padding:22px 24px 22px 30px;border:1px solid var(--onon-line);border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:rgba(255,255,255,.5);color:var(--onon-deep)!important;text-decoration:none!important;box-shadow:0 20px 50px rgba(90,28,51,.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.onon-inner-cta__button small,.onon-inner-cta__button strong{display:block}
.onon-inner-cta__button small{margin-bottom:7px;color:#a45a75;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.onon-inner-cta__button strong{font-size:21px;font-weight:600}
.onon-inner-cta__button i{width:58px;aspect-ratio:1;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:var(--onon-wine);color:#fff;font-size:16px;transition:transform .3s ease,background .3s ease}
.onon-inner-cta__button:hover{transform:translateY(-5px);border-color:rgba(165,31,80,.35);box-shadow:0 28px 64px rgba(90,28,51,.14)}
.onon-inner-cta__button:hover i{transform:translateX(4px);background:var(--onon-deep)}

[data-onon-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
[data-onon-reveal].is-visible{opacity:1;transform:none}
@keyframes ononOrbit{to{transform:rotate(360deg)}}

@media(max-width:1024px){:root{--onon-shell:calc(100% - 56px);--onon-header:92px}.onon-inner-hero__grid{grid-template-columns:1fr .55fr}.onon-inner-story__layout{grid-template-columns:1fr}.onon-inner-story__media{width:88%;margin-left:auto}.onon-inner-method__layout{grid-template-columns:1fr}.onon-inner-method__intro{position:static}.onon-inner-cta .onon-inner-shell{grid-template-columns:1fr}.onon-inner-cta__button{max-width:590px}}
@media(max-width:767px){:root{--onon-shell:calc(100% - 36px);--onon-header:82px}.onon-inner::before{position:absolute;background-size:46px 46px;opacity:.12}.onon-inner-hero{min-height:100svh;padding:calc(var(--onon-header) + 40px) 0 28px}.onon-inner-hero__meta,.onon-inner-section-head{font-size:7px}.onon-inner-hero__grid{grid-template-columns:1fr;gap:30px;padding:46px 0 25px}.onon-inner-hero__copy h1{margin:14px 0 24px;font-size:clamp(47px,14.5vw,66px);line-height:.91}.onon-inner-hero__lead{max-width:350px;font-size:12px;line-height:1.72}.onon-inner-hero__mark{width:180px;margin-left:auto}.onon-inner-hero__mark strong{font-size:88px}.onon-inner-hero__mark small{bottom:11%;font-size:6px}.onon-inner-scroll{font-size:8px}.onon-inner-scroll i{width:36px}.onon-inner-story{padding:82px 0}.onon-inner-section-head{margin-bottom:46px}.onon-inner-story h2{font-size:clamp(39px,11.2vw,50px);line-height:1}.onon-inner-story__text{grid-template-columns:1fr;gap:18px;font-size:12px}.onon-inner-story__media{width:100%;aspect-ratio:4/5;margin-top:42px;border-radius:24px 24px 90px 24px}.onon-inner-story__media figcaption{left:20px;right:20px;bottom:20px;font-size:6px}.onon-inner-method{padding:82px 0}.onon-inner-method__intro h2{font-size:48px}.onon-inner-method__intro>p:last-child{font-size:12px}.onon-inner-method__steps{margin-top:50px}.onon-inner-method__steps li{min-height:155px;padding:26px 4px;grid-template-columns:32px 1fr 42px;gap:12px}.onon-inner-method__steps li:hover{padding-inline:4px;background:transparent}.onon-inner-method__steps h3{font-size:27px}.onon-inner-method__steps p{font-size:11px}.onon-inner-method__steps i{width:40px;border-radius:13px;font-size:13px}.onon-inner-principles{padding:82px 0}.onon-inner-principles h2{margin-bottom:50px;font-size:clamp(42px,11vw,52px)}.onon-inner-principles__grid{grid-template-columns:1fr}.onon-inner-principles article{min-height:245px;padding:26px 4px;border-right:0;border-bottom:1px solid var(--onon-line)}.onon-inner-principles article:last-child{border-bottom:0}.onon-inner-principles article:hover{transform:none}.onon-inner-principles article>i{font-size:32px}.onon-inner-principles h3{font-size:25px}.onon-inner-principles article p{font-size:11px}.onon-inner-cta{padding:80px 0 100px}.onon-inner-cta .onon-inner-shell{gap:45px}.onon-inner-cta h2{font-size:clamp(49px,13vw,62px)}.onon-inner-cta__button{min-height:94px;padding:18px 17px 18px 22px;border-radius:23px}.onon-inner-cta__button strong{font-size:18px}.onon-inner-cta__button i{width:50px;flex-basis:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.onon-inner-hero__orbit{animation:none}[data-onon-reveal]{opacity:1;transform:none;transition:none}.onon-inner *{scroll-behavior:auto!important}}

/* Shared legal-page system */
.onon-legal-hero{min-height:clamp(650px,76svh,850px);padding:calc(var(--onon-header) + 56px) 0 70px;display:flex;align-items:stretch;background:radial-gradient(circle at 86% 40%,rgba(165,31,80,.11),transparent 28%),var(--onon-paper)}
.onon-legal-hero .onon-inner-shell{display:flex;flex-direction:column}
.onon-legal-hero__grid{flex:1;padding-top:clamp(30px,4vw,62px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.55fr);align-items:center;gap:clamp(55px,9vw,170px)}
.onon-legal-hero h1{max-width:960px;margin:19px 0 30px;color:var(--onon-deep);font-size:clamp(64px,7.2vw,126px);font-weight:330;line-height:.88;letter-spacing:-.067em}
.onon-legal-hero h1 em{color:var(--onon-soft);font-style:normal;font-weight:290}
.onon-legal-hero__grid>div:first-child>p:last-child{max-width:710px;margin:0;color:#855067;font-size:clamp(14px,1vw,17px);line-height:1.82}
.onon-legal-hero__code{position:relative;aspect-ratio:1;border:1px solid var(--onon-line);border-radius:50%;display:grid;place-items:center;color:var(--onon-wine)}
.onon-legal-hero__code::before,.onon-legal-hero__code::after{content:"";position:absolute;background:var(--onon-line)}
.onon-legal-hero__code::before{width:1px;height:76%}.onon-legal-hero__code::after{width:76%;height:1px}
.onon-legal-hero__code strong{position:relative;z-index:1;padding:16px;background:var(--onon-paper);font-size:clamp(38px,4vw,66px);font-weight:630;letter-spacing:-.06em}
.onon-legal-hero__code>i{position:relative;z-index:1;width:104px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--onon-wine);color:#fff;font-size:38px;box-shadow:0 20px 50px rgba(98,20,49,.2)}
.onon-legal-hero__code span{position:absolute;bottom:14%;z-index:1;padding:5px 9px;background:var(--onon-paper);font-size:8px;font-weight:700;letter-spacing:.22em}
.onon-legal-body{padding:clamp(85px,9vw,150px) 0;background:#fbf7f1}
.onon-legal-layout{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1.58fr);align-items:start;gap:clamp(60px,10vw,180px)}
.onon-legal-nav{position:sticky;top:calc(var(--onon-header) + 38px);display:grid;border-top:1px solid var(--onon-line)}
.onon-legal-nav>span{padding:20px 0 16px;color:#a05f76;font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.onon-legal-nav a{padding:13px 0;border-top:1px solid rgba(165,31,80,.1);color:#835268!important;font-size:10px;font-weight:520;line-height:1.4;text-decoration:none!important;transition:color .25s ease,padding .25s ease}
.onon-legal-nav a:hover{padding-left:8px;color:var(--onon-deep)!important}
.onon-legal-content{max-width:980px}
.onon-legal-note{margin-bottom:clamp(55px,6vw,90px);padding:24px 28px;border:1px solid var(--onon-line);border-radius:22px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:18px;background:rgba(255,255,255,.46)}
.onon-legal-note i{width:42px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--onon-wine);color:#fff;font-size:14px}.onon-legal-note p{margin:0;color:#76485b;font-size:12px;line-height:1.7}
.onon-legal-content>section{position:relative;padding:0 0 clamp(60px,6vw,94px);scroll-margin-top:calc(var(--onon-header) + 40px)}
.onon-legal-content>section>span{display:block;margin-bottom:18px;color:#b1778d;font-size:9px;font-weight:700;letter-spacing:.18em}
.onon-legal-content h2{margin:0 0 25px;color:var(--onon-deep);font-size:clamp(35px,3.5vw,58px);font-weight:430;line-height:1;letter-spacing:-.05em}
.onon-legal-content p,.onon-legal-content li{color:#714758;font-size:14px;line-height:1.9}.onon-legal-content p{margin:0 0 18px}.onon-legal-content ul{margin:18px 0 22px;padding-left:20px}.onon-legal-content li{padding:4px 0 4px 7px}.onon-legal-content a{color:var(--onon-wine)!important;text-underline-offset:4px}
.onon-cookie-table{margin:32px 0 20px;border-top:1px solid var(--onon-line)}
.onon-cookie-table>div{min-height:130px;padding:24px 0;display:grid;grid-template-columns:150px 1fr 190px;align-items:start;gap:30px;border-bottom:1px solid var(--onon-line)}
.onon-cookie-table strong{color:var(--onon-deep);font-size:18px;font-weight:600}.onon-cookie-table p{margin:0}.onon-cookie-table small{color:#9e6a7d;font-size:9px;font-weight:600;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
.onon-legal-footer{padding:50px 0;background:var(--onon-deep);color:#fff}.onon-legal-footer .onon-inner-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.onon-legal-footer span{font-family:Oughter,Poppins,sans-serif;font-size:37px}.onon-legal-footer a{display:flex;align-items:center;gap:15px;color:#fff!important;font-size:11px;font-weight:600;text-decoration:none!important}.onon-legal-footer i{width:42px;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;transition:transform .3s ease,background .3s ease,color .3s ease}.onon-legal-footer a:hover i{transform:translateX(4px);background:#fff;color:var(--onon-deep)}

@media(max-width:1024px){.onon-legal-hero__grid{grid-template-columns:1fr .45fr}.onon-legal-layout{grid-template-columns:180px 1fr;gap:55px}.onon-cookie-table>div{grid-template-columns:125px 1fr 145px}}
@media(max-width:767px){.onon-legal-hero{min-height:auto;padding:calc(var(--onon-header) + 42px) 0 68px}.onon-legal-hero__grid{padding-top:54px;grid-template-columns:1fr;gap:45px}.onon-legal-hero h1{font-size:clamp(51px,14vw,64px)}.onon-legal-hero__grid>div:first-child>p:last-child{font-size:12px}.onon-legal-hero__code{width:185px;margin-left:auto}.onon-legal-hero__code strong{font-size:37px}.onon-legal-hero__code>i{width:72px;font-size:26px}.onon-legal-layout{grid-template-columns:1fr;gap:45px}.onon-legal-nav{position:static;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;border:0}.onon-legal-nav::-webkit-scrollbar{display:none}.onon-legal-nav>span{display:none}.onon-legal-nav a{flex:0 0 auto;padding:11px 15px;border:1px solid var(--onon-line);border-radius:999px;background:rgba(255,255,255,.45);font-size:8px;white-space:nowrap}.onon-legal-nav a:hover{padding-left:15px}.onon-legal-note{padding:18px;grid-template-columns:36px 1fr}.onon-legal-note i{width:36px}.onon-legal-note p{font-size:10px}.onon-legal-content h2{font-size:37px}.onon-legal-content p,.onon-legal-content li{font-size:12px;line-height:1.8}.onon-cookie-table>div{padding:22px 0;grid-template-columns:1fr;gap:9px}.onon-cookie-table strong{font-size:17px}.onon-legal-footer{padding:38px 0}.onon-legal-footer span{font-size:29px}.onon-legal-footer a{font-size:9px}.onon-legal-footer i{width:37px}}

/* Services index */
.onon-services-hero{min-height:max(720px,100svh);padding:calc(var(--onon-header) + 38px) 0 48px;display:flex;background:radial-gradient(circle at 82% 37%,rgba(165,31,80,.12),transparent 30%),var(--onon-paper)}
.onon-services-hero__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.55fr);align-items:center;gap:clamp(60px,9vw,160px)}
.onon-services-hero__copy h1{max-width:1100px;margin:20px 0 34px;color:var(--onon-wine);font-size:clamp(58px,6.7vw,116px);font-weight:320;line-height:.89;letter-spacing:-.067em}.onon-services-hero__copy h1 span{display:block}.onon-services-hero__copy h1 .is-soft{color:var(--onon-soft)}.onon-services-hero__copy h1 .is-strong{color:var(--onon-deep);font-weight:650}.onon-services-hero__copy>p{max-width:720px;margin:0;color:#845066;font-size:clamp(14px,1vw,17px);line-height:1.82}.onon-services-hero__copy .onon-inner-scroll{margin-top:42px}
.onon-services-hero__system{position:relative;aspect-ratio:1;display:grid;place-items:center;color:var(--onon-wine)}.onon-services-hero__system strong{position:relative;z-index:2;font-size:clamp(92px,9vw,160px);font-weight:250;letter-spacing:-.07em}.onon-services-hero__system small{position:absolute;z-index:2;bottom:18%;font-size:7px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.onon-services-hero__ring{position:absolute;inset:7%;border:1px solid rgba(165,31,80,.22);border-radius:50%;animation:ononOrbit 24s linear infinite}.onon-services-hero__ring--two{inset:24%;animation-direction:reverse;animation-duration:15s}.onon-services-hero__system>i{position:absolute;width:38px;aspect-ratio:1;border:1px solid rgba(165,31,80,.22);border-radius:13px;display:grid;place-items:center;background:var(--onon-paper);font-size:12px;box-shadow:0 12px 28px rgba(91,25,50,.08)}.onon-services-hero__system>i:nth-of-type(1){top:4%;left:44%}.onon-services-hero__system>i:nth-of-type(2){right:6%;top:26%}.onon-services-hero__system>i:nth-of-type(3){right:11%;bottom:19%}.onon-services-hero__system>i:nth-of-type(4){bottom:2%;left:42%}.onon-services-hero__system>i:nth-of-type(5){left:5%;bottom:23%}.onon-services-hero__system>i:nth-of-type(6){left:7%;top:23%}
.onon-services-deck{padding:clamp(100px,10vw,170px) 0;background:var(--onon-deep);color:#fff}.onon-services-deck__layout{display:grid;grid-template-columns:minmax(300px,.58fr) minmax(0,1.42fr);align-items:start;gap:clamp(65px,9vw,155px)}.onon-services-deck__intro{position:sticky;top:calc(var(--onon-header) + 40px)}.onon-services-deck .onon-inner-kicker{color:#e8a7bd}.onon-services-deck__intro h2{margin:24px 0 30px;color:#fff;font-size:clamp(48px,4.9vw,84px);font-weight:350;line-height:.95;letter-spacing:-.058em}.onon-services-deck__intro h2 em{color:#e8a7bd;font-style:normal;font-weight:300}.onon-services-deck__intro>p{max-width:420px;margin:0;color:#dfb7c5;font-size:13px;line-height:1.8}.onon-services-deck__counter{margin-top:50px;display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:13px;color:#e9b3c5;font-size:9px;font-weight:700;letter-spacing:.12em}.onon-services-deck__counter i{height:1px;background:rgba(255,255,255,.25);position:relative}.onon-services-deck__counter i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--service-page-progress,16.66%);background:#fff;transition:width .45s ease}
.onon-services-deck__list{border-top:1px solid rgba(255,255,255,.2)}.onon-services-card{position:relative;min-height:205px;padding:32px 16px;display:grid;grid-template-columns:38px 60px 1fr 38px;align-items:center;gap:25px;border-bottom:1px solid rgba(255,255,255,.2);isolation:isolate;overflow:hidden;transition:padding .38s ease,color .35s ease}.onon-services-card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--onon-paper);transform:translate3d(0,101%,0);transition:transform .45s cubic-bezier(.2,.75,.2,1)}.onon-services-card:hover{padding-inline:28px;color:var(--onon-deep)}.onon-services-card:hover::before{transform:none}.onon-services-card__number{align-self:start;color:#e4a3b8;font-size:8px;font-weight:700;letter-spacing:.14em;transition:color .3s ease}.onon-services-card__icon{width:54px;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:18px;display:grid;place-items:center;color:#fff;font-size:17px;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease}.onon-services-card__copy h3{margin:0 0 12px;color:inherit;font-size:clamp(30px,2.7vw,48px);font-weight:480;line-height:1;letter-spacing:-.05em}.onon-services-card__copy p{max-width:710px;margin:0;color:#dfb7c5;font-size:12px;line-height:1.7;transition:color .3s ease}.onon-services-card__copy>div{margin-top:18px;display:flex;flex-wrap:wrap;gap:7px}.onon-services-card__copy>div span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#e9bdcc;font-size:7px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;transition:border-color .3s ease,color .3s ease}.onon-services-card__arrow{justify-self:end;color:#fff;transition:transform .35s ease,color .35s ease}.onon-services-card:hover .onon-services-card__number,.onon-services-card:hover .onon-services-card__copy p,.onon-services-card:hover .onon-services-card__copy>div span{color:#95576e}.onon-services-card:hover .onon-services-card__copy>div span{border-color:rgba(165,31,80,.18)}.onon-services-card:hover .onon-services-card__icon{border-color:var(--onon-wine);background:var(--onon-wine);color:#fff;transform:rotate(-6deg)}.onon-services-card:hover .onon-services-card__arrow{color:var(--onon-deep);transform:translateX(6px)}
.onon-services-combine{padding:clamp(100px,10vw,170px) 0;background:#fbf7f1}.onon-services-combine h2{margin:22px 0 clamp(65px,7vw,110px);color:var(--onon-deep);font-size:clamp(52px,5.8vw,100px);font-weight:330;line-height:.93;letter-spacing:-.063em}.onon-services-combine h2 em{color:var(--onon-soft);font-style:normal}.onon-services-combine__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--onon-line);border-bottom:1px solid var(--onon-line)}.onon-services-combine__grid article{min-height:345px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--onon-line);transition:transform .35s ease,background .35s ease}.onon-services-combine__grid article:last-child{border-right:0}.onon-services-combine__grid article:hover{transform:translateY(-8px);background:#fff}.onon-services-combine__grid span{font-size:8px;font-weight:700;letter-spacing:.14em}.onon-services-combine__grid i{margin:auto 0;color:#c9859e;font-size:39px}.onon-services-combine__grid h3{margin:0 0 11px;color:var(--onon-deep);font-size:28px;font-weight:560;letter-spacing:-.04em}.onon-services-combine__grid p{max-width:350px;margin:0;color:#855469;font-size:12px;line-height:1.7}
.onon-services-final{padding:clamp(95px,9vw,150px) 0;background:var(--onon-paper)}.onon-services-final .onon-inner-shell{display:grid;grid-template-columns:1fr minmax(390px,.62fr);align-items:end;gap:70px}.onon-services-final h2{margin:20px 0 0;color:var(--onon-deep);font-size:clamp(56px,6vw,104px);font-weight:330;line-height:.92;letter-spacing:-.065em}.onon-services-final h2 em{color:var(--onon-wine);font-style:normal;font-weight:600}

@media(max-width:1024px){.onon-services-hero__layout{grid-template-columns:1fr .48fr}.onon-services-deck__layout{grid-template-columns:1fr}.onon-services-deck__intro{position:static}.onon-services-final .onon-inner-shell{grid-template-columns:1fr}.onon-services-final .onon-inner-cta__button{max-width:590px}}
@media(max-width:767px){.onon-services-hero{min-height:100svh;padding:calc(var(--onon-header) + 42px) 0 34px}.onon-services-hero__layout{grid-template-columns:1fr;gap:32px}.onon-services-hero__copy h1{font-size:clamp(48px,14.3vw,64px);line-height:.91}.onon-services-hero__copy>p{font-size:12px;line-height:1.72}.onon-services-hero__copy .onon-inner-scroll{margin-top:28px}.onon-services-hero__system{width:175px;margin-left:auto}.onon-services-hero__system strong{font-size:72px}.onon-services-hero__system>i{width:29px;border-radius:10px;font-size:9px}.onon-services-deck{padding:82px 0}.onon-services-deck__intro h2{font-size:48px}.onon-services-deck__intro>p{font-size:11px}.onon-services-deck__list{margin-top:50px}.onon-services-card{min-height:210px;padding:25px 3px;grid-template-columns:28px 42px 1fr;gap:11px}.onon-services-card:hover{padding-inline:3px;color:#fff}.onon-services-card::before{display:none}.onon-services-card__icon{width:40px;border-radius:13px;font-size:13px}.onon-services-card__copy h3{font-size:29px}.onon-services-card__copy p{font-size:10px}.onon-services-card__copy>div{margin-top:13px}.onon-services-card__copy>div span{font-size:6px;padding:5px 7px}.onon-services-card__arrow{display:none}.onon-services-card:hover .onon-services-card__number,.onon-services-card:hover .onon-services-card__copy p,.onon-services-card:hover .onon-services-card__copy>div span{color:#dfb7c5}.onon-services-combine{padding:82px 0}.onon-services-combine h2{font-size:clamp(45px,12vw,56px)}.onon-services-combine__grid{grid-template-columns:1fr}.onon-services-combine__grid article{min-height:235px;padding:25px 3px;border-right:0;border-bottom:1px solid var(--onon-line)}.onon-services-combine__grid article:last-child{border-bottom:0}.onon-services-combine__grid article:hover{transform:none}.onon-services-combine__grid i{font-size:31px}.onon-services-combine__grid h3{font-size:25px}.onon-services-combine__grid p{font-size:11px}.onon-services-final{padding:80px 0 100px}.onon-services-final .onon-inner-shell{gap:44px}.onon-services-final h2{font-size:clamp(49px,13vw,62px)}}

/* Stable service interactions: no padding or layout shift on hover. */
.onon-services-hero__system strong.onon-special{font-size:clamp(110px,11vw,190px);font-weight:400;line-height:.7;letter-spacing:0}
.onon-services-hero__ring::after{content:"";position:absolute;top:12%;left:17%;width:8px;aspect-ratio:1;border-radius:50%;background:var(--onon-wine);box-shadow:0 0 0 8px rgba(165,31,80,.07)}
.onon-services-hero__system>i{animation:ononServiceFloat 3.6s ease-in-out infinite}.onon-services-hero__system>i:nth-of-type(2),.onon-services-hero__system>i:nth-of-type(5){animation-delay:-1.2s}.onon-services-hero__system>i:nth-of-type(3),.onon-services-hero__system>i:nth-of-type(6){animation-delay:-2.4s}
.onon-services-card{color:#fff!important;text-decoration:none!important;transition:color .35s ease}.onon-services-card::before{transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.2,.75,.2,1)}.onon-services-card:hover{padding-inline:16px;color:var(--onon-deep)!important}.onon-services-card:hover::before{transform:scaleX(1)}
@keyframes ononServiceFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-8px,0) rotate(4deg)}}

/* Web-design detail page */
.onon-service-detail-hero{min-height:max(720px,100svh);padding:calc(var(--onon-header) + 40px) 0 55px;display:flex;background:radial-gradient(circle at 83% 38%,rgba(165,31,80,.11),transparent 31%),var(--onon-paper)}
.onon-service-detail-hero__layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);align-items:center;gap:clamp(60px,8vw,140px)}
.onon-service-detail-hero__copy h1{margin:20px 0 34px;color:var(--onon-wine);font-size:clamp(58px,6.3vw,108px);font-weight:320;line-height:.9;letter-spacing:-.066em}.onon-service-detail-hero__copy h1 span{display:block}.onon-service-detail-hero__copy h1 .is-soft{color:var(--onon-soft)}.onon-service-detail-hero__copy h1 .is-strong{color:var(--onon-deep);font-weight:650}.onon-service-detail-hero__copy>p{max-width:700px;margin:0;color:#835167;font-size:clamp(14px,1vw,17px);line-height:1.82}.onon-service-detail-hero__actions{margin-top:40px;display:flex;align-items:center;gap:28px}.onon-service-detail__primary{min-height:52px;padding:0 20px;border-radius:999px;display:flex;align-items:center;gap:16px;background:var(--onon-wine);color:#fff!important;font-size:10px;font-weight:650;text-decoration:none!important;transition:background .3s ease,transform .3s ease}.onon-service-detail__primary:hover{background:var(--onon-deep);transform:translateY(-3px)}.onon-service-detail-hero__actions>span{color:#a06a7e;font-size:8px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.onon-browser{position:relative;aspect-ratio:1.12;border:1px solid rgba(165,31,80,.2);border-radius:28px;background:#fff;box-shadow:0 35px 80px rgba(74,24,43,.16);transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transform-style:preserve-3d}.onon-browser__bar{height:50px;padding:0 15px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--onon-line)}.onon-browser__bar>i{width:7px;aspect-ratio:1;border-radius:50%;background:#d8a7b8}.onon-browser__bar>span{margin-left:auto;margin-right:auto;color:#a46b80;font-size:7px;letter-spacing:.08em}.onon-browser__screen{position:relative;height:calc(100% - 50px);padding:clamp(28px,3vw,48px);overflow:hidden;border-radius:0 0 27px 27px;background:linear-gradient(145deg,#7c183d,#a51f50 58%,#c64273);color:#fff}.onon-browser__screen::before{content:"";position:absolute;width:290px;aspect-ratio:1;right:-110px;top:-120px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.018)}.onon-browser__screen>small{font-size:6px;font-weight:700;letter-spacing:.2em}.onon-browser__screen>strong{position:relative;display:block;margin-top:34px;font-size:clamp(37px,4vw,66px);font-weight:330;line-height:.88;letter-spacing:-.06em}.onon-browser__screen>strong em{color:#efb4c9;font-style:normal}.onon-browser__button{position:absolute;left:clamp(28px,3vw,48px);bottom:32px;padding:11px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;display:flex;align-items:center;gap:18px;font-size:7px;font-weight:650;text-transform:uppercase}.onon-browser__screen>b{position:absolute;right:20px;bottom:5px;color:rgba(255,255,255,.12);font-size:120px;line-height:.7}.onon-browser__mobile{position:absolute;width:31%;height:58%;right:-9%;bottom:-8%;padding:12px;border:7px solid #2d1820;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--onon-paper);color:var(--onon-wine);box-shadow:0 25px 50px rgba(38,14,23,.25);transform:translateZ(60px)}.onon-browser__mobile>span{position:absolute;top:7px;width:34%;height:5px;border-radius:99px;background:#2d1820}.onon-browser__mobile>strong{font-size:54px;line-height:.75}.onon-browser__mobile>small{margin-top:18px;font-size:5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.onon-service-overview{padding:clamp(105px,10vw,170px) 0;background:#fbf7f1}.onon-service-overview__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(70px,10vw,180px)}.onon-service-overview__intro h2{margin:24px 0 0;color:var(--onon-deep);font-size:clamp(48px,5vw,86px);font-weight:340;line-height:.96;letter-spacing:-.057em}.onon-service-overview__intro h2 em{color:var(--onon-soft);font-style:normal}.onon-service-overview__copy{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.onon-service-overview__copy p{margin:0;color:#7f5063;font-size:13px;line-height:1.85}
.onon-service-scope{padding:clamp(100px,10vw,170px) 0;background:var(--onon-paper)}.onon-service-scope__head{margin-bottom:clamp(65px,7vw,110px);display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.onon-service-scope__head h2{margin:23px 0 0;color:var(--onon-deep);font-size:clamp(50px,5.5vw,94px);font-weight:340;line-height:.94;letter-spacing:-.06em}.onon-service-scope__head h2 em{color:var(--onon-soft);font-style:normal}.onon-service-scope__head>span{color:#d7a4b7;font-size:clamp(90px,11vw,180px);line-height:.7}.onon-service-scope__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--onon-line);border-left:1px solid var(--onon-line)}.onon-service-scope__grid article{min-height:315px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--onon-line);border-bottom:1px solid var(--onon-line);transition:background .35s ease,transform .35s ease}.onon-service-scope__grid article:hover{background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(214,145,170,.12));transform:translateY(-6px)}.onon-service-scope__grid article>span{font-size:8px;font-weight:700;letter-spacing:.14em}.onon-service-scope__grid article>i{margin:auto 0;color:#c7839b;font-size:33px}.onon-service-scope__grid h3{margin:0 0 10px;color:var(--onon-deep);font-size:25px;font-weight:560;letter-spacing:-.04em}.onon-service-scope__grid p{margin:0;color:#855469;font-size:11px;line-height:1.7}
.onon-service-process{padding:clamp(100px,10vw,170px) 0;background:var(--onon-deep);color:#fff}.onon-service-process__layout{display:grid;grid-template-columns:minmax(290px,.62fr) minmax(0,1.38fr);gap:clamp(70px,10vw,170px)}.onon-service-process header{position:sticky;top:calc(var(--onon-header) + 40px);align-self:start}.onon-service-process .onon-inner-kicker{color:#e8a7bd}.onon-service-process header h2{margin:23px 0 28px;font-size:clamp(50px,5vw,86px);font-weight:350;line-height:.94;letter-spacing:-.057em}.onon-service-process header h2 em{color:#e8a7bd;font-style:normal}.onon-service-process header>p:last-child{max-width:390px;margin:0;color:#deb4c3;font-size:12px;line-height:1.75}.onon-service-process ol{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2);list-style:none}.onon-service-process li{min-height:170px;padding:28px 5px;display:grid;grid-template-columns:40px 1fr 48px;align-items:center;gap:22px;border-bottom:1px solid rgba(255,255,255,.2)}.onon-service-process li>span{align-self:start;color:#e6a5ba;font-size:8px;font-weight:700}.onon-service-process h3{margin:0 0 8px;font-size:32px;font-weight:520;letter-spacing:-.04em}.onon-service-process li p{max-width:600px;margin:0;color:#deb4c3;font-size:11px;line-height:1.7}.onon-service-process li i{width:46px;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:15px;display:grid;place-items:center;font-size:14px}
.onon-service-faq{padding:clamp(100px,10vw,160px) 0;background:#fbf7f1}.onon-service-faq__layout{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:clamp(70px,10vw,170px)}.onon-service-faq header h2{margin:23px 0 0;color:var(--onon-deep);font-size:clamp(48px,4.8vw,82px);font-weight:340;line-height:.95;letter-spacing:-.057em}.onon-service-faq header h2 em{color:var(--onon-soft);font-style:normal}.onon-service-faq__list{border-top:1px solid var(--onon-line)}.onon-service-faq details{border-bottom:1px solid var(--onon-line)}.onon-service-faq summary{padding:27px 2px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--onon-deep);font-size:18px;font-weight:550;cursor:pointer;list-style:none}.onon-service-faq summary::-webkit-details-marker{display:none}.onon-service-faq summary i{width:34px;aspect-ratio:1;border:1px solid var(--onon-line);border-radius:50%;display:grid;place-items:center;font-size:10px;transition:transform .3s ease,background .3s ease,color .3s ease}.onon-service-faq details[open] summary i{transform:rotate(45deg);background:var(--onon-wine);color:#fff}.onon-service-faq details p{max-width:720px;margin:0;padding:0 55px 28px 2px;color:#815267;font-size:12px;line-height:1.8}

@media(max-width:1024px){.onon-service-detail-hero__layout{grid-template-columns:1fr .78fr}.onon-service-overview__layout{grid-template-columns:1fr}.onon-service-overview__copy{padding-top:0}.onon-service-process__layout,.onon-service-faq__layout{grid-template-columns:1fr}.onon-service-process header{position:static}}
@media(max-width:767px){.onon-services-hero__system strong.onon-special{font-size:88px}.onon-services-card:hover{padding-inline:3px;color:#fff!important}.onon-services-card::before{display:none}.onon-service-detail-hero{min-height:100svh;padding:calc(var(--onon-header) + 42px) 0 45px}.onon-service-detail-hero__layout{grid-template-columns:1fr;gap:48px}.onon-service-detail-hero__copy h1{font-size:clamp(48px,13.8vw,62px)}.onon-service-detail-hero__copy>p{font-size:12px}.onon-service-detail-hero__actions{margin-top:28px;align-items:flex-start;flex-direction:column;gap:14px}.onon-browser{width:88%;margin-left:auto;border-radius:20px}.onon-browser__bar{height:35px}.onon-browser__screen{height:calc(100% - 35px);padding:22px}.onon-browser__screen>strong{margin-top:20px;font-size:34px}.onon-browser__button{left:22px;bottom:20px}.onon-browser__mobile{border-width:5px;border-radius:20px}.onon-browser__mobile>strong{font-size:38px}.onon-service-overview{padding:82px 0}.onon-service-overview__intro h2{font-size:45px}.onon-service-overview__copy{grid-template-columns:1fr;gap:18px}.onon-service-overview__copy p{font-size:11px}.onon-service-scope{padding:82px 0}.onon-service-scope__head{margin-bottom:50px}.onon-service-scope__head h2{font-size:45px}.onon-service-scope__head>span{display:none}.onon-service-scope__grid{grid-template-columns:1fr}.onon-service-scope__grid article{min-height:230px;padding:24px}.onon-service-scope__grid article:hover{transform:none}.onon-service-process{padding:82px 0}.onon-service-process header h2{font-size:47px}.onon-service-process ol{margin-top:48px}.onon-service-process li{min-height:145px;grid-template-columns:28px 1fr 39px;gap:11px}.onon-service-process h3{font-size:27px}.onon-service-process li p{font-size:10px}.onon-service-process li i{width:38px;border-radius:12px}.onon-service-faq{padding:82px 0}.onon-service-faq header h2{font-size:45px}.onon-service-faq__list{margin-top:45px}.onon-service-faq summary{font-size:14px;padding:22px 0}.onon-service-faq details p{padding:0 35px 23px 0;font-size:10px}}

/* Web design detail v2 — an editorial, scroll-reactive digital system. */
.onon-web-v2{--web-ink:#73102f;--web-accent:#b21f55;--web-blush:#d9a6b8;overflow:clip;background:var(--onon-paper)}
.onon-web-hero{position:relative;min-height:max(780px,100svh);padding:calc(var(--onon-header) + 54px) 0 0;display:flex;flex-direction:column;isolation:isolate;background:radial-gradient(circle at 82% 22%,rgba(178,31,85,.13),transparent 27%),linear-gradient(135deg,rgba(255,255,255,.2),transparent 55%),var(--onon-paper)}
.onon-web-hero__word{position:absolute;left:-.04em;bottom:-.1em;z-index:-1;color:transparent;font-size:clamp(250px,34vw,650px);font-weight:700;line-height:.72;letter-spacing:-.11em;-webkit-text-stroke:1px rgba(165,31,80,.09);pointer-events:none}
.onon-web-hero__layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.92fr);align-items:center;gap:clamp(55px,7vw,125px);padding-bottom:70px}
.onon-web-hero__copy h1{margin:19px 0 37px;color:var(--web-accent);font-size:clamp(65px,6.35vw,112px);font-weight:320;line-height:.86;letter-spacing:-.072em}.onon-web-hero__copy h1 span{display:block}.onon-web-hero__copy h1 .is-soft{color:#b18797}.onon-web-hero__copy h1 .is-strong{color:var(--web-ink);font-weight:650}
.onon-web-hero__foot{max-width:720px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:42px}.onon-web-hero__foot p{margin:0;color:#815267;font-size:14px;line-height:1.8}.onon-web-hero__foot a{width:126px;aspect-ratio:1;border:1px solid rgba(165,31,80,.2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--web-ink)!important;font-size:8px;font-weight:700;letter-spacing:.1em;text-align:center;text-decoration:none!important;text-transform:uppercase;transition:background .3s ease,color .3s ease,transform .3s ease}.onon-web-hero__foot a:hover{background:var(--web-ink);color:#fff!important;transform:rotate(-8deg)}
.onon-web-stage{position:relative;width:min(100%,690px);aspect-ratio:1.03;perspective:1200px}.onon-web-stage__orbit{position:absolute;inset:3%;border:1px solid rgba(165,31,80,.15);border-radius:50%;animation:ononWebOrbit 18s linear infinite}.onon-web-stage__orbit::before,.onon-web-stage__orbit::after{content:"";position:absolute;border:1px solid rgba(165,31,80,.1);border-radius:50%}.onon-web-stage__orbit::before{inset:11%}.onon-web-stage__orbit::after{inset:23%}
.onon-web-stage__browser{position:absolute;left:4%;top:9%;width:84%;aspect-ratio:1.2;border:7px solid #fff;border-radius:31px;overflow:hidden;background:#fff;box-shadow:0 35px 70px rgba(74,23,40,.2);transform:rotateY(-7deg) rotateX(2deg);transform-style:preserve-3d;animation:ononWebStage 6s ease-in-out infinite}.onon-web-stage__bar{height:48px;padding:0 15px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#b58a9a;font-size:7px;letter-spacing:.07em}.onon-web-stage__bar>span{display:flex;gap:5px}.onon-web-stage__bar>span i{width:7px;aspect-ratio:1;border-radius:50%;background:#d8a1b5}.onon-web-stage__bar>b{text-align:right;font-size:6px;letter-spacing:.13em}
.onon-web-stage__screen{position:relative;height:calc(100% - 48px);padding:10% 9%;overflow:hidden;color:#fff;background:linear-gradient(135deg,#73102f,#b21f55 58%,#d14f7d)}.onon-web-stage__screen::after{content:"";position:absolute;width:360px;aspect-ratio:1;right:-22%;bottom:-45%;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.04),0 0 0 96px rgba(255,255,255,.025)}.onon-web-stage__eyebrow{font-size:7px;font-weight:700;letter-spacing:.16em}.onon-web-stage__screen>strong{position:relative;z-index:1;display:block;margin-top:34px;font-size:clamp(42px,4.2vw,72px);font-weight:330;line-height:.86;letter-spacing:-.065em}.onon-web-stage__screen>strong em{font-style:normal;color:#f0bbc9}.onon-web-stage__screen>.onon-special{position:absolute;right:5%;bottom:0;color:rgba(255,255,255,.1);font-size:105px;font-weight:400}.onon-web-stage__cta{position:absolute;left:9%;bottom:9%;z-index:2;padding:12px 15px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:7px;font-weight:700;letter-spacing:.08em}.onon-web-stage__cta i{margin-left:12px}.onon-web-stage__signal{position:absolute;right:8%;top:15%;z-index:2;display:flex;align-items:center;gap:9px}.onon-web-stage__signal>i{width:34px;aspect-ratio:1;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--web-accent)}.onon-web-stage__signal span{display:flex;flex-direction:column}.onon-web-stage__signal b{font-size:16px}.onon-web-stage__signal small{font-size:5px;letter-spacing:.08em;text-transform:uppercase}
.onon-web-stage__phone{position:absolute;right:0;bottom:0;width:29%;aspect-ratio:.52;border:7px solid #1b1316;border-radius:34px;z-index:3;background:#1b1316;box-shadow:0 30px 50px rgba(52,13,27,.28);transform:rotate(3deg)}.onon-web-stage__phone>span{position:absolute;left:50%;top:8px;width:30%;height:6px;border-radius:99px;background:#1b1316;transform:translateX(-50%);z-index:2}.onon-web-stage__phone>div{height:100%;border-radius:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--onon-paper);color:var(--web-ink)}.onon-web-stage__phone small{font-size:5px;letter-spacing:.16em}.onon-web-stage__phone strong{font-size:60px;font-weight:400}.onon-web-stage__phone i{width:32px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--web-accent);color:#fff;font-size:10px}
.onon-web-stage__tag{position:absolute;z-index:4;padding:11px 14px;border:1px solid rgba(165,31,80,.15);border-radius:999px;background:rgba(255,250,246,.88);box-shadow:0 12px 30px rgba(83,30,48,.1);backdrop-filter:blur(12px);color:var(--web-ink);font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.onon-web-stage__tag i{margin-right:7px}.onon-web-stage__tag.is-one{left:-1%;top:3%}.onon-web-stage__tag.is-two{right:3%;top:23%}
.onon-web-marquee{--onon-marquee-gap:30px;height:58px;border-block:1px solid rgba(165,31,80,.14);display:flex;align-items:center;overflow:hidden}.onon-web-marquee>div{width:max-content;display:flex;align-items:center;gap:var(--onon-marquee-gap);will-change:transform}.onon-web-marquee>div[data-loop-ready="true"]{animation:ononWebMarquee var(--onon-marquee-duration,28s) linear infinite}.onon-marquee-segment{flex:none;display:flex;align-items:center;gap:var(--onon-marquee-gap)}.onon-web-marquee span{color:#9b6276;font-size:8px;font-weight:700;letter-spacing:.15em;white-space:nowrap}.onon-web-marquee i{color:var(--web-accent);font-style:normal}
@keyframes ononWebOrbit{to{transform:rotate(360deg)}}@keyframes ononWebStage{0%,100%{transform:rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-3deg) rotateX(-1deg) translateY(-10px)}}@keyframes ononWebMarquee{to{transform:translate3d(var(--onon-marquee-shift),0,0)}}
.onon-web-manifesto{padding:135px 0 155px;background:#160f12;color:#fff}.onon-web-manifesto__layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(620px,1.35fr);gap:clamp(70px,9vw,160px);align-items:start}.onon-web-manifesto header{position:sticky;top:calc(var(--onon-header) + 48px)}.onon-web-manifesto header h2{margin:21px 0 30px;font-size:clamp(55px,5.4vw,96px);font-weight:330;line-height:.9;letter-spacing:-.06em}.onon-web-manifesto header h2 em{font-style:normal;color:#db9db3}.onon-web-manifesto header>p:last-child{max-width:520px;margin:0;color:#c9aeba;font-size:13px;line-height:1.8}
.onon-web-lab__frame{position:sticky;top:calc(var(--onon-header) + 48px);height:min(66vh,640px);min-height:500px;border:1px solid rgba(255,255,255,.2);border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#781037,#ad1c51);box-shadow:0 35px 80px rgba(0,0,0,.3)}.onon-web-lab__top,.onon-web-lab__bottom{position:absolute;left:0;right:0;z-index:3;height:52px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#e3b4c5;font-size:6px;font-weight:700;letter-spacing:.14em}.onon-web-lab__top{top:0;border-bottom:1px solid rgba(255,255,255,.15)}.onon-web-lab__top b{font-size:7px}.onon-web-lab__bottom{bottom:0;border-top:1px solid rgba(255,255,255,.15)}.onon-web-lab__bottom div{display:flex;gap:5px}.onon-web-lab__bottom i{width:5px;aspect-ratio:1;border-radius:50%;background:#e3b4c5}.onon-web-lab__canvas{position:absolute;inset:52px 0;display:flex;align-items:center;justify-content:center;isolation:isolate}.onon-web-lab__grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px}.onon-web-lab__canvas::before{content:"";position:absolute;width:57%;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.02);z-index:-1;transition:transform .7s ease}.onon-web-lab__canvas>strong{font-size:clamp(70px,7.7vw,135px);font-weight:700;letter-spacing:-.08em;line-height:.8;text-align:center;transition:opacity .25s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.onon-web-lab__canvas>p{position:absolute;left:28px;bottom:30px;max-width:270px;margin:0;color:#efd3dd;font-size:10px;line-height:1.6;transition:opacity .25s ease}.onon-web-lab__canvas>i{position:absolute;right:28px;top:28px;width:65px;aspect-ratio:1;border-radius:21px;display:grid;place-items:center;background:#fff;color:var(--web-accent);font-size:21px;box-shadow:0 15px 35px rgba(0,0,0,.18);transition:transform .45s ease}.onon-web-lab.is-switching .onon-web-lab__canvas>strong{opacity:0;transform:translateY(18px) scale(.94)}.onon-web-lab.is-switching .onon-web-lab__canvas>p{opacity:0}.onon-web-lab.is-switching .onon-web-lab__canvas>i{transform:rotate(18deg) scale(.84)}
.onon-web-lab__steps{margin:0;padding:58vh 0 5vh;list-style:none}.onon-web-lab__steps li{min-height:58vh;padding:0 12px;display:grid;grid-template-columns:42px 1fr;align-content:center;gap:20px;color:#7f6871;transition:color .35s ease}.onon-web-lab__steps li.is-active{color:#fff}.onon-web-lab__steps li>span{font-size:8px;font-weight:700;letter-spacing:.1em}.onon-web-lab__steps h3{margin:0 0 7px;font-size:30px;font-weight:500;letter-spacing:-.04em}.onon-web-lab__steps p{margin:0;font-size:10px}
.onon-web-bento{padding:140px 0;background:linear-gradient(180deg,#f7f1eb,#fff9f5)}.onon-web-bento__head{margin-bottom:70px;display:flex;align-items:flex-end;justify-content:space-between}.onon-web-bento__head h2{margin:20px 0 0;color:var(--web-ink);font-size:clamp(57px,6.2vw,110px);font-weight:330;line-height:.88;letter-spacing:-.065em}.onon-web-bento__head h2 em{font-style:normal;color:#b28798}.onon-web-bento__head>.onon-special{color:var(--web-accent);font-size:145px;font-weight:400;line-height:.55}
.onon-web-bento__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(140px,auto);gap:14px}.onon-web-bento__grid article{position:relative;min-height:300px;padding:30px;border:1px solid rgba(117,21,53,.14);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.58);color:var(--web-ink);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s ease,box-shadow .4s ease}.onon-web-bento__grid article:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(98,31,54,.1)}.onon-web-bento__grid article:not(.is-large):not(.is-visual):not(.is-code):not(.is-metric):hover{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(222,166,187,.16))}.onon-web-bento__grid article>span{font-size:7px;font-weight:700;letter-spacing:.14em}.onon-web-bento__grid article>i{position:absolute;right:27px;top:27px;width:47px;aspect-ratio:1;border:1px solid rgba(165,31,80,.18);border-radius:15px;display:grid;place-items:center;color:var(--web-accent);font-size:15px}.onon-web-bento__grid h3{margin:70px 0 15px;font-size:clamp(28px,2.6vw,46px);font-weight:520;line-height:1;letter-spacing:-.055em}.onon-web-bento__grid h3 em{font-style:normal;color:#b28798}.onon-web-bento__grid p{max-width:530px;margin:0;color:#8f6172;font-size:11px;line-height:1.72}.onon-web-bento__grid .is-large{grid-column:span 7;grid-row:span 2;min-height:480px;background:var(--web-ink);color:#fff}.onon-web-bento__grid .is-large:hover{background:var(--web-ink);color:#fff}.onon-web-bento__grid .is-large>i{border-color:rgba(255,255,255,.22);color:#fff}.onon-web-bento__grid .is-large h3{margin-top:120px;font-size:clamp(44px,4vw,72px)}.onon-web-bento__grid .is-large p{color:#d8b5c1}.onon-web-bento__grid .is-large>div{position:absolute;left:30px;bottom:30px;display:flex;gap:7px}.onon-web-bento__grid .is-large b{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:6px;letter-spacing:.1em;text-transform:uppercase}.onon-web-bento__grid .is-visual{grid-column:span 5;background:linear-gradient(145deg,#d9a6b8,#f9e5e7)}.onon-web-bento__grid .is-visual:hover{background:linear-gradient(145deg,#d9a6b8,#f9e5e7);color:var(--web-ink)}.onon-web-bento__swatches{position:absolute;left:30px;right:30px;bottom:28px;display:flex}.onon-web-bento__swatches i{height:34px;flex:1;border-radius:999px;background:#73102f}.onon-web-bento__swatches i:nth-child(2){margin-left:-12px;background:#b21f55}.onon-web-bento__swatches i:nth-child(3){margin-left:-12px;background:#d9a6b8}.onon-web-bento__swatches i:nth-child(4){margin-left:-12px;background:#fff9f5}.onon-web-bento__grid .is-code{grid-column:span 5;background:#171014;color:#fff}.onon-web-bento__grid .is-code:hover{background:#171014;color:#fff}.onon-web-bento__grid .is-code>i{border-color:rgba(255,255,255,.16);color:#fff}.onon-web-bento__grid .is-code code{position:absolute;left:30px;bottom:27px;color:#dda8bb;font-size:9px}.onon-web-bento__grid .is-mobile{grid-column:span 4}.onon-web-bento__devices{position:absolute;right:28px;bottom:25px;display:flex;align-items:flex-end;gap:7px}.onon-web-bento__devices b{display:block;width:26px;height:58px;border:2px solid var(--web-accent);border-radius:7px}.onon-web-bento__devices b:nth-child(2){width:48px;height:72px}.onon-web-bento__devices b:nth-child(3){width:74px;height:55px}.onon-web-bento__grid .is-metric{grid-column:span 3;background:var(--web-accent);color:#fff}.onon-web-bento__grid .is-metric:hover{background:var(--web-accent);color:#fff}.onon-web-bento__grid .is-metric>i{border-color:rgba(255,255,255,.22);color:#fff}.onon-web-bento__grid .is-metric>strong{display:block;margin-top:57px;font-size:82px;line-height:.8;letter-spacing:-.08em}.onon-web-bento__grid .is-metric>strong small{font-size:24px}.onon-web-bento__grid .is-metric h3{margin-top:24px;font-size:21px;line-height:1.15}.onon-web-bento__grid .is-wide{grid-column:span 5}.onon-web-bento__chart{position:absolute;right:26px;bottom:25px;height:80px;display:flex;align-items:flex-end;gap:5px}.onon-web-bento__chart i{width:12px;border-radius:4px;background:#d9a6b8}.onon-web-bento__chart i:nth-child(1){height:27%}.onon-web-bento__chart i:nth-child(2){height:42%}.onon-web-bento__chart i:nth-child(3){height:55%}.onon-web-bento__chart i:nth-child(4){height:72%}.onon-web-bento__chart i:nth-child(5){height:100%;background:var(--web-accent)}