@import "https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,400&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.inline{display:inline}.table{display:table}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#071a2e;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Satoshi,sans-serif}.site-shell{background:#fff;width:100%;overflow-x:hidden}.nav{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();max-width:1440px;height:110px;box-shadow:none;background:0 0;border-radius:20px;justify-content:space-between;align-items:center;margin:14px auto 0;padding:0 28px;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,box-shadow .4s;display:flex;position:sticky;top:10px}.nav.scrolled{background:#fffffffa;box-shadow:0 4px 22px #071a2e17}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:auto;height:100px}.nav nav{gap:28px;display:flex}.nav nav a{color:#526273;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav nav a:not(.nav-quote):after{content:"";transform-origin:0;background:#078ed1;height:1.5px;transition:transform .25s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav nav a:hover{color:#078ed1}.nav nav a:hover:after{transform:scaleX(1)}.nav-quote,.button{cursor:pointer;border:0;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.nav-quote{color:#071a2e;background:#c9ff4a;border-radius:100px;padding:11px 20px}.nav-quote:hover,.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #071a2e2e}.nav-quote:active,.button:active{box-shadow:none;transform:translateY(0)}.nav-quote svg,.button svg,.project-info a svg{transition:transform .25s}.nav-quote:hover svg,.button:hover svg,.project-info a:hover svg{transform:translate(3px)}.menu,.mobile-only{display:none}.nav-actions{align-items:center;gap:12px;display:flex}.login-link{white-space:nowrap;color:#071a2e;background:#ffffffe6;border:1px solid #071a2e24;border-radius:100px;justify-content:center;align-items:center;padding:10px 17px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 3px 12px #071a2e0f}.login-link:hover{background:#fff;border-color:#078ed159;transform:translateY(-2px);box-shadow:0 8px 22px #071a2e1f}.login-link:active{transform:translateY(0)}.hero{color:#0b1a2d;background:#f9fbfd;border-radius:32px;min-height:100vh;margin:12px 14px 0;position:relative;overflow:hidden}.hero-inner{flex-direction:column;align-items:center;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;display:flex;position:relative}.hero-copy{z-index:4;text-align:center;flex-direction:column;align-items:center;padding:clamp(20px,4vh,80px) 4% clamp(20px,4vh,60px);display:flex;position:relative}.hero h1{letter-spacing:-3.5px;color:#0b1a2d;-webkit-user-select:none;user-select:none;cursor:default;max-width:800px;margin:0;font-family:Satoshi,sans-serif;font-size:clamp(46px,4.6vw,78px);font-weight:900;line-height:1.04}.highlight-blue{color:#2563eb}.hero-text{color:#475569;-webkit-user-select:none;user-select:none;cursor:default;max-width:560px;margin:24px 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.65}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:38px;display:flex}.button{border-radius:100px;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex}.primary-button{color:#fff;background:#2563eb;box-shadow:0 8px 24px #2563eb40}.primary-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 32px #2563eb59}.outline-button{color:#0b1a2d;background:#fff;border:1.5px solid #2563eb33}.outline-button:hover{color:#2563eb;border-color:#2563eb}.hero-devices{justify-content:center;width:100%;max-width:900px;min-height:580px;margin:0 auto;display:flex;position:relative}.hero-bg-circle{pointer-events:none;background:radial-gradient(circle,#2563eb0f 0%,#fff0 70%);width:600px;height:600px;animation:6s ease-in-out infinite alternate pulseBg;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseBg{0%{opacity:.6;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.hero-bg-lines{pointer-events:none;z-index:0;position:absolute;inset:0}.dashed-path{animation:20s linear infinite dashMove}@keyframes dashMove{to{stroke-dashoffset:-120px}}.particle{transform-origin:50%}.p1{animation:6s ease-in-out infinite alternate floatParticle1}.p2{animation:8s ease-in-out infinite alternate-reverse floatParticle2}.p3{animation:7s ease-in-out infinite alternate floatParticle3}@keyframes floatParticle1{0%{transform:translate(0)scale(1)}to{transform:translate(15px,-20px)scale(1.2)}}@keyframes floatParticle2{0%{transform:translate(0)scale(1)}to{transform:translate(-20px,15px)scale(.8)}}@keyframes floatParticle3{0%{transform:translate(0)scale(1)}to{transform:translate(10px,20px)scale(1.5)}}.phone-scene{z-index:3;filter:drop-shadow(0 36px 40px #0b1a2d26);flex-direction:column;align-items:center;gap:14px;animation:7.5s ease-in-out infinite phoneFloat;display:flex;position:relative}.phone{-webkit-user-select:none;user-select:none;cursor:default;background:#ecf3f5;border:7px solid #0c1c2c;border-radius:40px;width:260px;height:520px;margin-bottom:30px;padding:5px;animation:4s infinite alternate pulsePhone;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff40,0 0 0 1px #071a2e,0 30px 60px #0b1a2d26}@keyframes pulsePhone{0%{box-shadow:inset 0 0 0 1.5px #ffffff40,0 0 0 1px #071a2e,0 30px 60px #0b1a2d26}to{box-shadow:inset 0 0 0 1.5px #ffffff40,0 0 0 1px #071a2e,0 40px 80px #2563eb40}}.phone-ui{color:#071a2e;background:linear-gradient(165deg,#fff 0%,#f1f5f9 100%);border-radius:32px;height:100%;padding:12px;position:relative;overflow:hidden}.phone-ui:before{content:"";z-index:0;pointer-events:none;background:conic-gradient(#0000 70%,#2563eb0d 80%,#0000 100%);width:200%;height:200%;animation:10s linear infinite rotateBg;position:absolute;top:-50%;left:-50%}@keyframes rotateBg{to{transform:rotate(360deg)}}.dash-header,.dash-stats,.dash-chart-card,.dash-activity{z-index:1;position:relative}.dash-header{align-items:center;gap:10px;margin-top:4px;margin-bottom:16px;display:flex}.dash-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:900;animation:3s infinite pulseAvatar;display:flex;box-shadow:0 4px 10px #3b82f64d}@keyframes pulseAvatar{0%,to{transform:scale(1);box-shadow:0 4px 10px #3b82f64d}50%{transform:scale(1.05);box-shadow:0 8px 15px #3b82f680}}.dash-header small{color:#64748b;text-transform:uppercase;letter-spacing:.8px;font-size:8px;font-weight:700;display:block}.dash-header b{letter-spacing:-.3px;color:#0f172a;font-size:13px}.dash-bell{color:#64748b;cursor:pointer;background:#fffffff2;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,color .2s;display:flex;position:relative}.dash-bell:hover{color:#0f172a;background:#fff}.dash-bell.ringing{animation:.4s cubic-bezier(.36,.07,.19,.97) both ringBell}.bell-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;animation:2s infinite pingDot;position:absolute;top:5px;right:6px}@keyframes pingDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes ringBell{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.dash-stats{gap:10px;margin-bottom:18px;display:flex}.dash-stat{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:14px;flex:1;padding:12px 14px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:relative;overflow:hidden}.dash-stat:before{content:"";opacity:.85;z-index:0;transition:opacity .3s;position:absolute;inset:0}.dash-stat.clicked{transform:scale(.92)!important}.dash-stat.active{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.dash-stat:not(.active):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.stat-users:before{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.stat-users.active{border-color:#6366f14d}.stat-users .stat-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8)}.stat-users b{color:#312e81}.stat-rev:before{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.stat-rev.active{border-color:#10b9814d}.stat-rev .stat-icon{color:#fff;background:linear-gradient(135deg,#10b981,#34d399)}.stat-rev b{color:#064e3b}.stat-icon{z-index:1;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:8px;display:flex;position:relative;box-shadow:0 4px 10px #0000001a}.dash-stat small{color:#0009;z-index:1;margin-bottom:2px;font-size:9.5px;font-weight:600;display:block;position:relative}.dash-stat b{z-index:1;letter-spacing:-.5px;font-size:17px;position:relative}.dash-chart-card{background:#fffffff2;border:1px solid #ffffff80;border-radius:16px;margin-bottom:18px;padding:14px;box-shadow:0 4px 16px #0000000a}.dash-chart-card>b{color:#0f172a;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.dash-chart{width:100%;height:55px}.dash-chart svg{width:100%;height:100%;overflow:visible}.chart-line{stroke-dasharray:200;stroke-dashoffset:200px;animation:1.5s cubic-bezier(.2,.8,.2,1) forwards drawChart}.chart-fill{opacity:0;animation:1.5s cubic-bezier(.2,.8,.2,1) .5s forwards fadeFill}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes fadeFill{to{opacity:.3}}.dash-activity b.section-title{margin-bottom:10px;font-size:11px;font-weight:800;display:block}.activity-item{cursor:pointer;background:#fffffff2;border:1px solid #fff9;border-radius:12px;margin-bottom:8px;transition:background .2s,box-shadow .2s,transform .2s;overflow:hidden}.activity-item:hover{background:#fff;box-shadow:0 4px 12px #00000008}.activity-item:active{transform:scale(.98)}.act-header{align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.act-header b{color:#0f172a;flex:1}.act-chevron{color:#94a3b8;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.activity-item.expanded .act-chevron{transform:rotate(180deg)}.act-details{opacity:0;max-height:0;padding:0 10px;transition:max-height .4s cubic-bezier(.2,.8,.2,1),opacity .3s,padding .3s}.activity-item.expanded .act-details{opacity:1;max-height:60px;padding:0 10px 10px}.act-details p{color:#64748b;margin:0 0 6px;font-size:9px;line-height:1.4}.act-details small{color:#94a3b8;font-size:8px;font-weight:600}.dot.indigo{background:#6366f1;box-shadow:0 0 0 3px #6366f133}.dot.teal{background:#10b981;box-shadow:0 0 0 3px #10b98133}.notch{z-index:4;background:#0c1c2c;border-radius:0 0 16px 16px;width:85px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.status{justify-content:space-between;margin:3px 2px 22px;font-size:8.5px;font-weight:600;display:flex}.tiny-label{letter-spacing:1.2px;color:#078ed1;font-size:7.5px;font-weight:800}.phone h4{letter-spacing:-.8px;margin:7px 0 15px;font:800 19px/1.08 Satoshi,sans-serif}.booking-card{color:#fff;background:#087fc5;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.booking-card span,.booking-card small{font-size:7px}.booking-card b{font-size:11.5px}.profile{color:#071a2e;background:#fff1ba;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.profile div{font-size:24px}.profile button{color:#fff;background:#071a2e;border:0;border-radius:7px;margin-top:6px;padding:5px 8px;font-size:8px}.line-item{background:#fff;border-radius:9px;margin-top:8px;padding:8px 10px;font-size:9px}.fruit{color:#fff;background:#ef7d4f;border-radius:14px;flex-direction:column;gap:4px;padding:12px;font-size:30px;display:flex}.fruit b{font-size:11px}.fruit small{font-size:7px}.stats{gap:6px;margin-top:10px;display:flex}.stats span{background:#fff;border-radius:9px;width:50%;padding:8px;font-size:9px;font-weight:700}.stats small{font-weight:400}.dots{gap:5px;margin:13px 0;display:flex}.dots i{background:#d4e8ec;border-radius:3px;width:22px;height:3px}.dots i:first-child{background:#c9ff4a}.section-title{font-size:9px;font-weight:700}.mini-row{justify-content:space-between;margin-top:9px;display:flex}.mini-row span{background:#fff;border-radius:11px;padding:8px}.float-card{z-index:4;color:#0f172a;will-change:transform;background:#fff;border:1px solid #00000008;border-radius:20px;padding:16px 20px;transition:transform .3s cubic-bezier(.2,0,0,1),box-shadow .3s;position:absolute;box-shadow:0 12px 28px #0b1a2d0f,0 2px 8px #0b1a2d0a}.float-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px #0b1a2d1a,0 4px 12px #0b1a2d0d}.float-card small{color:#64748b;margin:4px 0;font-size:11px;line-height:1.4;display:block}.float-card b{font:700 16px/1.2 Satoshi,sans-serif;display:block}.new-card-ios{animation:7s ease-in-out infinite cardFloatA;top:10%;left:5%}.card-icons{gap:8px;margin-bottom:8px;display:flex}.icon-apple,.icon-android{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.icon-apple{color:#000;background:#f1f5f9}.icon-android{color:#65a30d;background:#ecfccb}.new-card-perf{animation:8.5s ease-in-out infinite reverse cardFloatC;bottom:20%;left:0%}.perf-val{align-items:center;gap:12px;margin:6px 0;display:flex}.perf-val b{font-size:24px}.sparkline{width:60px;height:24px}.perf-badge{color:#4d7c0f;background:#ecfccb;border-radius:12px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-block}.new-card-ux{z-index:10;animation:6.5s ease-in-out 1s infinite cardFloatB;top:15%;right:5%}.new-card-code{z-index:10;animation:7.5s ease-in-out -1.5s infinite cardFloatD;bottom:15%;right:2%}.card-icon{color:#078ed1;background:#e2f2ff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:8px;display:flex}.flip-card-container{perspective:1000px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.flip-card-container:hover{box-shadow:none!important;transform:none!important}.flip-card-inner{width:180px;min-height:120px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flip-card-container:hover .flip-card-inner{transform:translateY(-8px)scale(1.02)}.is-flipped .flip-card-inner{z-index:20;transform:rotateY(-180deg)scale(1.1)!important}.flip-card-container.is-flipped{z-index:30;animation-play-state:paused}.flip-card-front,.flip-card-back{backface-visibility:hidden;background:#fff;border:1px solid #00000008;border-radius:20px;flex-direction:column;justify-content:center;padding:16px 20px;display:flex;position:absolute;inset:0;box-shadow:0 12px 28px #0b1a2d0f,0 2px 8px #0b1a2d0a}.flip-card-back{transform:rotateY(180deg)}.close-flip{color:#94a3b8;cursor:pointer;z-index:10;padding:4px;transition:color .2s;position:absolute;top:8px;right:8px}.close-flip:hover{color:#dc2626}.phone-menu-btn{cursor:pointer;border-radius:4px;margin:-2px -6px;padding:2px 6px;transition:background .2s}.phone-menu-btn:hover{background:#0000000d}.phone-dropdown{z-index:20;transform-origin:100% 0;opacity:0;pointer-events:none;background:#fff;border-radius:12px;padding:6px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;top:40px;right:16px;transform:scale(0);box-shadow:0 8px 24px #0000001f}.phone-dropdown.open{opacity:1;pointer-events:auto;transform:scale(1)}.phone-dropdown>div{color:#0b1a2d;cursor:pointer;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:background .2s}.phone-dropdown>div:hover{background:#f0f4f8}.phone-dropdown .logout{color:#dc2626;border-top:1px solid #f0f4f8;margin-top:4px;padding-top:6px}.clickable{cursor:pointer;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s}.clickable.clicked{opacity:.8;transform:scale(.95)}.booking-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tech-strip{color:#96a8b5;letter-spacing:-.4px;border-bottom:1px solid #eef1f3;justify-content:space-around;align-items:center;height:110px;font-size:15px;font-weight:700;display:flex}.section{padding:100px 8%}h2{letter-spacing:-2.5px;margin:0;font-family:Satoshi,sans-serif;font-size:clamp(32px,3.2vw,50px);line-height:1.06}.intro{background:#f5f7f9}.intro-grid{grid-template-columns:1.35fr .8fr;align-items:end;gap:65px;display:grid}.intro h2 em{color:#078ed1}.intro-grid p{color:#68788a;margin:0 0 22px;font-size:15px;line-height:1.68}.text-link{color:#071a2e;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.text-link:hover{gap:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:72px;display:grid}.stat{border-radius:22px;min-height:215px;padding:24px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.stat:hover{transform:translateY(-4px);box-shadow:0 16px 32px #071a2e1f}.stat>span{opacity:.65;font-size:11px;font-weight:800}.stat h3{letter-spacing:-1.2px;margin:52px 0 8px;font:700 22px/1 Satoshi,sans-serif}.stat p{max-width:155px;margin:0;font-size:12.5px;line-height:1.45}.stat svg{opacity:.6;position:absolute;top:18px;right:18px}.blue{color:#fff;background:#078ed1}.soft{background:#fff}.stat.lime{color:#071a2e;background:#c9ff4a}.dark{color:#fff;background:#071a2e}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:52px;display:flex}.section-head>p{color:#6e7b87;max-width:270px;font-size:14px;line-height:1.6}.service-grid{border:1px solid #e2e8eb;border-radius:24px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.service-grid>div{border-bottom:1px solid #e2e8eb;border-right:1px solid #e2e8eb}.service-grid>div:nth-child(3n){border-right:0}.service-grid>div:nth-last-child(-n+3){border-bottom:0}.service-card{height:100%;min-height:260px;padding:28px;transition:background .3s;position:relative}.service-card:hover{background:#f0fbff}.service-num{color:#93a2aa;font-size:10px;font-weight:700}.service-icon{color:#078ed1;background:#e4f5fb;border-radius:14px;place-items:center;width:50px;height:50px;margin:20px 0 16px;transition:transform .3s,background .3s;display:grid}.service-card:hover .service-icon{background:#cdf0ff;transform:rotate(-5deg)translateY(-2px)}.service-card h3{letter-spacing:-.7px;margin:0 0 8px;font:700 19px/1.15 Satoshi,sans-serif}.service-card p{color:#77878f;max-width:225px;margin:0;font-size:13.5px;line-height:1.5}.service-card a{color:#078ed1;transition:transform .25s;position:absolute;bottom:24px;right:24px}.service-card a:hover{transform:translate(2px,-2px)}.process{color:#fff;text-align:center;background:#071a2e}.process .eyebrow{justify-content:center}.process h2 em{color:#bff351}.process-line{text-align:left;grid-template-columns:repeat(5,1fr);margin-top:68px;display:grid}.process-line article{padding:0 18px;position:relative}.process-line article:before{content:"";background:#3d5e72;height:1px;position:absolute;top:34px;left:0;right:0}.process-line article:first-child:before{left:50%}.process-line article:last-child:before{right:50%}.process-line span{color:#c9ff4a;font:700 13px Satoshi,sans-serif}.step-dot{background:#c9ff4a;border-radius:50%;width:14px;height:14px;margin:13px 0 22px;box-shadow:0 0 0 4px #c9ff4a33}.process-line h3{margin:0 0 10px;font:700 16px/1.2 Satoshi,sans-serif}.process-line p{color:#92afc0;margin:0;font-size:12.5px;line-height:1.6}.dark-button{color:#fff;background:#071a2e}.projects{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px;display:grid}.project{cursor:pointer;border:1px solid #0000000a;border-radius:28px;outline:none;min-height:420px;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.project-blue{background:linear-gradient(135deg,#e0f7fa 0%,#cdf3fb 100%)}.project-sand{background:linear-gradient(135deg,#fdfbf7 0%,#f4ebd8 100%)}.project-green{background:linear-gradient(135deg,#f2fac5 0%,#d6f28e 100%)}.project:hover{transform:translateY(-6px);box-shadow:0 24px 48px #071a2e14}.project-inner{flex-direction:column;height:100%;display:flex}.project-info{z-index:2;flex-direction:column;flex:1;align-items:flex-start;padding:36px 36px 0;display:flex;position:relative}.project-cat{text-transform:uppercase;color:#0009;letter-spacing:1px;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.project-info h3{letter-spacing:-1px;color:#0b1a2d;margin:0 0 10px;font:800 28px/1.1 Satoshi,sans-serif}.project-info p{color:#0b1a2dcc;max-width:280px;margin:0 0 16px;font-size:13px;font-weight:500;line-height:1.5}.project-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.project-tags b{color:#0b1a2d;background:#fffc;border-radius:20px;padding:6px 12px;font-size:9.5px;font-weight:700;box-shadow:0 2px 8px #00000008}.project-link{color:#fff;cursor:pointer;background:#0b1a2d;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #0b1a2d33}.project:hover .project-link{gap:12px;transform:scale(1.05)}.project-phone-wrapper{filter:drop-shadow(0 20px 30px #00000026);z-index:1;width:240px;height:480px;margin:20px auto -60px;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative}.project:hover .project-phone-wrapper{transform:translateY(-15px)scale(1.02)}.project-phone-wrapper .phone{transform-origin:bottom;border-radius:32px;width:100%;height:100%}.project-phone-wrapper .phone h4{font-size:19px}.project-phone-wrapper .notch{width:90px}.benefits{background:#f5f7f9;grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.benefit-art{background:linear-gradient(140deg,#078ed1,#4fd6f4);border-radius:26px;height:420px;position:relative;overflow:hidden}.benefit-art:before{content:"";border:1px solid #fff6;border-radius:50%;position:absolute;inset:28px}.bg-glow{filter:blur(90px);opacity:.4;background:#c9ff4a;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}.benefit-circle{color:#078ed1;background:#d4f8ff;border-radius:50%;place-items:center;width:235px;height:235px;display:grid;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 28px 65px #075a8c59}.benefit-circle span{color:#071a2e;background:#c9ff4a;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:22px;right:5px}.floating-badge{background:#fff;border-radius:100px;align-items:center;gap:6px;padding:10px 14px;font-size:11px;font-weight:700;animation:6s ease-in-out infinite alternate floatBadge;display:flex;position:absolute;box-shadow:0 12px 24px #00000026}.badge-1{color:#078ed1;top:-15px;left:-60px}.badge-2{color:#078ed1;animation-delay:-3s;bottom:20px;right:-70px}.speed-card{z-index:2;will-change:transform;background:#fffffffa;border-radius:18px;width:140px;padding:18px;animation:7s ease-in-out infinite alternate-reverse floatSpeed;position:absolute;top:45px;right:25px;box-shadow:0 16px 32px #053c6440}.speed-val{color:#071a2e;letter-spacing:-1px;font:800 24px/1 Satoshi,sans-serif}.speed-label{color:#667482;text-transform:uppercase;letter-spacing:.5px;margin:4px 0 12px;font-size:9px;font-weight:800}.speed-bar{background:#eef2f5;border-radius:5px;width:100%;height:5px;overflow:hidden}.speed-bar div{background:#c9ff4a;border-radius:5px;width:85%;height:100%}.shield{z-index:2;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:14px;font-size:11.5px;display:flex;position:absolute;bottom:30px;left:28px;box-shadow:0 8px 20px #0000001a}.shield svg{color:#078ed1}.check-list{grid-template-columns:1fr 1fr;margin-top:30px;display:grid}.check-list p{align-items:center;gap:9px;margin:10px 0;font-size:13.5px;display:flex}.check-list svg{color:#078ed1;flex-shrink:0}@keyframes floatBadge{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes floatSpeed{0%{transform:translateY(0)rotate(2deg)}to{transform:translateY(-15px)rotate(-1deg)}}.faq{max-width:980px;margin:auto;padding-bottom:110px}.faq h2{margin-bottom:38px}.faq-list article{border-top:1px solid #dce5e8}.faq-list article:last-child{border-bottom:1px solid #dce5e8}.faq-list button{text-align:left;color:#071a2e;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:20px 4px;font:700 16px Satoshi,sans-serif;display:flex}.faq-list svg{flex-shrink:0;width:18px;transition:transform .28s,color .28s}.faq-list .open svg{color:#078ed1;transform:rotate(180deg)}.faq-answer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s,opacity .28s;display:grid}.faq-answer p{color:#6c7b87;margin:0 40px 20px 4px;font-size:13.5px;line-height:1.65;overflow:hidden}.faq-list .open .faq-answer{opacity:1;grid-template-rows:1fr}.contact{color:#fff;background:linear-gradient(140deg,#071a2e 0%,#083f62 100%);border-radius:30px 30px 0 0;grid-template-columns:.9fr 1.1fr;gap:60px;margin:0 14px;padding:90px 7%;display:grid;position:relative;overflow:hidden}.contact:before{content:"";border:1px solid #fff3;border-radius:50%;width:540px;height:540px;position:absolute;bottom:-310px;right:-170px;box-shadow:0 0 0 80px #ffffff0a,0 0 0 160px #ffffff05}.contact-copy{z-index:1;position:relative}.contact h2{font-size:clamp(32px,3vw,46px)}.contact-copy>p:not(.eyebrow){color:#b8cedc;max-width:390px;font-size:15px;line-height:1.65}.contact-points{gap:20px;margin:26px 0;font-size:12.5px;display:flex}.contact-points span{align-items:center;gap:7px;display:flex}.contact-points svg{color:#c9ff4a}.direct-contact-actions{flex-direction:column;gap:14px;margin-top:28px;display:flex}.whatsapp-cta-large{color:#fff;background:#25d366;border-radius:100px;align-items:center;gap:10px;width:fit-content;padding:14px 26px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #25d36659}.whatsapp-cta-large:hover{transform:translateY(-2px);box-shadow:0 12px 30px #25d36680}.email-cta-direct{color:#b8cedc;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,gap .2s;display:inline-flex}.email-cta-direct:hover{color:#fff;gap:10px}.floating-whatsapp{z-index:999;color:#fff;background:#25d366;border-radius:100px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #00000047}.floating-whatsapp:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 14px 36px #25d3667a}@media (width<=600px){.floating-whatsapp span{display:none}.floating-whatsapp{padding:14px;bottom:20px;right:20px}}.contact form{z-index:1;color:#071a2e;background:#fff;border-radius:22px;padding:28px;position:relative}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row label{flex-direction:column;gap:7px;margin:0 0 14px;font-size:10.5px;font-weight:700;transition:color .2s;display:flex}.form-row label:focus-within{color:#078ed1}.form-row input,.form-row select,.form-row textarea{color:#071a2e;background:#fafcfc;border:1.5px solid #e2eaed;border-radius:10px;outline:none;padding:11px 12px;font:13px DM Sans,sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}.form-row textarea{resize:vertical;height:70px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{background:#fff;border-color:#078ed1;box-shadow:0 0 0 4px #078ed11a}.phone-input-group{gap:8px;width:100%;display:flex}.phone-input-group select{flex-shrink:0;width:90px;padding-left:8px;padding-right:8px}.phone-input-group input{flex-grow:1}.budget-warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.send{color:#071a2e;cursor:pointer;background:#c9ff4a;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;padding:14px;font:700 14px DM Sans,sans-serif;transition:transform .25s,box-shadow .25s;display:flex}.send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #071a2e33}.send:disabled{opacity:.7;cursor:wait}.confirmation{text-align:center;place-content:center;min-height:320px;display:grid}.confirmation svg{background:#c9ff4a;border-radius:50%;width:52px;height:52px;margin:auto;padding:8px}.confirmation h3{margin:16px 0 6px;font:700 24px Satoshi,sans-serif}.confirmation p{color:#657583;font-size:13.5px}.confirmation button{color:#078ed1;cursor:pointer;background:0 0;border:0;text-decoration:underline}footer{color:#fff;background:#071a2e;grid-template-columns:1fr 1.5fr 1.5fr;align-items:start;gap:32px;padding:46px 8% 28px;display:grid}footer .brand{color:#fff}footer>p{color:#9ab0c0;max-width:250px;margin:0;font-size:12.5px;line-height:1.55}footer div{flex-wrap:wrap;gap:18px;display:flex}footer a{color:#d4e6ef;font-size:12.5px;text-decoration:none;transition:color .2s}footer a:hover{color:#c9ff4a}.footer-share{color:#d4e6ef;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12.5px;transition:color .2s;display:inline-flex}.footer-share:hover,.footer-share:focus-visible{color:#c9ff4a}footer small{color:#7a95a5;border-top:1px solid #ffffff1a;grid-column:1/-1;padding-top:26px;font-size:10.5px}@keyframes skyBreath{0%{background-position:0 0}to{background-position:100% 55%}}@keyframes orbDrift{to{transform:translate(14px,10px)}}@keyframes phoneFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-.5deg)}}@keyframes cardFloatA{0%,to{transform:translate(0)rotate(0)}45%{transform:translate(5px,-13px)rotate(.9deg)}}@keyframes cardFloatB{0%,to{transform:translate(0)rotate(0)}40%{transform:translate(-4px,-11px)rotate(-.7deg)}70%{transform:translate(-2px,-5px)rotate(-.2deg)}}@keyframes cardFloatC{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6px,-15px)rotate(1.1deg)}}@keyframes cardFloatD{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-3px,-9px)rotate(-.5deg)}}@keyframes cloudDriftA{0%{transform:translate(0)}to{transform:translate(68px)}}@keyframes cloudDriftB{0%{transform:translate(0)}to{transform:translate(-72px)}}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)scale(.987)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes phoneMobileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reveal{opacity:0;transition:opacity .68s cubic-bezier(.22,1,.36,1) var(--delay,0s),transform .68s cubic-bezier(.22,1,.36,1) var(--delay,0s);transform:translateY(26px)scale(.986)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.reveal-delay-5{--delay:50ms}.reveal-delay-8{--delay:80ms}.reveal-delay-10{--delay:.1s}.reveal-delay-12{--delay:.12s}.reveal-delay-16{--delay:.16s}.reveal-delay-20{--delay:.2s}.reveal-delay-24{--delay:.24s}.reveal-delay-30{--delay:.3s}.reveal-delay-32{--delay:.32s}.reveal-delay-40{--delay:.4s}.reveal-delay-50{--delay:.5s}.hero-animate,.hero-device{opacity:0;animation:.72s cubic-bezier(.22,1,.36,1) forwards heroIn}.hero-animate{display:inline}.hero-copy .hero-text{display:block}.hero-copy .actions{display:flex}.a1{animation-delay:40ms}.a2{animation-delay:.12s}.a3{animation-delay:.2s}.a4{animation-delay:.28s}.a5{animation-delay:.38s}.a6{animation-delay:.52s}.a7{animation-delay:.58s}.a8{animation-delay:.72s}.a9{animation-delay:.85s}@media (width<=1024px){.hero-devices{transform-origin:top;transform:scale(.9)}.stats-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.service-grid>div:nth-child(3n){border-right:1px solid #e2e8eb}.service-grid>div:nth-child(2n){border-right:0}.service-grid>div:nth-last-child(-n+3){border-bottom:1px solid #e2e8eb}.service-grid>div:nth-last-child(-n+2){border-bottom:0}.projects{grid-template-columns:repeat(2,1fr)}.project:last-child{grid-column:1/-1}.process-line{overflow-x:auto}.process-line article{min-width:175px}.benefits{gap:40px}}@media (width<=768px){.hero{border-radius:24px;margin:8px}.hero-copy{padding:60px 4% 20px}.hero h1{letter-spacing:-1.5px;font-size:clamp(36px,8vw,52px)}.hero-devices{min-height:440px;margin-bottom:20px;transform:scale(.85)}.new-card-ios{left:-2%}.new-card-clients{right:-2%}.new-card-perf{bottom:15%;left:-2%}.new-card-rating{bottom:10%;right:-2%}.intro-grid,.benefits{grid-template-columns:1fr;gap:28px}.contact{grid-template-columns:1fr;margin:0;padding:60px 6%}}@media (width<=650px){.nav{border-radius:16px;height:95px;margin:8px 8px 0;padding:0 16px;top:6px}.brand-logo{height:85px}.desktop-only{display:none}.menu{color:#071a2e;background:0 0;border:0;display:block}.mobile-only{display:flex}.nav nav{display:none}.nav nav.show{background:#fff;border-radius:16px;flex-direction:column;gap:0;padding:8px 16px 18px;display:flex;position:absolute;top:66px;left:0;right:0;box-shadow:0 18px 32px #071a2e2e}.nav nav.show a{padding:13px 4px}.nav nav .nav-quote{justify-content:center;margin-top:8px}.hero{border-radius:20px;margin:6px}.hero-copy{padding:60px 20px 20px}.hero-badge{margin-bottom:20px;padding:6px 12px;font-size:10px}.hero h1{letter-spacing:-1.2px;font-size:clamp(32px,10vw,44px)}.hero-text{margin:16px 0 0;font-size:14px}.actions{flex-direction:column;gap:10px;width:100%}.button{justify-content:center;width:100%}.hero-devices{min-height:360px;margin-bottom:16px;transform:scale(.7)}.float-card{animation:none}.float-card.hero-device{animation:.72s forwards heroIn}.flip-card-container{transform-origin:50%;transform:scale(.5)}.new-card-ios{z-index:10;top:0%;left:-4%}.new-card-ux{z-index:10;top:0%;right:-4%}.new-card-perf{z-index:10;bottom:2%;left:-4%}.new-card-code{z-index:10;bottom:2%;right:-4%}.tech-strip{white-space:nowrap;justify-content:flex-start;gap:18px;height:auto;padding:24px 20px;font-size:13px;overflow-x:auto}.section{padding:65px 22px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:46px}.stat{min-height:175px;padding:18px}.stat h3{margin-top:40px;font-size:18px}.section-head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:36px}.section-head>p{margin:0}.service-grid{grid-template-columns:1fr}.service-grid>div,.service-grid>div:nth-child(3n){border-bottom:1px solid #e2e8eb;border-right:0}.service-grid>div:last-child{border-bottom:0}.service-card{min-height:210px}.process-line{margin-top:44px;padding-bottom:12px;overflow-x:auto}.process-line article{min-width:170px}.process h2,.process .eyebrow{padding-left:22px;padding-right:22px}.projects{grid-template-columns:1fr}.project:last-child{grid-column:auto}.project{min-height:600px}.project-phone-wrapper{margin:20px auto -100px}.benefit-art{height:320px}.benefit-circle{width:185px;height:185px;top:58px}.check-list{grid-template-columns:1fr}.faq{padding-top:65px;padding-bottom:65px}.contact{border-radius:24px 24px 0 0;gap:36px;margin:0;padding:58px 22px}.contact-points{flex-direction:column;gap:10px}.contact form{padding:18px}.form-row{grid-template-columns:1fr;gap:0}.form-row label{margin-bottom:11px}footer{grid-template-columns:1fr;gap:18px;padding:36px 22px 20px}footer small{grid-column:auto}.project-phone{top:28px}}@media (width>=1440px){.hero{margin:16px 20px 0}.hero-copy{padding-left:clamp(60px,8%,120px)}.section{padding:120px 10%}}.scroll-progress{appearance:none;z-index:9000;pointer-events:none;background:0 0;border:0;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress::-webkit-progress-bar{background:0 0}.scroll-progress::-webkit-progress-value{background:linear-gradient(90deg,#078ed1,#c9ff4a)}.scroll-progress::-moz-progress-bar{background:linear-gradient(90deg,#078ed1,#c9ff4a)}body.modal-open{overflow:hidden}.back-to-top{color:#fff;z-index:500;opacity:0;pointer-events:none;background:#078ed1;border:none;border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity .3s,transform .3s,background .2s,box-shadow .2s;display:grid;position:fixed;bottom:26px;left:26px;transform:translateY(20px)scale(.8);box-shadow:0 4px 16px #078ed166}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.back-to-top:hover{color:#071a2e;background:#c9ff4a;transform:translateY(-3px)scale(1);box-shadow:0 6px 22px #c9ff4a73}.tech-strip{border-bottom:1px solid #eef1f3;align-items:center;height:110px;display:flex;overflow:hidden}.marquee-wrap{width:100%;overflow:hidden}.marquee-wrap:hover .marquee-track{animation-play-state:paused}.marquee-track{width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee-item{color:#96a8b5;letter-spacing:-.4px;white-space:nowrap;align-items:center;gap:10px;padding:0 38px;font-size:15px;font-weight:700;transition:color .2s;display:inline-flex}.marquee-item:hover{color:#078ed1}.marquee-dot{opacity:.5;background:#c9ff4a;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:opacity .2s}.marquee-item:hover .marquee-dot{opacity:1}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav nav a.nav-active{color:#078ed1}.nav nav a.nav-active:after{transform:scaleX(1)}.phone-flip{transition:opacity .22s,transform .22s}.phone-flip.flipping{opacity:0;transform:scale(.93)translateY(8px)}.phone-tabs{z-index:6;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.phone-tab{color:#071a2e;cursor:pointer;white-space:nowrap;background:#fffffff2;border:none;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.phone-tab:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000026}.phone-tab.active{color:#071a2e;background:#c9ff4a;box-shadow:0 2px 10px #c9ff4a66}@media (width<=650px){.phone-tabs{display:none}}.process-hint{color:#fff6;letter-spacing:.3px;margin-top:10px;font-size:12px}.process-line article{cursor:pointer;transition:opacity .25s}.process-line article:hover{opacity:.85}.process-line article:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #c9ff4a}.step-active .step-dot{background:#fff;box-shadow:0 0 0 4px #c9ff4a,0 0 22px #c9ff4a80}.step-active h3{color:#c9ff4a}.step-more{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .3s;overflow:hidden}.step-active .step-more{opacity:1;max-height:140px}.step-more p{color:#c9ff4ad9;border-top:1px solid #c9ff4a40;margin-top:10px;padding-top:10px;font-size:11.5px;line-height:1.6}.project{cursor:pointer;outline:none}.project:focus-visible{outline-offset:3px;outline:3px solid #078ed1}.project-hover-overlay{opacity:0;z-index:2;background:#071a2e8c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-hover-overlay span{color:#071a2e;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:700;transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translateY(10px)}.project:hover .project-hover-overlay{opacity:1}.project:hover .project-hover-overlay span{transform:translateY(0)}.project-link{color:#071a2e;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:700;transition:gap .2s;display:inline-flex;position:absolute;bottom:20px;right:20px}.project-link:hover{gap:10px}.modal-overlay{z-index:2000;will-change:opacity;background:#071a2ef5;place-items:center;padding:20px;animation:.25s fadeOverlay;display:grid;position:fixed;inset:0}.modal-card{will-change:transform,opacity;background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;width:100%;max-width:700px;max-height:90vh;animation:.32s cubic-bezier(.22,1,.36,1) scaleModal;display:grid;position:relative;overflow:hidden}.modal-phone-col{justify-content:center;align-items:flex-end;min-height:360px;padding:30px 20px 0;display:flex;position:relative;overflow:hidden}.modal-phone-col.has-images{padding:0}.phone-welcome-copy{flex:1}.turnstile-row{justify-content:center;margin:20px 0;display:flex}.form-error-feedback{color:#c62828;text-align:center;margin-bottom:15px;font-weight:500}.gallery-nav{cursor:pointer;z-index:10;color:#071a2e;background:#ffffffe6;border:none;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000026}.gallery-nav:hover{background:#fff;transform:translateY(-50%)scale(1.08)}.gallery-nav.prev{left:12px}.gallery-nav.next{right:12px}.modal-gallery{scroll-snap-type:x mandatory;align-items:center;gap:12px;width:100%;height:100%;padding:0 24px 12px;display:flex;overflow-x:auto}.modal-gallery::-webkit-scrollbar{height:6px}.modal-gallery::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.modal-gallery::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.modal-gallery::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-gallery img{scroll-snap-align:center;border-radius:20px;flex-shrink:0;width:auto;height:90%;max-height:500px;box-shadow:0 12px 32px #0003}.project-thumb{object-fit:cover;border-radius:18px 18px 0 0;width:100%;height:100%}.phone-modal{transform-origin:bottom;transform:scale(.9)}.modal-info{flex-direction:column;justify-content:space-between;padding:32px;display:flex;overflow-y:auto}.modal-close{cursor:pointer;color:#071a2e;z-index:1;background:#071a2e1f;border:none;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .2s;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{background:#071a2e38}.modal-num{text-transform:uppercase;color:#687582;letter-spacing:.5px;font-size:10px;font-weight:700}.modal-name{letter-spacing:-1.5px;margin:6px 0 14px;font:700 34px/1 Satoshi,sans-serif}.modal-desc{color:#667482;margin:0;font-size:13.5px;line-height:1.68}.modal-tags{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.modal-tags span{color:#526273;border:1.5px solid #e0e8eb;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700}.modal-links{gap:10px;margin:24px 0;display:flex}.modal-links a{text-align:center;flex:1;justify-content:center;padding:12px;font-size:13px;text-decoration:none}.modal-cta{color:#071a2e;background:#c9ff4a;border-radius:100px;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:14px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.modal-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px #071a2e2e}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleModal{0%{opacity:0;transform:scale(.94)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=650px){.modal-card{grid-template-columns:1fr;max-height:85vh;overflow-y:auto}.modal-phone-col{min-height:240px;padding:20px 20px 0}}.form-row label{position:relative}.char-count{color:#a0b0ba;font-size:9px;font-weight:600;position:absolute;top:0;right:0}.form-row label:focus-within .char-count{color:#078ed1}.stat{cursor:default}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:is(body:has(.portal-shell),body:has(.login-page)){color:#10203a;background:#f5f7fb;margin:0;font-family:Satoshi,Inter,system-ui,sans-serif}.portal-shell *,.login-page *{box-sizing:border-box}.portal-shell button,.portal-shell input,.login-page button,.login-page input{font:inherit}.portal-shell button,.login-page button{cursor:pointer}.portal-shell h1,.portal-shell h2,.portal-shell h3,.login-page h1,.login-page h2{color:#10203a;letter-spacing:-.03em;margin:0;line-height:1.15}.portal-shell p,.login-page p{margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portal-shell{--sidebar:248px;color:#10203a;background:#f5f7fb;min-height:100vh;display:flex}.portal-sidebar{z-index:30;width:var(--sidebar);color:#d9e4f4;background:linear-gradient(#0e2342 0%,#0a1b34 100%);border-right:1px solid #ffffff0f;flex-direction:column;padding:22px 14px 16px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #0a1b3414}.sidebar-top{justify-content:space-between;align-items:center;min-height:43px;padding:0 8px;display:flex}.portal-logo{color:#fff;letter-spacing:-.02em;align-items:center;gap:11px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.portal-logo-mark{color:#fff;background:linear-gradient(135deg,#3975f6,#7159eb);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 16px #3b62f647}.sidebar-close{color:#fff;background:0 0;border:0;padding:5px;display:none}.sidebar-label{color:#7288a8;text-transform:uppercase;letter-spacing:.12em;padding:29px 12px 9px;font-size:10px;font-weight:800}.portal-nav{flex-direction:column;gap:4px;display:flex}.portal-nav button{color:#9fb0c9;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.portal-nav button:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.portal-nav button.active{color:#fff;background:linear-gradient(90deg,#4276ff42,#4276ff14);box-shadow:inset 3px 0 #5a83ff}.portal-nav button span:nth-child(2){flex:1}.nav-count{color:#fff;background:#526ff2;border-radius:7px;place-items:center;min-width:21px;height:21px;font-size:10px;display:grid;flex:none!important}.sidebar-support{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin:auto 5px 14px;padding:12px;display:flex}.support-icon{color:#62d6b0;background:#30c4961f;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.sidebar-support div{flex-direction:column;gap:2px;display:flex}.sidebar-support strong{color:#dbe7f8;font-size:11px}.sidebar-support small{color:#7188a9;font-size:9px}.portal-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:15px 7px 1px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#7b60ed,#9d5ce5);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.user-avatar.mario{background:linear-gradient(135deg,#3986ef,#27b2d5)}.user-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-details strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-details span{color:#7589a7;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.icon-button,.more-button{color:#63728a;background:#fff;border:1px solid #e5eaf2;place-items:center;transition:all .2s;display:grid}.logout-button{color:#8194b0;background:0 0;border:0;border-radius:9px;flex:none;width:33px;height:33px}.logout-button:hover{color:#ff8290;background:#ff5e701a}.portal-main{width:calc(100% - var(--sidebar));max-width:1680px;min-height:100vh;margin-left:var(--sidebar);padding:28px 34px 42px}.mobile-nav-trigger,.sidebar-backdrop{display:none}.dashboard-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.eyebrow{color:#466ce8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.dashboard-header h1,.client-header h1{font-size:clamp(24px,2.1vw,32px);font-weight:800}.dashboard-header p,.client-header p{color:#7a879b;margin-top:5px;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.dashboard-search{color:#8b96a9;background:#fff;border:1px solid #e2e7ef;border-radius:11px;align-items:center;gap:9px;width:min(280px,22vw);height:42px;padding:0 10px 0 13px;display:flex;box-shadow:0 4px 14px #182d4b08}.dashboard-search input{color:#172840;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.dashboard-search input::placeholder{color:#9aa5b6}.dashboard-search kbd{color:#98a3b3;white-space:nowrap;background:#f8fafc;border:1px solid #e5e9ef;border-radius:5px;padding:3px 5px;font-size:8px}.notification-button{border-radius:11px;width:42px;height:42px;position:relative}.notification-button:hover,.more-button:hover{color:#4068e7;background:#f6f8ff;border-color:#bccaf5}.notification-button span{background:#f05b74;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:10px}.header-profile{align-items:center;gap:9px;min-width:126px;padding-left:4px;display:flex}.header-profile div:last-child{flex-direction:column;gap:2px;display:flex}.header-profile strong{font-size:11px}.header-profile span{color:#8b96a7;font-size:9px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{background:#fff;border:1px solid #e5e9f0;border-radius:15px;align-items:flex-start;gap:13px;min-height:132px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #152b4909}.metric-icon,.card-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.metric-blue .metric-icon,.card-icon.blue{color:#3d6bf0;background:#edf2ff}.metric-violet .metric-icon,.card-icon.violet{color:#8256e8;background:#f3edff}.metric-cyan .metric-icon,.card-icon.cyan{color:#1496b9;background:#e8f8fc}.metric-amber .metric-icon{color:#d88721;background:#fff6e8}.metric-copy{flex-direction:column;min-width:0;display:flex}.metric-copy>span{color:#66748a;white-space:nowrap;font-size:11px;font-weight:600}.metric-copy strong{color:#10213b;margin-top:6px;font-size:27px;line-height:1}.metric-copy small{color:#8b97a9;margin-top:9px;font-size:9px}.metric-blue .metric-copy small{color:#26a57c}.metric-accent{opacity:.25;border-radius:50%;width:76px;height:76px;position:absolute;bottom:-24px;right:-15px}.metric-blue .metric-accent{background:#b7c9ff}.metric-violet .metric-accent{background:#d7bfff}.metric-cyan .metric-accent{background:#a7e7f4}.metric-amber .metric-accent{background:#ffdf9d}.portal-panel{background:#fff;border:1px solid #e4e9f0;border-radius:15px;box-shadow:0 8px 24px #152b4909}.projects-panel{margin-bottom:18px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;min-height:69px;padding:17px 20px;display:flex}.panel-heading h2,.portal-panel h2{letter-spacing:-.02em;font-size:14px;font-weight:800;line-height:1.25}.panel-heading p{color:#8a96a7;margin-top:4px;font-size:9px}.text-button{color:#4569df;background:0 0;border:0;align-items:center;gap:4px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.text-button:hover{color:#234ac7}.table-wrap{overflow-x:auto}.projects-table{border-collapse:collapse;table-layout:auto;width:100%}.projects-table th{color:#8b97aa;text-align:left;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap;background:#fafbfd;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:11px 13px;font-size:8px;font-weight:800}.projects-table th:first-child,.projects-table td:first-child{padding-left:20px}.projects-table th:last-child,.projects-table td:last-child{padding-right:20px}.projects-table td{color:#59687d;white-space:nowrap;border-bottom:1px solid #eff2f5;height:66px;padding:10px 13px;font-size:10px}.projects-table tbody tr{transition:background .18s}.projects-table tbody tr:hover{background:#f8faff}.projects-table tbody tr:last-child td{border-bottom:0}.projects-table td:first-child{align-items:center;gap:10px;display:flex}.project-symbol{border-radius:9px;flex:none;place-items:center;width:33px;height:33px;font-size:11px;font-weight:800;display:grid}.project-symbol-1{color:#3b67e4;background:#e9efff}.project-symbol-2{color:#8251de;background:#f2eaff}.project-symbol-3{color:#168ea6;background:#e5f8fb}.project-name{flex-direction:column;gap:3px;display:flex}.project-name strong{color:#172740;font-size:10px}.project-name span{color:#9ba5b4;font-size:8px}.status-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;width:max-content;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-in_progress{color:#2d65dd;background:#eaf1ff}.status-in_review{color:#7b4bd4;background:#f2ebff}.status-planning{color:#a56d19;background:#fff5e2}.status-blocked{color:#d84958;background:#ffebee}.status-completed{color:#208c68;background:#e5f8f1}.table-progress{align-items:center;gap:8px;display:flex}.table-progress>span{background:#edf0f5;border-radius:99px;width:70px;height:5px;overflow:hidden}.table-progress i,.mobile-progress i{border-radius:inherit;background:linear-gradient(90deg,#4774f3,#725fe8);height:100%;display:block}.table-progress strong{color:#435268;min-width:25px;font-size:9px}.stage-text{color:#667389;background:#f4f6f9;border-radius:6px;padding:5px 7px;font-size:9px}.updated-text{color:#8490a2;align-items:center;gap:5px;display:flex}.row-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.manage-button{color:#335bd4;background:#f8faff;border:1px solid #d9e1f7;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;transition:all .2s}.manage-button:hover{color:#fff;background:#496bea;border-color:#496bea;box-shadow:0 5px 12px #496bea38}.more-button{border-radius:8px;width:30px;height:30px}.project-cards{display:none}.lower-grid{grid-template-columns:1.1fr 1.2fr .8fr;gap:14px;display:grid}.compact-panel{min-height:228px;padding-bottom:9px}.panel-count{color:#6f50d8;background:#f1eafe;border-radius:8px;place-items:center;min-width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.approval-item,.activity-item,.team-member,.file-row{border-top:1px solid #eff2f5;align-items:center;gap:10px;margin:0 17px;padding:10px 3px;display:flex}.approval-item>div,.activity-item>div,.team-member>div:not(.user-avatar),.file-row>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.approval-item strong,.activity-item strong,.team-member strong,.file-row strong{color:#26364d;font-size:9px}.approval-item span:not(.list-icon),.activity-item span,.team-member span,.file-row span{color:#929dac;font-size:8px}.approval-item>svg{color:#a3adba}.list-icon{border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.list-icon.violet{color:#8054df;background:#f2ecff}.list-icon.blue{color:#3971e9;background:#ebf2ff}.list-icon.red{color:#e05265;background:#ffedf0}.activity-item{align-items:flex-start;padding-left:13px;position:relative}.activity-dot{background:#4975ef;border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:0;box-shadow:0 0 0 4px #eaf0ff}.activity-2{background:#2bb490;box-shadow:0 0 0 4px #e4f8f1}.activity-3{background:#865bea;box-shadow:0 0 0 4px #f0ebff}.team-member .user-avatar{border-radius:9px;width:32px;height:32px}.online-dot{background:#31bc91;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e9f9f4}.client-portal{background:#f7f9fc}.client-sidebar{color:#33435b;background:#fff;border-color:#e7ebf2;box-shadow:6px 0 24px #2036530a}.client-sidebar .portal-logo{color:#142641}.client-sidebar .sidebar-label{color:#a0aaba}.client-sidebar .portal-nav button{color:#718096}.client-sidebar .portal-nav button:hover{color:#315fd8;background:#f4f7ff}.client-sidebar .portal-nav button.active{color:#315fd8;background:#edf2ff;box-shadow:inset 3px 0 #4d73e8}.client-sidebar .portal-user{border-color:#edf0f4}.client-sidebar .user-details strong{color:#25354c}.client-sidebar .user-details span{color:#98a2b1}.client-avatar{color:#3763d6;background:#e9efff}.client-help{color:#526fe0;background:linear-gradient(145deg,#f4f7ff,#f8f5ff);border:1px solid #e0e6fa;border-radius:14px;margin:auto 4px 14px;padding:15px}.client-help div{flex-direction:column;gap:3px;margin:9px 0;display:flex}.client-help strong{color:#263a60;font-size:10px}.client-help span{color:#8997ae;font-size:8px}.client-help button{color:#4162ce;background:#fff;border:1px solid #dce4fb;border-radius:7px;width:100%;padding:7px;font-size:8px;font-weight:800}.client-main{max-width:1420px;padding:31px 44px 44px}.client-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.client-date{color:#718096;background:#fff;border:1px solid #e4e9f0;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:9px;display:flex}.project-hero-card{color:#fff;background:linear-gradient(120deg,#173864 0%,#315baf 58%,#5f57c8 100%);border-radius:20px;grid-template-columns:1.35fr .65fr;min-height:260px;margin-bottom:15px;display:grid;overflow:hidden;box-shadow:0 18px 35px #254b8b29}.project-hero-copy{z-index:2;padding:32px 38px 28px}.project-hero-copy .status-badge{color:#dce7ff;background:#ffffff21}.project-hero-copy .status-badge:before{background:#7be3bf}.project-hero-copy h2{color:#fff;margin-top:15px;font-size:clamp(24px,2.6vw,36px);font-weight:800}.project-hero-copy>p{color:#c9d7ed;margin-top:7px;font-size:11px}.hero-progress-label{color:#dce7f8;justify-content:space-between;width:min(470px,100%);margin-top:26px;font-size:9px;display:flex}.hero-progress-label strong{color:#fff;font-size:12px}.hero-progress{background:#ffffff29;border-radius:99px;width:min(470px,100%);height:7px;margin-top:8px;overflow:hidden}.hero-progress i{border-radius:inherit;background:linear-gradient(90deg,#5ee3d0,#a9ecf4);height:100%;display:block;box-shadow:0 0 14px #5ee3d066}.project-dates{gap:38px;margin-top:21px;display:flex}.project-dates div{flex-direction:column;gap:3px;display:flex}.project-dates span{color:#aebfdb;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.project-dates strong{font-size:10px}.project-hero-visual{min-height:260px;position:relative;overflow:hidden}.app-orbit{border:1px solid #ffffff1a;border-radius:50%;position:absolute}.orbit-one{width:330px;height:330px;top:-45px;right:-30px}.orbit-two{width:220px;height:220px;top:10px;right:25px}.app-preview-phone{background:#fff;border:6px solid #17233a;border-radius:25px;width:148px;height:258px;padding:29px 16px;position:absolute;bottom:-62px;left:50%;transform:translate(-50%)rotate(3deg);box-shadow:0 18px 40px #07132b59}.app-preview-phone>span{background:#1c2b43;border-radius:5px;width:43px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.app-preview-logo{color:#fff;background:linear-gradient(135deg,#3875f1,#7a58df);border-radius:15px;place-items:center;width:48px;height:48px;margin:9px auto 24px;font-size:18px;font-weight:900;display:grid}.app-preview-phone i{background:#e8edf5;border-radius:5px;height:8px;margin:8px 0;display:block}.app-preview-phone i:nth-of-type(2){width:70%}.app-preview-phone button{color:#fff;background:#486de0;border:0;border-radius:8px;width:100%;margin-top:22px;padding:8px;font-size:7px}.client-summary-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.current-stage-card,.next-step-card{min-height:180px;padding:21px 22px;position:relative}.current-stage-card .card-icon,.next-step-card .card-icon{position:absolute;top:20px;right:20px}.card-label{color:#7f8b9d;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:800}.current-stage-card h2,.next-step-card h2{max-width:70%;margin-top:10px;font-size:17px}.current-stage-card p,.next-step-card p{color:#7c899b;max-width:80%;margin-top:9px;font-size:9px;line-height:1.55}.stage-pill{color:#3263d9;background:#edf3ff;border-radius:7px;align-items:center;gap:5px;width:max-content;margin-top:16px;padding:6px 8px;font-size:8px;font-weight:700;display:flex}.stage-pill.violet{color:#7750d1;background:#f2edff}.client-content-grid{grid-template-columns:1.2fr .8fr;gap:15px;margin-bottom:15px;display:grid}.timeline-panel{min-height:378px}.project-timeline{padding:0 22px 19px}.timeline-step{align-items:flex-start;gap:12px;min-height:59px;display:flex;position:relative}.timeline-step:before{content:"";background:#e4e8ef;width:1px;position:absolute;top:27px;bottom:0;left:13px}.timeline-step:last-child:before{display:none}.timeline-step>span{z-index:1;color:#a0aab8;background:#fff;border:1px solid #dfe4eb;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:grid;position:relative}.timeline-step.done>span{color:#fff;background:#43bb96;border-color:#43bb96}.timeline-step.active>span{color:#fff;background:#4e72e8;border-color:#4e72e8;box-shadow:0 0 0 5px #edf1ff}.timeline-step>div{flex-direction:column;gap:4px;padding-top:4px;display:flex}.timeline-step strong{color:#304057;font-size:10px}.timeline-step small{color:#96a0af;font-size:8px}.timeline-step.active strong{color:#2d58cb}.timeline-step i{background:#edf0f4;border-radius:4px;width:150px;height:4px;margin-top:4px;overflow:hidden}.timeline-step i b{border-radius:inherit;background:#5174e7;height:100%;display:block}.client-side-stack{flex-direction:column;gap:15px;display:flex}.meeting-card{min-height:205px;padding:19px}.card-topline{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.live-label{color:#278b70;text-transform:uppercase;background:#e8f8f2;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800}.meeting-card h2{margin-bottom:11px}.meeting-card p{color:#7b8799;align-items:center;gap:7px;margin:7px 0;font-size:9px;display:flex}.primary-action{color:#fff;background:linear-gradient(90deg,#446be2,#6b59dc);border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:15px;padding:9px 12px;font-size:9px;font-weight:800;text-decoration:none;display:flex}.qr-card{justify-content:space-between;align-items:center;gap:15px;min-height:155px;padding:19px;display:flex}.qr-card h2{margin-top:5px}.qr-card p{color:#8893a3;margin:5px 0 10px;font-size:8px}.qr-card a{color:#4265d6;align-items:center;gap:3px;font-size:8px;font-weight:800;text-decoration:none;display:flex}.qr-mock{color:#17273e;background:#fff;border:5px solid #fff;border-radius:11px;flex:none;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 4px 15px #192d4b21}.client-bottom-grid{grid-template-columns:1.2fr .8fr .8fr;gap:15px;display:grid}.client-bottom-grid>*{min-height:210px}.file-row{margin:0 18px}.payment-card{padding-bottom:15px}.payment-summary,.next-payment{flex-direction:column;margin:0 20px;display:flex}.payment-summary span,.next-payment span{color:#8c97a7;font-size:8px}.payment-summary strong{margin-top:5px;font-size:18px}.payment-summary i{background:#edf0f4;border-radius:5px;width:100%;height:5px;margin-top:10px;overflow:hidden}.payment-summary i b{border-radius:inherit;background:#46bc97;height:100%;display:block}.payment-summary small{color:#35a27f;margin-top:4px;font-size:7px}.next-payment{border-top:1px solid #edf0f4;margin-top:13px;padding-top:11px}.next-payment strong{margin-top:3px;font-size:11px}.next-payment small{color:#929cab;margin-top:3px;font-size:7px}.change-card{color:#fff;background:linear-gradient(140deg,#6454d6,#416be1);border-radius:15px;padding:20px;box-shadow:0 12px 25px #4b57d129}.card-icon.white{color:#fff;background:#ffffff26}.change-card h2{color:#fff;margin-top:15px;font-size:14px}.change-card p{color:#d7dcfa;margin-top:7px;font-size:8px;line-height:1.55}.change-card button{color:#405fd1;background:#fff;border:0;border-radius:8px;align-items:center;gap:5px;margin-top:18px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.client-portal-simple{isolation:isolate;background:radial-gradient(circle at 78% 8%,#705ee82e,#0000 26%),radial-gradient(circle at 28% 45%,#10a8d91f,#0000 30%),linear-gradient(145deg,#f4f8ff 0%,#f8f7ff 52%,#f1f8fc 100%);position:relative}.client-portal-simple:before,.client-portal-simple:after{content:"";z-index:-1;filter:blur(4px);pointer-events:none;border-radius:50%;position:fixed}.client-portal-simple:before{background:#685ce117;width:330px;height:330px;top:7%;right:5%}.client-portal-simple:after{background:#1caed714;width:260px;height:260px;bottom:6%;left:17%}.client-portal-simple .client-main{z-index:1;max-width:1320px;position:relative}.client-portal-simple .client-sidebar{-webkit-backdrop-filter:blur(24px)saturate(135%);background:#ffffffad;border-right:1px solid #ffffffc7;box-shadow:10px 0 35px #253a5c0f}.client-brand-logo{background:0 0;border-radius:0;width:154px;height:38px;display:block;position:relative;overflow:hidden}.client-brand-logo img{width:180px;max-width:none;height:auto;position:absolute;top:-24px;left:-13px}.client-portal-simple .client-sidebar .portal-nav button{border:1px solid #0000}.client-portal-simple .client-sidebar .portal-nav button.active{color:#244fba;background:linear-gradient(120deg,#ffffffe0,#ebf0ffb8);border-color:#5876de24;box-shadow:inset 3px 0 #4d73e8,0 8px 22px #3a58b114}.client-portal-simple .client-help{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffffbd,#eef1ff94);border-color:#ffffffdb;box-shadow:inset 0 1px #ffffffe6,0 10px 25px #30427c0f}.client-portal-simple .portal-panel{-webkit-backdrop-filter:blur(22px)saturate(125%);background:linear-gradient(145deg,#ffffffd1,#fff9);border:1px solid #ffffffe0;box-shadow:inset 0 1px #ffffffeb,0 16px 40px #283d6213}.simple-client-header{margin-bottom:20px}.simple-client-header h1{color:#0d2444}.simple-client-header .eyebrow{background:#ffffff8a;border:1px solid #4a68d324;border-radius:7px;width:max-content;padding:5px 8px}.client-portal-simple .client-date{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff94;border-color:#ffffffe6;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #2a3d5e0d}.client-project-overview{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(120deg,#143765f2,#3457aee8 65%,#6453cae0);border:1px solid #ffffff3b;border-radius:19px;justify-content:space-between;align-items:center;gap:30px;min-height:150px;margin-bottom:16px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 20px 45px #2448892b}.client-project-overview:before{content:"";border:1px solid #ffffff24;border-radius:50%;width:210px;height:210px;position:absolute;top:-145px;right:18%;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff05}.client-project-overview>*{z-index:1;position:relative}.client-project-overview h2{color:#fff;margin-top:12px;font-size:clamp(23px,2.3vw,32px)}.client-project-overview p{color:#cbd8ed;margin-top:7px;font-size:11px}.client-project-overview .status-badge{color:#dce8ff;background:#ffffff21}.client-project-overview .status-badge:before{background:#6fd6ff}.overview-dates{flex:none;gap:12px;display:flex}.overview-dates div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff30;border-radius:11px;min-width:128px;padding:13px 15px;box-shadow:inset 0 1px #ffffff21}.overview-dates span,.overview-dates strong{display:block}.overview-dates span{color:#b7c8e2;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.overview-dates strong{color:#fff;margin-top:5px;font-size:10px}.simple-client-grid{grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px;display:grid}.project-status-card{min-height:410px}.simple-panel-heading{border-bottom:1px solid #dae1edb3;min-height:78px}.status-key{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.status-key span{border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex}.status-key span:before{content:"";border-radius:50%;width:6px;height:6px}.key-completed{color:#208b69;background:#e8f7f1}.key-completed:before{background:#36b88d}.key-active{color:#2d62d6;background:#eaf1ff}.key-active:before{background:#4874eb}.key-pending{color:#7f8999;background:#f1f3f6}.key-pending:before{background:#aab2be}.stage-list{padding:8px 20px 18px}.simple-stage{border-bottom:1px solid #dce2ecb3;align-items:center;gap:13px;min-height:72px;padding:12px 4px;display:flex}.simple-stage:last-child{border-bottom:0}.stage-marker{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.simple-stage>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.simple-stage strong{color:#293a51;font-size:10px}.simple-stage small{color:#919cab;font-size:8px}.stage-status{border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800}.stage-completed .stage-marker{color:#fff;background:#3cba91}.stage-completed .stage-status{color:#238965;background:#e7f7f1}.stage-active{background:linear-gradient(110deg,#eef3ffd1,#f6f3ff9e);border:1px solid #7991e53d;border-radius:12px;margin:5px -8px;padding:12px;box-shadow:inset 0 1px #ffffffe6,0 9px 22px #455db512}.stage-active .stage-marker{color:#fff;background:linear-gradient(135deg,#3e74eb,#6c59df);box-shadow:0 0 0 5px #e4ebffe6,0 7px 15px #455bca2e}.stage-active .stage-status{color:#2e60d4;background:#e1eaffe6}.stage-pending .stage-marker{color:#8994a4;background:#f5f7f9;border:1px solid #dde2e9}.stage-pending .stage-status{color:#7f8998;background:#f0f2f5}.simple-side-column{grid-template-rows:1fr 1fr;gap:16px;display:grid}.simple-next-card,.simple-meeting-card{padding:21px;transition:transform .25s,box-shadow .25s}.simple-next-card:hover,.simple-meeting-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffffff2,0 20px 44px #283d621a}.simple-next-card{position:relative}.simple-next-card .card-icon{position:absolute;top:20px;right:20px}.simple-next-card h2{max-width:75%;margin-top:12px;font-size:17px}.simple-next-card p{color:#7f8b9d;max-width:85%;margin-top:9px;font-size:9px;line-height:1.5}.meeting-summary{align-items:flex-start;gap:12px;display:flex}.meeting-summary>div{flex:1}.meeting-summary h2{margin-top:6px;font-size:14px}.meeting-date{color:#7d899a;grid-template-columns:auto 1fr auto auto;align-items:center;gap:6px;margin-top:15px;font-size:9px;display:grid}.simple-client-bottom{grid-template-columns:1.4fr .6fr;gap:16px;display:grid}.simple-files-card{min-height:186px}.simple-files-list{grid-template-columns:1fr 1fr;padding:0 16px 15px;display:grid}.simple-files-list .file-row{border-top:1px solid #dce2ecb3;margin:0 4px}.simple-payment-card{justify-content:space-between;align-items:center;gap:15px;min-height:186px;padding:24px;display:flex}.simple-payment-card h2{margin-top:8px;font-size:21px}.simple-payment-card p{color:#8a95a5;margin-top:5px;font-size:8px}.simple-payment-card button{color:#3e61d2;background:#f7f9ff;border:1px solid #dbe3fa;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.client-portal-simple{--sidebar:264px;min-height:100vh;overflow:hidden}.client-portal-simple:before{filter:blur(18px);background:linear-gradient(135deg,#6f5bea38,#2f9aeb1a);width:440px;height:440px;animation:13s ease-in-out infinite alternate glass-orb-one;top:-8%;right:-6%}.client-portal-simple:after{filter:blur(22px);background:linear-gradient(135deg,#20b9cb29,#4a66e01a);width:380px;height:380px;animation:15s ease-in-out infinite alternate glass-orb-two;bottom:-17%;left:12%}.client-portal-simple .client-sidebar{background:radial-gradient(circle at 10% 5%,#ffffffe6,#0000 27%),linear-gradient(160deg,#ffffffb3,#f4f8ff6e);border:1px solid #ffffffc7;border-radius:24px;width:232px;padding:20px 13px 14px;inset:14px auto 14px 14px;box-shadow:inset 0 1px #fffffff2,0 22px 55px #23365b1f}.client-portal-simple .client-sidebar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffffff1f,#0000 50%);border-radius:18px;position:absolute;inset:8px}.client-portal-simple .client-main{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);padding:24px 32px 42px 0}.client-portal-simple .portal-nav button{transition:transform .25s,color .25s,background .25s,box-shadow .25s}.client-portal-simple .portal-nav button:hover{transform:translate(4px);box-shadow:0 8px 18px #384f9112}.client-portal-simple .portal-nav button svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.client-portal-simple .portal-nav button:hover svg{transform:scale(1.1)rotate(-3deg)}.client-portal-simple .portal-user{margin:0 3px;padding:14px 5px 0}.client-portal-simple .client-help{margin-left:3px;margin-right:3px}.simple-client-header{-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);background:linear-gradient(135deg,#ffffff8c,#ffffff40);border:1px solid #ffffffb8;border-radius:18px;min-height:78px;margin-bottom:14px;padding:14px 18px;animation:.6s cubic-bezier(.2,.8,.2,1) both client-glass-enter;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #283c600d}.simple-client-header .eyebrow{margin-bottom:4px}.client-project-overview{animation:.65s cubic-bezier(.2,.8,.2,1) 80ms both client-glass-enter}.client-project-overview:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2b,#0000);width:24%;animation:6.5s ease-in-out 1.2s infinite hero-glass-shine;position:absolute;top:-35%;bottom:-35%;left:-38%;transform:rotate(18deg)}.client-project-overview .status-badge:before{animation:2.4s ease-in-out infinite status-breathe;box-shadow:0 0 #6fd6ff73}.overview-dates div{transition:transform .28s,background .28s,border-color .28s}.overview-dates div:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-3px)}.client-portal-simple .portal-panel{background:radial-gradient(circle at 0 0,#ffffffc7,#0000 42%),linear-gradient(135deg,#ffffff91,#ffffff45);border-color:#ffffffb8;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 18px 45px #293b6017}.client-portal-simple .portal-panel:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#fff3,#0000 30% 70%,#7160e309);position:absolute;inset:0}.client-portal-simple .portal-panel>*{z-index:1;position:relative}.client-portal-simple .portal-panel:hover{border-color:#fffffffa;transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 24px 55px #293b6021}.project-status-card{animation:.7s cubic-bezier(.2,.8,.2,1) .16s both client-glass-enter}.simple-side-column .portal-panel:first-child{animation:.7s cubic-bezier(.2,.8,.2,1) .22s both client-glass-enter}.simple-side-column .portal-panel:last-child{animation:.7s cubic-bezier(.2,.8,.2,1) .3s both client-glass-enter}.simple-client-bottom .portal-panel:first-child{animation:.7s cubic-bezier(.2,.8,.2,1) .36s both client-glass-enter}.simple-client-bottom .portal-panel:last-child{animation:.7s cubic-bezier(.2,.8,.2,1) .42s both client-glass-enter}.stage-completed .stage-marker{box-shadow:0 8px 16px #3cba912b}.stage-active{position:relative;overflow:hidden}.stage-active:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff94,#0000);animation:4.8s ease-in-out 1.5s infinite active-stage-sheen;position:absolute;inset:0;transform:translate(-110%)}.stage-active>*{z-index:1;position:relative}.stage-active .stage-marker{animation:3s ease-in-out infinite active-marker-float}.simple-next-card .card-icon,.meeting-summary .card-icon{box-shadow:inset 0 1px #fffc,0 8px 18px #535bcb1a}.primary-action{background-image:linear-gradient(100deg,#416ee5 0%,#7557de 45%,#3f7de8 100%);background-size:180% 100%;transition:transform .25s,box-shadow .25s;animation:5s infinite action-gradient;position:relative;overflow:hidden;box-shadow:0 10px 24px #4c55d233}.primary-action:hover{transform:translateY(-2px);box-shadow:0 14px 30px #4c55d24d}.simple-payment-card button,.client-help button,.more-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-portal-functional .portal-nav button{position:relative}.nav-notice{background:#c1ef45;border:2px solid #ffffffe6;border-radius:50%;width:7px;height:7px;position:absolute;right:12px;box-shadow:0 0 0 3px #c1ef4521}.client-header-side{align-items:center;gap:9px;display:flex}.secure-session{color:#20896b;background:#ecfbf6ad;border:1px solid #38b18b24;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.section-back{color:#5c6d84;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 5px -4px;padding:3px 4px;font-size:8px;font-weight:800;display:flex}.section-back:hover{color:#2e60d4}.functional-content-grid,.requests-layout{grid-template-columns:1.3fr .7fr;gap:16px;animation:.55s cubic-bezier(.2,.8,.2,1) both client-glass-enter;display:grid}.functional-content-grid .project-status-card{animation:none}.functional-detail-card{min-height:410px;padding:24px}.functional-detail-card>.card-icon{margin:12px 0 18px}.functional-detail-card h2{font-size:23px}.functional-detail-card>p{color:#718096;margin-top:11px;font-size:10px;line-height:1.65}.detail-callout{background:linear-gradient(135deg,#ebf1ffcc,#f6f4ff8c);border:1px solid #4d70dc24;border-radius:13px;flex-direction:column;gap:5px;margin-top:24px;padding:16px;display:flex}.detail-callout strong{color:#315cc8;text-transform:uppercase;letter-spacing:.07em;font-size:8px}.detail-callout span{color:#263850;font-size:11px;font-weight:800}.detail-callout small{color:#8c97a7;font-size:8px}.outline-action{color:#315dcc;background:#ffffff8c;border:1px solid #4060cc2e;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:17px;padding:10px 12px;font-size:9px;font-weight:800;transition:all .25s;display:flex}.outline-action:hover{color:#fff;background:#3766db;border-color:#3766db;transform:translateY(-1px);box-shadow:0 9px 20px #3766db2e}.functional-list-panel{min-height:420px;padding-bottom:20px;animation:.55s cubic-bezier(.2,.8,.2,1) both client-glass-enter}.functional-panel-head{border-bottom:1px solid #dae1ed9e;justify-content:space-between;align-items:center;min-height:82px;padding:19px 22px;display:flex}.functional-panel-head>div{align-items:center;gap:12px;display:flex}.functional-panel-head h2{font-size:15px}.functional-panel-head p{color:#8a96a7;margin-top:4px;font-size:8px}.card-icon.green{color:#18856a;background:#e3f7f0}.document-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px;display:grid}.document-card{background:linear-gradient(135deg,#ffffff9e,#f2f7ff59);border:1px solid #ffffffbf;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:160px;padding:18px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:inset 0 1px #ffffffe6,0 10px 25px #2a3e620e}.document-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 16px 32px #2a3e621a}.document-type{color:#e04d62;background:#ffedf1;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:900}.document-card>div{flex-direction:column;gap:5px;margin-top:14px;display:flex}.document-card strong{color:#25374f;font-size:11px}.document-card span:not(.document-type){color:#8995a6;font-size:8px}.document-card button{color:#315fd1;background:#ffffffb3;border:1px solid #dbe4fb;border-radius:8px;align-items:center;gap:6px;margin-top:auto;padding:8px 10px;font-size:8px;font-weight:800;display:flex}.featured-meeting,.meeting-guide{min-height:410px;padding:28px}.featured-meeting .card-icon{width:48px;height:48px;margin-top:22px}.featured-meeting h2{max-width:520px;margin-top:18px;font-size:26px}.featured-meeting>p{color:#718096;max-width:540px;margin-top:10px;font-size:10px}.meeting-live{color:#188269;text-transform:uppercase;letter-spacing:.05em;background:#e4f7f0;border-radius:8px;align-items:center;gap:6px;width:max-content;padding:6px 9px;font-size:8px;font-weight:900;display:flex}.meeting-live>span{background:#31b98d;border-radius:50%;width:6px;height:6px;animation:2.4s infinite status-breathe}.meeting-facts{gap:12px;margin:25px 0;display:flex}.meeting-facts span{color:#607086;background:#ffffff75;border:1px solid #dae1edbf;border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-size:9px;display:flex}.featured-meeting .primary-action{width:max-content;padding:11px 17px}.meeting-guide .card-label{display:block}.meeting-guide h2{margin-top:9px;font-size:20px}.meeting-guide ul{flex-direction:column;gap:12px;margin:25px 0;padding:0;list-style:none;display:flex}.meeting-guide li{color:#506077;align-items:center;gap:9px;font-size:9px;display:flex}.meeting-guide li svg{box-sizing:content-box;color:#16836a;background:#e5f7f1;border-radius:50%;padding:4px}.payments-layout{grid-template-columns:.55fr 1.45fr;gap:16px;animation:.55s cubic-bezier(.2,.8,.2,1) both client-glass-enter;display:grid}.payment-overview{color:#fff;flex-direction:column;justify-content:center;min-height:420px;padding:28px;display:flex;background:linear-gradient(145deg,#10325df5,#3854ade6 65%,#1b8eb0d1)!important;border-color:#ffffff2e!important}.payment-overview .card-label,.payment-overview h2,.payment-overview p{color:#fff}.payment-overview h2{margin-top:10px;font-size:31px}.payment-overview>p{color:#c2d1e7;margin-top:5px;font-size:9px}.payment-kpis{grid-template-columns:1fr 1fr;gap:9px;margin-top:30px;display:grid}.payment-kpis div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff24;border-radius:12px;padding:14px}.payment-kpis span,.payment-kpis strong{display:block}.payment-kpis span{color:#b8c8e0;font-size:8px}.payment-kpis strong{color:#fff;margin-top:5px;font-size:11px}.payment-list{padding:10px 20px}.payment-row{border-bottom:1px solid #dbe1eba6;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;min-height:76px;display:grid}.payment-row:last-child{border-bottom:0}.payment-state,.request-state{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.payment-state.paid{color:#fff;background:#35b58c}.payment-state.pending{color:#a66e18;background:#fff3dd}.payment-row>div{flex-direction:column;gap:4px;display:flex}.payment-row>div strong{color:#2b3c53;font-size:10px}.payment-row>div span{color:#929cab;font-size:8px}.payment-row>strong{color:#263850;font-size:10px}.payment-badge,.request-badge{border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800}.payment-badge.paid,.request-badge.completed{color:#238766;background:#e5f7f0}.payment-badge.pending,.request-badge.pending{color:#a26b17;background:#fff2db}.request-form,.request-history{min-height:480px;padding:25px}.form-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.form-title h2{font-size:17px}.form-title p{color:#8692a3;margin-top:4px;font-size:8px}.request-form label{color:#34455c;flex-direction:column;gap:7px;margin-top:15px;font-size:9px;font-weight:800;display:flex}.request-form input,.request-form textarea{color:#1b2d45;resize:vertical;background:#ffffff85;border:1px solid #cfd9e6d1;border-radius:10px;outline:0;width:100%;padding:12px 13px;font-size:10px;font-weight:500;transition:all .2s}.request-form input:focus,.request-form textarea:focus{background:#ffffffd4;border-color:#6380df;box-shadow:0 0 0 4px #5977db1a}.request-form .primary-action{color:#fff;border:0;border-radius:10px;width:100%;margin-top:18px;padding:11px;font-size:9px;font-weight:800}.request-history .functional-panel-head{margin:-25px -25px 5px}.request-list{padding-top:5px}.request-row{border-bottom:1px solid #dbe1eba6;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:72px;display:grid}.request-state.completed{color:#fff;background:#36b58d}.request-state.pending{color:#a56d18;background:#fff2dc}.request-row>div{flex-direction:column;gap:4px;display:flex}.request-row strong{color:#2c3d54;font-size:9px}.request-row>div span{color:#929cab;font-size:8px}.client-toast{z-index:80;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#102b4eeb;border:1px solid #ffffff38;border-radius:12px;align-items:center;gap:8px;padding:12px 15px;font-size:10px;font-weight:800;animation:.3s cubic-bezier(.2,.8,.2,1) both toast-enter;display:flex;position:fixed;bottom:24px;right:28px;box-shadow:0 18px 40px #102b4e40}.client-toast svg{color:#c5f24d}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes client-glass-enter{0%{opacity:0;filter:blur(5px);transform:translateY(16px)scale(.988)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes glass-orb-one{0%{transform:translate(0,0)scale(1)}to{transform:translate(-80px,58px)scale(1.12)}}@keyframes glass-orb-two{0%{transform:translate(0,0)scale(1)}to{transform:translate(95px,-45px)scale(.9)}}@keyframes hero-glass-shine{0%,62%{opacity:0;left:-38%}68%{opacity:1}83%,to{opacity:0;left:120%}}@keyframes status-breathe{0%,to{box-shadow:0 0 #6fd6ff5c}50%{box-shadow:0 0 0 6px #6fd6ff00}}@keyframes active-stage-sheen{0%,65%{transform:translate(-110%)}82%,to{transform:translate(110%)}}@keyframes active-marker-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes action-gradient{0%,to{background-position:0 0}50%{background-position:100% 0}}.login-page{background:#fff;flex-direction:column;min-height:100vh;padding:30px 5vw 19px;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{display:none}.back-home{z-index:2;color:#64738a;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:700;text-decoration:none;display:flex;position:absolute;top:31px;left:5vw}.back-home:hover{color:#315dd3;background:#eef3ff}.login-brand{z-index:2;border-radius:10px;align-self:center;width:190px;height:54px;display:block;position:relative;overflow:hidden}.login-brand img{object-fit:cover;object-position:center 42%;width:190px;height:107px;display:block;transform:translateY(-26px)}.login-layout{z-index:1;flex:1;grid-template-columns:1fr 440px;align-items:center;gap:clamp(50px,8vw,110px);width:min(980px,100%);margin:22px auto 10px;display:grid;position:relative}.login-intro{padding-left:12px}.login-kicker{color:#4163d2;text-transform:uppercase;letter-spacing:.06em;background:#f3f6ff;border:1px solid #d9e2ff;border-radius:99px;align-items:center;gap:6px;width:max-content;margin-bottom:22px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.login-intro h1{letter-spacing:-.055em;font-size:clamp(38px,4.2vw,59px);font-weight:900;line-height:1.04}.login-intro h1 em{color:#5367e3;font-style:normal}.login-intro>p{color:#6d7c91;max-width:480px;margin-top:20px;font-size:13px;line-height:1.7}.login-benefits{flex-direction:column;gap:10px;margin-top:27px;display:flex}.login-benefits span{color:#46566d;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.login-benefits svg{color:#3db18c}.login-card{background:#fff;border:1px solid #cfd8e6;border-radius:22px;width:100%;padding:34px 36px 27px;position:relative;box-shadow:0 28px 72px #10203a2e,0 3px 12px #2563eb14}.login-card-icon{color:#2f5fdd;background:#eef3ff;border:1px solid #dce5ff;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:17px;display:grid}.login-header{text-align:left;margin-bottom:25px}.login-header h2{color:#071a2e;font-size:25px;font-weight:900}.login-header p{color:#65748a;margin-top:7px;font-size:11px}.login-form{flex-direction:column;gap:17px;display:flex}.form-group label{color:#1d2f49;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row label{margin-bottom:7px}.label-row a{color:#4c6bd7;margin-bottom:7px;font-size:9px;font-weight:700;text-decoration:none}.form-group input{color:#10203a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:0;width:100%;height:45px;padding:0 13px;font-size:11px;transition:all .2s}.form-group input::placeholder{color:#8290a3}.form-group input:focus{background:#fff;border-color:#3f6de4;box-shadow:0 0 0 4px #e9efff}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px}.toggle-password{color:#8793a4;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-password:hover{color:#4667d4;background:#f1f4fb}.login-submit{color:#fff;background:linear-gradient(90deg,#3f6de4,#6d58db);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:47px;margin-top:3px;font-size:11px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 9px 20px #4d5bd838}.login-submit svg{transform:rotate(180deg)}.login-submit:hover{transform:translateY(-1px);box-shadow:0 12px 25px #4d5bd84d}.login-submit:disabled{cursor:wait;opacity:.7;transform:none}.button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}.login-error{color:#bc3e4c;background:#fff1f3;border:1px solid #f3cbd0;border-radius:8px;padding:10px 11px;font-size:9px;line-height:1.45}.login-hint{color:#66758c;text-align:center;border-top:1px solid #edf0f4;flex-direction:column;gap:4px;margin-top:21px;padding-top:16px;font-size:8px;display:flex}.login-hint strong{color:#41516a;font-size:9px}.login-hint small{color:#9aa4b2}.login-footer{z-index:1;color:#9aa4b2;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:8px;display:flex;position:relative}.auth-loading,.auth-denied{text-align:center;color:#53627a;background:#fff;place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:24px;font-family:inherit;display:grid}.auth-loading .button-spinner{border-color:#3f6de4 #dbe4f5 #dbe4f5;width:24px;height:24px}.auth-loading p,.auth-denied p{margin:0;font-size:13px;font-weight:700}.auth-denied h1{color:#be123c;margin:0;font-size:28px}.auth-denied button{color:#fff;cursor:pointer;background:#315dd3;border:0;border-radius:9px;margin-top:8px;padding:11px 18px;font-weight:800}@media (width<=1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.team-panel{grid-column:span 2}.client-bottom-grid{grid-template-columns:1fr 1fr}.change-card{grid-column:span 2}}@media (width<=900px){.portal-shell{--sidebar:0px}.portal-sidebar{width:260px;transition:transform .25s;transform:translate(-105%)}.portal-sidebar.is-open{transform:translate(0)}.client-portal-simple .client-sidebar{border-radius:0 22px 22px 0;width:260px;padding:22px 14px 16px;inset:0 auto 0 0}.client-portal-simple .client-main{width:100%;margin-left:0;padding:76px 20px 35px}.sidebar-close{display:block}.sidebar-backdrop{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b19306b;border:0;display:block;position:fixed;inset:0}.mobile-nav-trigger{z-index:20;color:#34445c;background:#fff;border:1px solid #e1e6ed;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;position:fixed;top:16px;left:16px;box-shadow:0 6px 18px #142a481a}.portal-main{width:100%;margin-left:0;padding:76px 20px 35px}.client-main{padding-top:76px}.header-actions{display:none}.dashboard-header,.client-header{align-items:flex-start}.client-date,.table-wrap{display:none}.project-cards{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 15px 15px;display:grid}.project-mobile-card{background:#fff;border:1px solid #e6eaf1;border-radius:12px;padding:15px}.project-mobile-top{align-items:center;gap:9px;display:flex}.project-mobile-top .project-name{flex:1}.project-mobile-meta{color:#7e899a;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;font-size:9px;display:flex}.mobile-progress-label{color:#7e899a;justify-content:space-between;margin-top:15px;font-size:9px;display:flex}.mobile-progress{background:#edf0f5;border-radius:5px;height:6px;margin:7px 0 14px;overflow:hidden}.project-mobile-card .manage-button{width:100%}.client-content-grid{grid-template-columns:1fr}.client-side-stack{grid-template-columns:1fr 1fr;display:grid}.simple-client-grid{grid-template-columns:1fr}.simple-side-column{grid-template-rows:auto;grid-template-columns:1fr 1fr}.functional-content-grid,.requests-layout,.payments-layout{grid-template-columns:1fr}.functional-detail-card,.featured-meeting,.meeting-guide,.request-form,.request-history,.payment-overview{min-height:auto}.login-layout{grid-template-columns:1fr 420px;gap:30px}.login-intro h1{font-size:38px}}@media (width<=680px){.portal-main,.client-portal-simple .client-main{padding-left:14px;padding-right:14px}.dashboard-header h1,.client-header h1{font-size:25px}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric-card{min-height:110px}.project-cards{grid-template-columns:1fr}.panel-heading{padding:15px}.panel-heading>.text-button{display:none}.lower-grid{grid-template-columns:1fr}.team-panel{grid-column:auto}.project-hero-card{grid-template-columns:1fr}.project-hero-copy{padding:27px 23px}.project-hero-visual{display:none}.client-summary-grid,.client-side-stack,.client-bottom-grid{grid-template-columns:1fr}.change-card{grid-column:auto}.client-project-overview{flex-direction:column;align-items:flex-start;padding:24px 20px}.overview-dates{width:100%}.overview-dates div{flex:1;min-width:0}.status-key{display:none}.simple-side-column,.simple-client-bottom,.simple-files-list{grid-template-columns:1fr}.client-header-side,.secure-session{display:none}.document-list{grid-template-columns:1fr}.document-card{min-height:145px}.meeting-facts,.payment-kpis{flex-direction:column;grid-template-columns:1fr}.payment-row{grid-template-columns:auto 1fr auto}.payment-row>strong{display:none}.request-row{grid-template-columns:auto 1fr}.request-row>.request-badge{grid-column:2;width:max-content}.client-toast{justify-content:center;bottom:14px;left:14px;right:14px}.current-stage-card h2,.next-step-card h2{max-width:75%}.client-main{padding-bottom:30px}.login-page{padding:24px 18px 17px}.back-home{top:20px;left:13px}.login-brand{margin-top:2px}.login-layout{grid-template-columns:1fr;margin-top:42px}.login-intro{display:none}.login-card{max-width:440px;margin:0 auto;padding:28px 24px 23px}.login-footer{justify-content:center}.login-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.client-portal-simple:before,.client-portal-simple:after,.simple-client-header,.client-project-overview,.client-project-overview:after,.project-status-card,.simple-side-column .portal-panel,.simple-client-bottom .portal-panel,.client-project-overview .status-badge:before,.stage-active:after,.stage-active .stage-marker,.primary-action{animation:none!important}.client-portal-simple .portal-panel,.client-portal-simple .portal-nav button,.overview-dates div,.primary-action{transition:none!important}}.factory-minimal{--sidebar:224px;--factory-sidebar-bg:#071a2e;--factory-brand-blue:#078ed1;font-feature-settings:"kern" 1, "liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f7f8fa;font-family:Satoshi,Arial,sans-serif}.factory-minimal button,.factory-minimal input,.factory-minimal textarea,.factory-minimal select{font-family:inherit}.factory-minimal .portal-sidebar{width:var(--sidebar);background:var(--factory-sidebar-bg);border-right:1px solid #517fa524;padding:18px 13px 14px;box-shadow:10px 0 32px #071a2e0f}.factory-minimal .sidebar-top{min-height:46px;padding:0 5px}.factory-minimal .portal-logo{width:174px;height:43px}.factory-brand-logo{background:var(--factory-sidebar-bg);width:174px;height:43px;display:block;position:relative;overflow:hidden}.factory-brand-logo img{width:190px;max-width:none;height:auto;position:absolute;top:-25px;left:-12px}.factory-minimal .portal-logo-mark{width:31px;height:31px;box-shadow:none;background:#4e6df2;border-radius:9px}.factory-minimal .sidebar-workspace{background:#0b2139;border:1px solid #719dc329;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin:21px 1px 20px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff09}.factory-minimal .workspace-symbol{color:#8eb5ff;background:#466ecd21;border:1px solid #6f99eb29;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.factory-minimal .sidebar-workspace div{flex-direction:column;gap:3px;min-width:0;display:flex}.factory-minimal .sidebar-workspace small{color:#647c99;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.factory-minimal .sidebar-workspace strong{color:#f2f6fc;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.factory-minimal .workspace-status{background:#39c69a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #39c69a1a}.factory-minimal .sidebar-section-title{color:#506985;letter-spacing:.16em;text-transform:uppercase;margin:0 10px 8px;font-size:8.5px;font-weight:800;display:block}.factory-minimal .portal-nav{gap:5px}.factory-minimal .portal-nav button{color:#91a5be;letter-spacing:-.005em;border:1px solid #0000;border-radius:11px;min-height:44px;padding:7px 9px;font-size:12.5px;font-weight:500}.factory-minimal .portal-nav button:hover{color:#e8f0fb;background:#ffffff09;border-color:#789abe1a;transform:translate(2px)}.factory-minimal .nav-icon{color:#7891ad;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;transition:color .2s,background .2s;display:grid}.factory-minimal .portal-nav button.active{color:#fff;box-shadow:inset 3px 0 var(--factory-brand-blue),0 8px 20px #030f1e21;background:#10365a;border-color:#078ed157;font-weight:700}.factory-minimal .portal-nav button.active .nav-icon{color:#bdeaff;background:#12476f}.factory-minimal .nav-count{background:#526ff2;border:1px solid #8ea0ff33;border-radius:8px;min-width:22px;height:22px;padding:0 6px;box-shadow:0 4px 10px #2442be38}.factory-minimal .portal-main{width:calc(100% - var(--sidebar));max-width:1500px;margin-left:var(--sidebar);padding:30px clamp(22px,3vw,42px) 44px}.factory-minimal .dashboard-header{margin-bottom:25px}.factory-minimal .eyebrow{letter-spacing:.15em;font-size:9px;font-weight:700}.factory-minimal .dashboard-header h1{letter-spacing:-.04em;margin-top:3px;font-size:29px;font-weight:700;line-height:1.08}.factory-minimal .dashboard-header p{color:#68778d;letter-spacing:-.005em;margin-top:8px;font-size:12.5px;font-weight:400;line-height:1.45}.factory-minimal .dashboard-search{width:min(330px,30vw);height:42px;box-shadow:none;background:#fff;border-color:#dfe4eb}.factory-minimal .dashboard-search input{font-size:11.5px;font-weight:400}.factory-minimal .dashboard-search kbd{color:#94a0b1;background:#f7f8fa;border:1px solid #e4e8ee;border-radius:5px;font-size:8px}.factory-minimal .icon-button{background:#fff;border-color:#dfe4eb;width:42px;height:42px}.refresh-button .is-spinning{animation:.75s linear infinite workspace-spin}@keyframes workspace-spin{to{transform:rotate(360deg)}}.factory-minimal .metrics-grid{gap:13px;margin-bottom:16px}.factory-minimal .metric-card{min-height:116px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border-color:#e3e7ed;border-radius:14px;padding:20px;box-shadow:0 1px 2px #10203a06}.factory-minimal .metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #10203a12}.metric-arrow{color:#b3bdca;transition:transform .2s,color .2s;position:absolute;top:18px;right:16px}.metric-card:hover .metric-arrow{color:#5771dc;transform:translate(2px)}.factory-minimal .metric-accent{display:none}.factory-minimal .metric-copy>span{font-size:11px;font-weight:500}.factory-minimal .metric-copy strong{letter-spacing:-.035em;font-size:27px;font-weight:700}.workspace-alert{color:#9b3344;background:#fff6f7;border:1px solid #f0cbd2;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:14px 16px;display:flex}.workspace-alert div{flex-direction:column;gap:3px;display:flex}.workspace-alert strong{font-size:11px}.workspace-alert span{color:#a96974;font-size:9px}.workspace-alert button,.empty-workspace button{color:#315dd3;background:#fff;border:1px solid #cfd9f7;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:800}.factory-minimal .portal-panel{background:#fff;border-color:#e3e7ed;border-radius:14px;box-shadow:0 1px 2px #10203a06}.factory-minimal .panel-heading h2,.factory-minimal .portal-panel h2{letter-spacing:-.025em;font-size:15.5px;font-weight:700}.factory-minimal .panel-heading p{font-size:9.5px;font-weight:400;line-height:1.45}.factory-minimal .projects-panel{margin-bottom:16px;overflow:visible}.factory-minimal .panel-heading{min-height:70px;padding:18px 20px}.projects-heading{gap:20px}.status-filters{justify-content:flex-end;align-items:center;gap:4px;display:flex;overflow-x:auto}.status-filters button{color:#7a8798;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;padding:7px 9px;font-size:8.5px;font-weight:500}.status-filters button.active{font-weight:700}.status-filters button:hover{color:#405674;background:#f5f7fa}.status-filters button.active{color:#345fd3;background:#f1f5ff;border-color:#dce4fb}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 16px;display:grid}.workspace-project-card{background:#fff;border:1px solid #e6e9ee;border-radius:12px;min-width:0;padding:17px;transition:border-color .2s,box-shadow .2s,transform .2s}.workspace-project-card:hover{border-color:#d4dcec;transform:translateY(-2px);box-shadow:0 12px 28px #13254212}.workspace-project-top,.workspace-project-footer,.workspace-progress-label{justify-content:space-between;align-items:center;display:flex}.workspace-project-card .project-symbol{width:36px;height:36px;font-size:9px}.workspace-project-copy{margin-top:16px}.workspace-project-copy h3{color:#14243b;letter-spacing:-.02em;margin:0;font-size:14.5px;font-weight:500;line-height:1.25}.workspace-project-copy p{color:#7e8b9d;margin-top:5px;font-size:9.5px;font-weight:400}.workspace-stage{background:#f7f8fa;border-radius:9px;flex-direction:column;gap:4px;margin-top:20px;padding:11px 12px;display:flex}.workspace-stage span,.workspace-progress-label span{color:#8491a3;font-size:8.5px;font-weight:400}.workspace-stage strong{color:#43536a;font-size:9.5px;font-weight:500}.workspace-progress-label{margin-top:16px}.workspace-progress-label strong{color:#334761;font-size:9.5px;font-weight:700}.workspace-progress{background:#edf0f4;border-radius:99px;height:5px;margin-top:7px;overflow:hidden}.workspace-progress progress,.drawer-progress progress{appearance:none;border-radius:inherit;border:0;width:100%;height:100%;display:block}.workspace-progress progress::-webkit-progress-bar{background:#edf0f4}.drawer-progress progress::-webkit-progress-bar{background:#edf0f4}.workspace-progress progress::-webkit-progress-value{background:#5572e8;border-radius:99px}.drawer-progress progress::-webkit-progress-value{background:#5572e8;border-radius:99px}.workspace-progress progress::-moz-progress-bar{background:#5572e8;border-radius:99px}.drawer-progress progress::-moz-progress-bar{background:#5572e8;border-radius:99px}.workspace-project-footer{border-top:1px solid #edf0f3;margin-top:17px;padding-top:13px}.workspace-project-footer>span{color:#96a0af;align-items:center;gap:5px;font-size:8.5px;font-weight:400;display:flex}.workspace-project-footer button{color:#3f62cc;background:0 0;border:0;align-items:center;gap:2px;padding:4px;font-size:8.5px;font-weight:700;display:flex}.project-loading-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 16px;display:grid}.project-loading-grid span{background:linear-gradient(90deg,#f4f6f8 25%,#fafbfc 50%,#f4f6f8 75%) 0 0/200% 100%;border-radius:12px;min-height:245px;animation:1.2s linear infinite workspace-loading}@keyframes workspace-loading{to{background-position:-200% 0}}.empty-workspace{color:#8a95a5;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:240px;display:flex}.empty-workspace strong{color:#33445c;font-size:12px}.empty-workspace span{font-size:9px}.empty-workspace button{margin-top:6px}.minimal-lower-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.minimal-lower-grid .compact-panel{min-height:232px}.interactive-list-row{text-align:left;background:0 0;border:0;width:calc(100% - 34px)}.interactive-list-row:hover,.meeting-list-row:hover{background:#f9fafc}.meeting-list-row{color:inherit;border-top:1px solid #eff2f5;align-items:center;gap:10px;margin:0 17px;padding:9px 3px;text-decoration:none;display:flex}.meeting-date-tile{color:#4263ce;background:#eef3ff;border-radius:8px;place-content:center;justify-items:center;width:34px;height:38px;display:grid}.meeting-date-tile strong{font-size:12px;line-height:1}.meeting-date-tile small{text-transform:uppercase;margin-top:3px;font-size:7px}.meeting-list-row>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.meeting-list-row>div strong{color:#26364d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.meeting-list-row>div span{color:#929dac;font-size:8px}.meeting-list-row>svg{color:#a3adba}.small-empty-state{color:#9aa4b2;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;font-size:9px;display:flex}.project-drawer-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08142647;justify-content:flex-end;animation:.18s both drawer-fade;display:flex;position:fixed;inset:0}.project-drawer{background:#fff;width:min(420px,100%);height:100%;padding:30px;animation:.25s cubic-bezier(.2,.8,.2,1) both drawer-enter;position:relative;overflow-y:auto;box-shadow:-18px 0 60px #0e1f3929}@keyframes drawer-fade{0%{opacity:0}}@keyframes drawer-enter{0%{opacity:.7;transform:translate(36px)}}.drawer-close{color:#69778b;background:#fff;border:1px solid #e2e7ed;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:22px;right:22px}.drawer-eyebrow{color:#5270dc;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.drawer-title{align-items:center;gap:12px;margin:20px 0 16px;display:flex}.drawer-title .project-symbol{width:45px;height:45px}.drawer-title h2{font-size:20px}.drawer-title p{color:#8490a1;margin-top:5px;font-size:10px}.drawer-description{color:#6f7d91;font-size:10px;line-height:1.65;margin-top:18px!important}.drawer-details{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 12px;display:grid}.drawer-details div{background:#fafbfc;border:1px solid #e7eaf0;border-radius:10px;padding:12px}.drawer-details dt{color:#929cab;font-size:8px}.drawer-details dd{color:#2f4159;margin:5px 0 0;font-size:10px;font-weight:800}.drawer-progress{background:#edf0f4;border-radius:99px;height:6px;overflow:hidden}.drawer-section{margin-top:28px}.drawer-section h3{color:#24364e;margin:0 0 10px;font-size:11px}.drawer-section>p{color:#98a1ae;font-size:9px}.drawer-row{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.drawer-row span{color:#57667a;font-size:9px}.drawer-row strong{color:#526bd8;font-size:8px}.workspace-section-view{min-height:520px;overflow:hidden}.section-view-heading{border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:18px 21px;display:flex}.section-view-heading h2{color:#172942;margin:0;font-size:15px}.section-view-heading p{color:#8995a6;margin-top:5px;font-size:9px}.section-total{color:#5069d3;background:#f5f7ff;border:1px solid #dfe6fb;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:800;display:flex}.section-tabs{background:#f3f5f8;border-radius:10px;gap:5px;padding:4px;display:flex}.section-tabs button{color:#7b8798;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:800}.section-tabs button.active{color:#3f5fc8;background:#fff;box-shadow:0 2px 8px #1f355b14}.activity-timeline{padding:8px 21px 18px}.timeline-entry{width:100%;min-height:68px;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:20px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:10px 5px;display:grid}.timeline-entry:not(:disabled):hover{background:#fafbfc}.timeline-entry:disabled{cursor:default}.timeline-marker{border-radius:50%;width:9px;height:9px;margin-left:4px;box-shadow:0 0 0 5px #f3f6fb}.timeline-entry div{flex-direction:column;gap:5px;min-width:0;display:flex}.timeline-entry strong{color:#2b3c54;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.timeline-entry span{color:#8290a3;font-size:8px}.timeline-entry time{color:#8e99a8;white-space:nowrap;font-size:8px}.timeline-entry>svg{color:#a4aebb}.action-feedback{color:#3f5fc7;background:#f5f7ff;border:1px solid #dce4fb;border-radius:9px;margin:14px 21px 0;padding:10px 12px;font-size:9px;font-weight:700}.approval-management-list{padding:8px 21px 18px}.approval-management-row{border-bottom:1px solid #edf0f4;grid-template-columns:42px minmax(170px,1fr) auto auto;align-items:center;gap:13px;min-height:82px;padding:12px 4px;display:grid}.approval-main-icon{color:#7658df;background:#f0ebff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.approval-management-copy{min-width:0}.approval-management-copy>span{color:#6379cd;font-size:8px;font-weight:800}.approval-management-copy h3{color:#26384f;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:11px;overflow:hidden}.approval-management-copy small{color:#96a0ad;font-size:8px}.approval-state{border-radius:99px;padding:6px 8px;font-size:8px;font-weight:800}.approval-pending{color:#a56a14;background:#fff2db}.approval-approved{color:#168160;background:#e7f8f1}.approval-rejected{color:#bd5260;background:#ffedf0}.approval-actions{align-items:center;gap:6px;display:flex}.approval-actions button{border-radius:8px;align-items:center;gap:5px;min-height:31px;padding:6px 9px;font-size:8px;font-weight:800;display:flex}.approval-detail{color:#50627a;background:#fff;border:1px solid #e1e6ec}.approval-reject{color:#b85663;background:#fff7f8;border:1px solid #f0d8dc}.approval-confirm{color:#fff;background:#526fe2;border:1px solid #4966da}.approval-actions button:disabled{opacity:.55;cursor:wait}.meeting-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 21px 21px;display:grid}.meeting-management-card{background:#fff;border:1px solid #e5e9ef;border-radius:12px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid;box-shadow:0 3px 12px #152b4906}.meeting-calendar-block{color:#4664ce;background:#eef3ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:50px;min-height:64px;display:flex}.meeting-calendar-block span,.meeting-calendar-block small{text-transform:uppercase;font-size:7px;font-weight:800}.meeting-calendar-block strong{margin:2px 0;font-size:19px;line-height:1}.meeting-management-copy{min-width:0}.meeting-management-copy>span{color:#7085d2;font-size:8px;font-weight:800}.meeting-management-copy h3{color:#26384f;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:11px;overflow:hidden}.meeting-management-copy p{color:#8c98a8;align-items:center;gap:5px;font-size:8px;display:flex}.meeting-project-button{color:#53657d;background:#f9fafc;border:1px solid #e1e6ed;border-radius:7px;grid-column:2;justify-self:start;padding:6px 9px;font-size:8px;font-weight:800}.meeting-project-button:hover{color:#4562ca;background:#f4f7ff;border-color:#d6def6}.meeting-join-button,.meeting-link-missing{border-radius:8px;grid-area:1/3/span 2;align-items:center;gap:5px;padding:8px 10px;font-size:8px;font-weight:800;text-decoration:none;display:flex}.meeting-join-button{color:#fff;background:#526fe2}.meeting-link-missing{color:#8a95a4;background:#f2f4f7}@media (width<=1180px){.project-grid,.project-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.minimal-lower-grid{grid-template-columns:1fr 1fr}.minimal-lower-grid .meetings-panel{grid-column:span 2}.meeting-management-grid{grid-template-columns:1fr}.approval-management-row{grid-template-columns:42px minmax(160px,1fr) auto}.approval-actions{grid-column:2/-1}}@media (width<=900px){.factory-minimal{--sidebar:0px}.factory-minimal .portal-sidebar{width:260px}.factory-minimal .portal-main{width:100%;margin-left:0;padding-top:75px}.factory-minimal .header-actions{display:flex}.factory-minimal .header-profile,.factory-minimal .notification-button{display:none}.factory-minimal .dashboard-search{width:min(330px,50vw)}}@media (width<=680px){.factory-minimal .dashboard-header{flex-direction:column;gap:16px}.factory-minimal .header-actions,.factory-minimal .dashboard-search{width:100%}.factory-minimal .refresh-button{flex:none}.projects-heading{flex-direction:column;align-items:flex-start}.status-filters{justify-content:flex-start;width:100%}.project-grid,.project-loading-grid,.minimal-lower-grid{grid-template-columns:1fr}.minimal-lower-grid .meetings-panel{grid-column:auto}.project-drawer{padding:26px 22px}.section-view-heading{flex-direction:column;align-items:flex-start}.timeline-entry{grid-template-columns:18px minmax(0,1fr) 16px}.timeline-entry time{grid-column:2}.approval-management-row{grid-template-columns:38px minmax(0,1fr)}.approval-state{grid-column:2;width:max-content}.approval-actions{flex-wrap:wrap;grid-column:1/-1}.meeting-management-card{grid-template-columns:50px minmax(0,1fr)}.meeting-join-button,.meeting-link-missing{grid-area:auto/1/auto/-1;justify-content:center}}.auth-flow-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-flow-card{background:#fff;border:1px solid #dbe4f0;border-radius:24px;width:calc(100% - 40px);max-width:470px;padding:38px;box-shadow:0 24px 64px #0f23401f}.auth-flow-card h1{color:#0f2340;margin:20px 0 8px;font-size:2rem}.auth-flow-card>p{color:#667791;margin:0 0 24px}.auth-flow-success,.auth-flow-error{color:#176c58;background:#effcf8;border:1px solid #b8ebdc;border-radius:12px;margin-top:24px;padding:16px;line-height:1.6}.auth-flow-error{color:#9f2d2d;background:#fff4f4;border-color:#f5c2c2}.password-requirements{color:#667791;line-height:1.5;display:block}.project-progress-native{accent-color:#4d6df3;width:100%;height:10px;margin:20px 0}.workspace-empty{color:#667791;text-align:center;background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:40px}.workspace-empty h2{color:#0f2340;margin:0 0 8px}
