:root{--bg:#07101d;--bg-soft:#0b1726;--surface:#101d2d;--text:#f2f5f7;--muted:#94a2b3;--line:rgba(213,226,240,.15);--accent:#7eaefc;--accent2:#ccd9ea;--display:'Syne',sans-serif;--body:'DM Sans',sans-serif;--pad:clamp(1.25rem,4vw,4.8rem);--ease:cubic-bezier(.2,.75,.25,1);color-scheme:dark}html[data-theme=light]{--bg:#f4f1ea;--bg-soft:#ebe7df;--surface:#fffdf8;--text:#101b2b;--muted:#657080;--line:rgba(16,27,43,.16);--accent:#245ea8;--accent2:#24344b;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden;transition:background .55s var(--ease),color .55s var(--ease)}body.menu-open{overflow:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:1rem;left:1rem;padding:.8rem 1rem;background:var(--text);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:-1;width:35rem;height:35rem;border-radius:50%;background:radial-gradient(circle,rgba(62,120,220,.13),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;opacity:0}.page-progress{position:fixed;z-index:150;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.preloader{position:fixed;z-index:999;inset:0;background:#050b12;color:#f4f7fa;display:grid;place-items:center;padding:2rem;transition:transform 1s var(--ease)}.preloader.done{transform:translateY(-105%)}.preloader-mark,.brand,.footer-brand,.orbit-core{display:flex;align-items:center;font-family:var(--display);font-weight:700}.preloader-mark{font-size:clamp(3.8rem,11vw,9rem);letter-spacing:-.09em}.preloader-mark i,.brand i,.footer-brand i,.orbit-core i{width:.22em;height:.22em;background:var(--accent);border-radius:50%;margin:0 .17em}.preloader-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:2rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:5.5rem;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:height .4s,background .4s,border .4s}.site-header.scrolled{height:4.6rem;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(18px);border-color:var(--line)}.brand{font-size:1.2rem;letter-spacing:-.08em}.desktop-nav{display:flex;gap:clamp(1rem,2.2vw,2.5rem)}.desktop-nav a{position:relative;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;transition:color .3s}.desktop-nav a::after,.text-link::after{content:'';position:absolute;left:0;bottom:-.45rem;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a:hover::after,.desktop-nav a.active::after,.text-link:hover::after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{border:1px solid var(--line);width:2.6rem;height:1.45rem;border-radius:2rem;padding:.2rem;background:transparent;cursor:pointer}.theme-toggle span{display:block;width:.9rem;height:.9rem;border-radius:50%;background:var(--text);transform:translateX(0);transition:transform .4s var(--ease)}html[data-theme=light] .theme-toggle span{transform:translateX(1.05rem);background:var(--accent)}.menu-toggle{display:none;width:2.5rem;height:2.5rem;border:0;background:transparent;padding:.6rem;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;height:1px;background:var(--text);margin:.4rem 0}.mobile-menu{position:fixed;z-index:90;inset:0;background:var(--bg);padding:8rem var(--pad) 3rem;transform:translateY(-105%);transition:transform .7s var(--ease);display:flex;flex-direction:column;justify-content:space-between}.mobile-menu.open{transform:none}.mobile-menu nav{display:grid}.mobile-menu a{font-family:var(--display);font-size:clamp(2.2rem,11vw,4rem);line-height:1.25;border-bottom:1px solid var(--line)}.mobile-menu a span{font-family:var(--body);font-size:.65rem;color:var(--muted);margin-right:1rem}.mobile-menu p{color:var(--muted)}.section{position:relative;padding:clamp(6rem,12vw,11rem) var(--pad)}.hero{min-height:100svh;padding-top:9rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,32vw);gap:4vw;align-items:center;isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:clamp(4rem,8vw,8rem) clamp(4rem,8vw,8rem);mask-image:linear-gradient(to bottom,black,transparent 80%);opacity:.32}.hero::before{content:'';position:absolute;width:40vw;height:40vw;right:5%;top:16%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(64,111,190,.16),transparent 65%)}.eyebrow,.section-index{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.availability-dot{display:inline-block;width:.48rem;height:.48rem;border-radius:50%;background:#75cda0;box-shadow:0 0 0 .3rem rgba(117,205,160,.12);margin-right:.7rem}.eyebrow b{padding:0 .5rem}.hero-title{font-family:var(--display);font-size:clamp(3.6rem,8.2vw,9.2rem);line-height:.86;letter-spacing:-.075em;margin:2rem 0 3rem;font-weight:600}.hero-title .line{display:block;overflow:hidden}.hero-title .line>span{display:block}.hero-title .accent-line{color:var(--accent2)}.hero-bottom{display:flex;gap:4rem;align-items:end}.hero-bottom>p{max-width:34rem;margin:0;color:var(--muted);font-size:clamp(1rem,1.3vw,1.2rem)}.hero-actions{display:flex;align-items:center;gap:2rem;flex:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:3.35rem;padding:0 1.2rem;border:1px solid var(--line);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;background:transparent;color:var(--text);transition:background .3s,color .3s,border .3s,transform .3s}.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button:hover{border-color:var(--accent)}.button.disabled{opacity:.45;cursor:not-allowed}.text-link{position:relative;white-space:nowrap;font-size:.85rem}.hero-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center;max-width:34rem}.orbit-ring{position:absolute;border:1px solid var(--line);border-radius:50%}.ring-one{inset:4%}.ring-two{inset:22%;border-style:dashed}.orbit-core{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.1em}.orbit-label{position:absolute;font-size:.55rem;letter-spacing:.18em;color:var(--muted);background:var(--bg);padding:.3rem}.label-one{top:4%;left:40%}.label-two{bottom:12%;right:4%;transform:rotate(58deg)}.label-three{bottom:14%;left:0;transform:rotate(-48deg)}.hero-role{position:absolute;right:var(--pad);bottom:3rem;text-align:right;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.scroll-cue{position:absolute;left:var(--pad);bottom:3rem;display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em}.scroll-cue i{width:4rem;height:1px;background:var(--line);position:relative}.scroll-cue i::after{content:'';position:absolute;width:30%;height:1px;background:var(--text);animation:scrollcue 2s infinite}@keyframes scrollcue{from{transform:translateX(0)}to{transform:translateX(230%)}}.section-intro{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding-bottom:3rem;border-bottom:1px solid var(--line);margin-bottom:clamp(4rem,8vw,8rem)}.section-intro p{max-width:35rem;margin:0;color:var(--muted)}.display-heading{font-family:var(--display);font-size:clamp(2.7rem,6.4vw,7.5rem);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0}.display-heading em,.project-heading h2 em,.contact-top h2 em{font-style:normal;color:var(--accent)}.about-statement{max-width:82rem}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw;margin-top:7rem}.about-copy{max-width:34rem;color:var(--muted);font-size:1.08rem}.about-copy p+ p{margin-top:2rem}.stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.stats>div{min-height:11rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between}.stats strong{font-family:var(--display);font-size:clamp(2.3rem,4vw,4.8rem);line-height:1;color:var(--accent2)}.stats span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.projects{background:var(--bg-soft)}.project-nav{position:sticky;z-index:10;top:5rem;margin-left:auto;width:max-content;display:flex;background:var(--bg);border:1px solid var(--line);padding:.25rem}.project-nav button{width:2.8rem;height:2.4rem;border:0;background:transparent;color:var(--muted);cursor:pointer}.project-nav button.active{background:var(--text);color:var(--bg)}.project-case{padding:8rem 0;border-bottom:1px solid var(--line)}.project-case:first-of-type{padding-top:3rem}.project-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}.status{border:1px solid var(--line);padding:.35rem .6rem;border-radius:2rem}.status.live{color:#78d3a6}.status.progress{color:#e5b86d}.project-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:end;margin:3rem 0}.project-heading h2{font-family:var(--display);font-weight:600;font-size:clamp(4rem,10vw,11rem);line-height:.8;letter-spacing:-.08em;margin:0}.project-heading p{max-width:35rem;margin:0;color:var(--muted);font-size:1.08rem}.project-visual{position:relative;aspect-ratio:16/8;overflow:hidden;border:1px solid var(--line);background:#0b1320;padding:clamp(1rem,5vw,5rem);color:#edf3fa}.mock-window{height:100%;display:grid;grid-template-columns:4.5rem 1fr;background:#101a28;border:1px solid rgba(255,255,255,.13);box-shadow:0 2rem 5rem rgba(0,0,0,.3);transform:perspective(1000px) rotateX(2deg)}.mock-sidebar{display:flex;flex-direction:column;align-items:center;gap:1.4rem;border-right:1px solid rgba(255,255,255,.1);padding:1rem}.mock-sidebar b{font-family:var(--display);font-size:1.5rem}.mock-sidebar i{display:block;width:1.2rem;height:1.2rem;border:1px solid rgba(255,255,255,.22);border-radius:50%}.mock-sidebar small{margin-top:auto}.mock-main{padding:1.3rem 2rem;display:flex;flex-direction:column}.mock-top{display:flex;justify-content:space-between;color:#8b9bb0;font-size:.65rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.mock-prompt,.mock-answer{max-width:70%;padding:1rem 0}.mock-prompt{margin-left:auto}.mock-prompt small,.mock-answer small{font-size:.55rem;letter-spacing:.15em;color:#7eaefc}.mock-prompt p{font-size:clamp(.7rem,1vw,1rem)}.typing-line{height:.55rem;background:linear-gradient(90deg,#cad7e7 75%,transparent 75%);opacity:.6;margin:.7rem 0}.typing-line.short{width:60%}.insight-grid{display:flex;gap:.5rem}.insight-grid span{font-size:.55rem;padding:.4rem .6rem;background:#162944;color:#91b9fa}.mock-input{margin-top:auto;border:1px solid rgba(255,255,255,.13);padding:.8rem 1rem;color:#79899d;font-size:.7rem;display:flex;justify-content:space-between}.mock-input span{color:#fff}.project-details{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin:4rem 0}.project-details h3{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}.project-details p{color:var(--muted)}.feature-list{display:flex;flex-wrap:wrap;gap:.5rem}.feature-list span,.tech-row span{border:1px solid var(--line);padding:.55rem .75rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.tech-row{display:flex;flex-wrap:wrap;gap:1.3rem;margin-top:2rem}.tech-row span{border:0;padding:0;color:var(--muted)}.project-actions{display:flex;gap:1rem;margin-top:3rem}.finora{background:#e9e4da;color:#172034}.finora-shell{height:100%;display:grid;grid-template-columns:12rem 1fr;background:#f7f4ee;box-shadow:0 2rem 4rem rgba(45,32,20,.2)}.finora-nav{background:#1b2b24;color:#eff5ec;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;font-size:.65rem}.finora-nav b{font-family:var(--display);font-size:1.4rem;margin-bottom:1rem}.finora-nav span{opacity:.55}.finora-body{padding:clamp(1rem,2.5vw,2.5rem);display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:auto 1fr 1fr;gap:1rem}.finance-title{grid-column:1/-1;display:flex;justify-content:space-between}.finance-title span{font-size:.65rem}.finance-title strong{font-size:.9rem}.balance-card,.chart-card,.goal-card{padding:1.3rem;background:#fff;border:1px solid #ded8cd}.balance-card b{display:block;font:600 clamp(1rem,2vw,2.3rem) var(--display);margin:.8rem 0}.balance-card span,.goal-card span{font-size:.6rem;color:#567563}.chart-card{grid-row:2/4;grid-column:2}.bars{height:75%;display:flex;align-items:end;gap:.5rem;margin-top:1rem}.bars i{flex:1;height:var(--h);background:#c5a66a}.goal-card b{display:block;margin:.5rem 0}.goal-card>div{height:.3rem;background:#e8e3da}.goal-card>div i{display:block;width:68%;height:100%;background:#385d4c}.orbitflow{background:#171725}.orbit-shell{height:100%;padding:1.3rem;background:#212133;border:1px solid #39394e}.orbit-top{display:flex;justify-content:space-between;border-bottom:1px solid #39394e;padding-bottom:1rem}.orbit-top b{color:#b8a9ff}.orbit-top span{font-size:.65rem;color:#9292aa}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.4rem}.kanban-col>small{display:flex;justify-content:space-between;color:#8e8ea5}.task-card{background:#2a2a3e;border:1px solid #3b3b52;margin-top:.7rem;padding:1rem;min-height:5rem}.task-card i{display:block;width:1.5rem;height:.2rem;background:#8d79ef}.task-card strong{font-size:.75rem;display:block;margin:.7rem 0}.task-card span{font-size:.55rem;color:#8d8da3}.no-link-note{color:var(--muted);font-size:.75rem;margin-top:2.5rem}.skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.skill-group{border-top:1px solid var(--line)}.skill-group:last-child{border-bottom:1px solid var(--line)}.skill-group summary{list-style:none;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;padding:1.4rem 0;cursor:pointer}.skill-group summary::-webkit-details-marker{display:none}.skill-group summary span{font-size:.62rem;color:var(--muted)}.skill-group summary h3{font:500 clamp(1.2rem,2.2vw,2rem) var(--display);margin:0}.skill-group summary i{width:1rem;height:1rem;position:relative}.skill-group summary i::before,.skill-group summary i::after{content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:var(--text);transition:transform .3s}.skill-group summary i::after{transform:rotate(90deg)}.skill-group[open] summary i::after{transform:rotate(0)}.skill-cloud{display:flex;flex-wrap:wrap;gap:.6rem;padding:0 0 1.5rem 3rem}.skill-cloud span{padding:.45rem .7rem;background:var(--bg-soft);font-size:.72rem;color:var(--muted)}.journey{background:var(--bg-soft)}.journey-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.journey-sticky{position:sticky;top:8rem;align-self:start}.education{margin-top:4rem;border-left:2px solid var(--accent);padding-left:1rem;display:grid;gap:.5rem}.education small{color:var(--muted);font-size:.6rem;letter-spacing:.15em}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:2rem 0;border-top:1px solid var(--line)}.timeline>li>span{font-size:.65rem;color:var(--accent)}.timeline small{font-size:.58rem;letter-spacing:.14em;color:var(--muted)}.timeline h3{font:500 clamp(1.4rem,2.8vw,2.6rem) var(--display);margin:.3rem 0}.timeline p{color:var(--muted);max-width:35rem;margin:.5rem 0}.process{overflow:hidden}.process>.display-heading{margin-bottom:5rem}.process-track{display:grid;grid-template-columns:repeat(6,minmax(16rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line);width:max-content}.process-track article{width:clamp(16rem,25vw,25rem);min-height:22rem;background:var(--bg);padding:2rem;display:flex;flex-direction:column}.process-track article>span{color:var(--accent);font-size:.65rem}.process-track h3{font:500 clamp(1.4rem,2.3vw,2.2rem) var(--display);margin-top:auto}.process-track p{color:var(--muted)}.contact{background:var(--bg-soft);padding-bottom:4rem}.contact-top h2{font:600 clamp(3rem,8vw,9rem)/.92 var(--display);letter-spacing:-.065em;margin:2rem 0}.contact-top>p{color:var(--muted);max-width:38rem}.contact-top>a{display:inline-flex;gap:1rem;margin-top:1rem;border-bottom:1px solid var(--accent)}.contact-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:8vw;margin-top:7rem}.contact-form{display:grid;gap:2rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-form label{display:grid;gap:.7rem}.contact-form label>span,.contact-aside small{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);padding:.5rem 0 1rem;outline:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.honeypot{position:absolute;left:-10000px}.form-bottom{display:flex;align-items:center;gap:2rem}.form-status{color:var(--muted);font-size:.75rem;max-width:25rem}.form-status.error{color:#e78e8e}.form-status.success{color:#78d3a6}.contact-aside{border-left:1px solid var(--line);padding-left:3rem;display:flex;flex-direction:column;gap:3rem}.contact-aside>div{display:grid;gap:.7rem}.contact-aside strong i{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#78d3a6;margin-right:.4rem}.social-links{display:flex;gap:1rem}.social-links span{color:var(--muted);font-size:.75rem;border-bottom:1px dashed var(--line)}footer{padding:2.5rem var(--pad);display:grid;grid-template-columns:auto 1fr 1fr auto;gap:2rem;align-items:center;border-top:1px solid var(--line)}.footer-brand{font-size:1.5rem}footer>div{display:grid}footer>div span,footer p{color:var(--muted);font-size:.7rem}.back-top{border:0;background:transparent;color:var(--text);cursor:pointer}.error-page{min-height:100vh;padding:10rem var(--pad);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.error-page>span{color:var(--accent);letter-spacing:.2em}.error-page h1{font:600 clamp(3rem,8vw,8rem)/.95 var(--display);letter-spacing:-.06em;margin:1rem 0}.error-page p{color:var(--muted);margin-bottom:2rem}.reveal{will-change:transform,opacity}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-bottom:7rem}.hero-orbit{position:absolute;right:-12rem;top:16%;width:28rem;opacity:.45;z-index:-1}.hero-bottom{flex-direction:column;align-items:flex-start;gap:2rem}.hero-role{display:none}.about-grid,.skills-layout,.journey-grid,.contact-grid{grid-template-columns:1fr}.journey-sticky{position:relative;top:0}.project-heading{grid-template-columns:1fr}.project-details{grid-template-columns:1fr}.project-visual{aspect-ratio:4/3}.contact-aside{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}.process-track{overflow-x:auto;width:calc(100vw - var(--pad));scroll-snap-type:x mandatory}.process-track article{scroll-snap-align:start}footer{grid-template-columns:auto 1fr auto}footer p{display:none}}
@media(max-width:640px){.site-header{height:4.7rem}.section{padding-top:6rem;padding-bottom:6rem}.hero{padding-top:7rem}.hero-title{font-size:clamp(3rem,16vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-orbit{width:22rem;right:-11rem}.scroll-cue{bottom:1.5rem}.section-intro{grid-template-columns:1fr;margin-bottom:4rem}.about-grid{margin-top:4rem}.stats{grid-template-columns:1fr 1fr}.stats>div{min-height:8.5rem}.project-nav{display:none}.project-case{padding:5rem 0}.project-meta{grid-template-columns:1fr auto}.project-meta span:nth-child(2){display:none}.project-heading h2{font-size:clamp(3.7rem,18vw,6rem)}.project-visual{aspect-ratio:3/4;padding:1rem}.mock-window{grid-template-columns:2.7rem}.mock-sidebar{padding:.6rem}.mock-sidebar i{width:.8rem;height:.8rem}.mock-main{padding:1rem}.mock-prompt,.mock-answer{max-width:92%}.finora-shell{grid-template-columns:1fr}.finora-nav{display:none}.finora-body{grid-template-columns:1fr;grid-template-rows:auto repeat(3,1fr)}.chart-card{grid-row:auto;grid-column:auto}.finance-title span{display:none}.kanban{grid-template-columns:1fr}.kanban-col:nth-child(n+2){display:none}.project-actions,.field-row,.form-bottom{display:grid;grid-template-columns:1fr}.button{width:100%}.skills-layout>.display-heading{margin-bottom:2rem}.timeline li{grid-template-columns:2rem 1fr}.contact-top h2{font-size:clamp(3rem,14vw,5.5rem)}.social-links{flex-direction:column}footer{grid-template-columns:auto 1fr}footer .back-top{grid-column:1/-1;text-align:left}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled){scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *::before,html:not(.motion-enabled) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html:not(.motion-enabled) .preloader{display:none}html:not(.motion-enabled) .cursor-glow{display:none}}
noscript{display:block;padding:1rem;background:var(--accent);color:var(--bg)}
.hero{overflow:hidden}

/* Reliable motion system and contained process sequence */
.motion-ready .hero-title .line>span{transform:translateY(115%);opacity:0}.motion-start .hero-title .line>span{transform:translateY(0);opacity:1;transition:transform 1.15s var(--ease),opacity .8s ease}.motion-start .hero-title .line:nth-child(2)>span{transition-delay:.13s}.motion-ready .hero .eyebrow,.motion-ready .hero-bottom,.motion-ready .hero-orbit{opacity:0;transform:translateY(24px)}.motion-start .hero .eyebrow,.motion-start .hero-bottom,.motion-start .hero-orbit{opacity:1;transform:translateY(0);transition:opacity .85s ease,transform .95s var(--ease)}.motion-start .hero .eyebrow{transition-delay:.18s}.motion-start .hero-bottom{transition-delay:.32s}.motion-start .hero-orbit{transition-delay:.42s}.motion-item{opacity:0;transform:translateY(54px);transition:opacity .8s ease,transform .95s var(--ease);transition-delay:calc(var(--motion-order,0)*55ms)}.motion-item.in-view{opacity:1;transform:translateY(0)}.project-visual.motion-item{transform:translateY(65px) scale(.975);clip-path:inset(0 0 12% 0)}.project-visual.motion-item.in-view{transform:translateY(0) scale(1);clip-path:inset(0)}.stats>div.motion-item.in-view,.process-track article.motion-item.in-view{transition-delay:calc(var(--motion-order,0)*85ms)}
.process{overflow:hidden}.process-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:100%;background:var(--line);border:1px solid var(--line)}.process-track::before{content:'';position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);transform-origin:left;animation:processPulse 4.5s ease-in-out infinite}.process-track article{position:relative;width:auto;min-width:0;min-height:20rem;background:var(--bg);padding:2rem;display:flex;flex-direction:column;overflow:hidden;transition:background .4s var(--ease),color .4s var(--ease),transform .4s var(--ease)}.process-track article::after{content:'';position:absolute;width:10rem;height:10rem;right:-6rem;top:-6rem;border:1px solid var(--accent);border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .5s,transform .6s var(--ease)}.process-track article:hover{background:var(--surface);transform:translateY(-4px);z-index:2}.process-track article:hover::after{opacity:.28;transform:scale(1)}.process-track article>span{color:var(--accent);font-size:.65rem}.process-track h3{font:500 clamp(1.35rem,2.1vw,2.25rem) var(--display);margin-top:auto}.process-track p{color:var(--muted);max-width:25rem}@keyframes processPulse{0%,100%{transform:scaleX(.12);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@media(max-width:980px){.process-track{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible}.process-track article{min-height:18rem}}
@media(max-width:640px){.process-track{grid-template-columns:1fr}.process-track article{min-height:16rem}.motion-item{transform:translateY(32px)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .motion-ready .hero-title .line>span,html:not(.motion-enabled) .motion-ready .hero .eyebrow,html:not(.motion-enabled) .motion-ready .hero-bottom,html:not(.motion-enabled) .motion-ready .hero-orbit,html:not(.motion-enabled) .motion-item,html:not(.motion-enabled) .project-visual.motion-item{opacity:1;transform:none;clip-path:none}html:not(.motion-enabled) .process-track::before{animation:none;transform:scaleX(1)}}
.typing-line{background-size:220% 100%;animation:typingShimmer 2.8s ease-in-out infinite}.project-visual .bars i{transform:scaleY(0);transform-origin:bottom;transition:transform .8s var(--ease)}.project-visual.in-view .bars i{transform:scaleY(1)}.project-visual.in-view .bars i:nth-child(2n){transition-delay:.08s}.project-visual.in-view .bars i:nth-child(3n){transition-delay:.16s}.project-visual .task-card{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .65s var(--ease)}.project-visual.in-view .task-card{opacity:1;transform:none}.project-visual.in-view .task-card:nth-child(3){transition-delay:.1s}.project-visual.in-view .task-card:nth-child(4){transition-delay:.2s}@keyframes typingShimmer{0%,100%{background-position:100% 0;opacity:.38}50%{background-position:0 0;opacity:.82}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .typing-line{animation:none}html:not(.motion-enabled) .project-visual .bars i,html:not(.motion-enabled) .project-visual .task-card{opacity:1;transform:none;transition:none}}

/* Cinematic interaction layer */
.page-reveal{position:fixed;z-index:998;inset:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.page-reveal i{display:block;background:var(--accent);transform-origin:top;animation:revealPanel 1.05s var(--ease) forwards}.page-reveal i:nth-child(2){animation-delay:.07s}.page-reveal i:nth-child(3){animation-delay:.14s}.page-reveal i:nth-child(4){animation-delay:.21s}@keyframes revealPanel{0%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.cursor{position:fixed;z-index:997;left:0;top:0;width:.75rem;height:.75rem;border:1px solid var(--text);border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0);transition:width .35s var(--ease),height .35s var(--ease),background .35s,border-color .35s,opacity .25s;mix-blend-mode:difference}.cursor span{position:absolute;inset:0;display:grid;place-items:center;color:#07101d;font-size:.58rem;text-transform:uppercase;letter-spacing:.11em;opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s var(--ease)}.cursor.visible{opacity:1}.cursor.link{width:3.4rem;height:3.4rem;background:#fff;border-color:#fff}.cursor.project{width:5.25rem;height:5.25rem;background:#fff;border-color:#fff;mix-blend-mode:normal}.cursor.project span{opacity:1;transform:scale(1)}.cursor.down{transform:translate3d(-50%,-50%,0) scale(.72)}
@media(pointer:fine){body.cursor-ready,body.cursor-ready a,body.cursor-ready button,body.cursor-ready summary,body.cursor-ready input,body.cursor-ready textarea{cursor:none}}
.kinetic-band{width:100%;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.95rem 0;background:var(--accent);color:var(--bg);transform:rotate(-1.35deg) scale(1.03);position:relative;z-index:3}.kinetic-track{display:flex;width:max-content;will-change:transform;animation:kineticFlow 24s linear infinite}.kinetic-track span{display:flex;align-items:center;gap:1.5rem;padding-right:1.5rem;white-space:nowrap;font:600 clamp(.72rem,1.2vw,1rem) var(--display);letter-spacing:.16em}.kinetic-track i{width:.48rem;height:.48rem;border-radius:50%;background:var(--bg)}@keyframes kineticFlow{to{transform:translateX(-50%)}}
.hero-grid{will-change:transform}.hero::after{content:'';position:absolute;left:50%;top:50%;width:42vw;height:42vw;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%) scale(var(--hero-pulse,1));opacity:.35;pointer-events:none}.hero-orbit{will-change:transform}.orbit-core{animation:coreBreath 4s ease-in-out infinite}@keyframes coreBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.section-intro{position:relative}.section-intro::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1.25s var(--ease)}.section-intro.in-view::after{transform:scaleX(1)}
.display-heading{background:linear-gradient(100deg,var(--text) 0%,var(--text) 40%,var(--accent2) 50%,var(--text) 60%,var(--text) 100%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.5s var(--ease)}.display-heading.in-view{background-position:0 0}.display-heading em{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}
.project-heading h2{will-change:transform}.project-visual{--tilt-x:0deg;--tilt-y:0deg;--lift:0px;perspective:1400px;transition:transform .7s var(--ease),box-shadow .7s var(--ease);transform-style:preserve-3d}.project-visual.in-view:hover{box-shadow:0 3rem 7rem rgba(0,0,0,.25);transform:translateY(-7px) scale(1.008)}.project-visual>div{transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift));transition:transform .25s ease-out;transform-style:preserve-3d}.project-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.13),transparent 38%);opacity:0;transition:opacity .35s}.project-visual:hover::after{opacity:1}.project-case .project-meta>span:first-child{transition:letter-spacing .6s var(--ease),color .4s}.project-case:hover .project-meta>span:first-child{letter-spacing:.5em;color:var(--accent)}
.feature-list span,.tech-row span,.skill-cloud span{transition:transform .35s var(--ease),background .35s,color .35s,border-color .35s}.feature-list span:hover,.skill-cloud span:hover{transform:translateY(-4px);background:var(--text);color:var(--bg);border-color:var(--text)}
.timeline{position:relative}.timeline::before{content:'';position:absolute;left:3.98rem;top:0;width:1px;height:100%;background:linear-gradient(var(--accent) var(--timeline-progress,0%),var(--line) var(--timeline-progress,0%));transition:background .2s}.timeline li{position:relative;transition:opacity .45s,transform .65s var(--ease)}.timeline li:not(.timeline-active){opacity:.46}.timeline li.timeline-active{opacity:1;transform:translateX(.7rem)}.timeline li::before{content:'';position:absolute;left:3.7rem;top:2.45rem;width:.58rem;height:.58rem;border-radius:50%;background:var(--bg-soft);border:1px solid var(--line);transition:background .35s,box-shadow .35s}.timeline li.timeline-active::before{background:var(--accent);box-shadow:0 0 0 .45rem color-mix(in srgb,var(--accent) 15%,transparent)}
.button.primary{position:relative;overflow:hidden;isolation:isolate}.button.primary::before{content:'';position:absolute;z-index:-1;inset:-2px;background:var(--accent);transform:translateY(105%);transition:transform .45s var(--ease)}.button.primary:hover::before{transform:translateY(0)}.button.primary:hover{color:var(--bg)}
.site-header .brand{transition:letter-spacing .45s var(--ease)}.site-header .brand:hover{letter-spacing:.08em}.stats>div{position:relative;overflow:hidden;transition:background .4s,transform .45s var(--ease)}.stats>div::before{content:'';position:absolute;inset:auto 0 0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.stats>div:hover{background:var(--surface);transform:translateY(-4px)}.stats>div:hover::before{transform:scaleX(1)}
@media(max-width:640px){.kinetic-band{transform:rotate(-2deg) scale(1.05)}.timeline::before{left:1.98rem}.timeline li::before{left:1.7rem}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .page-reveal{display:none}html:not(.motion-enabled) .cursor{display:none}html:not(.motion-enabled) .kinetic-track,html:not(.motion-enabled) .orbit-core{animation:none}html:not(.motion-enabled) .display-heading{background:none;color:var(--text)}html:not(.motion-enabled) .display-heading em{-webkit-text-fill-color:var(--accent)}html:not(.motion-enabled) .project-visual>div,html:not(.motion-enabled) .project-visual.in-view:hover{transform:none}html:not(.motion-enabled) .timeline li:not(.timeline-active){opacity:1}html:not(.motion-enabled) .timeline li.timeline-active{transform:none}}

/* High-impact awards-style motion */
.ambient-light{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;filter:blur(70px);opacity:.72}.ambient-light i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;will-change:transform}.ambient-light i:nth-child(1){width:38vw;height:38vw;left:-12vw;top:8vh;background:rgba(34,92,180,.18);animation:ambientOne 16s ease-in-out infinite alternate}.ambient-light i:nth-child(2){width:32vw;height:32vw;right:-8vw;top:45vh;background:rgba(82,126,218,.14);animation:ambientTwo 19s ease-in-out infinite alternate}.ambient-light i:nth-child(3){width:26vw;height:26vw;left:38vw;bottom:-14vw;background:rgba(69,163,197,.1);animation:ambientThree 14s ease-in-out infinite alternate}@keyframes ambientOne{to{transform:translate(22vw,18vh) scale(1.2)}}@keyframes ambientTwo{to{transform:translate(-24vw,-18vh) scale(.8)}}@keyframes ambientThree{to{transform:translate(18vw,-30vh) scale(1.35)}}main,.site-header,footer{position:relative;z-index:1}
.motion-status{position:fixed;z-index:115;right:var(--pad);bottom:1.4rem;height:2.2rem;display:flex;align-items:center;gap:.65rem;padding:0 .8rem;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);font-size:.52rem;letter-spacing:.14em;color:var(--muted)}.motion-status i{width:.42rem;height:.42rem;border-radius:50%;background:#72d69d;box-shadow:0 0 0 0 rgba(114,214,157,.45);animation:livePulse 1.8s infinite}.motion-status b{color:var(--text);font-weight:500;border-left:1px solid var(--line);padding-left:.6rem}@keyframes livePulse{60%{box-shadow:0 0 0 .55rem transparent}}
.hero-signals{position:absolute;inset:0;pointer-events:none}.signal{position:absolute;z-index:2;display:flex;align-items:center;gap:.55rem;padding:.48rem .7rem;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(12px);color:var(--muted);font-size:.5rem;letter-spacing:.13em;animation:signalFloat 5s ease-in-out infinite}.signal i{width:.35rem;height:.35rem;border-radius:50%;background:var(--accent);box-shadow:0 0 .8rem var(--accent)}.signal-one{right:31vw;top:23%;animation-delay:-1s}.signal-two{right:5vw;top:44%;animation-delay:-2.8s}.signal-three{right:28vw;bottom:20%;animation-delay:-4s}@keyframes signalFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-16px,0) rotate(1deg)}}
.hero-title .word{display:inline-block;will-change:transform,opacity}.motion-ready .hero-title .word{transform:translateY(115%) rotate(4deg);opacity:0}.motion-start .hero-title .word{transform:none;opacity:1;transition:transform 1.05s var(--ease),opacity .7s ease;transition-delay:calc(.12s + var(--word-index)*.085s)}.hero-title .word-space{display:inline-block;width:.22em}
.hero-title .accent-line>span{color:var(--accent2);animation:accentBreath 4.5s ease-in-out infinite}@keyframes accentBreath{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.35);text-shadow:0 0 2.5rem rgba(126,174,252,.18)}}@keyframes titleLight{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.hero-grid{animation:gridDrift 12s linear infinite}.hero-grid::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(126,174,252,.08) 50%,transparent 65%);transform:translateX(-100%);animation:gridScan 7s ease-in-out infinite}@keyframes gridDrift{to{background-position:8rem 8rem}}@keyframes gridScan{50%,100%{transform:translateX(100%)}}
.orbit-ring::after{content:'';position:absolute;width:.48rem;height:.48rem;border-radius:50%;background:var(--accent);box-shadow:0 0 1.2rem var(--accent);left:50%;top:-.24rem}.ring-two::after{width:.3rem;height:.3rem;top:auto;left:auto;right:10%;bottom:6%}.orbit-core::after{content:'';position:absolute;width:7rem;height:7rem;border-radius:50%;border:1px solid var(--accent);opacity:.18;animation:coreWave 2.8s ease-out infinite}@keyframes coreWave{to{transform:scale(2.2);opacity:0}}
.motion-item{filter:blur(10px);transition:opacity .85s ease,transform 1.05s var(--ease),filter .9s ease}.motion-item.in-view{filter:blur(0)}.project-visual.motion-item{filter:blur(12px) saturate(.5)}.project-visual.motion-item.in-view{filter:blur(0) saturate(1)}
.project-visual{background-size:200% 200%;animation:surfaceBreath 9s ease-in-out infinite}@keyframes surfaceBreath{0%,100%{background-position:0 0}50%{background-position:100% 100%}}.project-visual.aven{background-image:radial-gradient(circle at 20% 10%,#162b48,#0b1320 58%)}.project-visual.finora{background-image:radial-gradient(circle at 80% 20%,#fff,#e9e4da 60%)}.project-visual.orbitflow{background-image:radial-gradient(circle at 30% 10%,#2e2852,#171725 62%)}
.project-case{position:relative;isolation:isolate}.project-case::before{content:attr(id);position:absolute;right:-.02em;top:3rem;z-index:-1;font:600 clamp(6rem,18vw,18rem)/1 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px var(--line);opacity:.45;transform:translateX(var(--case-shift,0))}.project-heading h2 em{display:inline-block;animation:aiFloat 3.4s ease-in-out infinite}@keyframes aiFloat{50%{transform:translateY(-.08em);text-shadow:0 .2em 1em rgba(126,174,252,.35)}}
.skill-group[open] .skill-cloud{animation:cloudOpen .6s var(--ease) both}.skill-cloud span{animation:chipFloat 4s ease-in-out infinite;animation-delay:calc(var(--chip-index,0)*-.35s)}@keyframes cloudOpen{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes chipFloat{50%{transform:translateY(-3px)}}
.contact-top h2 em{background:linear-gradient(90deg,var(--accent),#fff,var(--accent2),var(--accent));background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleLight 5s linear infinite}.contact-top>a span,.text-link span,.button span{display:inline-block;transition:transform .35s var(--ease)}.contact-top>a:hover span,.text-link:hover span,.button:hover span{transform:translate(.3rem,-.3rem)}
::view-transition-old(root){animation:themeOut .45s ease both}::view-transition-new(root){animation:themeIn .7s var(--ease) both}@keyframes themeOut{to{opacity:0;transform:scale(.98)}}@keyframes themeIn{from{clip-path:circle(0 at calc(100% - 4rem) 3rem)}to{clip-path:circle(150% at calc(100% - 4rem) 3rem)}}
@media(max-width:980px){.signal-one{right:18vw}.signal-two{right:3vw}.signal-three{right:15vw}.project-case::before{top:5rem}}
@media(max-width:640px){.motion-status{display:none}.hero-signals{opacity:.55}.signal{font-size:.42rem}.signal-one{right:2vw;top:21%}.signal-two{display:none}.signal-three{right:5vw;bottom:15%}.ambient-light{opacity:.5}.project-case::before{font-size:6rem}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .ambient-light i,html:not(.motion-enabled) .motion-status i,html:not(.motion-enabled) .signal,html:not(.motion-enabled) .hero-grid,html:not(.motion-enabled) .hero-grid::after,html:not(.motion-enabled) .hero-title .accent-line>span,html:not(.motion-enabled) .orbit-core::after,html:not(.motion-enabled) .project-visual,html:not(.motion-enabled) .project-heading h2 em,html:not(.motion-enabled) .skill-cloud span,html:not(.motion-enabled) .contact-top h2 em{animation:none}html:not(.motion-enabled) .motion-ready .hero-title .word,html:not(.motion-enabled) .motion-item,html:not(.motion-enabled) .project-visual.motion-item{transform:none;opacity:1;filter:none}}

/* Completed product previews */
.finora-nav b{display:flex;align-items:center;gap:.55rem}.finora-nav b i{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:.45rem;background:#d8ff74;color:#1b2b24;font:700 .75rem var(--body);font-style:normal}.finora-nav .selected{margin:0 -.75rem;padding:.55rem .75rem;border-radius:.3rem;background:rgba(216,255,116,.12);color:#d8ff74;opacity:1}.finora-nav small{margin-top:auto;letter-spacing:.14em;color:#aab8ad}.balance-split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid #ece7df}.balance-split i{font-style:normal;font-size:.48rem;color:#8b948f}.balance-split i b{font:600 .67rem var(--body);margin:.15rem 0 0;color:#22362c}.chart-values{display:flex;gap:1.25rem;margin-top:.5rem}.chart-values b{font:600 .72rem var(--body);color:#203329}.chart-values b i{display:block;font:normal .48rem var(--body);text-transform:uppercase;letter-spacing:.1em;color:#88918c}
.project-visual.routewise{background:#dad7cf;color:#13282e;background-image:radial-gradient(circle at 76% 18%,#f9f4e9,#d7d4cc 62%)}.routewise-shell{height:100%;display:grid;grid-template-columns:12rem 1fr;overflow:hidden;background:#f5f1e9;box-shadow:0 2rem 5rem rgba(20,44,49,.22)}.routewise-nav{display:flex;flex-direction:column;gap:.72rem;padding:1.4rem;background:#103d48;color:#f9f4e9;font-size:.57rem}.routewise-nav>b{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem;font:700 1.08rem var(--display)}.routewise-nav>b i{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#f48061;color:#fff;font:700 .7rem var(--body);font-style:normal}.routewise-nav>small{color:#8db0b5;letter-spacing:.15em}.routewise-nav>strong{padding:.65rem;border:1px solid rgba(255,255,255,.13);border-radius:.35rem;font-size:.62rem}.routewise-nav>strong em{display:block;margin-top:.16rem;color:#a9c1c4;font-size:.48rem;font-style:normal;font-weight:400}.routewise-nav>span{padding:.45rem .6rem;color:#a9c1c4}.routewise-nav>.selected{border-radius:.28rem;background:rgba(255,255,255,.1);color:#fff}.routewise-nav>p{margin:auto 0 0;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.12);line-height:1.35;color:#f3c26f}.routewise-nav>p small{color:#91aeb2}.routewise-body{position:relative;display:grid;grid-template-columns:1.55fr .72fr;grid-template-rows:auto 1fr auto;gap:.75rem;padding:1.15rem;overflow:hidden}.routewise-title{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between}.routewise-title span{font-size:.5rem;letter-spacing:.13em;color:#718185}.routewise-title strong{font:600 .9rem var(--display)}.routewise-trip{position:relative;overflow:hidden;padding:1.1rem;border-radius:.25rem;background:linear-gradient(135deg,#133f4a,#1a5962);color:#fff}.routewise-trip::before{content:'';position:absolute;right:-5%;bottom:-45%;width:68%;height:78%;background:#2f7377;clip-path:polygon(0 100%,42% 10%,66% 52%,78% 32%,100% 100%)}.routewise-trip::after{content:'';position:absolute;right:12%;top:12%;width:2.8rem;height:2.8rem;border-radius:50%;background:#f5c774;opacity:.9}.routewise-trip>small,.routewise-trip>b,.routewise-trip>div,.routewise-trip>em{position:relative;z-index:1}.routewise-trip>small{font-size:.48rem;letter-spacing:.14em;color:#9dc7c9}.routewise-trip>b{display:block;margin:.55rem 0;font:600 clamp(1.3rem,2.7vw,2.7rem)/.9 var(--display);letter-spacing:-.05em}.routewise-trip>b i{display:block;color:#f3c26f;font-size:.48em;font-style:normal;letter-spacing:0}.routewise-trip>div{display:flex;gap:1rem;margin-top:1.3rem}.routewise-trip span{font-size:.42rem;letter-spacing:.1em;color:#9dc7c9}.routewise-trip span strong{display:block;margin-top:.15rem;color:#fff;font-size:.55rem;letter-spacing:0}.routewise-trip>em{position:absolute;right:1rem;bottom:.55rem;font:700 2.6rem var(--display);font-style:normal;color:rgba(255,255,255,.08)}.routewise-weather{padding:1rem;border:1px solid #ded9cf;background:#fff}.routewise-weather>small{font-size:.46rem;letter-spacing:.13em;color:#718185}.routewise-weather>b{display:block;margin:.35rem 0 0;font:600 clamp(1.5rem,2.8vw,2.7rem) var(--display)}.routewise-weather>span{font-size:.55rem;color:#758287}.routewise-weather>div{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.65rem;border-top:1px solid #ece8e0}.routewise-weather i{font-size:.4rem;font-style:normal;color:#879296}.routewise-weather i b{font-size:.55rem;color:#18343b}.routewise-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.routewise-stats>span{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center;padding:.65rem .75rem;border:1px solid #ded9cf;background:#fff}.routewise-stats i{grid-row:1/3;display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:#eff2eb;color:#21515a;font-size:.45rem;font-style:normal}.routewise-stats b{font:600 .68rem var(--display);white-space:nowrap}.routewise-stats small{font-size:.4rem;letter-spacing:.1em;color:#7d898c}.routewise-map{display:none}
@media(max-width:980px){.routewise-shell{grid-template-columns:9rem 1fr}.routewise-nav{padding:1rem}.routewise-body{padding:.8rem}.routewise-trip>div{gap:.55rem}.routewise-stats>span{padding:.5rem}}
@media(max-width:640px){.routewise-shell{grid-template-columns:1fr}.routewise-nav{display:none}.routewise-body{grid-template-columns:1fr;grid-template-rows:auto 1.2fr .8fr auto;padding:.75rem}.routewise-title{grid-column:auto}.routewise-weather{grid-row:3}.routewise-stats{grid-column:auto;gap:.35rem}.routewise-stats>span{padding:.45rem}.routewise-trip>b{font-size:2rem}.routewise-trip>div{margin-top:.8rem}.balance-split{margin-top:.5rem}.chart-values{margin-top:.2rem}.finora-body{gap:.55rem;padding:.75rem}.balance-card,.chart-card,.goal-card{padding:.8rem}}

html{overflow-x:clip}