*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f9fc;color:#030B6D;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.back{position:absolute;z-index:2;left:4%;top:22px;font-size:12px}.hero{background:linear-gradient(120deg,#f5faff,#d5ebf8);padding:100px 5% 70px}.hero-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.badge{display:inline-block;padding:10px 16px;border-radius:25px;background:#dae8f8;font-size:12px;font-weight:bold}.hero h1{font-size:clamp(38px,4.5vw,68px);line-height:1.03;letter-spacing:-2px;margin:28px 0 16px}.hero h2{font-size:clamp(21px,2.2vw,30px);line-height:1.25;margin:0 0 28px}.hero p{font-size:17px;line-height:1.85;color:#4d6580;margin:0}.hero-logo{width:100%;max-height:330px;object-fit:contain}.tags{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:12px;font-weight:bold}.case-body{max-width:1320px;margin:auto;padding:50px 5% 60px}.strategy{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:85px}.strategy article{padding:26px 0 20px;border-top:3px solid #ffb000}.number{font-size:10px;font-weight:bold;letter-spacing:2px;display:block;color:#6b839c}h2{font-size:clamp(25px,3vw,37px);line-height:1.2;letter-spacing:-.7px;margin:16px 0 20px}.strategy h2{font-size:25px;letter-spacing:-.5px}p{font-size:15px;line-height:1.85;color:#566c83;margin:0}h3{font-size:18px;margin:15px 0 8px}.chapter{margin:0 0 85px}.chapter-heading{max-width:800px;margin-bottom:32px}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:26px}figure{margin:0}figure img{display:block;width:100%;aspect-ratio:1.42;object-fit:contain;background:#e5f1f9;border-radius:12px}figure img.evolution{object-fit:cover;object-position:center 50%}figcaption{font-size:12px;color:#6c8194;margin-top:12px;line-height:1.6}.elements{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:38px}.elements article{background:white;border:1px solid #e0e9f0;border-radius:14px;padding:25px}.elements svg{width:100%;height:110px}.elements p{font-size:13px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 50px}.swatches i{display:block;height:95px;background:var(--swatch);border-radius:12px}.swatches h3{font-size:16px}.swatches p{font-size:11px}.typography{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.typography img{width:100%;border-radius:12px}.typography h3{font-size:27px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.posts img{display:block;width:100%;height:auto;border-radius:12px}.digital{padding:35px 0;border-top:1px solid #cfdce6;max-width:850px}.digital p{max-width:740px}footer{display:flex;justify-content:space-between;gap:20px;padding-top:30px;border-top:1px solid #cfdce6;font-size:13px}a:hover{color:#b47c00}a:focus-visible{outline:2px solid #030B6D;outline-offset:5px}@media(max-width:800px){.hero-inner{grid-template-columns:1fr;gap:30px}.hero-logo{max-height:210px}.hero{padding-top:85px}.strategy{grid-template-columns:1fr;gap:16px;margin-bottom:55px}.strategy article{padding-bottom:15px}.typography{grid-template-columns:1fr;gap:25px}.chapter{margin-bottom:55px}.elements{gap:12px}.elements article{padding:16px}}@media(max-width:550px){.hero{padding-left:6%;padding-right:6%}.hero h1{font-size:43px}.hero p{font-size:15px}.case-body{padding:35px 6%}.two-up,.elements{grid-template-columns:1fr}.posts{gap:10px}.posts img{border-radius:6px}.swatches{gap:12px}.swatches i{height:70px}.swatches h3{font-size:13px}.swatches p{font-size:10px}.tags{gap:15px}.elements svg{height:85px}}

.hero-road{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:18px}@media(max-width:800px){.hero-road{max-height:360px;aspect-ratio:1.5;object-position:center}}

.hero{position:relative;isolation:isolate;background:#263c50 url('assets/arava-hero-road.png') center 55%/cover no-repeat;min-height:650px;display:flex;align-items:center;color:white}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,38,.87),rgba(7,22,38,.58) 48%,rgba(7,22,38,.08));z-index:-1}.hero-inner{display:block;width:100%}.hero-copy{max-width:650px}.hero-road{display:none}.hero p{color:#f3f5f7}.hero .badge{background:#ffffff24;color:white;border:1px solid #ffffff40}.back{color:white}.hero .tags{color:#fff}@media(max-width:800px){.hero{min-height:650px;background-position:60% center}.hero:before{background:linear-gradient(90deg,#071626d9,#0716268c)}}

.hero{background:#fff;color:#030B6D;position:relative;isolation:isolate;overflow:hidden}.hero:before{inset:0 0 0 45%;background:url('assets/arava-hero-road.png') center/cover no-repeat;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 41%,rgba(255,255,255,.95) 46%,rgba(255,255,255,.55) 53%,rgba(255,255,255,0) 64%);z-index:-1}.hero-copy{max-width:52%;padding-right:35px}.hero p{color:#566c83}.hero .badge{background:#e9f1fa;border:0;color:#030B6D}.hero .tags{color:#030B6D}.back{color:#030B6D}.hero h1{font-size:clamp(36px,4.1vw,62px)}@media(max-width:800px){.hero{display:block;padding-bottom:280px;min-height:0}.hero-copy{max-width:100%;padding-right:0}.hero:before{inset:auto 0 0;height:330px;background-position:center 60%}.hero:after{background:linear-gradient(180deg,#fff 0%,#fff calc(100% - 310px),rgba(255,255,255,0) calc(100% - 220px))}.hero h1{font-size:clamp(36px,6vw,50px)}}

.hero:before{background-image:url('assets/arava-hero-road-hd.png');background-position:center;filter:none}.hero:after{background:linear-gradient(90deg,#fff 0%,#fff 44%,rgba(255,255,255,.92) 47%,rgba(255,255,255,.38) 52%,rgba(255,255,255,0) 58%)}.hero-copy{max-width:49%;padding-right:28px}@media(max-width:800px){.hero-copy{max-width:100%;padding-right:0}.hero:after{background:linear-gradient(180deg,#fff 0%,#fff calc(100% - 310px),rgba(255,255,255,.7) calc(100% - 280px),rgba(255,255,255,0) calc(100% - 230px))}}

/* Highway photograph with a broad, continuous fade into the white text area. */
.hero:before{inset:0 0 0 32%;height:auto;background-image:url('assets/arava-expressway-hero.png');background-position:62% center;background-size:cover;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 10%,rgba(0,0,0,.12) 20%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.68) 42%,rgba(0,0,0,.91) 55%,#000 68%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 10%,rgba(0,0,0,.12) 20%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.68) 42%,rgba(0,0,0,.91) 55%,#000 68%);filter:none}.hero:after{display:none}.hero-copy{max-width:47%;padding-right:20px}.hero h1{font-size:clamp(36px,4vw,60px)}@media(max-width:800px){.hero-copy{max-width:100%;padding-right:0}.hero:before{inset:auto 0 0;height:330px;background-position:center;mask-image:linear-gradient(180deg,transparent,#000 46%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 46%)}}

.logo-refinement{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center}.logo-refinement .evolution{aspect-ratio:1.42;object-fit:cover;object-position:center 50%}.final-logo img{aspect-ratio:1.42;object-fit:contain;padding:32px;background:white}@media(max-width:650px){.logo-refinement{grid-template-columns:1fr}}

.logo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.logo-isolated{position:relative;overflow:hidden;width:100%;aspect-ratio:1.8;background:white;border-radius:12px}.logo-isolated img{position:absolute;width:400%;max-width:none;height:auto;aspect-ratio:auto;top:50%;transform:translateY(-50%);background:transparent;border-radius:0}.logo-steps figcaption{margin-top:20px}.logo-steps figcaption strong{font-size:15px;color:#030B6D}.logo-steps figcaption p{margin-top:8px;font-size:13px;line-height:1.7}@media(max-width:800px){.logo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.logo-steps{grid-template-columns:1fr}}

.logo-concept{padding-top:10px}.logo-equation{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1.35fr;gap:12px;align-items:start;padding:35px 20px;background:#fff;border-radius:16px}.equation-symbol{height:150px;display:flex;align-items:center;justify-content:center}.equation-symbol svg{width:100%;max-width:180px;height:110px}.logo-equation .equation-symbol img{width:100%;height:auto;max-height:135px;aspect-ratio:auto;object-fit:contain;padding:0;background:transparent;border-radius:0}.equation-sign{font:bold 32px Arial;align-self:start;text-align:center;padding-top:56px;color:#030B6D}.logo-equation figcaption{text-align:center;margin-top:18px}.logo-equation figcaption strong{font-size:16px;color:#030B6D}.logo-equation figcaption p{margin-top:8px;font-size:13px;line-height:1.65}@media(max-width:700px){.logo-equation{grid-template-columns:1fr;gap:8px;padding:24px}.equation-symbol{height:100px}.equation-sign{padding:10px 0;font-size:28px}.logo-equation figcaption{margin-top:8px}.equation-result .equation-symbol img{max-width:260px}}

.road-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}.road-colors article{padding:20px}.road-colors svg{width:100%;max-width:220px;height:190px}.road-colors h3{margin:18px 0 8px}.road-colors .hex{font:12px monospace;color:#6b8097}.road-colors p{font-size:13px;margin:12px auto 0;max-width:230px}.font-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.font-original{position:relative;overflow:hidden;height:250px;background:#e5f2fa;border-radius:14px}.font-original img{position:absolute;width:300%;max-width:none;left:-200%;top:50%;transform:translateY(-50%)}.font-details article+article{margin-top:30px}.font-details h3{margin-top:0}.font-details p{font-size:14px}@media(max-width:650px){.road-colors{gap:10px}.road-colors article{padding:5px}.road-colors svg{height:125px}.road-colors h3{font-size:14px}.road-colors p{font-size:11px}.font-layout{grid-template-columns:1fr;gap:25px}.font-original{height:220px}}

.sketch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.sketch-symbol{position:relative;width:100%;aspect-ratio:1.3;overflow:hidden;background:white;border-radius:12px}.sketch-symbol img{position:absolute;top:50%;transform:translateY(-50%);width:400%;height:auto;aspect-ratio:auto;max-width:none;border-radius:0;background:transparent}.sketch-grid figcaption{font-size:13px;text-align:center}@media(max-width:750px){.sketch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Fine rules separate each topic heading from its content. */
.case-body .chapter h2,.case-body .strategy h2{padding-bottom:18px;border-bottom:1px solid #9ca9b6;margin-bottom:22px}.case-body .chapter-heading{max-width:none}.case-body .chapter-heading>p{max-width:800px}.case-body .digital h2{width:100%}.case-body .strategy article{border-top:0;padding-top:0}.case-body .strategy h2{min-height:80px}@media(max-width:800px){.case-body .strategy h2{min-height:0}}

@font-face{font-family:AravaAsimon;src:url('assets/arava-asimon.otf') format('opentype');font-weight:900;font-display:swap}@font-face{font-family:AravaShuneet;src:url('assets/arava-shuneet.ttf') format('truetype');font-weight:700;font-display:swap}.font-live-samples{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:30px 0}.asimon-sample{font:900 clamp(40px,5vw,68px)/1.15 AravaAsimon,Arial,sans-serif;color:#030B6D;border-bottom:0;padding:0 8px 5px;white-space:nowrap}.shuneet-sample{font:700 clamp(19px,2.4vw,30px)/1.5 AravaShuneet,Arial,sans-serif;color:#101010;text-align:center}@media(max-width:650px){.font-live-samples{padding:20px 0;gap:25px}.asimon-sample{font-size:clamp(40px,10vw,65px)}.shuneet-sample{font-size:clamp(18px,5vw,28px)}}

.case-body .number{color:#ff0900}

.logo-equation,.equation-symbol,.logo-isolated,.sketch-symbol,.final-logo img{background:transparent}

.equation-result .equation-symbol .arava-final-vector{width:100%;max-width:none;height:auto;overflow:visible}

.posts{align-items:start}.posts img{width:100%;height:auto;object-fit:contain;border-radius:0}

.posts{align-items:stretch}.posts img{display:block;width:100%;height:auto;aspect-ratio:408/754;object-fit:cover;object-position:center}

@font-face{font-family:Assistant;src:url('assets/assistant-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}.campaign-poster{position:relative;container-type:inline-size;margin:0}.posts .campaign-poster img{display:block;width:100%;height:auto;aspect-ratio:408/754;object-fit:cover}.campaign-poster .poster-footer{position:absolute;left:3%;right:3%;bottom:3.5%;margin:0;color:#fff;text-align:center;font-family:Assistant,Arial,sans-serif;font-size:4.7cqw;font-weight:500;line-height:1.25;text-shadow:0 1px 3px #0005}

.individual-mockups{display:grid;gap:55px}.mockup-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:30px 0}.mockup-cutout{position:relative;width:min(100%,390px);overflow:hidden;justify-self:center;transform:translateX(-45px);opacity:0;transition:transform .8s ease,opacity .8s ease}.mockup-row.visible .mockup-cutout{transform:translateX(0);opacity:1}.mockup-cutout img{position:absolute;display:block;max-width:none;height:auto;aspect-ratio:auto;object-fit:initial;border-radius:0;background:transparent}.mockup-letterhead{max-width:320px}.mockup-description h3{font-size:23px}.mockup-description p{max-width:360px}.mockup-cutout{background:#f4f4f4}@media(max-width:650px){.mockup-row{grid-template-columns:1fr;gap:20px}.mockup-description{text-align:center}.mockup-description p{margin:auto}.individual-mockups{gap:25px}}@media(prefers-reduced-motion:reduce){.mockup-cutout{opacity:1;transform:none;transition:none}}

.individual-mockups{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 30px;align-items:center}.mockup-row{display:flex;align-items:center;justify-content:flex-start;min-height:180px;padding:10px 0;gap:0}.mockup-cutout{width:min(100%,230px);justify-self:start}.mockup-letterhead{max-width:150px}.mockup-envelope{max-width:230px}.mockup-mug{max-width:190px}.mockup-pen{max-width:270px}.mockup-calendar{max-width:150px}@media(max-width:650px){.individual-mockups{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.mockup-row{min-height:140px}.mockup-letterhead,.mockup-calendar{max-width:130px}.mockup-mug{max-width:160px}}

.flip-mockup{display:block;position:relative;border:0;background:transparent;padding:0;width:min(100%,290px);aspect-ratio:1.8;perspective:1000px;cursor:pointer;text-align:initial}.flip-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.flip-mockup.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card-front,.card-back{background-image:url('assets/arava-business-card-sharp.png');background-size:200% 100%;box-shadow:0 6px 15px #14294124;border-radius:3px}.card-front{background-position:left center}.card-back{background-position:right center;transform:rotateY(180deg)}.mug-flip{width:min(100%,210px);aspect-ratio:308/280}.mug-back{transform:rotateY(180deg)}.mug-crop{display:block;position:relative;width:100%;overflow:hidden}.mug-crop img{position:absolute;max-width:none;height:auto;aspect-ratio:auto}.flip-mockup:focus-visible{outline:2px solid #030b6d;outline-offset:7px}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}}

.executive-desk{position:relative;width:100%;height:680px;overflow:hidden;isolation:isolate;border-radius:20px;background:#f4f4f4;box-shadow:inset 0 0 65px #a99c8b13,0 16px 30px #1224480c;border:12px solid #d1b799;touch-action:pan-y}.executive-desk:before{content:'';position:absolute;left:3%;top:5%;width:65%;height:86%;background:#e9e5df;border-radius:18px;box-shadow:0 6px 18px #574b3b12}.desk-plaque{position:absolute;right:5%;top:6%;font:bold 12px Arial;letter-spacing:1.5px;color:#030b6d;border-bottom:2px solid #ffb000;padding-bottom:8px}.desk-plaque small{display:block;font:8px Arial;letter-spacing:3px;margin-top:5px}.executive-desk .mockup-row{position:absolute;display:block;min-height:0;margin:0;padding:0;transform:rotate(var(--angle));animation:desk-drift 7s ease-in-out var(--delay) infinite;cursor:grab;touch-action:none;user-select:none;z-index:2}.executive-desk .mockup-cutout{width:100%;max-width:none;opacity:1;transform:none;transition:none}.executive-desk .flip-mockup{width:100%;max-width:none}.executive-desk .mockup-cutout,.executive-desk .mug-crop{box-shadow:0 5px 10px #25211b0b}.executive-desk .desk-dragging{cursor:grabbing;filter:drop-shadow(0 12px 10px #0002)}.desk-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;color:#708095;font:12px Arial}.desk-reset{background:transparent;border:1px solid #c4ceda;border-radius:20px;padding:8px 14px;color:#030b6d;cursor:pointer}@keyframes desk-drift{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-5px) rotate(calc(var(--angle) + 1deg))}}@media(max-width:650px){.executive-desk{height:490px;border-width:7px}.desk-plaque{font-size:8px}.desk-plaque small{font-size:6px}.desk-toolbar{font-size:10px;gap:10px}.desk-reset{font-size:10px;padding:7px 10px}}@media(prefers-reduced-motion:reduce){.executive-desk .mockup-row{animation:none}}

.office-scene{position:relative;isolation:isolate;overflow:hidden;height:790px;border-radius:18px;background:linear-gradient(180deg,#e9e7e2 0%,#f3f1ec 46%,#c1a17c 47%,#dfc6a6 100%);box-shadow:0 18px 45px #15234012}.office-wall{position:absolute;inset:0 0 53%;background:radial-gradient(ellipse at 45% 60%,#fff9,#fff0 65%)}.office-scene:after{content:'';position:absolute;left:0;right:0;bottom:0;height:12px;background:#ae8963;box-shadow:0 -1px 4px #8b694c33;z-index:5}.desktop-monitor{position:absolute;top:42px;left:24%;width:52%;z-index:4;pointer-events:none}.monitor-bezel{background:linear-gradient(140deg,#252b31,#10151a);padding:11px 11px 0;border-radius:13px 13px 9px 9px;box-shadow:0 12px 25px #19212c28}.monitor-display{aspect-ratio:16/9;background:#f5f8fb;border-radius:4px;overflow:hidden;pointer-events:auto;position:relative}.monitor-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(140deg,#f9fbfd,#eaf0f6);color:#030b6d}.monitor-brand{font:bold clamp(12px,2vw,25px) Arial;letter-spacing:1px}.monitor-caption{font:11px Arial;color:#7e8b9a}.monitor-chin{height:22px;display:grid;place-items:center}.monitor-chin span{width:4px;height:4px;border-radius:50%;background:#6b7179}.monitor-neck{width:12%;height:50px;margin:auto;background:linear-gradient(90deg,#adb2b6,#d4d7d9,#92999e);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.monitor-base{width:35%;height:14px;margin:-1px auto 0;border-radius:50%;background:linear-gradient(#d5d7d8,#a6adb0);box-shadow:0 10px 12px #4c362a22}.office-scene .executive-desk{position:absolute;left:0;right:0;bottom:12px;width:100%;height:390px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.office-scene .executive-desk:before{display:none}.office-scene .executive-desk .mockup-row{animation:none}.office-scene .mockup-cutout,.office-scene .mug-crop{background:transparent}.office-scene .mockup-letterhead{filter:drop-shadow(1px 6px 5px #44301c22)}.office-scene .mockup-calendar{filter:drop-shadow(2px 6px 5px #44301c22)}@media(max-width:650px){.office-scene{height:590px}.desktop-monitor{top:50px;left:10%;width:80%}.monitor-bezel{padding:7px 7px 0}.monitor-chin{height:16px}.monitor-neck{height:35px}.monitor-base{height:10px}.office-scene .executive-desk{height:270px}.monitor-caption{font-size:9px}.monitor-brand{font-size:15px}}

.exact-desk-scene{width:100%;overflow:hidden;border-radius:12px}.exact-desk-scene img{display:block;width:100%;height:auto;object-fit:contain}

.exact-desk-scene{position:relative}.landing-screen{position:absolute;left:25.48%;top:3.82%;width:49.1%;height:43.57%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#030b6d #eaf0f7;background:#edf2f9;border-radius:1px;touch-action:pan-y;z-index:2}.exact-desk-scene .landing-screen img{display:block;width:100%;height:auto;max-width:100%;object-fit:initial}.landing-screen:focus-visible{outline:2px solid #ffb000;outline-offset:-2px}

#mockups .exact-desk-scene{width:calc(100% + 60px);margin-left:-30px}.landing-screen{box-shadow:0 0 0 1px #030b6d22}.landing-expand{display:block;margin:22px auto 0;background:#030b6d;color:white;border:0;border-radius:25px;padding:12px 24px;font:bold 13px Arial;cursor:pointer}.landing-large{width:min(900px,92vw);max-width:92vw;max-height:90vh;overflow:auto;padding:0;border:0;border-radius:10px;background:#edf2f9}.landing-large::backdrop{background:#09162ad9}.landing-large img{display:block;width:100%;height:auto}.landing-close{position:sticky;float:right;top:12px;margin:12px 12px -46px 0;z-index:2;width:34px;height:34px;border:0;border-radius:50%;color:white;background:#030b6d;font-size:24px;cursor:pointer}@media(max-width:650px){#mockups .exact-desk-scene{width:100%;margin-left:0}}

.landing-document{display:block;width:100%;background:#ebf0f8}.landing-slice{position:relative;width:100%;overflow:hidden;margin:0;padding:0;line-height:0}.exact-desk-scene .landing-slice img,.landing-large .landing-slice img{position:absolute;left:0;display:block;width:100%;height:auto;max-width:none;object-fit:initial;margin:0;border:0;image-rendering:auto}.landing-large{width:min(1268px,94vw);max-width:94vw}

.exact-desk-scene{background:transparent}.exact-desk-scene>.desk-background{mask-image:url('assets/arava-desk-wall-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('assets/arava-desk-wall-mask.svg');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}

.landing-document{position:relative;container-type:inline-size}.landing-live-header{position:absolute;top:0;left:0;right:0;z-index:3;height:10.45cqw;background:white;color:#030b6d;font-family:Assistant,Arial,sans-serif}.landing-nav{height:7.1cqw;display:flex;align-items:center;gap:2.3cqw;padding:0 2cqw;border-bottom:.3cqw solid #030b6d;background:#fff}.landing-nav button{font:700 1.35cqw Assistant,Arial,sans-serif;color:#030b6d;white-space:nowrap;border:0;border-bottom:.2cqw solid transparent;background:transparent;padding:.6cqw 0;cursor:pointer;transition:color .18s,border-color .18s}.landing-nav button:hover,.landing-nav button:focus-visible{color:#ff0900;border-bottom-color:#ff0900;outline:none}.landing-nav-logo{display:block;width:12cqw;height:5.8cqw;margin:auto}.landing-nav-logo svg{width:100%;height:100%;display:block}.landing-nav .landing-login{background:#ffb000;padding:1cqw 1.5cqw;clip-path:polygon(9% 0,100% 0,100% 70%,91% 100%,0 100%,0 30%);font-weight:800}.landing-nav .landing-login:hover{background:#ffd05b;color:#030b6d}.landing-ticker{height:3.35cqw;background:#ff0900;color:white;display:flex;align-items:center;gap:1cqw;font:700 1.35cqw Assistant,Arial,sans-serif;overflow:hidden}.ticker-window{flex:1;overflow:hidden}.ticker-track{display:flex;width:max-content;direction:rtl;animation:landing-news 24s linear infinite}.ticker-track span{white-space:nowrap;display:block;padding:0 3cqw}.landing-ticker:hover .ticker-track{animation-play-state:paused}.ticker-chevron{padding:0 1cqw;font:2.4cqw Arial}@keyframes landing-news{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

.landing-hero-actions{position:absolute;z-index:4;top:46.35cqw;left:65%;width:31.8%;height:4.1cqw;display:flex;gap:2.2cqw;direction:rtl}.landing-hero-actions button{flex:1;min-width:0;border:0;font:800 1.35cqw Assistant,Arial,sans-serif;cursor:pointer;clip-path:polygon(8% 0,92% 0,100% 28%,100% 72%,92% 100%,8% 100%,0 72%,0 28%);transition:background .18s,color .18s,filter .18s,transform .18s}.hero-join{background:#ffb000;color:#000}.hero-learn{background:#fff;color:#000}.landing-hero-actions .hero-join:hover{background:#ffd056;transform:translateY(-.2cqw)}.landing-hero-actions .hero-learn:hover{background:#030b6d;color:#fff;transform:translateY(-.2cqw)}.landing-hero-actions button:focus-visible{outline:2px solid #ff0900;outline-offset:-3px}

.mockup-workspace{position:relative;background:#fff;border-radius:12px;overflow:hidden;margin-top:25px}.mockup-staging-area{height:280px;background:#fff}.mockup-workspace .exact-desk-scene{border-radius:0;background:#fff}#mockups .mockup-workspace .exact-desk-scene{width:100%;margin-left:0}@media(max-width:650px){.mockup-staging-area{height:180px}}

.mockup-workspace,.mockup-staging-area,.mockup-workspace .exact-desk-scene{background:transparent}

.workspace-object{position:absolute;z-index:8;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;user-select:none;transition:filter .2s}.workspace-object img{display:block;width:100%;height:auto;pointer-events:none}.card-holder-object{left:5%;top:20px;width:30%;max-width:320px}.workspace-object:hover{filter:drop-shadow(0 7px 6px #13284916)}.workspace-object.is-dragging{cursor:grabbing;z-index:20;filter:drop-shadow(0 12px 10px #13284930)}.workspace-object:focus-visible{outline:2px dashed #030b6d;outline-offset:4px}@media(max-width:650px){.card-holder-object{width:42%;top:10px}}

.mockup-staging-area{height:440px}.workspace-object{max-width:330px}.card-holder-object{left:2%;top:20px;width:28%}.object-calendar{max-width:185px}.object-letterhead{max-width:220px}.object-mugs{max-width:290px}.object-pens{max-width:330px}.object-envelope{max-width:310px}@media(max-width:650px){.mockup-staging-area{height:340px}.card-holder-object{width:31%;top:5px}.object-mugs{left:36%!important;top:5px!important;width:32%!important}.object-calendar{left:78%!important;top:0!important;width:19%!important}.object-letterhead{left:3%!important;top:150px!important;width:25%!important}.object-pens{left:34%!important;top:160px!important;width:34%!important}.object-envelope{left:64%!important;top:240px!important;width:32%!important}}

.workspace-instructions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 0}.workspace-instructions p{font-size:14px;color:#566c83}.workspace-restart{flex-shrink:0;border:1px solid #030b6d;border-radius:24px;background:transparent;color:#030b6d;font:600 13px Arial;padding:10px 18px;cursor:pointer}.workspace-restart:hover{background:#030b6d;color:white}.workspace-restart:focus-visible{outline:2px solid #ffb000;outline-offset:3px}@media(max-width:650px){.workspace-instructions{gap:15px;align-items:flex-start}.workspace-instructions p{font-size:12px}}

.arava-mobile-demo{text-align:center;margin:40px auto 0}.arava-mobile-phone{width:min(310px,85vw);margin:auto;padding:7px;background:#121821;border:2px solid #657181;border-radius:35px;box-shadow:0 18px 35px #14294a26}.arava-mobile-viewport{position:relative;aspect-ratio:384/834;overflow:hidden;border-radius:27px;background:#09296f;container-type:inline-size}.arava-mobile-viewport>img{display:block;width:100%;height:100%;object-fit:fill}.arava-app-actions{position:absolute;inset:0}.arava-app-hit{position:absolute;padding:0;background:transparent;border:0;cursor:pointer;border-radius:5px}.arava-app-hit:hover{background:#ffffff12}.arava-app-hit:focus-visible{outline:2px solid white;outline-offset:-2px}.mobile-demo-hint{font-size:12px;margin:24px 0 12px}.arava-app-restart{border:1px solid #030b6d;border-radius:20px;padding:8px 16px;background:transparent;color:#030b6d;cursor:pointer;font-size:12px}.arava-app-menu{position:absolute;right:3%;left:3%;top:12%;padding:7%;background:white;border-radius:12px;box-shadow:0 8px 30px #0005;z-index:8}.arava-app-menu button{display:block;width:100%;border:0;border-bottom:1px solid #ddd;background:white;color:#030b6d;padding:9px;font:600 4cqw Assistant,Arial;cursor:pointer}.arava-app-toast{position:absolute;left:7%;right:7%;bottom:14%;padding:12px;border-radius:10px;background:#030b6df0;color:white;font:4cqw Assistant,Arial;z-index:9}.arava-app-select{position:absolute;border:0;background:white;color:#111;font:4cqw Assistant,Arial;direction:rtl;text-align:center;cursor:pointer}.arava-mobile-demo button:focus-visible{outline:2px solid #ffb000;outline-offset:3px}

.arava-mobile-demo{overflow:hidden;padding:15px 0 25px}.arava-mobile-phone.awaiting-entry{opacity:0;transform:translateX(-65vw);transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .7s ease}.arava-mobile-phone.awaiting-entry.entered{opacity:1;transform:translateX(0)}@media(prefers-reduced-motion:reduce){.arava-mobile-phone.awaiting-entry{opacity:1;transform:none;transition:none}}

.arava-mobile-demo{display:flex;flex-direction:column;align-items:center}.arava-mobile-demo .mobile-demo-hint{width:100%;max-width:none;margin:24px auto 12px;text-align:center}.arava-mobile-demo .arava-app-restart{align-self:center;margin-left:auto;margin-right:auto}

.card-holder-object{width:24%;max-width:275px}.object-letterhead{max-width:255px}.object-mugs{max-width:345px}@media(max-width:650px){.card-holder-object{width:27%}.object-letterhead{width:28%!important}.object-mugs{width:37%!important}}

.strategy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.strategy article{padding:30px 26px;border:1px solid #dce5f0;border-radius:24px;background:#fff;box-shadow:0 6px 16px #030b6d03}.strategy article:nth-child(2){background:linear-gradient(120deg,#f0f6ff,#e3edfc)}.strategy article:nth-child(3){background:#fff}.strategy article h2{border:0;padding-bottom:0;margin:18px 0 24px;min-height:0;font-size:27px;line-height:1.25}.strategy article p{margin:0;font-size:16px;line-height:1.85}.strategy article .number{font-size:10px;letter-spacing:2px}@media(max-width:850px){.strategy{grid-template-columns:1fr}.strategy article{padding:28px}.strategy article h2{font-size:26px}}

.tags>span+span:before{content:"•";display:inline-block;margin-right:22px;font-weight:400}.tags{column-gap:22px}

.number,.project-strategy-unified>article>span{display:flex!important;align-items:center!important;gap:13px!important;color:#756e63!important;font:400 12px/1.5 Arial,sans-serif!important;letter-spacing:2px!important}.number:before,.project-strategy-unified>article>span:before{content:'';display:block;width:14px;height:14px;border-radius:4px;background:#ffb000;flex-shrink:0}@media(max-width:650px){.number,.project-strategy-unified>article>span{font-size:10px!important;letter-spacing:1.5px!important}}

.asimon-sample{font-size:clamp(34px,3.5vw,55px)}.shuneet-sample{font-size:clamp(16px,1.9vw,24px)}@media(max-width:650px){.asimon-sample{font-size:clamp(30px,8vw,53px)}.shuneet-sample{font-size:clamp(15px,4vw,23px)}}

.asimon-sample{position:relative;top:-32px}@media(max-width:650px){.asimon-sample{top:0}}

.landing-hero-actions button{transition:background-color .18s,filter .18s!important}.landing-hero-actions .hero-join:hover,.landing-hero-actions .hero-learn:hover{transform:none!important;filter:brightness(1.1) drop-shadow(0 2px 2px #0003)}

.landing-hero-actions .hero-learn:hover{background:#f0f3fc!important;color:#030b6d!important;transform:none!important;filter:brightness(1.02) drop-shadow(0 2px 2px #0003)}

.live-fare-controls{position:absolute;inset:0;pointer-events:none;container-type:inline-size}.live-fare-controls select,.live-fare-controls button{position:absolute;pointer-events:auto;cursor:pointer}.live-fare-controls select{left:76.65%;width:11.15%;height:2.35%;border:0;background:#ffb000;color:#030b6d;font:1.3cqw Assistant,Arial;direction:rtl;border-radius:0;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);padding:0 .6cqw}.fare-from{top:8.73%}.fare-to{top:16.33%}.fare-vehicle{top:7.6%;width:7.6%;height:8.5%;border:2px solid transparent;border-radius:2cqw;background:transparent}.fare-vehicle[aria-pressed=true]{border-color:#ff0900}.fare-vehicle:hover{background:#ffb00015}.live-fare-price{position:absolute;left:8%;top:9.4%;width:16%;height:3.9%;background:white;display:flex;align-items:center;justify-content:center;color:#000;font:700 2.8cqw Assistant,Arial}.fare-calculate{left:8.9%;top:15.6%;width:15%;height:3.15%;border:0;background:transparent}.landing-slice .landing-ad-updated-screen{position:absolute!important;left:54.65%!important;top:39.12%!important;width:13.48%!important;height:21.1%!important;object-fit:fill!important;border-radius:1.4cqw!important;max-width:none!important}

.fare-vehicle[data-fare-type="private"][aria-pressed="false"]{border:3px solid white;box-shadow:0 0 0 1px white}.fare-vehicle[aria-pressed="true"]{border:2px solid #ff0900;box-shadow:none}

.card-holder-object{width:21%;max-width:242px}@media(max-width:650px){.card-holder-object{width:24%}}

.object-calendar{max-width:230px}@media(max-width:650px){.object-calendar{width:22%!important}}

.object-pens{width:21%!important;max-width:242px}.object-mugs{max-width:380px}@media(max-width:650px){.object-pens{width:24%!important}.object-mugs{width:40%!important}}

.object-letterhead img{transform:scaleY(1.18);transform-origin:center top}.object-letterhead{padding-bottom:4%}

.object-letterhead{width:31%!important;max-width:350px}@media(max-width:650px){.object-letterhead{width:35%!important;max-width:350px}}