@font-face{font-family:Archivo;src:url('assets/archivo-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#18232a;--muted:#586169;--red:#e63b2e;--action:#b52b21;--paper:#fff;--ice:#f0f4f8;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--action);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:15px;background:var(--ink);color:white}.skip:focus{top:15px}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:94px;padding:0 max(40px,calc((100vw - 1390px)/2));background:#ffffffee;backdrop-filter:blur(16px);border-bottom:1px solid #18232a0a}.brand{display:flex;align-items:center;gap:8px;letter-spacing:-1.5px;font-size:29px;font-weight:750}.brand>span>span{font-weight:400}.brand img{object-fit:contain;flex-shrink:0}.header>nav{display:flex;gap:36px}.header nav a{font-size:13px;padding:15px 0;position:relative}.header>nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.header>nav a:hover:after{transform:scaleX(1)}.contact-link{display:flex;gap:26px;align-items:center;font-size:13px;min-height:44px}.contact-link>span{font-size:23px}.mobile-menu{display:none}
.hero{max-width:1470px;margin:auto;padding:52px 40px 0;display:grid;grid-template-columns:1.15fr 1fr;column-gap:20px;align-items:center}.company{font-size:12px;color:var(--muted);margin:0 0 36px}.hero h1{font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:clamp(50px,5.25vw,80px);letter-spacing:-4.4px;line-height:1.06;margin:0 0 32px;position:relative;z-index:1}.hero h1>span{display:block;animation:title-enter .9s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.11s}.hero h1>span:nth-child(3){animation-delay:.22s}.hero-description{max-width:430px;font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 30px}.cta{display:inline-flex;align-items:center;gap:30px;min-height:54px;font-size:13px;font-weight:600}.cta-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;font-size:20px;transition:background .3s,color .3s,transform .4s var(--ease)}.cta:hover .cta-icon{background:var(--ink);color:white;transform:translateY(4px)}.hero-graphic{position:relative;height:625px;min-width:0}.motion-route{width:100%;height:calc(100% - 80px);position:absolute;inset:0;overflow:visible}.route-base{stroke:#f5eeeb;stroke-width:52;stroke-linecap:round}.route-draw{stroke:var(--red);stroke-width:52;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:route-intro 2.4s .15s var(--ease) forwards}.route-point{fill:white;stroke:var(--red);stroke-width:4;animation:point-enter .7s .6s var(--ease) both}.route-point:nth-of-type(2){animation-delay:1.15s}.route-point:nth-of-type(3){animation-delay:1.75s}.graphic-title{position:absolute;font-family:Archivo;font-size:190px;letter-spacing:-14px;line-height:1;color:#e63b2e;left:55px;top:48px;animation:brand-enter 1.3s .3s var(--ease) both}.product-window{position:absolute;width:300px;height:310px;left:38%;top:205px;overflow:hidden;border-radius:110px 110px 15px 15px;background:#e7f0fb;transition:background .6s var(--ease);box-shadow:0 20px 45px #18232a10}.scene{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(28px) scale(.97);transition:opacity .55s var(--ease),transform .7s var(--ease);pointer-events:none}.scene img{width:100%;height:100%;object-fit:contain}.scene figcaption{font-size:9px;color:var(--muted);text-align:center;margin-top:14px}.product-window .scene img{object-fit:cover;object-position:center}.product-window .scene figcaption{position:absolute;bottom:10px;left:0;width:100%;font-size:8px;background:#ffffffdc;padding:4px;margin:0;color:var(--ink)}
[data-active="avora"] [data-scene="avora"],[data-active="sapa"] [data-scene="sapa"],[data-active="rekanta"] [data-scene="rekanta"]{opacity:1;transform:none;pointer-events:auto}.hero-graphic[data-active="sapa"] .product-window{background:#edf6ef}.hero-graphic[data-active="rekanta"] .product-window{background:#eeeff9}.hero-graphic[data-active="rekanta"] .product-window .scene img{object-fit:contain;background:white}.graphic-control{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.graphic-control button{padding:15px 0;background:none;border:0;border-top:1px solid #ced3d7;text-align:left;min-height:70px;transition:border-color .25s}.graphic-control button>span{font-size:10px;display:block;color:var(--muted);margin-bottom:8px}.graphic-control button strong{font-size:18px;font-weight:600}.graphic-control [aria-pressed="true"]{border-color:var(--red);border-top-width:3px;padding-top:13px}.graphic-control [aria-pressed="true"] strong{color:var(--action)}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:50px;padding:26px 0 32px;border-bottom:1px solid #dfe4e8;font-size:11px;color:var(--muted)}.hero-bottom>a{display:flex;align-items:center;gap:28px;min-height:44px}.hero-bottom a>span{font-size:26px;color:var(--ink)}
.product-story{max-width:1390px;margin:0 auto;padding:95px 0 60px}.story-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end;margin-bottom:70px}.story-intro h2{font-family:Archivo;font-size:58px;line-height:1.08;letter-spacing:-2.9px;margin:0}.story-intro p{font-size:18px;color:var(--muted);line-height:1.8;max-width:420px;margin:0 0 4px}.story-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:110px;align-items:start}.story-stage{position:sticky;top:125px;min-height:520px;height:calc(100vh - 170px);max-height:650px;overflow:hidden;background:#e8f1fc;transition:background .7s var(--ease);border-radius:8px 140px 8px 8px}.stage-heading{display:flex;justify-content:space-between;align-items:center;padding:32px;position:relative;z-index:2}.stage-heading span:first-child{font-family:Archivo;font-size:32px;letter-spacing:-1.5px}.stage-heading span:last-child{font-size:10px;color:var(--muted)}.stage-shape{position:absolute;width:80%;height:85%;border:46px solid #bfd8f7;border-radius:50% 50% 8% 50%;left:22%;top:23%;transform:rotate(-16deg);transition:border-color .7s var(--ease),transform 1s var(--ease)}.story-stage .scene{inset:104px 55px 70px}.story-stage .scene img{object-fit:contain;filter:drop-shadow(0 15px 20px #18232a10)}.story-stage[data-active="sapa"]{background:#eaf4ec}.story-stage[data-active="sapa"] .stage-shape{border-color:#c7e4ce;transform:rotate(15deg)}.story-stage[data-active="rekanta"]{background:#eeeefa}.story-stage[data-active="rekanta"] .stage-shape{border-color:#d1d0f1;transform:rotate(40deg)}.stage-progress{display:flex;gap:8px;position:absolute;bottom:28px;left:32px;right:32px}.stage-progress i{height:3px;flex:1;background:#18232a1a;transition:background .4s}.story-stage[data-active="avora"] .stage-progress i:nth-child(1),.story-stage[data-active="sapa"] .stage-progress i:nth-child(2),.story-stage[data-active="rekanta"] .stage-progress i:nth-child(3){background:var(--ink)}.chapter{min-height:calc(100vh - 140px);padding:75px 0 95px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:105px}.product-name{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;margin:0 0 30px}.product-name img{object-fit:contain}.chapter h3{font-family:Archivo;font-size:60px;line-height:1.08;letter-spacing:-2.8px;margin:0 0 24px}.chapter>p:not(.product-name){font-size:16px;color:var(--muted);line-height:1.85;margin:0;max-width:435px}.chapter ul{list-style:none;margin:26px 0;padding:0;font-size:12px;display:flex;flex-wrap:wrap;gap:11px 20px;color:var(--muted)}.chapter li:before{content:'+';color:var(--ink);margin-right:7px}.product-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:600;align-self:start}.product-link>span{font-size:23px;transition:transform .3s var(--ease)}.product-link:hover>span{transform:translate(3px,-3px)}.mobile-shot{display:none}
.business{background:var(--ice);padding:95px max(40px,calc((100vw - 1390px)/2)) 45px}.business-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:100px;padding-bottom:60px}.business-heading h2{font-family:Archivo;font-size:66px;letter-spacing:-3.2px;line-height:1.07;margin:0}.business-heading p{font-size:17px;line-height:1.8;color:var(--muted);max-width:430px;margin:0}.business-row{display:grid;grid-template-columns:.8fr 1fr 1.1fr;gap:55px;padding:55px 0;border-top:1px solid #cbd4dc;align-items:center}.business-brand>img{object-fit:contain;margin-bottom:17px}.business-brand h3{font-family:Archivo;font-size:29px;letter-spacing:-1px;margin:0 0 12px}.business-brand>span{font-size:11px;color:var(--muted)}.business-copy p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 20px}.business-visual{overflow:hidden;position:relative}.business-visual>img{width:100%;transition:transform .6s var(--ease)}a.business-visual:hover>img{transform:scale(1.025)}.content-visual{height:280px;background:#e4e4f7;border-radius:80px 0 0 0;padding:20px}.content-visual img{height:235px;width:100%;object-fit:contain}.content-visual>span{display:block;text-align:center;font-size:8px;color:var(--muted);margin-top:9px}.company-section{max-width:1390px;margin:auto;padding:105px 0;display:grid;grid-template-columns:1fr 1fr;gap:110px}.company-heading{display:flex;align-items:flex-start;gap:24px}.company-heading>img{width:65px;height:65px;object-fit:contain;flex-shrink:0}.company-heading h2{font-family:Archivo;font-size:45px;line-height:1.14;letter-spacing:-2px;margin:8px 0 0}.company-copy p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 24px;max-width:540px}.company-copy a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.contact{position:relative;overflow:hidden;background:var(--action);padding:85px max(40px,calc((100vw - 1390px)/2)) 120px;display:grid;grid-template-columns:1fr 1fr;gap:110px;color:#fff}.contact>div{z-index:1}.contact>div>p{font-size:12px;margin:0 0 32px}.contact h2{font-family:Archivo;font-size:95px;line-height:1;letter-spacing:-5px;margin:0}.contact-copy{align-self:end;margin-bottom:12px}.contact-copy p{font-size:16px;line-height:1.85;max-width:370px}.email{display:inline-flex;align-items:center;gap:35px;min-height:64px;font-size:23px;letter-spacing:-.8px;border-bottom:1px solid #fff}.email span{font-size:32px}.contact-route{position:absolute;width:900px;right:-100px;bottom:-170px;opacity:.23}.contact-route path{stroke:#fff;stroke-width:60;stroke-linecap:round}footer{display:flex;align-items:center;gap:40px;max-width:1470px;margin:auto;padding:34px 40px;font-size:11px;color:var(--muted)}footer .brand{font-size:25px;color:var(--ink)}footer>span:nth-last-child(2){margin-left:auto}.review-label{font-size:9px}
@keyframes title-enter{from{opacity:0;transform:translateY(25px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes route-intro{to{stroke-dashoffset:0}}@keyframes point-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes brand-enter{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
@media(max-width:1500px){.product-story,.company-section{margin:0 40px}.story-layout{gap:75px}.hero h1{font-size:5.3vw;letter-spacing:-3.5px}.hero-graphic{height:570px}.graphic-title{font-size:170px;top:55px}.product-window{width:275px;height:285px;left:35%;top:195px}}
@media(max-width:1100px){.header{padding:0 28px}.hero{padding:40px 28px 0;grid-template-columns:1.1fr 1fr}.hero h1{font-size:56px;letter-spacing:-2.5px}.hero-graphic{height:485px}.graphic-title{font-size:135px;left:45px;top:55px}.product-window{width:230px;height:255px;left:28%;top:158px;border-radius:90px 90px 10px 10px}.graphic-control{gap:12px}.graphic-control button>span{font-size:8px}.graphic-control strong{font-size:16px}.product-story,.company-section{margin:0 28px}.story-intro{gap:60px}.story-intro h2{font-size:46px}.story-intro p{font-size:16px}.story-layout{gap:50px;grid-template-columns:1fr 1fr}.story-stage{min-height:430px;max-height:530px}.story-stage .scene{inset:100px 30px 65px}.stage-heading{padding:26px}.stage-heading span:first-child{font-size:28px}.stage-shape{border-width:35px}.chapter h3{font-size:46px;letter-spacing:-2px}.chapter>p:not(.product-name){font-size:15px}.business{padding-left:28px;padding-right:28px}.business-heading{gap:60px}.business-heading h2{font-size:52px}.business-row{gap:30px;grid-template-columns:.85fr 1fr 1fr}.business-brand h3{font-size:26px}.company-section{gap:60px}.company-heading{gap:15px}.company-heading h2{font-size:35px}.company-heading>img{width:48px;height:48px}.company-copy p{font-size:15px}.contact{gap:65px;padding-left:28px;padding-right:28px}.contact h2{font-size:78px}.email{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:86px}.header{height:78px;padding:0 20px}.brand{font-size:25px}.brand>img{width:34px;height:34px}.header>nav,.contact-link{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{font-size:12px;list-style:none;cursor:pointer;padding:14px 0}.mobile-menu summary:after{content:' +';margin-left:10px}.mobile-menu[open] summary:after{content:' −'}.mobile-menu nav{position:absolute;right:0;top:46px;width:190px;padding:12px 20px;background:white;border:1px solid #dde2e7;box-shadow:0 15px 30px #18232a10}.mobile-menu nav>a{display:block;padding:14px 0}.hero{display:block;padding:32px 20px 0}.company{font-size:10px;margin-bottom:28px}.hero h1{font-size:clamp(39px,8.8vw,63px);letter-spacing:-1.9px;line-height:1.1;margin-bottom:24px}.hero-description{font-size:14px;line-height:1.8;margin-bottom:18px}.cta{font-size:12px;gap:25px}.cta-icon{height:42px;width:42px}.hero-graphic{height:440px;max-width:480px;margin:18px auto 0}.graphic-title{font-size:135px;left:30px;top:30px;letter-spacing:-9px}.product-window{width:210px;height:235px;left:33%;top:137px;border-radius:82px 82px 12px 12px}.motion-route{height:350px}.route-base,.route-draw{stroke-width:48px}.graphic-control{gap:18px;bottom:0}.graphic-control button{padding:12px 0;min-height:60px}.graphic-control button>span{font-size:8px;margin-bottom:6px}.graphic-control button strong{font-size:16px}.graphic-control [aria-pressed="true"]{padding-top:10px}.hero-bottom{margin-top:25px;padding:19px 0 24px;font-size:9px;gap:20px}.hero-bottom>span{max-width:150px;line-height:1.8}.hero-bottom>a{gap:12px;line-height:1.8}.hero-bottom a>span{font-size:22px}.product-story{padding:62px 0 0;margin:0 20px}.story-intro{display:block;margin-bottom:15px}.story-intro h2{font-size:40px;letter-spacing:-1.8px}.story-intro p{font-size:15px;margin-top:22px}.story-layout{display:block}.story-stage{display:none}.chapter{min-height:0;padding:50px 0 55px;border-bottom:1px solid #dfe4e8;scroll-margin-top:90px}.product-name{font-size:16px;margin-bottom:24px}.chapter h3{font-size:45px;letter-spacing:-2px;margin-bottom:22px}.chapter>p:not(.product-name){max-width:100%;font-size:15px;line-height:1.8}.chapter ul{font-size:11px;gap:10px 16px;margin:24px 0 16px}.mobile-shot{display:block;width:100%;height:330px;object-fit:contain;background:#e8f1fc;margin-top:32px;padding:22px;border-radius:7px 65px 7px 7px}.chapter[data-chapter="sapa"] .mobile-shot{background:#eaf4ec}.chapter[data-chapter="rekanta"] .mobile-shot{background:#eeeefa;height:280px}.business{padding:60px 20px 0}.business-heading{display:block;padding-bottom:30px}.business-heading h2{font-size:45px;letter-spacing:-2px}.business-heading p{font-size:15px;margin-top:25px}.business-row{display:grid;grid-template-columns:1fr;gap:25px;padding:32px 0 42px}.business-brand{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center}.business-brand>img{width:38px;height:38px;margin:0;grid-row:1/3}.business-brand h3{font-size:25px;margin-bottom:8px}.business-brand>span{font-size:10px}.business-copy p{font-size:14px;max-width:500px;margin-bottom:12px}.business-visual{max-width:500px}.content-visual{height:310px}.content-visual img{height:263px}.company-section{display:block;padding:60px 0 42px;margin:0 20px}.company-heading{gap:16px;margin-bottom:30px}.company-heading h2{font-size:35px;letter-spacing:-1.6px}.company-heading>img{width:47px;height:47px}.company-copy p{font-size:14px}.contact{display:block;padding:50px 20px 75px}.contact h2{font-size:70px;letter-spacing:-3.5px}.contact>div>p{font-size:11px;margin-bottom:24px}.contact-copy{margin-top:32px}.contact .contact-copy p{font-size:14px;line-height:1.8}.email{font-size:21px;gap:25px;min-height:58px}.contact-route{width:660px;right:-260px;bottom:-130px;opacity:.17}footer{padding:25px 20px;gap:18px;flex-wrap:wrap;font-size:9px}footer .brand{flex-basis:100%;font-size:25px}footer>span:nth-last-child(2){margin:0}.review-label{margin-left:auto}}
@media(max-width:380px){.hero h1{font-size:37px}.hero-graphic{height:415px}.product-window{width:188px;height:215px;left:32%;top:129px}.graphic-title{font-size:123px;left:22px}.chapter h3{font-size:42px}.email{font-size:19px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.route-draw{stroke-dashoffset:0}.hero h1>span,.graphic-title,.route-point{opacity:1;transform:none;clip-path:none}}
@media(max-width:1100px) and (min-width:761px){.contact h2{font-size:clamp(54px,7vw,78px)}}
@media(max-width:760px){.contact h2{font-size:clamp(58px,16vw,70px)}}
/* Hero hierarchy and navbar location feedback. */
.header>nav{position:relative}.header>nav a:after{display:none}.nav-marker{position:absolute;height:2px;left:0;bottom:5px;width:var(--nav-width,0px);background:var(--red);transform:translateX(var(--nav-left,0px));opacity:var(--nav-visible,0);transition:transform .45s var(--ease),width .45s var(--ease),opacity .2s}.header a[aria-current="location"]{color:var(--action)}.header .contact-link{transition:color .3s}.hero-copy{align-self:start;padding-top:52px}.company{margin-bottom:25px}.hero h1{font-size:clamp(50px,4.7vw,72px);line-height:1.09;letter-spacing:-3px;margin-bottom:25px}.hero-description{max-width:465px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:15px 20px;background:var(--ink);color:white;border-radius:4px;font-size:13px;font-weight:600;transition:background .25s}.primary-cta:hover{background:var(--action)}.hero-actions .cta{font-size:13px;gap:13px}.hero-actions .cta>span:last-child{font-size:19px}.hero-actions .cta:hover{text-decoration:underline;text-underline-offset:5px}html.is-navigating{scroll-behavior:auto}
@media(max-width:1100px){.hero-copy{padding-top:35px}.hero h1{font-size:clamp(42px,4.9vw,56px);letter-spacing:-2.4px}.hero-actions{gap:12px 20px}.primary-cta{font-size:12px;gap:18px;padding:14px 16px}.hero-description{font-size:15px}}
@media(max-width:760px){.hero-copy{padding-top:0}.company{margin-bottom:23px}.hero h1{font-size:clamp(36px,8.7vw,58px);letter-spacing:-1.7px}.hero-description{font-size:14px;margin-bottom:23px}.hero-actions{gap:12px 20px}.hero-actions .cta{font-size:12px}.primary-cta{min-height:50px}.hero-graphic{margin-top:25px}.mobile-menu a[aria-current="location"]{text-decoration:underline;text-underline-offset:5px}}